.shops{width:100%;min-height:100dvh;padding:var(--spacing-xl)var(--inlineSection);flex-direction:column;padding-top:0;display:flex}@media (max-width:768px){.shops{padding-inline:0}}.shops .container{width:100%;max-width:var(--maxPageW);align-items:center;gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}@media (max-width:768px){.shops .container{gap:var(--spacing-md);align-items:stretch}}.shops .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.shops .hero .title{text-align:center;color:var(--text);font-size:6em;font-weight:600;line-height:1.15}.shops .hero .title .line{text-align:center;display:inline}.shops .hero .title .word{vertical-align:bottom;padding-bottom:.08em;display:inline-flex;overflow:hidden}.shops .hero .title .inner{will-change:transform,opacity;display:inline-block}.shops .hero .title .line:first-child .word:first-child .inner{background:linear-gradient(350deg,var(--primary)65%,var(--secondary)85%,#fffaef 95%);-webkit-text-fill-color:#0000;background-position:0 0;background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.shops .hero .title .line:first-child .word:first-child{position:relative}.shops .hero .title .line:first-child .word:first-child:after{content:attr(data-text);z-index:2;width:100%;height:100%;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;-webkit-text-fill-color:#0000;mix-blend-mode:screen;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:250% 250%;-webkit-background-clip:text;background-clip:text;align-items:flex-end;padding-bottom:.08em;display:flex;position:absolute;top:0;right:0}@media (max-width:1024px){.shops .hero .title{font-size:4.5em}}@media (max-width:768px){.shops .hero .title{font-size:var(--font-2xl);text-align:center}}@media (max-width:480px){.shops .hero .title{font-size:var(--font-2xl)}}@media (max-width:768px){.shops .hero{padding-inline:var(--inlineSection)}}.shops .controls{justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:768px){.shops .controls{justify-content:flex-start}}.shops .tabsArea{z-index:1;justify-content:center;align-items:center;gap:0;display:flex;overflow:visible}@media (max-width:768px){.shops .tabsArea{width:100%;overflow:hidden}.shops .tabsArea.expanded .tabsWrap{opacity:0;pointer-events:none;flex:0 0 0;max-width:0;overflow:hidden}}.shops .tabsWrap{justify-content:center;align-items:center;width:fit-content;transition:flex .35s cubic-bezier(.4,0,.2,1),opacity .25s,max-width .35s cubic-bezier(.4,0,.2,1);display:flex}.shops .tabs{flex-shrink:0;width:fit-content;padding:0}@media (max-width:768px){.shops .tabs{width:100%;min-width:0}}.shops .searchWrap{flex-shrink:0;align-items:center;display:flex}.shops .searchWrap>*{border-radius:var(--radius-pill)}@media (max-width:768px){.shops .searchWrap{transition:flex .35s cubic-bezier(.4,0,.2,1)}}.shops .grid{--gridGap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,calc((100% - var(--gridGap)*3)/4)));gap:var(--gridGap);justify-content:start;align-items:stretch;width:100%;display:grid;position:relative}@media (max-width:1400px){.shops .grid{grid-template-columns:repeat(3,minmax(0,calc((100% - var(--gridGap)*2)/3)))}}@media (max-width:1024px){.shops .grid{grid-template-columns:repeat(2,minmax(0,calc((100% - var(--gridGap))/2)))}}@media (max-width:767px){.shops .grid{--gridGap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,calc((100% - var(--gridGap)*2)/3)));padding-inline:var(--inlineSection)}}@media (max-width:560px){.shops .grid{--gridGap:var(--spacing-xs);grid-template-columns:repeat(2,minmax(0,calc((100% - var(--gridGap))/2)))}}.shops .cell{justify-content:stretch;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:0;display:flex}.shops .cell .shopCard,.shops .cell .shopCardCompact{flex:auto;width:100%;min-width:0;max-width:100%}.shops .empty{grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:26em;display:flex}@media (max-width:768px){.shops .empty{min-height:18em}}