:root{--bg: #ffffff;--surface: #f5f4f2;--surface-2: #ecebe7;--text: #14140f;--muted: #77756e;--border: #e8e6e1;--line: #ded9d0;--primary: #14140f;--primary-contrast: #ffffff;--accent: #a8814e;--sale: #b23b3b;--success: #2c7a4d;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "Tajawal", "Inter", system-ui, sans-serif;--fs-xs: .72rem;--fs-sm: .82rem;--fs-base: .95rem;--fs-md: 1.05rem;--fs-lg: 1.25rem;--fs-xl: 1.6rem;--fs-2xl: 2.1rem;--fs-3xl: 3rem;--fs-hero: clamp(2.2rem, 6vw, 4rem);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 40px;--s8: 56px;--s9: 72px;--s10: 96px;--radius-sm: 6px;--radius: 10px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 20, 15, .05);--shadow: 0 6px 24px rgba(20, 20, 15, .08);--shadow-lg: 0 20px 48px rgba(20, 20, 15, .14);--container: 1280px;--header-h: 72px;--ease: cubic-bezier(.4, 0, .2, 1);--space-1: var(--s1);--space-2: var(--s2);--space-3: var(--s3);--space-4: var(--s4);--space-5: var(--s5);--space-6: var(--s6);--space-8: var(--s8);--space-10: var(--s10)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[dir=rtl] body{font-family:var(--font-ar);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0 0 var(--s3);font-weight:600;line-height:1.12;letter-spacing:-.02em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}::selection{background:var(--text);color:#fff}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s5)}@media(max-width:640px){.container{padding-inline:var(--s4)}}.stack>*+*{margin-block-start:var(--s4)}.row{display:flex;align-items:center;gap:var(--s3)}.spacer{flex:1}.muted{color:var(--muted)}.text-center{text-align:center}.kicker{font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:12px 22px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;background:var(--surface);color:var(--text);transition:transform .08s var(--ease),background .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:#2a2a20}.btn-outline{background:transparent;border-color:var(--line)}.btn-outline:hover{background:var(--surface);border-color:var(--text)}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--surface)}.btn-block{width:100%}.btn-lg{padding:15px 30px;font-size:var(--fs-base)}.btn .icon{flex-shrink:0}.field{display:block;margin-block-end:var(--s4)}.field label{display:block;font-size:var(--fs-sm);font-weight:500;margin-block-end:6px;color:var(--text)}.input,.select,.textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-base);font-family:inherit;background:var(--bg);color:var(--text);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px #14140f0f}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2377756e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-inline-end:38px}html[dir=rtl] .select{background-position:left 12px center;padding-inline-end:14px;padding-inline-start:38px}.check{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--text)}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-sale{background:var(--sale);color:#fff}.badge-out{background:#14140fb8;color:#fff}.pill{padding:5px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pill-PENDING{background:#f6ecc9;color:#806413}.pill-CONFIRMED{background:#d3ecdd;color:#1e6b41}.pill-SHIPPED{background:#d5e4f7;color:#1c4f88}.pill-DELIVERED{background:#d6f3e4;color:#13683d}.pill-CANCELLED{background:#f7dada;color:#a02525}.icon{display:inline-block;vertical-align:middle}.skeleton{position:relative;overflow:hidden;background:var(--surface);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.4s infinite}html[dir=rtl] .skeleton:after{animation-direction:reverse}@keyframes shimmer{to{transform:translate(100%)}}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5) var(--s4)}@media(min-width:700px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.product-grid{grid-template-columns:repeat(4,1fr);gap:var(--s6) var(--s5)}}.notice{padding:12px 16px;border-radius:var(--radius-sm);margin-block-end:var(--s4);font-size:var(--fs-sm)}.notice-error{background:#f9e3e3;color:#a02525}.notice-success{background:#d6f3e4;color:#13683d}.empty-state{text-align:center;padding-block:var(--s10);color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.empty-state .empty-icon{color:var(--line)}.empty-state p{margin:0;font-size:var(--fs-md)}.page-narrow{max-width:520px;margin-inline:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-block:var(--s6) var(--s10)}.header{position:sticky;top:0;z-index:60;background:#ffffffe0;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-block-end:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:var(--s5);min-height:var(--header-h)}.logo{font-size:1.35rem;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center}.logo-img{height:34px;width:auto;display:block}@media(max-width:900px){.logo-img{height:44px}}.footer-logo{height:32px;width:auto}.nav{display:flex;gap:var(--s5)}.nav a{font-size:var(--fs-sm);font-weight:500;color:var(--muted);padding-block:6px;position:relative;transition:color .2s var(--ease)}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active:after{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;height:2px;background:var(--text)}.search{flex:1;max-width:420px;position:relative}.search .icon{position:absolute;inset-block-start:50%;inset-inline-start:12px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{padding:10px 14px;padding-inline-start:40px;background:var(--surface);border-color:transparent;border-radius:var(--radius-pill)}.search-input:focus{background:var(--bg)}.header-actions{display:flex;align-items:center;gap:var(--s1)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--text);transition:background .2s var(--ease)}.icon-btn:hover{background:var(--surface)}.icon-btn.is-active{color:var(--sale)}.count-dot{position:absolute;inset-block-start:4px;inset-inline-end:4px;background:var(--text);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding-inline:4px;border:2px solid var(--bg)}.lang{position:relative}.lang-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:transparent;border-radius:var(--radius-pill);transition:background .2s var(--ease)}.lang-btn:hover{background:var(--surface)}.flag{width:24px;height:16px;border-radius:3px;border:1px solid var(--border);display:block;overflow:hidden}.lang-menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;min-width:160px;z-index:70}.lang-item{display:flex;align-items:center;gap:var(--s3);width:100%;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text);text-align:start}.lang-item:hover{background:var(--surface)}.lang-item.is-active{background:var(--surface);font-weight:600}.mobile-only{display:none}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex}.header-inner{gap:var(--s3)}.logo{font-size:1.15rem}}.mobile-search{position:relative;display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-block-start:1px solid var(--border);background:var(--bg)}.mobile-search .icon{color:var(--muted);flex-shrink:0}.mobile-search .input{border:none;background:var(--surface);border-radius:var(--radius-pill);padding:10px 14px}.bottom-nav{display:none}@media(max-width:900px){.bottom-nav{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:80;background:#fffffff0;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-block-start:1px solid var(--border);padding-block:8px;padding-block-end:calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #14140f0f}body{padding-block-end:calc(64px + env(safe-area-inset-bottom,0px))}.footer{display:none}}.bn-item{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);padding-block:6px;transition:color .15s var(--ease)}.bn-item.active{color:var(--text)}.bn-icon{position:relative;display:inline-flex}.bn-item.active .bn-icon:after{content:"";position:absolute;inset-block-end:-6px;inset-inline-start:50%;transform:translate(-50%);width:5px;height:5px;border-radius:999px;background:var(--accent)}.bn-badge{position:absolute;inset-block-start:-5px;inset-inline-end:-7px;min-width:16px;height:16px;padding-inline:4px;border-radius:999px;background:var(--sale);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg)}.bn-label{line-height:1}.footer{border-block-start:1px solid var(--border);background:var(--surface);padding-block:var(--s8);margin-block-start:var(--s10)}.footer-inner{display:flex;flex-direction:column;gap:var(--s3);align-items:center;text-align:center}.footer-brand{font-size:1.25rem;font-weight:700;letter-spacing:.06em}.footer-nav{display:flex;gap:var(--s5)}.footer-nav a{color:var(--muted);font-size:var(--fs-sm)}.footer-nav a:hover{color:var(--text)}.pcard{display:flex;flex-direction:column}.pcard-media{position:relative;display:block;aspect-ratio:3 / 4;background:var(--surface);border-radius:var(--radius);overflow:hidden}.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.pcard:hover .pcard-media img{transform:scale(1.05)}.pcard-noimg{width:100%;height:100%;background:var(--surface-2)}.pcard-badges{position:absolute;inset-block-start:var(--s3);inset-inline-start:var(--s3);display:flex;gap:var(--s1);z-index:2}.pcard-heart{position:absolute;inset-block-start:var(--s3);inset-inline-end:var(--s3);width:38px;height:38px;border-radius:var(--radius-pill);border:none;background:#ffffffeb;color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-4px);transition:opacity .2s var(--ease),transform .2s var(--ease),color .2s var(--ease);z-index:2}.pcard:hover .pcard-heart{opacity:1;transform:translateY(0)}.pcard-heart.is-active{opacity:1;transform:translateY(0);color:var(--sale)}@media(hover:none){.pcard-heart{opacity:1;transform:none}}.pcard-body{padding-block-start:var(--s3)}.pcard-name{font-weight:500;font-size:var(--fs-sm);display:block;line-height:1.35}.pcard-brand{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;margin-block-end:4px}.pcard-price{margin-block-start:6px;font-weight:600;font-size:var(--fs-sm);display:flex;align-items:baseline;gap:var(--s2)}.pcard-price .was{color:var(--muted);text-decoration:line-through;font-weight:400;font-size:var(--fs-xs)}.pcard-swatches{display:flex;gap:5px;margin-block-start:var(--s2)}.pcard-swatch{width:13px;height:13px;border-radius:var(--radius-pill);border:1px solid var(--line)}.section{margin-block-start:var(--s9)}.section:first-child{margin-block-start:var(--s6)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-block-end:var(--s5);gap:var(--s4)}.section-head h2{font-size:var(--fs-xl);margin:0}.section-head .see-all{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap}.section-head .see-all .icon{transition:transform .2s var(--ease)}html[dir=rtl] .section-head .see-all .icon{transform:scaleX(-1)}.section-head .see-all:hover .icon{transform:translate(3px)}html[dir=rtl] .section-head .see-all:hover .icon{transform:scaleX(-1) translate(3px)}.hero-slider{position:relative;margin-block-start:var(--s5)}.hero-slide{min-height:min(72vh,560px);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--surface-2));background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden;position:relative}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0006,#00000014);opacity:0;transition:opacity .4s}html[dir=rtl] .hero-slide:before{background:linear-gradient(-90deg,#0006,#00000014)}.hero-slide.has-img:before{opacity:1}.hero-slide.has-img{color:#fff}.hero-content{position:relative;z-index:2;padding:clamp(24px,5vw,64px);max-width:640px}.hero-content .kicker{color:inherit;opacity:.85;margin-block-end:var(--s3);display:block}.hero-slide:not(.has-img) .hero-content .kicker{color:var(--accent);opacity:1}.hero-content h1{font-size:var(--fs-hero);margin-block-end:var(--s3)}.hero-content p{font-size:var(--fs-md);margin-block-end:var(--s5);opacity:.92;max-width:44ch}.hero-dots{display:flex;gap:var(--s2);justify-content:center;margin-block-start:var(--s4)}.hero-dots button{width:8px;height:8px;border-radius:var(--radius-pill);border:none;background:var(--line);padding:0;transition:all .2s var(--ease)}.hero-dots button.is-active{background:var(--text);width:26px}.home-banner{display:flex;align-items:center;margin-block-start:var(--s9);min-height:260px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--surface-2));background-size:cover;background-position:center;position:relative;overflow:hidden}.home-banner.has-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052}.home-banner.has-img{color:#fff}.home-banner-content{position:relative;z-index:1;padding:clamp(24px,5vw,56px)}.home-banner-content h2{font-size:var(--fs-2xl)}.home-banner-content p{opacity:.92;margin-block-end:var(--s4)}.cat-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4)}@media(min-width:700px){.cat-tiles{grid-template-columns:repeat(4,1fr)}}.cat-tile{aspect-ratio:1 / 1;border-radius:var(--radius);background:linear-gradient(160deg,var(--surface),var(--surface-2));background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:var(--s4);font-weight:600;font-size:var(--fs-md);color:var(--text);position:relative;overflow:hidden;transition:transform .4s var(--ease)}.cat-tile:hover{transform:translateY(-3px)}.cat-tile.has-img{color:#fff}.cat-tile.has-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 55%)}.cat-tile span{position:relative;z-index:1}.shop-head{display:flex;align-items:baseline;gap:var(--s3);margin-block:var(--s5) var(--s4)}.shop-head h1{font-size:var(--fs-xl);margin:0}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:var(--s3);border-block:1px solid var(--border)}.filter-open{gap:var(--s2)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--text);color:#fff;font-size:var(--fs-xs);font-weight:700}.sort-control{display:inline-flex;align-items:center;gap:var(--s2)}.sort-control .muted{font-size:var(--fs-sm);white-space:nowrap}.sort-control .select{width:auto;min-width:150px;padding-block:9px;border-radius:var(--radius-pill)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s4) 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);font-size:var(--fs-sm);font-weight:500;color:var(--text)}html[dir=rtl] .chip{padding:6px 14px 6px 8px}.chip:hover{border-color:var(--text)}.chip .icon{color:var(--muted)}.chip-clear{border:none;background:transparent;color:var(--muted);font-size:var(--fs-sm);font-weight:600;text-decoration:underline;padding-inline:var(--s2)}.chip-clear:hover{color:var(--text)}.pager{display:flex;align-items:center;justify-content:center;gap:var(--s4);margin-block-start:var(--s7)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14140f66;z-index:90;animation:fadein .2s var(--ease)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.filter-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(380px,88vw);background:var(--bg);z-index:95;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}html[dir=rtl] .filter-drawer{transform:translate(-100%)}.filter-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-block-end:1px solid var(--border)}.drawer-head h3{margin:0;font-size:var(--fs-md)}.drawer-body{flex:1;overflow-y:auto;padding:var(--s5)}.filter-group{padding-block-end:var(--s5);margin-block-end:var(--s5);border-block-end:1px solid var(--border)}.filter-group:last-child{border-block-end:none;margin-block-end:0}.filter-group-title{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-block-end:var(--s3)}.price-values{display:flex;justify-content:space-between;font-weight:600;font-size:var(--fs-sm);margin-block-end:var(--s4)}.range{position:relative;height:32px}.range-rail{position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:var(--line)}.range-fill{position:absolute;inset-block-start:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:var(--text)}.range-input{position:absolute;inset-inline:0;inset-block-start:0;width:100%;height:32px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;background:var(--bg);border:2px solid var(--text);box-shadow:var(--shadow-sm);cursor:grab}.range-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.range-input::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:var(--bg);border:2px solid var(--text);box-shadow:var(--shadow-sm);cursor:grab}.range-input::-webkit-slider-runnable-track{background:transparent}.range-input::-moz-range-track{background:transparent}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding-block:var(--s2);font-size:var(--fs-base);cursor:pointer}.toggle-row input{width:18px;height:18px;accent-color:var(--text)}.drawer-foot{display:flex;gap:var(--s3);padding:var(--s4) var(--s5);border-block-start:1px solid var(--border)}.drawer-foot .btn-primary{flex:1}.pdp{display:grid;grid-template-columns:1fr;gap:var(--s6)}@media(min-width:900px){.pdp{grid-template-columns:1.1fr 1fr;gap:var(--s8);align-items:start}}.gallery-main{aspect-ratio:3 / 4;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:var(--s2);margin-block-start:var(--s3);flex-wrap:wrap}.thumb{width:66px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);padding:0;background:var(--surface);transition:border-color .2s var(--ease)}.thumb.is-active{border-color:var(--text)}.thumb img{width:100%;height:100%;object-fit:cover}.pdp-brand{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.pdp h1{font-size:var(--fs-2xl);margin-block:var(--s2) var(--s4)}.price-row{display:flex;align-items:baseline;gap:var(--s3);margin-block:var(--s3) var(--s5)}.price-now{font-size:var(--fs-lg);font-weight:600}.price-was{color:var(--muted);text-decoration:line-through;font-size:var(--fs-md)}.field-label{font-weight:600;font-size:var(--fs-sm);margin-block:var(--s4) var(--s2);text-transform:uppercase;letter-spacing:.06em}.field-label .val{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.swatches,.sizes{display:flex;gap:var(--s2);flex-wrap:wrap}.swatch{display:inline-flex;align-items:center;gap:var(--s2);padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--fs-sm);transition:border-color .2s var(--ease)}.swatch.is-active{border-color:var(--text)}.swatch-dot{width:16px;height:16px;border-radius:var(--radius-pill);border:1px solid var(--line)}.size-btn{min-width:52px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--fs-sm);font-weight:500;transition:all .15s var(--ease)}.size-btn:hover:not(:disabled){border-color:var(--text)}.size-btn.is-active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.size-btn:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.pdp-cta{display:flex;gap:var(--s2);margin-block-start:var(--s5)}.btn.icon-only{padding-inline:16px}.stock-hint{font-size:var(--fs-sm);color:var(--sale);margin-block-start:var(--s3)}.pdp-desc{margin-block-start:var(--s7);border-block-start:1px solid var(--border);padding-block-start:var(--s5)}.pdp-desc h3{font-size:var(--fs-md)}.pdp-desc p{color:var(--muted);white-space:pre-line}.cart-layout{display:grid;gap:var(--s6)}@media(min-width:900px){.cart-layout{grid-template-columns:1.7fr 1fr;align-items:start}}.cart-item{display:grid;grid-template-columns:92px 1fr auto;gap:var(--s4);padding-block:var(--s4);border-block-end:1px solid var(--border);align-items:start}.cart-item img{width:92px;height:116px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface)}.cart-item-name{font-weight:500}.cart-item-meta{color:var(--muted);font-size:var(--fs-sm);margin-block-start:2px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.qty button{width:34px;height:34px;border:none;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center}.qty button:hover{background:var(--surface)}.qty span{min-width:38px;text-align:center;font-weight:500;font-size:var(--fs-sm)}.link-btn{background:none;border:none;color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-sm);padding:0}.link-btn:hover{color:var(--sale)}.summary{background:var(--surface);border-radius:var(--radius-lg);padding:var(--s5)}.summary h3{font-size:var(--fs-md)}.summary-row{display:flex;justify-content:space-between;margin-block-end:var(--s3);font-size:var(--fs-sm)}.summary-total{font-size:var(--fs-md);font-weight:700;border-block-start:1px solid var(--line);padding-block-start:var(--s3);margin-block-start:var(--s2)}.cod-note{display:flex;align-items:center;gap:var(--s2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-block:var(--s4);font-size:var(--fs-sm)}.checkout-layout{display:grid;gap:var(--s6)}@media(min-width:900px){.checkout-layout{grid-template-columns:1.5fr 1fr;align-items:start}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}@media(max-width:520px){.grid-2{grid-template-columns:1fr}}.hero-skeleton{height:min(72vh,560px);border-radius:var(--radius-lg);margin-block-start:var(--s5)}