.pdp{padding-top:calc(var(--header-h) + 22px);padding-bottom:clamp(56px,7vw,100px)}.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:18px}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink);font-weight:600}.pdp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,4.5vw,80px);align-items:start}@media(max-width:920px){.pdp-grid{grid-template-columns:1fr}}.pdp-gallery{position:sticky;top:calc(var(--header-h) + 14px);display:grid;gap:12px}@media(max-width:920px){.pdp-gallery{position:relative;top:0}}.g-stage{position:relative;aspect-ratio:4 / 4.6;border-radius:24px;overflow:hidden;background:var(--cream-2);touch-action:pan-y}.g-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;overflow:hidden}.g-slide.is-active{opacity:1;visibility:visible}.g-slide img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.g-slide--art{background:#070707}.g-slide--art img{object-fit:contain}.g-slide--contain img{object-fit:contain;background:linear-gradient(#0d0d0d99,#0d0d0d99),url(../img/fabrics/souq-onbody.webp) center / cover}.g-slide.is-zoom img{transform:scale(2);cursor:zoom-in}.g-slide--outfit{display:grid;place-items:center;background:radial-gradient(60% 45% at 50% 38%,#fff 0%,transparent 70%),radial-gradient(circle at 1px 1px,rgb(13 13 13 / .08) 1.3px,transparent 1.5px) 0 0 / 16px 16px,var(--cream)}.g-outfit{height:94%;width:auto}.g-outfit--sirwal{height:170%;translate:0 -17%}.g-note{position:absolute;bottom:14px;inset-inline:14px;width:fit-content;margin-inline:auto;padding:6px 12px;border-radius:999px;background:#0d0d0dbf;color:var(--cream);font-size:12px;font-weight:600}.g-code{position:absolute;top:16px;inset-inline-start:16px;z-index:2;padding:5px 12px;border-radius:999px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:14px;pointer-events:none}.g-arrows{position:absolute;z-index:2;bottom:14px;inset-inline-end:14px;display:flex;gap:6px}.g-arrows .icon-btn{background:#f2ebdfeb;color:var(--ink)}.g-arrows .icon-btn:hover{background:var(--yellow)}.g-arrows [data-g-prev] svg{transform:scaleX(-1)}[dir=ltr] .g-arrows [data-g-prev] svg{transform:none}.g-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.g-thumb{position:relative;flex:0 0 82px;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;background:var(--cream-2);opacity:.55;outline:2px solid transparent;outline-offset:2px;transition:opacity .3s,outline-color .3s}.g-thumb img{width:100%;height:100%;object-fit:cover}.g-thumb:hover{opacity:.85}.g-thumb.is-active{opacity:1;outline-color:var(--ink)}.g-thumb-live{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:4px;background:var(--blue);color:var(--white);font-size:10.5px;font-weight:700}.g-thumb-live svg{width:58px;height:27px}.pdp-info{display:grid;gap:16px;padding-top:6px}.pdp-title{font-family:var(--f-head);font-weight:900;font-size:clamp(30px,3.2vw,52px);line-height:1.2;text-wrap:balance}html[lang=en] .pdp-title{font-weight:400;text-transform:uppercase;line-height:1.02}.pdp-price{font-family:var(--f-latin);font-weight:800;font-size:22px}.pdp-blurb{color:color-mix(in srgb,var(--ink) 75%,transparent);max-width:52ch}.pdp-options{display:grid;gap:22px;padding-block:18px;border-block:1px solid var(--line)}.opt-block{display:grid;gap:10px}.opt-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.opt-title span{font-weight:700}.opt-title b{font-weight:600;color:var(--muted)}.link-btn{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.opt-group--statements{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.st-opt{position:relative;min-width:0;display:grid;place-items:center;gap:2px;aspect-ratio:1;padding:8px 6px 4px;border-radius:14px;background:var(--ink);border:2px solid var(--ink);color:var(--cream);transition:transform .3s var(--spring),box-shadow .3s}.st-opt img{width:100%;height:100%;min-height:0;object-fit:contain}.st-opt{grid-template-rows:minmax(0,1fr) auto}.st-opt span{font-size:10px;opacity:.7}.st-opt:hover{transform:translateY(-3px)}.st-opt[aria-checked=true]{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--magenta)}.cw-opt{width:74px;height:46px;padding:6px 8px;border-radius:12px;background:linear-gradient(#0d0d0d80,#0d0d0d80),url(../img/fabrics/kilim-ref.webp) center / 160%;transition:transform .3s var(--spring)}.cw-opt svg{width:100%;height:100%}.cw-opt:hover{transform:scale(1.06)}.cw-opt[aria-checked=true]{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--ink)}.fab-opt{width:52px;height:52px;border-radius:50%;background-size:220%;background-position:center;box-shadow:inset 0 0 0 1px #00000026;transition:transform .3s var(--spring)}.fab-opt:hover{transform:scale(1.08) rotate(8deg)}.fab-opt[aria-checked=true]{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--ink)}.recipe{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:13px;color:var(--muted)}.recipe .sw-strip{height:14px}.pdp-actions{display:grid;gap:10px}.pdp-actions .btn{min-height:60px;font-size:17px}.pdp-perk{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.pdp-perk svg{width:32px;height:24px;color:var(--magenta);flex-shrink:0}.acc{border-bottom:1px solid var(--line)}.acc summary{display:flex;justify-content:space-between;align-items:center;padding-block:16px;font-weight:700;cursor:pointer;list-style:none}.acc summary::-webkit-details-marker{display:none}.acc summary svg{width:18px;height:18px;transition:transform .4s var(--ease)}.acc[open] summary svg{transform:rotate(45deg)}.acc>p,.acc>dl{padding-bottom:18px;font-size:14.5px;color:color-mix(in srgb,var(--ink) 78%,transparent)}.spec{display:grid;gap:10px}.spec div{display:grid;grid-template-columns:110px 1fr;gap:12px}.spec dt{font-weight:700;color:var(--magenta)}.spec dd{margin:0}.pdp-fine{font-size:12.5px;color:var(--muted)}.wear-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}.wear-head{display:grid;gap:16px}.wear-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}.wear-steps li{display:grid;align-content:start;gap:12px;padding:24px;border-radius:20px;background:#171717;border:1px solid var(--line);transition:transform .4s var(--spring),background .3s}.wear-steps li:hover{transform:translateY(-6px) rotate(-1deg);background:var(--blue)}.wear-steps .num{font-size:40px;line-height:1;color:var(--yellow)}.wear-steps p{color:var(--muted)}.wear-steps li:hover p{color:var(--white)}@media(max-width:920px){.wear-grid,.wear-steps{grid-template-columns:1fr}}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}@media(max-width:920px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.related-grid .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}.buy-bar{position:fixed;z-index:80;inset-inline:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 18px;border-radius:20px;background:var(--ink);color:var(--cream);box-shadow:0 20px 40px -18px #0009;animation:toast-in .5s var(--spring)}[dir=rtl] .buy-bar{padding:10px 18px 10px 10px}.buy-bar[hidden]{display:none}.buy-bar-info{display:grid;min-width:0}.buy-bar-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buy-bar-info span{font-size:13px;color:var(--yellow)}@media(min-width:921px){.buy-bar{inset-inline:auto 24px;width:420px}[dir=rtl] .buy-bar{inset-inline:auto 24px}}.size-guide{display:none}.size-guide[open]{display:grid;gap:18px}.sg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-grid>div{display:grid;gap:8px;padding:18px;border-radius:16px;background:var(--paper);font-size:14.5px}.sg-note{font-size:13px;color:var(--muted)}.sg-sizes{display:flex;justify-content:space-between;font-family:var(--f-latin-black);font-size:clamp(18px,3vw,28px);color:var(--magenta)}@media(max-width:560px){.sg-grid{grid-template-columns:1fr}}
