@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3571ca4c7e5b0515-s.p.1st6rpsgpd9fa.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/22fa55bc1dba6839-s.0d9vtzwl8fd0i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e897c2a96513d09d-s.p.2yz6p_nt95n3n.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/92965d68c2e7dc96-s.1tn4ua9rqzvtc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8731e9ea35b3f522-s.p.3_tiz-h7o52hh.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(../media/434f71d810631da4-s.3ea9128zkldg5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai Fallback;src:local(Arial);ascent-override:95.15%;descent-override:22.18%;line-gap-override:0.0%;size-adjust:95.11%}.almarai_16c73894-module__9bxWWq__className{font-family:Almarai,Almarai Fallback;font-style:normal}.almarai_16c73894-module__9bxWWq__variable{--font-almarai:"Almarai", "Almarai Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2a0d2e2f-module__3_pKoG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2a0d2e2f-module__3_pKoG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--color-bg-primary:#fdfbf7;--color-bg-secondary:#f5f2ec;--color-bg-card:#fff;--color-bg-card-hover:#faf8f5;--color-bg-elevated:#efece5;--color-text-primary:#111;--color-text-secondary:#4a4a4a;--color-text-muted:#7a7a7a;--color-accent:#c59850;--color-primary:var(--color-accent);--color-accent-hover:#ad823e;--color-accent-soft:#c5985026;--color-success:#2e7d32;--color-warning:#d69e2e;--color-error:#c62828;--color-border:#00000014;--color-border-hover:#c5985066;--font-family:var(--font-almarai), "Almarai", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-regular:400;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-glow:0 0 25px #c598504d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1280px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;transition:all var(--transition-fast);background:0 0;border:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (min-width:768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.site-header{z-index:50;height:auto;min-height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#fdfbf7f0;align-items:center;padding:.5rem 0;display:flex;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:nowrap;display:flex}.header-logo{flex-shrink:0;align-items:center;display:flex}.header-logo-img{object-fit:contain;width:auto;max-height:48px}.header-search-form{flex-grow:1;max-width:450px;margin:0 1rem;display:flex}.header-search-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);outline:none;padding:.55rem 1.1rem;font-size:.875rem;transition:all .2s}.header-search-input:focus{border-color:var(--color-accent);background-color:var(--color-bg-primary);box-shadow:0 0 0 2px #c5985026}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-action-btn,.header-cart-btn{border-radius:var(--radius-full);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap;cursor:pointer;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.825rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.header-cart-btn{background-color:var(--color-bg-elevated)}.header-action-btn:hover,.header-cart-btn:hover{border-color:var(--color-accent)}.cart-badge{background-color:var(--color-accent);color:#fff;border-radius:999px;padding:1px 6px;font-size:.75rem;font-weight:800}.desktop-only-supplier-dropdown{position:relative}.supplier-marquee-wrapper{background:var(--color-bg-secondary,#f8f9fa);border-bottom:1px solid var(--color-border,#e9ecef);align-items:center;width:100%;padding:.6rem 0;display:flex;position:relative;overflow:hidden}.supplier-marquee-track{will-change:transform;align-items:center;gap:.75rem;width:max-content;display:flex}.supplier-marquee-track.rtl{animation:36s linear infinite marquee-scroll-rtl}.supplier-marquee-track.ltr{animation:36s linear infinite marquee-scroll-ltr}.supplier-pill:hover,.supplier-pill:active{animation-play-state:paused!important}.supplier-marquee-track:has(.supplier-pill:hover){animation-play-state:paused!important}.supplier-marquee-track:has(.supplier-pill:active){animation-play-state:paused!important}@keyframes marquee-scroll-ltr{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-rtl{0%{transform:translate(0,0)}to{transform:translate(50%)}}.supplier-pill{cursor:pointer;color:var(--color-text-primary);background:0 0;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.supplier-pill:hover{background:#0000000f}.supplier-pill.active{background:var(--color-text-primary);color:#fff;font-weight:800}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-whatsapp{color:#fff;font-weight:var(--font-weight-extrabold);background-color:#25d366}.btn-whatsapp:hover{background-color:#1ebc59;transform:translateY(-1px);box-shadow:0 0 20px #25d3664d}.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.product-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{background-color:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-img-wrapper{background-color:var(--color-bg-secondary);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-card-img{object-fit:contain;width:100%;height:100%;padding:var(--space-2);transition:transform var(--transition-slow);position:absolute;top:0;left:0}.product-card:hover .product-card-img{transform:scale(1.06)}.product-card-body{padding:var(--space-4);justify-content:space-between;gap:var(--space-3);flex-direction:column;flex-grow:1;display:flex}.product-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-accent)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#000000a6;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.cart-drawer{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:101;width:100%;max-width:400px;height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.cart-drawer.open{transform:translate(0)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);animation:1.8s ease-in-out infinite pulse}.admin-layout-grid{padding:1.5rem var(--space-4);grid-template-columns:1fr;gap:1.5rem;min-height:85vh;display:grid}@media (min-width:768px){.admin-layout-grid{padding:3rem var(--space-8);grid-template-columns:240px 1fr;gap:2rem}}.admin-sidebar{background-color:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-flow:wrap;gap:.5rem;height:fit-content;padding:1.25rem;display:flex}@media (min-width:768px){.admin-sidebar{flex-direction:column;padding:1.5rem}}.admin-sidebar-header{border-bottom:1px solid var(--color-border);width:100%;margin-bottom:.5rem;padding-bottom:.75rem}.admin-nav-link{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}@media (min-width:768px){.admin-nav-link{padding:.75rem 1rem;font-size:.95rem}}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;display:grid}@media (min-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.product-detail-grid{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:1.75rem;width:100%;max-width:100%;padding:1.5rem;display:grid}@media (min-width:768px){.product-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:2.5rem;padding:2.25rem}}@media (max-width:768px){.desktop-only-supplier-dropdown{display:none!important}.supplier-marquee-wrapper{padding:.45rem 0}.supplier-pill{padding:.35rem .75rem;font-size:.8rem}}@media (max-width:640px){.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-top:.65rem;padding-bottom:.65rem}.site-header{height:auto;min-height:var(--header-height)}.header-logo{order:1}.header-logo-img{max-height:36px!important}.header-actions{flex-wrap:nowrap;order:2;gap:.35rem}.lang-switcher button{padding:.25rem .4rem!important;font-size:.65rem!important}.header-action-btn,.header-cart-btn{gap:.25rem;padding:.38rem .65rem;font-size:.75rem}.header-search-form{flex:100%;order:3;width:100%;margin:.2rem 0 0;max-width:100%!important}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.product-card-body{padding:.75rem}.product-card-title{font-size:.8rem}.product-card-price{font-size:.95rem}}.color-swatch-row{flex-wrap:wrap;gap:.5rem;display:flex}.color-swatch-card{cursor:pointer;width:60px;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.color-swatch-card:hover:not(:disabled){transform:translateY(-2px)}.color-swatch-card:disabled{opacity:.5;cursor:not-allowed}.color-swatch-thumb{border-radius:var(--radius-md);border:2px solid var(--color-border);background-color:var(--color-bg-secondary);width:52px;height:52px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.color-swatch-card.selected .color-swatch-thumb{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.color-swatch-card:hover:not(:disabled) .color-swatch-thumb{border-color:var(--color-text-secondary)}.color-swatch-label{color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:.6rem;font-weight:600;line-height:1.2;overflow:hidden}.color-swatch-card.selected .color-swatch-label{color:var(--color-accent);font-weight:800}.color-swatch-card.unavailable .color-swatch-label{color:var(--color-text-muted);text-decoration:line-through}.swatch-unavailable-overlay{color:var(--color-error);background-color:#fff6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.brands-scroll-container{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:1rem;padding:.5rem .25rem 1rem;display:flex;overflow-x:auto}.brands-scroll-container::-webkit-scrollbar{display:none}.brand-pill{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);scroll-snap-align:start;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1.25rem .5rem .5rem;text-decoration:none;display:flex}.brand-pill:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.slider-arrow{border:1px solid var(--color-border);background-color:var(--color-bg-card);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.slider-arrow:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent)}.sort-selector{align-items:center;gap:.5rem;display:flex}.size-selector-row{flex-wrap:wrap;gap:.5rem;display:flex}.size-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background-color:var(--color-bg-card);min-width:42px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:0 .75rem;font-size:.8rem;font-weight:700}.size-btn:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-accent);transform:translateY(-1px)}.size-btn.selected{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff;box-shadow:0 2px 8px #c5985059}.size-btn.unavailable{opacity:.4;cursor:not-allowed;text-decoration:line-through}