.shop-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + clamp(40px,7vw,100px)) 0 clamp(40px,5vw,70px);isolation:isolate}.shop-hero-dots{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgb(255 210 31 / .1) 29%,transparent 30%) 0 0 / 56px 56px;mask-image:linear-gradient(180deg,#000 30%,transparent)}.shop-hero-inner{position:relative;display:grid;grid-template-columns:1fr minmax(0,420px);align-items:end;gap:24px 48px}.shop-title{font-family:var(--f-head);font-weight:900;font-size:clamp(64px,11vw,180px);line-height:1;color:var(--yellow)}html[lang=en] .shop-title{font-weight:400;text-transform:uppercase;line-height:.9}.shop-big{position:absolute;inset-inline-end:var(--gutter);top:-4%;z-index:-1;font-size:clamp(140px,24vw,380px);--stroke: rgb(242 235 223 / .12);-webkit-text-stroke-width:2px;pointer-events:none}@media(max-width:760px){.shop-hero-inner{grid-template-columns:1fr}}.shop-bar{position:sticky;top:calc(var(--header-h) - 4px);z-index:40;background:#f2ebdfe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:top .6s var(--ease)}.site-header.is-hidden~main .shop-bar{top:0}.shop-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-block:14px}.shop-bar .opt small{font-size:11px;opacity:.6}.shop-tools{display:flex;align-items:center;gap:16px}.shop-count{font-size:14px;color:var(--muted);white-space:nowrap}.shop-count b{color:var(--ink)}@media(max-width:640px){.shop-bar .opt-group{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.shop-bar .opt{flex-shrink:0}.shop-tools{width:100%;justify-content:space-between}}.shop-body{padding-block:clamp(32px,4vw,56px) clamp(80px,9vw,140px)}.shop-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(14px,1.6vw,24px)}.shop-grid [hidden]{display:none!important}@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-sub,.p-card .sw-row{display:none}.p-info{grid-template-columns:1fr}.p-price{grid-row:auto;grid-column:1}}.p-card[data-type=sirwal] .p-media img:first-child{object-fit:contain;background:linear-gradient(#0d0d0d8c,#0d0d0d8c),url(../img/fabrics/souq-onbody.webp) center / cover}.promo-tile{grid-column:span 2;position:relative;display:grid;align-content:space-between;justify-items:start;gap:20px;min-height:100%;padding:clamp(24px,3vw,44px);border-radius:var(--radius);background:radial-gradient(circle,rgb(255 255 255 / .12) 29%,transparent 30%) 0 0 / 46px 46px,var(--blue);color:var(--white);overflow:hidden;isolation:isolate}.promo-tile strong{font-family:var(--f-head);font-weight:900;font-size:clamp(30px,3.4vw,56px);line-height:1.15;max-width:12ch}html[lang=en] .promo-tile strong{font-weight:400;text-transform:uppercase;line-height:1}.promo-logo{position:absolute;z-index:-1;inset-inline-end:-6%;bottom:8%;width:62%;rotate:-8deg;transition:rotate .6s var(--spring),scale .6s var(--spring)}.promo-logo svg{width:100%;height:auto;aspect-ratio:386 / 178}.promo-tile:hover .promo-logo{rotate:-2deg;scale:1.06}@media(max-width:760px){.promo-tile{min-height:340px}}.tape-x--single{height:auto;padding-block:10px;background:var(--cream)}.tape-x.tape-x--single .tape{position:relative;transform:rotate(-1.2deg)}
