@font-face{font-family:Shezell;src:local('Tahoma')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Shezell,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8;--bg:#faf8f4;--paper:#fff;--ink:#29251f;--muted:#746e65;--accent:#80664c;--tint:#eee7dc;--line:#ded8cd}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.3rem,5.5vw,5.3rem);line-height:1.35;font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(1.65rem,3vw,2.8rem);font-weight:500;line-height:1.5}h3{font-size:1.2rem;font-weight:500}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.topnote{text-align:center;padding:7px 16px;background:var(--ink);color:white;font-size:.78rem;letter-spacing:.03em}.header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.headerinner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px}.brand{line-height:1;text-align:center}.brand b{font-family:Georgia,serif;display:block;font-size:2.35rem;font-weight:500;letter-spacing:.045em}.brand small{font-size:.65rem;letter-spacing:.18em;display:block;margin-top:9px}.desktopnav{display:flex;align-items:center;gap:6px}.desktopnav a{padding:9px 14px;border-radius:30px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.9rem;min-height:44px}.desktopnav a.active{background:var(--tint);color:var(--accent)}.actions{display:flex;gap:8px;align-items:center}.iconbtn{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;display:grid;place-items:center}.menuToggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--accent);color:#fff;padding:13px 24px;border:1px solid var(--accent);border-radius:4px;min-height:50px}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.eyebrow{font-size:.78rem;letter-spacing:.15em;color:var(--accent);margin-bottom:16px}.muted{color:var(--muted)}.hero{position:relative;height:640px;max-height:80svh;min-height:510px;overflow:hidden;margin-top:24px;border-radius:8px}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(20,18,13,.65),transparent 85%)}.heroText{position:absolute;z-index:2;top:50%;transform:translateY(-50%);right:6%;width:48%;color:white}.heroText .eyebrow{color:#f2e4cc}.heroText h1{margin-bottom:22px}.heroText p{font-size:1.05rem;max-width:360px;color:#eee7db;margin-bottom:28px}.heroIndex{position:absolute;z-index:3;left:30px;bottom:28px;color:white;font:14px Georgia;letter-spacing:4px}.herotag{position:absolute;bottom:30px;right:6%;color:white;font-size:.8rem;z-index:3}.section{padding-top:75px;padding-bottom:15px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:16px}.textlink{font-size:.9rem;border-bottom:1px solid var(--accent);padding-bottom:4px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{position:relative;overflow:hidden;border-radius:6px;min-height:260px;background:var(--tint);display:flex;align-items:end}.cat img{position:absolute;height:100%;width:100%;object-fit:cover;transition:transform .7s}.cat:hover img{transform:scale(1.06)}.cat:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#16130bbd)}.catlabel{z-index:1;color:#fff;width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center}.catlabel small{font:13px Georgia;opacity:.75}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.productImg{position:relative;border-radius:5px;overflow:hidden;background:var(--tint);aspect-ratio:4/4.4}.productImg img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.productCard:hover img{transform:scale(1.035)}.productCard h3{margin:12px 0 2px}.productCard p{font-size:.86rem;color:var(--muted)}.badge{position:absolute;top:14px;right:14px;padding:3px 12px;font-size:.75rem;background:white;border-radius:2px}.swatches{display:flex;gap:6px;margin-top:10px}.swatches i{width:12px;height:12px;border-radius:50%;background:#b8a58d;border:1px solid #0001}.swatches i:nth-child(2){background:#e5decf}.swatches i:nth-child(3){background:#69704c}.banner{display:grid;grid-template-columns:1fr 1fr;background:var(--tint);border-radius:6px;overflow:hidden;margin-top:70px}.banner img{height:400px;width:100%;object-fit:cover}.bannerText{padding:55px;align-self:center}.bannerText p{margin:16px 0 24px}.footer{margin-top:90px;background:var(--ink);color:#fff;padding:55px 0 90px}.footerinner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer .brand{text-align:right;margin-bottom:20px}.footer p{color:#d6d0c7;font-size:.9rem;max-width:350px}.footer a{display:block;font-size:.9rem;margin:10px 0;color:#ddd6ca}.footer h3{margin-bottom:16px}.footline{border-top:1px solid #ffffff25;margin-top:35px;padding-top:20px;font-size:.76rem;color:#c9c3b9;display:flex;justify-content:space-between;gap:20px}.mobilebar{display:none}.pagehead{padding:48px 0 35px}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:25px}.pagehead h1{font-size:clamp(2rem,4vw,3.6rem)}.pagehead p{color:var(--muted);margin-top:12px}.search{display:flex;align-items:center;border:1px solid var(--line);background:white;border-radius:4px;padding:0 15px;max-width:450px;margin:0 0 25px}.search input{border:0;background:transparent;min-width:0;width:100%;padding:12px;outline:none}.chips{display:flex;gap:9px;overflow:auto;margin-bottom:30px;padding:4px 0}.chip{white-space:nowrap;border:1px solid var(--line);padding:8px 19px;border-radius:30px;background:transparent;min-height:44px}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}.count{font-size:.85rem;color:var(--muted);margin-bottom:18px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:55px}.mainphoto{width:100%;height:520px;object-fit:cover;border-radius:6px;cursor:zoom-in}.thumbs{display:flex;gap:12px;margin-top:12px}.thumbs button{width:80px;height:80px;border:1px solid var(--line);padding:0;overflow:hidden;border-radius:4px}.thumbs img{height:100%;width:100%;object-fit:cover}.detailcopy{padding-top:20px}.detailcopy h1{font-size:2.4rem;margin:12px 0}.detailcopy p{color:var(--muted);margin-bottom:24px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:25px 0}.specs div{border-top:1px solid var(--line);padding:15px 0}.specs small{display:block;color:var(--muted)}.detailcopy .btn{width:100%}.panel{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.panel p{color:var(--muted);margin:10px 0 20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.empty{text-align:center;padding:60px 24px;border:1px dashed var(--line);border-radius:8px;background:var(--paper)}.empty .emptyicon{font-size:2.4rem;color:var(--accent);margin-bottom:12px}.empty p{color:var(--muted);margin:10px auto 22px;max-width:420px}.map{height:390px;width:100%;border:0;border-radius:7px;background:var(--tint);margin-bottom:22px}.mapcover{background:var(--tint);padding:70px 25px;text-align:center;min-height:300px;border-radius:7px;margin-bottom:24px}.mapcover p{margin:10px 0 20px}.agentlist{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.note{font-size:.8rem;color:var(--muted);padding:12px 0}.settingsGrid{display:grid;grid-template-columns:230px 1fr;gap:30px}.settingnav{display:flex;flex-direction:column;gap:8px}.settingnav a{padding:12px 16px;border:1px solid var(--line);border-radius:4px}.settingform label{display:block;margin:18px 0 5px}.settingform input,.settingform textarea,.settingform select,.filterselect{width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;min-height:48px}.filterselect{max-width:300px;margin-bottom:25px}.settingform textarea{min-height:105px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.statgrid strong{display:block;font-size:2rem}.statgrid small{color:var(--muted)}dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:30px;max-width:min(500px,calc(100% - 28px));width:100%}dialog::backdrop{background:#15130fd4;backdrop-filter:blur(5px)}dialog h2{font-size:1.7rem;margin-bottom:14px}.close{float:left;border:0;background:var(--tint);border-radius:50%;width:40px;height:40px}.branchoption{display:block;width:100%;margin:12px 0;text-align:right;padding:18px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.lightbox{max-width:95vw;width:95vw;height:94svh;background:#171714;color:#fff;overflow:hidden}.lightbox .view{height:75%;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom}.lightbox img{max-height:100%;max-width:100%;object-fit:contain;transform-origin:center}.lightcontrols{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}.lightcontrols button{padding:8px 16px;color:white;background:#ffffff15;border:1px solid #ffffff30;border-radius:4px;min-height:44px}.mobilemenu{display:none;padding:16px 24px;border-top:1px solid var(--line);max-height:70svh;overflow:auto}.mobilemenu.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobilemenu a{padding:10px}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:6px;padding:12px 20px;z-index:100;max-width:90%;text-align:center}.statusNotice{background:var(--tint);padding:12px 20px;margin-bottom:25px;font-size:.88rem;border-radius:5px}.reveal{animation:appear .7s both}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reelbox{width:100%;min-height:500px;border:0;background:var(--tint)}
@media(max-width:900px){.desktopnav{display:none}.menuToggle{display:grid}.heroText{width:65%}.grid{gap:16px}.categories{grid-template-columns:repeat(2,1fr)}.cat{min-height:230px}.detail{gap:24px}.bannerText{padding:30px}.settingsGrid{grid-template-columns:1fr}.settingnav{flex-direction:row;overflow:auto}.settingnav a{white-space:nowrap}.footerinner{gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.topnote{font-size:.72rem}.headerinner{min-height:76px;gap:8px}.brand b{font-size:1.85rem}.brand small{font-size:.55rem;margin-top:7px}.header .brand{position:absolute;left:50%;transform:translateX(-50%)}.header .actions{margin-inline-start:auto}.header .searchtop{display:none}.hero{margin-top:14px;height:610px;min-height:530px;max-height:78svh;border-radius:5px}.hero>img{object-position:46% center}.hero:after{background:linear-gradient(0deg,rgba(22,18,13,.85),rgba(20,18,12,.08) 85%)}.heroText{top:auto;bottom:65px;right:24px;left:24px;transform:none;width:auto}.heroText h1{font-size:2.7rem;max-width:330px;line-height:1.4;margin-bottom:16px}.heroText p{font-size:.95rem;margin-bottom:24px;max-width:280px}.heroText .eyebrow{font-size:.68rem;margin-bottom:10px}.herotag{right:24px;bottom:23px;font-size:.72rem}.heroIndex{left:24px;bottom:23px}.section{padding-top:45px}.sectionhead{margin-bottom:20px}.sectionhead h2{font-size:1.55rem}.textlink{font-size:.78rem}.categories{gap:12px}.cat{min-height:210px}.catlabel{padding:15px;align-items:end}.catlabel h3{font-size:1rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.productCard h3{font-size:.98rem}.productCard p{font-size:.75rem}.productImg{aspect-ratio:3/4}.badge{font-size:.68rem;right:8px;top:8px;padding:2px 8px}.banner{grid-template-columns:1fr;margin-top:45px}.banner img{height:260px}.bannerText{padding:28px}.footer{margin-top:55px;padding:40px 0 105px}.footerinner{grid-template-columns:1fr 1fr;gap:30px}.footerinner>div:first-child{grid-column:1/-1}.footer h3{font-size:1rem}.footer a{font-size:.8rem}.footline{flex-direction:column;gap:5px}.mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom))}.mobilebar a,.mobilebar button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;min-width:55px;min-height:48px;color:var(--muted)}.mobilebar .active{color:var(--accent)}.mobilebar svg{width:21px;height:21px}.pagehead{padding:25px 0}.breadcrumb{margin-bottom:15px}.pagehead h1{font-size:2rem}.pagehead p{font-size:.92rem}.detail,.two{grid-template-columns:1fr}.mainphoto{height:420px}.detailcopy{padding:0}.detailcopy h1{font-size:2rem}.agentlist{grid-template-columns:1fr}.statgrid{gap:8px}.statgrid .panel{padding:14px 10px}.statgrid small{font-size:.7rem}.panel{padding:22px}.map{height:310px}.lightbox{padding:16px}.lightbox .view{height:72%}.lightcontrols{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* V2 — textile-inspired surfaces, deep sand palette and mobile floating navigation. */
body{--bg:#e8dfd1;--paper:#f3ece1;--ink:#302c24;--muted:#625d51;--accent:#72583d;--tint:#d6c6af;--line:#baa88d;isolation:isolate;background-color:var(--bg);background-image:radial-gradient(ellipse at 90% 6%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 47%),radial-gradient(ellipse at 0% 45%,color-mix(in srgb,var(--tint) 90%,transparent),transparent 52%),repeating-linear-gradient(90deg,transparent 0 3px,#ffffff12 3px 4px),repeating-linear-gradient(0deg,transparent 0 3px,#42351f08 3px 4px)}

.header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:color-mix(in srgb,var(--line) 55%,transparent)}
.topnote{background:var(--accent)}.headerinner{min-height:88px}.desktopnav{background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid color-mix(in srgb,var(--line) 45%,transparent);padding:5px;border-radius:40px}.desktopnav a.active{background:var(--accent);color:#fff}.iconbtn{background:color-mix(in srgb,var(--paper) 55%,transparent);border-color:color-mix(in srgb,var(--line) 55%,transparent)}
.hero{margin-top:22px;border-radius:22px 22px 110px 22px;box-shadow:0 25px 55px #39280e20;border:1px solid #ffffff60}.hero:after{background:linear-gradient(270deg,#241e16a6 0%,#241e1626 70%)}.heroText .eyebrow{display:inline-block;border:1px solid #ffffff60;padding:7px 14px;border-radius:30px;background:#ffffff12;backdrop-filter:blur(8px);letter-spacing:.11em}.heroText h1{text-shadow:0 3px 30px #0002}.hero .btn{border-radius:30px;box-shadow:0 8px 20px #0002}.hero .btn svg{padding:5px;box-sizing:content-box;border-radius:50%;background:var(--tint)}
.section{position:relative}.section:before{content:'';position:absolute;top:35px;inset-inline-start:0;width:60px;height:1px;background:var(--accent);opacity:.5}.eyebrow{font-size:.78rem;letter-spacing:.15em}.categories{gap:20px}.cat{border-radius:80px 80px 12px 12px;min-height:310px;box-shadow:0 12px 22px #39280e14;border:1px solid #ffffff80}.cat:nth-child(even){border-radius:12px 12px 80px 12px}.catlabel{padding:24px}.catlabel svg{background:#ffffff20;border:1px solid #ffffff65;border-radius:50%;padding:8px;box-sizing:content-box}.catlabel small{display:inline-block;margin-bottom:7px}
.productCard{background:color-mix(in srgb,var(--paper) 75%,transparent);padding:10px 10px 18px;border:1px solid #ffffff55;border-radius:16px;box-shadow:0 8px 25px #39280e0a;transition:box-shadow .25s,transform .25s}.productCard:hover{transform:translateY(-4px);box-shadow:0 15px 30px #39280e18}.productCard h3,.productCard p,.productCard .swatches{margin-inline:8px}.productImg{border-radius:10px}.badge{border-radius:30px;background:var(--paper);color:var(--accent)}.grid{gap:22px}.banner{border-radius:16px 80px 16px 16px;background:var(--accent);color:#fff;box-shadow:0 16px 40px #39280e14}.banner .eyebrow{color:#eee3c9}.banner .btn{background:var(--paper);border-color:var(--paper);color:var(--ink);border-radius:30px}.bannerText p{color:inherit;opacity:.9}.sectionhead h2{font-weight:600}.footer{background:var(--ink);border-radius:64px 64px 0 0;position:relative;overflow:hidden}.footer:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;top:-230px;left:-100px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03;pointer-events:none}
.pagehead{position:relative;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);margin-bottom:28px;padding-bottom:30px}.pagehead:after{content:'';position:absolute;width:75px;height:5px;background:var(--accent);bottom:-3px;inset-inline-start:0;border-radius:8px}.pagehead h1{font-weight:600}.panel,.empty{background:color-mix(in srgb,var(--paper) 86%,transparent);border-color:color-mix(in srgb,var(--line) 65%,transparent);border-radius:16px}.search{background:var(--paper);border-radius:30px}.chip{background:color-mix(in srgb,var(--paper) 55%,transparent);border-color:color-mix(in srgb,var(--line) 65%,transparent)}.btn{border-radius:26px}.statusNotice{background:color-mix(in srgb,var(--tint) 65%,transparent);border:1px solid color-mix(in srgb,var(--line) 50%,transparent);border-radius:12px}.mapcover{border:1px solid var(--line);background:repeating-linear-gradient(45deg,transparent 0 25px,#ffffff18 25px 26px),var(--tint)}.mainphoto{border-radius:20px 20px 70px 20px;box-shadow:0 20px 35px #39280e15}.settingform input,.settingform textarea{background:color-mix(in srgb,var(--bg) 60%,var(--paper));border-radius:8px}.settingnav a{background:var(--paper)}
@media(max-width:900px){.cat{min-height:270px}.desktopnav{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.headerinner{min-height:76px}.hero{height:620px;min-height:540px;max-height:79svh;border-radius:18px 18px 64px 18px;margin-top:15px}.hero:after{background:linear-gradient(0deg,#211b12e8,#211b1240 60%,transparent)}.heroText{right:22px;left:20px;bottom:68px}.heroText h1{font-size:2.65rem}.heroText .eyebrow{font-size:.61rem;letter-spacing:.09em;padding:5px 12px}.heroText p{font-size:.92rem}.heroIndex{bottom:22px;left:24px}.herotag{right:22px}.section:before{top:23px;width:40px}.sectionhead h2{font-size:1.55rem}.categories{gap:12px}.cat{min-height:235px;border-radius:55px 55px 10px 10px}.cat:nth-child(even){border-radius:10px 10px 55px 10px}.catlabel{padding:16px 12px}.catlabel svg{width:17px;height:17px;padding:5px}.catlabel small{font-size:12px;margin-bottom:4px}.productCard{padding:7px 7px 14px;border-radius:13px}.productCard h3,.productCard p,.productCard .swatches{margin-inline:3px}.productCard h3{font-size:.94rem;line-height:1.65;min-height:3.1em}.grid{gap:16px 10px}.productImg{border-radius:8px}.banner{border-radius:14px 55px 14px 14px}.bannerText{padding:28px}.footer{border-radius:35px 35px 0 0;padding-bottom:125px}.mobilebar{left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));padding:9px 5px 7px;background:color-mix(in srgb,var(--ink) 96%,transparent);border:1px solid #ffffff30;border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 12px 35px #17110840}.mobilebar a,.mobilebar button{color:#dfd8ca;border-radius:14px;min-width:63px;min-height:48px}.mobilebar .active{background:#ffffff18;color:#fff}.mobilebar svg{margin-bottom:3px}.pagehead{margin-bottom:25px}.detail{gap:25px}.mainphoto{border-radius:18px 18px 60px 18px}.toast{bottom:105px}.footline a{padding:8px 0}}

/* Official-colour social links; clear of the mobile navigation and dialogs. */
.socialrail{position:fixed;left:16px;top:48%;z-index:35;display:flex;flex-direction:column;gap:10px;padding:7px;background:color-mix(in srgb,var(--paper) 75%,transparent);border:1px solid #ffffff80;border-radius:40px;backdrop-filter:blur(12px);box-shadow:0 10px 24px #28201522}.socialicon{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:white;box-shadow:0 4px 9px #0002;transition:transform .2s}.socialicon:hover{transform:scale(1.08)}.socialicon svg{width:24px;height:24px}.socialicon.facebook{background:#1877f2}.socialicon.instagram{background:radial-gradient(circle at 28% 105%,#feda75 0%,#fa7e1e 24%,#d62976 48%,#962fbf 74%,#4f5bd5 100%)}
@media(max-width:600px){.socialrail{left:8px;top:auto;bottom:100px;gap:9px;padding:5px;border-radius:30px}.socialicon{width:44px;height:44px}.socialicon svg{width:22px;height:22px}}

/* V3 — compact mobile storefront inspired by supplied reference screenshots. */
body{--bg:#f0eae2;--paper:#f7f3ee;--ink:#4a3023;--accent:#553727;--tint:#e7dcd0;--line:#d8c9ba;--muted:#867563;background-image:repeating-linear-gradient(90deg,transparent 0 4px,#6b4e2a03 4px 5px)}
.header{background:var(--paper)}.headerinner{min-height:78px}.desktopnav{border:0;background:transparent}.brand b{font-size:2rem}.topnote{background:var(--accent);font-size:.85rem;padding:8px 12px}.hero{border-radius:0;margin-top:0;box-shadow:none;border:0;height:450px;min-height:0;max-height:none}.heroText{width:48%;right:5%}.heroText h1{font-size:3.3rem;line-height:1.35}.heroText .eyebrow{border:0;background:transparent;backdrop-filter:none;padding:0;font-size:.78rem}.heroText .btn{border-radius:2px;font-size:.9rem;padding:8px 18px;min-height:40px}.heroIndex,.herotag{display:none}.storefront-home main.wrap{width:min(1280px,100%)}.collectionstrip,.shopsection,.partnership{padding:28px 28px 12px}.categories{gap:14px}.cat,.cat:nth-child(even){border-radius:4px;min-height:240px;box-shadow:0 3px 9px #38271824;border:4px solid var(--paper)}.catlabel{justify-content:center;text-align:center;padding:18px 8px}.catlabel small,.catlabel svg{display:none}.catlabel h3{font-weight:600;font-size:1.2rem}.cat:after{inset:0;background:linear-gradient(transparent,#261b1350)}.shopTabs{display:flex;gap:28px;overflow:auto;border-bottom:1px solid var(--line);margin:22px 0}.shopTabs button{border:0;border-bottom:2px solid transparent;white-space:nowrap;background:transparent;color:var(--muted);font-size:1rem;min-height:54px;padding:0 0 10px}.shopTabs button.selected{border-bottom-color:var(--accent);color:var(--ink)}.productrail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.productrail .productCard{flex:0 0 26%;scroll-snap-align:start}.productCard{border:0;box-shadow:none;border-radius:18px;background:var(--paper);padding:12px}.productImg{border-radius:13px;aspect-ratio:1/1.1}.badge{background:#b94228;color:white;right:0;top:12px;border-radius:0;padding:3px 12px}.productCard:hover{transform:none;box-shadow:none}.partnership{text-align:center;padding-top:60px;padding-bottom:40px}.partnership .eyebrow{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:6px 20px;margin-bottom:20px}.partnership h2{font-size:2rem}.partnership p{max-width:570px;margin:15px auto 25px;color:var(--muted)}.partnerlinks{display:flex;gap:18px;justify-content:center}.partnerlinks a{border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 8px #4025150a;background:var(--paper);padding:30px 22px;min-width:170px;font-size:1.1rem}.banner{border-radius:0;box-shadow:none;margin-top:25px;position:relative;height:300px;display:block}.banner>img{height:100%;width:100%;object-fit:cover}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#22160f99,transparent)}.bannerText{position:absolute;z-index:1;right:5%;top:50%;transform:translateY(-50%);padding:0;width:48%}.bannerText h2{font-size:2rem}.bannerText p{margin:8px 0 16px}.bannerText .btn{border-radius:2px;padding:6px 18px;min-height:38px}.footer{border-radius:0;margin-top:0;background:var(--accent);padding-bottom:100px}.footer:before{display:none}.footer .footline{margin-top:25px}.mobilebar{display:none!important}.contactbar{position:fixed;bottom:0;left:0;right:0;z-index:42;background:var(--accent);color:white;border-top:1px solid #ffffff30;padding:9px max(20px,calc((100vw - 1180px)/2));padding-bottom:max(9px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:15px}.contactbar strong{display:block;font-size:.88rem}.contactbar small{display:block;font-size:.75rem;opacity:.9;line-height:1.4}.contactbar button{background:var(--paper);color:var(--ink);border:0;border-radius:5px;padding:9px 26px;min-height:44px;white-space:nowrap}.offerSide{position:fixed;right:0;top:45%;z-index:34;writing-mode:vertical-rl;background:var(--accent);color:white;border-radius:8px 0 0 8px;padding:22px 10px;font-size:.85rem;box-shadow:0 5px 15px #3b251d33}.socialrail{top:auto;bottom:90px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;left:6px}.socialicon{width:40px;height:40px}.toast{bottom:85px}.storefront-home .section:before{display:none}
@media(max-width:600px){.headerinner{min-height:70px}.brand b{font-size:1.8rem}.brand small{font-size:.5rem}.topnote{font-size:.74rem;padding:7px 10px}.hero{height:285px;min-height:0;max-height:none;margin:0;border-radius:0}.heroText{right:5%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:52%}.heroText h1{font-size:1.85rem;margin-bottom:10px}.heroText p{font-size:.8rem;line-height:1.6;margin-bottom:12px}.heroText .eyebrow{font-size:.6rem;margin-bottom:8px;letter-spacing:.04em}.heroText .btn{font-size:.78rem;min-height:36px;padding:5px 12px}.hero:after{background:linear-gradient(270deg,#23170fab,transparent)}.collectionstrip{padding:17px 14px 0}.categories{display:flex;gap:9px;overflow:auto;padding:0 0 8px;scroll-snap-type:x mandatory}.cat,.cat:nth-child(even){flex:0 0 31%;min-height:142px;border-radius:4px;border-width:3px;scroll-snap-align:start}.catlabel{padding:12px 4px}.catlabel h3{font-size:.85rem}.shopsection{padding:10px 14px}.shopTabs{gap:20px;margin:10px 0 16px}.shopTabs button{font-size:.84rem;min-height:44px;padding-bottom:8px}.productrail{gap:11px}.productrail .productCard{flex-basis:43%;padding:8px;min-width:0}.productImg{aspect-ratio:1/1.15}.productCard h3{font-size:.9rem;line-height:1.5;margin-top:9px;min-height:2.9em}.productCard p{font-size:.73rem}.badge{font-size:.64rem;top:10px;padding:2px 8px}.partnership{padding:30px 14px 20px}.partnership .eyebrow{font-size:.62rem;padding:4px 14px;margin-bottom:12px}.partnership h2{font-size:1.5rem}.partnership p{font-size:.86rem}.partnerlinks{gap:10px;overflow:auto;justify-content:flex-start;padding-bottom:8px;scroll-snap-type:x mandatory}.partnerlinks a{min-width:140px;padding:25px 15px;font-size:.95rem;scroll-snap-align:start}.banner{height:235px;margin-top:20px;grid-template-columns:none;border-radius:0}.banner img{height:100%}.bannerText{width:52%;padding:0;right:5%;top:50%}.bannerText h2{font-size:1.3rem}.bannerText .eyebrow{font-size:.56rem;margin-bottom:5px}.bannerText p{font-size:.76rem;line-height:1.5;margin:7px 0 12px}.bannerText .btn{font-size:.75rem;min-height:34px}.footer{border-radius:0;padding:30px 0 100px}.footerinner{grid-template-columns:1fr;gap:15px}.footerinner>div{border-bottom:1px solid #ffffff25;padding-bottom:12px}.footerinner>div:first-child{grid-column:auto}.footer h3{margin-bottom:8px}.footer a{display:inline-block;margin:5px 12px 5px 0}.footer .brand{display:block}.contactbar{padding:7px 14px;padding-bottom:max(7px,env(safe-area-inset-bottom));gap:10px}.contactbar strong{font-size:.75rem}.contactbar small{font-size:.64rem}.contactbar button{font-size:.79rem;padding:8px 22px}.offerSide{padding:17px 7px;font-size:.71rem;top:43%}.socialrail{bottom:84px;left:3px;padding:3px}.socialicon{width:38px;height:38px}.socialicon svg{width:21px;height:21px}}

/* V11 — live data, moving announcement ticker, and secure catalogue administration. */
.topnote.ticker{position:relative;overflow:hidden;padding:0;min-height:34px;display:flex;align-items:center;white-space:nowrap}
.tickerTrack{display:flex;align-items:center;width:max-content;min-width:200%;direction:ltr;animation:shezellTicker 28s linear infinite;will-change:transform}
.ticker:hover .tickerTrack{animation-play-state:paused}
.tickerItem{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 34px;border-inline-end:1px solid color-mix(in srgb,currentColor 16%,transparent);font-weight:700;letter-spacing:.01em;direction:rtl}
html[lang=en] .tickerItem{direction:ltr}
.tickerItem.offer{background:#b4232f;color:#fff;border-color:#b4232f}
@keyframes shezellTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tickerTrack{animation:none;transform:none;flex-wrap:wrap;min-width:100%}}

.offerBadge,.badge.offerBadge{background:#b4232f!important;color:#fff!important;border-color:#d15a64!important;box-shadow:none!important}
.productCard:has(.offerBadge){outline:1px solid color-mix(in srgb,#b4232f 34%,transparent);outline-offset:-1px}

.adminAuth{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,480px);gap:28px;align-items:start;margin:24px 0}
.compactForm{display:grid;gap:10px}.compactForm label,.crudForm label{font-weight:700;font-size:.92rem}.compactForm input,.crudForm input,.crudForm select,.crudForm textarea{width:100%;margin-top:7px}
.formActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.saveMainSettings{margin:20px 0 28px}.adminPanel{margin:24px 0;scroll-margin-top:130px}.adminPanel h2{margin-bottom:18px}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.formGrid .wide{grid-column:1/-1}.checkRow{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper) 88%,transparent);font-weight:700}.checkRow input{width:auto!important;margin:0!important}.offerCheck{border-color:#b4232f55}.offerCheck:has(input:checked){background:#b4232f12;color:#a51d29;border-color:#b4232f80}
.adminList{display:grid;gap:10px;margin-top:20px}.adminRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.adminRow.isOffer{border-inline-start:5px solid #b4232f}.adminRow strong{display:block}.adminRow small{display:block;color:var(--muted);margin-top:4px}.rowActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.miniBtn{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 10px;border-radius:999px;cursor:pointer;font:inherit;font-size:.82rem;font-weight:700}.miniBtn:hover{background:var(--tint)}.miniBtn.danger{border-color:#b4232f66;color:#a51d29}.statePills{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.state{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid var(--line)}.state.on{background:#2f7d4b16;color:#2f7d4b;border-color:#2f7d4b55}.state.off{background:#7771;color:var(--muted)}.state.offer{background:#b4232f;color:#fff;border-color:#b4232f}
#adminSession{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}
#adminSession[hidden],#adminWorkspace[hidden],#adminLoginForm[hidden]{display:none!important}
.settingnav{position:sticky;top:110px;align-self:start}.settingnav a{display:block}
.crudForm input[type=file]{padding:10px;background:var(--tint)}
@media(max-width:900px){.adminAuth{grid-template-columns:1fr}.settingsGrid{grid-template-columns:1fr!important}.settingnav{position:static;display:flex;gap:8px;overflow:auto;padding-bottom:8px}.settingnav a{white-space:nowrap}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.adminRow{align-items:flex-start;flex-direction:column}.rowActions{justify-content:flex-start;width:100%}}
@media(max-width:600px){.tickerTrack{animation-duration:22s}.tickerItem{padding-inline:22px;font-size:.82rem}.adminAuth,.adminPanel{padding:18px!important}.formActions .btn{flex:1 1 140px}.rowActions .miniBtn{flex:1}.adminRow{padding:12px}}

/* V12 — Arabic-only UI, scheduled red offers, responsive media */
.offerTicker{background:#b4232f!important;color:#fff!important;border-bottom:1px solid #8f1822}
.offerTicker .tickerTrack{animation-duration:24s}
.offerTicker .tickerItem{background:transparent!important;color:#fff!important;border-color:#ffffff35!important;font-weight:800}
.videoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.videoCard{padding:14px;overflow:hidden}
.videoFrame{width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#111;display:flex;align-items:stretch;justify-content:stretch}
.videoFrame.facebook{aspect-ratio:9/16}
.reelbox{display:block;width:100%;height:100%;min-height:0!important;border:0;background:#111}
.productImg{background:var(--paper)}
.productImg img{object-fit:contain!important;object-position:center!important;background:var(--paper)}
.mainphoto{object-fit:contain!important;object-position:center!important;background:var(--paper)}
.thumbs img{object-fit:contain!important;background:var(--paper)}
.lightbox .view img{object-fit:contain!important;width:100%!important;height:100%!important}
.offerCreator{border:2px solid #b4232f20;padding:18px;border-radius:14px;background:color-mix(in srgb,#b4232f 4%,var(--paper))}
.offerCreateBtn{background:#b4232f!important;border-color:#b4232f!important;color:#fff!important}
#tickerAdmin h2{color:#9e1e29}
@media(max-width:760px){.videoGrid{grid-template-columns:1fr;gap:18px}.videoCard{padding:10px}.videoFrame{width:min(100%,420px);margin:auto;aspect-ratio:9/16}.productImg{aspect-ratio:1/1!important}.mainphoto{height:min(70svh,520px)!important}.tickerTrack{animation-duration:18s}.tickerItem{padding-inline:18px}}

/* V13 — simplified settings, multi-image galleries, and reliable moving offers */
.offerTicker{overflow:hidden!important;display:block!important;white-space:nowrap!important;min-height:38px!important;padding:0!important}
.offerTicker .tickerTrack{display:flex!important;width:max-content!important;min-width:0!important;animation:shezellOfferTicker 26s linear infinite!important;will-change:transform}
.offerTicker .tickerSet{display:flex;flex:none;width:max-content}
.offerTicker .tickerItem{display:inline-flex;align-items:center;min-height:38px;padding:7px 34px;color:#fff!important;font-weight:800;direction:rtl;border-inline-end:1px solid #ffffff35}
@keyframes shezellOfferTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.autoGallery{position:relative;overflow:hidden}
.autoGallery>[data-gallery-slide]{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transition:opacity .65s ease;background:var(--paper)}
.autoGallery>[data-gallery-slide].active{opacity:1}
.productImg.autoGallery{min-height:100%}
.detailGallery{height:min(70svh,640px);border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.detailGallery .mainphoto{position:relative!important;opacity:1!important;height:100%!important;width:100%!important}
.simpleSpecs{grid-template-columns:1fr!important}
.settingsTabs{display:flex;gap:9px;overflow-x:auto;padding:4px 0 14px;margin:14px 0 18px;scrollbar-width:thin;position:sticky;top:92px;z-index:12;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px)}
.settingsTabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}
.settingsTabs button.active{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
.settingsPanels>.settingsSection{display:none!important;margin:0 0 24px!important}
.settingsPanels>.settingsSection.active{display:block!important}
.settingsSection form{display:grid;gap:14px}
.settingsSection label{font-weight:700}.settingsSection input,.settingsSection textarea,.settingsSection select{width:100%;margin-top:7px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px 12px}
.homeMediaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mediaPreview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--tint);margin:8px 0}
.mediaPreview img{width:100%;height:100%;object-fit:contain;background:var(--paper)}
.materialImageAdmin{margin:14px 0}.materialImageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.materialImageThumb{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--paper)}.materialImageThumb img{aspect-ratio:1/1;object-fit:contain;width:100%;background:var(--tint);border-radius:7px;margin-bottom:8px}
@media(max-width:760px){.settingsTabs{top:78px}.settingsTabs button{padding:9px 13px;font-size:.84rem}.homeMediaGrid{grid-template-columns:1fr}.materialImageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.offerTicker .tickerTrack{animation-duration:20s!important}.offerTicker .tickerItem{padding-inline:24px;font-size:.82rem}.detailGallery{height:min(58svh,460px)}}

/* V14 — dynamic branches */
.branchGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;margin-bottom:36px}
.branchCard{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:32px}
.branchCard h2,.branchCard p{margin:0}
.branchActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.branchActions .btn{width:auto;min-width:190px;justify-content:center}
.branchPhones{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line,#dccdbd)}
.branchPhones strong{font-size:.92rem}
.branchPhones a,.branchPhones span{display:block;padding:10px 12px;border:1px solid var(--line,#dccdbd);border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.28);direction:ltr;text-align:left}
@media(max-width:680px){.branchGrid{grid-template-columns:1fr;gap:16px}.branchCard{padding:22px}.branchActions{display:grid}.branchActions .btn{width:100%;min-width:0}.branchPhones a,.branchPhones span{font-size:.96rem}}

/* V15 — catalogue alignment + unmistakable save feedback */
.grid{align-items:start!important;grid-auto-flow:row!important}
.productCard{display:flex!important;flex-direction:column!important;align-self:start!important;width:100%!important;min-width:0!important;height:auto!important;overflow:hidden!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:10px!important;box-shadow:0 6px 18px #2b1f1510!important}
.productCard .productImg,.productImg.autoGallery{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:12px!important;background:var(--paper)!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.productCard .autoGallery>[data-gallery-slide]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:var(--paper)!important;padding:0!important}
.productCard .productMeta{display:flex!important;flex-direction:column!important;gap:2px!important;padding:11px 6px 4px!important;min-height:94px!important}
.productCard .productMeta h3{margin:0!important;padding:0!important;font-size:1rem!important;line-height:1.5!important;min-height:0!important;font-weight:700!important;overflow-wrap:anywhere!important}
.productCard .productMeta p{margin:2px 0 0!important;padding:0!important;font-size:.82rem!important;line-height:1.5!important;color:var(--muted)!important}
.productCard .productMeta .swatches{margin:9px 0 0!important;padding:0!important}
.galleryCount{position:absolute;left:10px;bottom:10px;z-index:4;background:#17120dcc;color:#fff;padding:3px 9px;border-radius:999px;font-size:.7rem;line-height:1.4;backdrop-filter:blur(5px)}
.offerBadge{z-index:5}
.saveStatus{margin-top:14px;padding:13px 16px;border-radius:10px;border:1px solid var(--line);font-weight:800;line-height:1.6}
.saveStatus.saving{background:#f4efe6;color:#5d4937;border-color:#cdbba5}
.saveStatus.success{background:#edf8ef;color:#176128;border-color:#9fd2aa}
.saveStatus.error{background:#fff0f0;color:#9b1c25;border-color:#e9a2a8}
#materialSaveBtn:disabled{opacity:.7;cursor:wait}
@media(max-width:760px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
  .productCard{padding:7px!important;border-radius:12px!important}
  .productCard .productImg,.productImg.autoGallery{aspect-ratio:1/1!important;border-radius:9px!important}
  .productCard .productMeta{min-height:84px!important;padding:9px 3px 3px!important}
  .productCard .productMeta h3{font-size:.9rem!important;line-height:1.45!important}
  .productCard .productMeta p{font-size:.72rem!important}
  .galleryCount{left:6px;bottom:6px;font-size:.62rem;padding:2px 7px}
}

/* V16 — responsive media, cleaner about page, and zoomable catalogue images */
.hero,.banner,.cat,.productImg,.detailGallery,.mediaPreview,.aboutVisual,.aboutShowcase .panel{overflow:hidden}
.hero>img,.banner img,.cat img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.productImg img,.thumbs img,.detailGallery .mainphoto,.lightbox .view img,.aboutImage{background:var(--paper)}
.productImg img,.thumbs img,.detailGallery .mainphoto,.lightbox .view img{object-fit:contain!important;object-position:center!important}
.productMeta{display:block;color:inherit;text-decoration:none}
.coverLink{position:absolute;inset:0;z-index:3}
.zoomBtn{position:absolute;left:10px;top:10px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid #00000015;background:#ffffffe6;color:#2b2119;backdrop-filter:blur(8px);font-size:.78rem;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.productCard:hover .zoomBtn,.productCard:focus-within .zoomBtn{opacity:1;transform:translateY(0)}
.zoomBtn svg{width:16px;height:16px}
.autoGallery>[data-gallery-slide]{padding:10px}
.hero{min-height:520px;height:min(74svh,700px)}
.heroText{width:min(48%,520px)}
.banner{align-items:stretch}
.bannerText{display:flex;flex-direction:column;justify-content:center}
.homeBanner img,.aboutBanner img{min-height:100%}
.aboutShowcase{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
.aboutShowcase .panel{min-height:100%}
.aboutCopy{display:flex;flex-direction:column;justify-content:center;padding:34px}
.aboutCopy p{color:var(--muted);margin:14px 0 24px}
.aboutActions{display:flex;gap:12px;flex-wrap:wrap}
.aboutVisual{min-height:420px;background:var(--tint)}
.aboutVisual .aboutImage{width:100%;height:100%;object-fit:cover;object-position:center}
.aboutHighlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.aboutStat h3{margin-bottom:10px}
.aboutStat p{margin:0;color:var(--muted)}
.productrail .productCard{flex:0 0 280px}
.lightbox{padding:18px}
.lightbox .view{height:calc(100% - 92px);border-radius:12px;background:#0f0f0c}
.lightcontrols{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:14px}
.lightcontrols button{min-width:46px;height:46px;border-radius:999px;border:1px solid #ffffff30;background:#ffffff10;color:#fff}
.lightcontrols span{font-size:.92rem;color:#ece7dd}
@media(max-width:980px){
  .hero{height:min(66svh,560px);min-height:420px}
  .heroText{width:min(56%,520px)}
  .aboutShowcase{grid-template-columns:1fr}
  .aboutVisual{min-height:340px}
  .aboutHighlights{grid-template-columns:1fr}
  .banner{grid-template-columns:1fr}
  .banner img{height:280px}
  .bannerText{padding:28px}
}
@media(max-width:760px){
  .zoomBtn{opacity:1;transform:none;padding:7px 9px;font-size:.72rem;left:8px;top:8px}
  .hero{height:auto;min-height:0;aspect-ratio:4/4.8;margin-top:14px}
  .heroText{width:calc(100% - 28px);right:14px;left:14px;top:auto;bottom:18px;transform:none}
  .heroText h1{font-size:clamp(1.65rem,8vw,2.3rem);margin-bottom:10px}
  .heroText p{max-width:none;font-size:.9rem;margin-bottom:14px}
  .collectionstrip{padding-top:14px}
  .categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;scroll-snap-type:none}
  .cat,.cat:nth-child(even){min-height:150px;flex:auto}
  .productrail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .productrail .productCard{flex:auto}
  .banner{margin-top:24px;border-radius:12px}
  .banner img{height:220px}
  .bannerText{width:auto;position:static;padding:20px}
  .bannerText h2{font-size:1.55rem}
  .bannerText p{font-size:.88rem}
  .aboutCopy{padding:22px}
  .aboutVisual{min-height:250px}
  .aboutActions .btn{flex:1 1 160px}
  .lightbox{width:100vw;max-width:100vw;height:100svh;max-height:none;border-radius:0;padding:12px}
  .lightbox .view{height:calc(100% - 104px)}
  .lightcontrols{gap:9px;padding-top:10px}
  .lightcontrols button{min-width:42px;height:42px}
}
@media(max-width:520px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important}
  .productCard .productMeta h3{font-size:.88rem!important}
  .heroText .btn,.bannerText .btn,.aboutActions .btn{width:100%}
  .heroText .eyebrow,.bannerText .eyebrow{font-size:.62rem}
  .banner img{height:190px}
  .lightcontrols span{font-size:.82rem}
}

/* V17 — direct phone + WhatsApp actions */
.branchPhones{gap:10px}
.phoneDirect{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:13px 15px!important;border-radius:12px!important;background:var(--paper)!important;box-shadow:0 2px 8px #00000008}
.phoneDirect span{font-size:.78rem;color:var(--muted);text-align:right;direction:rtl}
.phoneDirect b{font-size:1rem;letter-spacing:.02em;font-weight:800;color:var(--ink)}
.phoneDirect em{grid-column:1/-1;font-style:normal;font-size:.72rem;color:var(--accent);direction:rtl;text-align:right}
.whatsappDirect{gap:8px;flex-wrap:wrap}
.whatsappDirect span{font-weight:800}
.contactBranchGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}
.contactBranch{display:flex;flex-direction:column;gap:12px}
.contactBranch h3{font-size:1.35rem}
.contactBranch p{margin:0;color:var(--muted)}
.contactBranchLinks{display:grid;gap:9px;margin-top:6px}
.contactAction{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-decoration:none}
.contactAction b{margin-inline-start:auto;font-size:.92rem}
.contactAction svg{width:19px;height:19px}
.waAction{background:color-mix(in srgb,#25D366 10%,var(--paper));border-color:color-mix(in srgb,#25D366 38%,var(--line))}
.callAction{background:color-mix(in srgb,var(--accent) 7%,var(--paper))}
@media(max-width:680px){
  .phoneDirect{grid-template-columns:1fr;gap:2px;padding:12px!important}
  .phoneDirect b{font-size:1.05rem}
  .branchActions{display:grid!important}
  .branchActions .btn{width:100%!important}
  .contactBranchGrid{grid-template-columns:1fr}
  .contactAction{min-height:54px}
}

/* V18 — Mobile First + icon-only branch actions + product WhatsApp */
.productMetaWrap{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:end}
.productMetaWrap .productMeta{min-width:0}
.productWaBtn,.branchIconBtn{display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--accent);box-shadow:0 3px 10px #0000000b;text-decoration:none}
.productWaBtn{margin:0 4px 6px 0;z-index:8}
.productWaBtn svg,.branchIconBtn svg{width:22px;height:22px}
.productWaBtn:hover,.branchIconBtn:hover{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
.branchPhoneRow{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.branchPhoneRow:last-child{border-bottom:0}
.branchPhoneNumber{display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-weight:800;text-decoration:none;color:var(--ink);direction:ltr;text-align:left}
.branchPhoneNumber:hover{border-color:var(--accent);color:var(--accent)}
.iconActions{display:flex!important;align-items:center;gap:10px!important}
.iconActions .mapBtn{margin-inline-start:auto;min-width:0!important}
.callIcon{color:var(--accent)}
.waIcon{background:#fff;color:#1f7a45}
.productCard .zoomBtn span{display:inline}

/* Mobile first priority */
@media(max-width:760px){
  .wrap{width:min(100% - 24px,1240px)}
  .topnote{min-height:34px}
  .offerTicker .tickerItem{font-size:.78rem;padding-inline:20px}
  .headerinner{min-height:72px!important;padding:8px 0!important}
  .header .iconbtn{width:40px!important;height:40px!important}
  .hero{aspect-ratio:4/4.35!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:10px!important;border-radius:10px!important}
  .hero>img{object-position:center center!important}
  .heroText{right:14px!important;left:14px!important;bottom:14px!important;width:auto!important;top:auto!important;transform:none!important;padding:14px!important;border-radius:12px;background:linear-gradient(180deg,#24170d18,#24170dc2)}
  .heroText h1{font-size:clamp(1.55rem,7.8vw,2.1rem)!important;line-height:1.25!important;margin-bottom:8px!important}
  .heroText p{font-size:.84rem!important;line-height:1.55!important;margin-bottom:12px!important}
  .heroText .btn{width:100%;min-height:42px!important}
  .collectionstrip{padding:12px 0 0!important}
  .categories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .cat,.cat:nth-child(even){min-height:145px!important;flex:auto!important;border-radius:10px!important}
  .shopsection{padding:12px 0!important}
  .productrail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .productrail .productCard{flex:auto!important;min-width:0!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important}
  .productCard{padding:6px!important;border-radius:12px!important}
  .productCard .productImg{border-radius:9px!important}
  .productCard .productMeta{padding:8px 2px 4px!important;min-height:78px!important}
  .productCard .productMeta h3{font-size:.88rem!important;line-height:1.35!important}
  .productCard .productMeta p{font-size:.7rem!important}
  .productMetaWrap{grid-template-columns:minmax(0,1fr) 40px;gap:4px}
  .productWaBtn{width:40px;height:40px;min-width:40px;margin:0 1px 5px 0}
  .productWaBtn svg{width:20px;height:20px}
  .productCard .zoomBtn{width:38px;height:38px;padding:0!important;display:grid;place-items:center;left:7px;top:7px}
  .productCard .zoomBtn span{display:none}
  .productCard .zoomBtn svg{width:18px;height:18px}
  .galleryCount{font-size:.6rem!important}
  .branchGrid{grid-template-columns:1fr!important;gap:14px!important}
  .branchCard{padding:18px!important}
  .branchCard h2{font-size:1.7rem}
  .branchPhoneRow{grid-template-columns:minmax(0,1fr) 46px;gap:8px}
  .branchPhoneNumber{font-size:1rem;min-height:46px;padding:9px 12px}
  .branchIconBtn{width:46px;height:46px;min-width:46px}
  .iconActions .mapBtn{flex:1;min-height:46px!important;font-size:.82rem;padding:8px 12px!important}
  .contactbar{padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;gap:8px!important}
  .contactbar strong{font-size:.72rem!important}.contactbar small{display:none!important}
  .contactbar button{padding:8px 14px!important;font-size:.76rem!important;min-height:40px!important}
  .offerSide{padding:14px 6px!important;font-size:.68rem!important;top:46%!important}
  .socialrail{bottom:70px!important}.socialicon{width:36px!important;height:36px!important}
  .pagehead{padding:28px 0 22px!important}.pagehead h1{font-size:2rem!important}
  .footer{padding-bottom:82px!important}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 18px)}
  .hero{aspect-ratio:4/4.7!important}
  .categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cat,.cat:nth-child(even){min-height:132px!important}
  .grid,.productrail{gap:9px 7px!important}
  .productCard{padding:5px!important}
  .productCard .productMeta h3{font-size:.82rem!important}
  .productWaBtn{width:38px;height:38px;min-width:38px}
  .productMetaWrap{grid-template-columns:minmax(0,1fr) 38px}
}

/* V19 — action-only contact buttons, no public phone numbers, no footer logo */
.branchQuickActions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.contactIconButton{width:54px;height:54px;min-width:54px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 5px 14px #00000010;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;text-decoration:none}
.contactIconButton svg{width:25px;height:25px;stroke-width:1.8}
.contactIconButton:hover,.contactIconButton:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #00000018}
.contactIconButton.callIcon{background:#fff;color:#4b3528}
.contactIconButton.whatsappIcon{background:#25D366;color:#fff;border-color:#25D366}
.contactIconButton.mapIcon{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
.productWaBtn{background:#25D366!important;color:#fff!important;border-color:#25D366!important}
.productWaBtn svg{stroke-width:1.8}
.productDetailWa{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.footerIntro h3{margin-bottom:8px}.footerIntro p{margin:0}
.branchPhones,.branchPhoneRow,.branchPhoneNumber,.phoneDirect,.whatsappDirect,.contactAction{display:none!important}
@media(max-width:760px){
  .branchQuickActions{justify-content:center;gap:14px;margin-top:16px;padding-top:16px}
  .contactIconButton{width:58px;height:58px;min-width:58px}
  .contactIconButton svg{width:27px;height:27px}
  .branchCard,.contactBranch{text-align:center}
  .productWaBtn{width:42px!important;height:42px!important;min-width:42px!important}
  .productDetailWa{width:100%;min-height:50px;font-size:.92rem}
}

/* V21 — centered mobile lightbox + official Facebook/WhatsApp brand glyphs */
.brandGlyph{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 auto}
.brandGlyphFacebook{width:100%;height:100%}
.socialicon.facebook{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;overflow:visible}
.socialicon.facebook .brandGlyphFacebook{width:44px;height:44px;filter:none!important}
.socialicon.facebook:hover{transform:scale(1.06)}
.socialicon .brandGlyph{pointer-events:none}
.productWaBtn .brandGlyphWhatsApp,.productDetailWa .brandGlyphWhatsApp,.contactIconButton.whatsappIcon .brandGlyphWhatsApp{filter:brightness(0) invert(1)}
.productWaBtn .brandGlyphWhatsApp{width:23px;height:23px}
.contactIconButton.whatsappIcon .brandGlyphWhatsApp{width:28px;height:28px}
.productDetailWa .brandGlyphWhatsApp{width:22px;height:22px}
.branchoption .brandGlyphWhatsApp,.mobilebar .brandGlyphWhatsApp{width:22px;height:22px}

.lightbox{position:relative!important;box-sizing:border-box!important;overflow:hidden!important}
.lightbox[open]{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:stretch!important}
.lightbox .close{position:absolute!important;top:14px!important;left:14px!important;right:auto!important;float:none!important;z-index:30!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;background:#f7f1e9ee!important;color:#33281f!important;border:1px solid #ffffff88!important;border-radius:50%!important;box-shadow:0 5px 18px #0005!important;font-size:1.45rem!important;line-height:1!important;padding:0!important;backdrop-filter:blur(8px)}
.lightbox .view{flex:1 1 auto!important;min-height:0!important;height:auto!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;padding:12px!important;background:#11110e!important;border-radius:14px!important}
.lightbox .view img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;background:transparent!important;margin:auto!important;box-shadow:none!important;border-radius:10px!important}
.lightbox .lightcontrols{flex:0 0 auto!important;min-height:68px!important;padding:12px 4px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;direction:ltr!important}
.lightbox .lightcontrols button{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;padding:0!important}
#zoomlabel,#piclabel{direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important;min-width:52px;text-align:center}
#piclabel{order:-2}
#prev{order:-1}
#next{order:6}

@media(max-width:760px){
  .lightbox{width:100vw!important;max-width:100vw!important;height:100svh!important;max-height:100svh!important;margin:0!important;border:0!important;border-radius:0!important;padding:10px 10px max(10px,env(safe-area-inset-bottom))!important;background:#11110e!important}
  .lightbox .view{padding:8px!important;border-radius:12px!important}
  .lightbox .view img{max-width:100%!important;max-height:100%!important;border-radius:8px!important}
  .lightbox .close{top:12px!important;left:12px!important;width:42px!important;height:42px!important;font-size:1.3rem!important}
  .lightbox .lightcontrols{min-height:64px!important;gap:8px!important;padding-top:10px!important}
  .lightbox .lightcontrols button{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
  #zoomlabel,#piclabel{font-size:.85rem!important;min-width:46px!important}
  .socialicon.facebook .brandGlyphFacebook{width:36px;height:36px}
  .productWaBtn .brandGlyphWhatsApp{width:22px;height:22px}
  .contactIconButton.whatsappIcon .brandGlyphWhatsApp{width:30px;height:30px}
}
@media(max-width:390px){
  .lightbox .lightcontrols{gap:5px!important}
  .lightbox .lightcontrols button{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  #zoomlabel,#piclabel{min-width:42px!important;font-size:.78rem!important}
}

/* V22 — mobile cover images show in full, without destructive cropping */
@media (max-width: 760px){
  .storefront-home .hero,
  body[data-page="index"] .hero{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin-top:10px!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:var(--paper)!important;
    border:1px solid var(--line)!important;
  }
  .storefront-home .hero>img,
  body[data-page="index"] .hero>img{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    background:var(--paper)!important;
  }
  .storefront-home .hero:after,
  body[data-page="index"] .hero:after{display:none!important}
  .storefront-home .heroText,
  body[data-page="index"] .heroText{
    position:static!important;
    width:100%!important;
    inset:auto!important;
    transform:none!important;
    padding:18px 16px 19px!important;
    border-radius:0!important;
    background:var(--paper)!important;
    color:var(--ink)!important;
  }
  .storefront-home .heroText .eyebrow,
  body[data-page="index"] .heroText .eyebrow{color:var(--accent)!important;margin-bottom:7px!important}
  .storefront-home .heroText h1,
  body[data-page="index"] .heroText h1{color:var(--ink)!important;font-size:clamp(1.65rem,7.6vw,2.15rem)!important;line-height:1.3!important}
  .storefront-home .heroText p,
  body[data-page="index"] .heroText p{color:var(--muted)!important;font-size:.9rem!important;line-height:1.65!important;margin-bottom:14px!important}
  .storefront-home .heroText .btn,
  body[data-page="index"] .heroText .btn{background:var(--accent)!important;color:var(--on-accent,#fff)!important;border-color:var(--accent)!important;width:100%!important}

  .homeBanner,
  .aboutBanner,
  .banner{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:var(--paper)!important;
    border:1px solid var(--line)!important;
  }
  .homeBanner>img,
  .aboutBanner>img,
  .banner>img{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    background:var(--paper)!important;
  }
  .homeBanner:after,
  .aboutBanner:after,
  .banner:after{display:none!important}
  .homeBanner .bannerText,
  .aboutBanner .bannerText,
  .banner .bannerText{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    padding:18px 16px 20px!important;
    color:var(--ink)!important;
    background:var(--paper)!important;
  }
  .homeBanner .bannerText .eyebrow,
  .aboutBanner .bannerText .eyebrow,
  .banner .bannerText .eyebrow{color:var(--accent)!important}
  .homeBanner .bannerText p,
  .aboutBanner .bannerText p,
  .banner .bannerText p{color:var(--muted)!important}
  .homeBanner .bannerText .btn,
  .aboutBanner .bannerText .btn,
  .banner .bannerText .btn{width:100%!important;background:var(--accent)!important;color:var(--on-accent,#fff)!important;border-color:var(--accent)!important}

  /* category cover cards stay compact but use the stored focal position */
  .categories .cat img{object-fit:cover!important}
}

/* V23 — Mobile-first partnership buttons on the home page */
@media(max-width:600px){
  .partnership{
    padding:26px 14px 18px!important;
    text-align:center!important;
  }
  .partnership .eyebrow{
    margin-bottom:10px!important;
    padding:4px 12px!important;
    font-size:.58rem!important;
    letter-spacing:.11em!important;
  }
  .partnership h2{
    font-size:1.34rem!important;
    line-height:1.55!important;
    margin:0!important;
  }
  .partnership p{
    max-width:330px!important;
    margin:8px auto 14px!important;
    font-size:.8rem!important;
    line-height:1.75!important;
  }
  .partnerlinks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
  }
  .partnerlinks a{
    min-width:0!important;
    width:100%!important;
    min-height:54px!important;
    padding:10px 8px!important;
    border-radius:12px!important;
    font-size:.9rem!important;
    line-height:1.35!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    box-shadow:0 3px 10px rgba(64,37,21,.07)!important;
  }
}
@media(max-width:360px){
  .partnerlinks{grid-template-columns:1fr!important;max-width:300px!important}
  .partnerlinks a{min-height:50px!important}
}

/* V25 — optional colors and color-specific media */
.productColors{margin:20px 0 24px;padding-top:16px;border-top:1px solid var(--line)}
.productColors>small{display:block;color:var(--muted);margin-bottom:10px;font-weight:700}
.colorChoices{display:flex;gap:9px;flex-wrap:wrap}
.colorChoice{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink)}
.colorChoice i,.colorReset{width:18px;height:18px;border-radius:50%;border:1px solid #0002;display:block;flex:0 0 auto}
.colorReset{background:linear-gradient(135deg,#f2eadc 0 50%,#81654c 50% 100%)}
.colorChoice.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--tint)}
#colorImageList{margin-top:14px}
@media(max-width:600px){.colorChoices{gap:7px}.colorChoice{min-height:42px;padding:7px 11px;font-size:.86rem}.productColors{margin:16px 0 20px}}

/* V27 — fix product detail overlap and stabilize text/image layout */
.detail{align-items:start;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.detail>div{min-width:0}
.detailGallery{display:flex;align-items:center;justify-content:center;min-height:560px;padding:18px;overflow:hidden}
.detailGallery .mainphoto{display:block;max-width:100%;max-height:100%;margin:auto}
.detailcopy{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:26px 28px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:18px;overflow:hidden}
.detailcopy .eyebrow{margin:0 0 2px}
.detailcopy h1{margin:0;line-height:1.22;word-break:break-word;overflow-wrap:anywhere}
.detailcopy p{margin:0 0 2px;line-height:1.95;overflow-wrap:anywhere}
.thumbs{flex-wrap:wrap;align-items:center}
.thumbs button{flex:0 0 80px;background:var(--paper)}
.productColors{margin-top:6px}
.productDetailWa{margin-top:4px}

@media(max-width:1100px){
  .detail{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:34px}
  .detailGallery{min-height:500px}
}
@media(max-width:760px){
  .detail{grid-template-columns:1fr;gap:20px}
  .detailGallery{height:auto;min-height:unset;padding:12px;aspect-ratio:1/1.08}
  .detailcopy{padding:20px 18px;border-radius:16px}
  .detailcopy h1{font-size:1.85rem}
  .detailcopy p{font-size:.92rem;line-height:1.85}
  .thumbs{gap:8px}
  .thumbs button{flex:0 0 68px;width:68px;height:68px}
}

/* V33 CLEAN CORE — fixed warm palette, single header implementation, no legacy logo effects */
:root{
  --bg:#f5f0e9;
  --paper:#fffaf4;
  --ink:#4a3325;
  --muted:#7a6b60;
  --accent:#956238;
  --tint:#eadfD2;
  --line:#dccab7;
  --footer:#4a3022;
  --on-accent:#fffaf4;
}
html,body{background:var(--bg);background-image:none!important}
body{color:var(--ink)}
.header{
  position:sticky;top:0;z-index:30;
  background:#eee4d7;
  border-bottom:1px solid #dccab7;
  backdrop-filter:none;
  background-image:none!important;
}
.headerinner{
  min-height:98px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 48px;
  align-items:center;
  gap:24px;
}
.siteBrand{
  grid-column:1;
  justify-self:start;
  display:block;
  width:320px;
  max-width:32vw;
  line-height:0;
}
.siteLogo{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transform:none;
  filter:none;
}
.desktopnav{grid-column:2;display:flex;align-items:center;gap:4px}
.actions{grid-column:3;justify-self:end}
.menuToggle{display:none}
.header .iconbtn{background:#fffaf49c;border-color:#ccb79f;color:#59402f}
.header .desktopnav a{color:#5a4030}
.header .desktopnav a.active{background:#dfccb8;color:#6d492f}
.mobilemenu{background:#eee4d7;border-top:1px solid var(--line)}

/* Offer ticker: intentionally slow and continuously repeating. */
.offerTicker{overflow:hidden!important;display:block!important;white-space:nowrap!important;background:#b4232f!important;color:#fff!important;padding:0!important}
.offerTicker .tickerTrack{display:flex!important;width:max-content!important;min-width:0!important;animation:shezellTickerClean var(--ticker-duration,90s) linear infinite!important;will-change:transform}
.offerTicker .tickerSet{display:flex!important;flex:none!important;width:max-content!important}
.offerTicker .tickerItem{display:inline-flex!important;align-items:center;min-height:40px;padding:7px 34px;color:#fff!important;font-weight:800;direction:rtl;border-inline-end:1px solid #ffffff35}
.offerTicker:hover .tickerTrack{animation-play-state:paused!important}
@keyframes shezellTickerClean{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Admin filters retained in one place only. */
.adminFilterBar{margin:22px 0 14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.adminFilterBar label{display:grid;grid-template-columns:auto minmax(220px,340px);align-items:center;gap:14px;font-weight:700;color:var(--ink)}
.adminFilterBar select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}

.footer,.contactbar{background:var(--footer)!important;color:#f8ecdc!important}
.panel,.productCard,.search,.detailcopy,.branchCard,.settingsSection{background-color:rgba(255,250,244,.96)!important;background-image:none!important}

@media(max-width:1050px){
  .headerinner{grid-template-columns:48px minmax(0,1fr) 48px;min-height:96px;gap:10px}
  .menuToggle{display:grid;grid-column:1;grid-row:1;justify-self:start}
  .siteBrand{grid-column:2;grid-row:1;justify-self:center;width:min(310px,72vw);max-width:72vw}
  .actions{grid-column:3;grid-row:1;justify-self:end}
  .desktopnav{display:none}
  .searchtop{display:none!important}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 28px)}
  .headerinner{grid-template-columns:46px minmax(0,1fr) 46px;min-height:100px;padding:8px 0;gap:6px}
  .siteBrand{width:min(295px,74vw);max-width:74vw}
  .header .iconbtn{width:44px;height:44px}
  .offerTicker .tickerTrack{animation-duration:var(--ticker-duration,100s)!important}
  .offerTicker .tickerItem{font-size:.8rem;padding-inline:26px}
  .adminFilterBar{padding:13px 14px}
  .adminFilterBar label{grid-template-columns:1fr;gap:8px}
}
@media(max-width:390px){
  .headerinner{grid-template-columns:42px minmax(0,1fr) 42px;min-height:94px}
  .siteBrand{width:min(265px,72vw);max-width:72vw}
  .header .iconbtn{width:42px;height:42px}
}


/* V34 — final mobile logo proportions + product colors before description */
.productColors{
  order:0;
  margin:8px 0 4px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.detailcopy .productDescription{
  order:1;
  margin:2px 0 8px;
  color:var(--muted);
  line-height:1.9;
}
.detailcopy .productDetailWa{order:2}

@media(max-width:600px){
  .headerinner{
    grid-template-columns:46px minmax(0,1fr) 46px;
    min-height:104px;
    padding:8px 0;
    gap:4px;
  }
  .siteBrand{
    width:min(305px,78vw);
    max-width:78vw;
    justify-self:center;
  }
  .siteLogo{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    transform:none;
  }
  .productColors{margin:6px 0 2px;padding-top:12px}
  .detailcopy .productDescription{margin-top:4px}
}
@media(max-width:390px){
  .headerinner{min-height:100px}
  .siteBrand{width:min(285px,76vw);max-width:76vw}
}


/* V36 — reliable color/image admin + show all product colors */
.swatches{flex-wrap:wrap!important;row-gap:7px!important}
.productMeta .swatches{max-width:100%!important}
.adminListSummary{display:flex;align-items:center;gap:7px;margin:10px 0 14px;padding:10px 12px;border-radius:10px;background:var(--tint);color:var(--ink);font-size:.88rem}
.adminListSummary strong{font-size:1.05rem;color:var(--accent)}
#colorImageList{margin-top:12px}
#colorSaveStatus.success{margin-top:12px}
@media(max-width:600px){.swatches{gap:6px!important}.swatches i{width:13px!important;height:13px!important}.adminListSummary{font-size:.82rem}}


/* V36 — simple fast color entry */
.quickColorForm{display:grid;gap:18px}
.colorMaterialPick{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(240px,1.25fr) 1fr;align-items:end;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--tint)}
.colorMaterialPick label{display:grid;gap:7px;font-weight:700}
.colorMaterialPick select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.colorMaterialPick select:disabled{opacity:.62;cursor:not-allowed}
.colorMaterialPick>small{color:var(--muted);padding-bottom:11px}
.quickColorFields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) minmax(210px,1.45fr) auto auto;gap:12px;align-items:end}
.quickColorFields label{display:grid;gap:7px;margin:0!important;font-weight:700}
.quickColorFields label>span{font-size:.86rem}
.quickColorFields input[type=text],.quickColorFields input[name=name_ar],.quickColorFields input[type=file]{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:9px 11px;color:var(--ink)}
.colorPickerBox{height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:5px 10px}
.colorPickerBox input[type=color]{width:38px;height:36px;border:0;background:transparent;padding:0;cursor:pointer}
.colorPickerBox b{font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap}
.colorPhotoField small{font-weight:400;color:var(--muted)}
.quickColorSave,.quickColorNew{min-height:48px;white-space:nowrap;padding-inline:18px}
.quickColorImages{margin-top:0}
.simpleColorList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.simpleColorCard{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
.simpleColorVisual{width:62px;height:62px;border-radius:10px;overflow:hidden;background:var(--tint);display:grid;place-items:center}
.simpleColorVisual img{width:100%;height:100%;object-fit:cover}
.simpleColorVisual i{width:42px;height:42px;border-radius:50%;border:1px solid #0002;display:block}
.simpleColorInfo{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.simpleColorInfo strong{font-size:1.05rem}
.simpleColorInfo small{color:var(--muted);font-size:.75rem}
.simpleSwatch{width:20px;height:20px;border-radius:50%;border:1px solid #0002;display:inline-block}
.duplicateWarn{color:#a02424!important;font-weight:700}
.simpleColorActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.quickColorFields{grid-template-columns:1fr 1fr}.colorPhotoField{grid-column:1/-1}.quickColorSave,.quickColorNew{width:100%}.simpleColorList{grid-template-columns:1fr}}
@media(max-width:600px){.colorMaterialPick{grid-template-columns:1fr;padding:13px}.colorMaterialPick>small{padding:0}.quickColorFields{grid-template-columns:1fr 1fr;gap:10px}.colorPhotoField{grid-column:1/-1}.quickColorSave,.quickColorNew{min-height:46px}.simpleColorCard{grid-template-columns:54px 1fr;gap:10px}.simpleColorVisual{width:54px;height:54px}.simpleColorActions{grid-column:1/-1;justify-content:stretch}.simpleColorActions .miniBtn{flex:1}.quickColorImages .materialImageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Site analytics */
.analyticsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.analyticsHeader h2{margin:.2rem 0 .35rem}
.analyticsPeriods{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.analyticsPeriods button{border:1px solid var(--line,#dbc7b3);background:transparent;color:inherit;border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit}
.analyticsPeriods button.active{background:#5a3828;color:#fff;border-color:#5a3828}
.analyticsCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.analyticsCard{border:1px solid var(--line,#e0d0bf);border-radius:18px;background:rgba(255,255,255,.55);padding:18px;min-width:0}
.analyticsCard span{display:block;font-weight:700;margin-bottom:8px}
.analyticsCard strong{display:block;font-size:clamp(2rem,4vw,3.35rem);line-height:1;color:#5a3828;margin-bottom:7px;font-variant-numeric:tabular-nums}
.analyticsCard small{color:#806b5e;line-height:1.6}
#analyticsStatus{margin-top:14px}
@media(max-width:760px){.analyticsHeader{align-items:center}.analyticsCards{grid-template-columns:repeat(2,minmax(0,1fr))}.analyticsCard{padding:14px}.analyticsPeriods button{flex:1 1 calc(50% - 8px)}}
@media(max-width:420px){.analyticsCards{grid-template-columns:1fr 1fr}.analyticsCard strong{font-size:2rem}}

/* Material editor: make Create vs Edit mode unmistakable */
.materialModeNotice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:13px 16px;border-radius:12px;border:1px solid var(--line);font-weight:700}
.materialModeNotice strong{font-size:1rem}.materialModeNotice span{font-size:.88rem;font-weight:600}
.materialModeNotice.new{background:#edf8ef;border-color:#9fd2aa;color:#176128}
.materialModeNotice.edit{background:#fff5df;border-color:#e6bd68;color:#754b00}
@media(max-width:650px){.materialModeNotice{align-items:flex-start;flex-direction:column;gap:4px}.materialModeNotice span{font-size:.82rem}}

/* Home hero gallery — smooth cross-fade, managed from Settings */
.heroSlides{position:absolute;inset:0;overflow:hidden;background:var(--paper)}
.heroSlide{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s ease;will-change:opacity}
.heroSlide.active{opacity:1;visibility:visible}
.heroAdminBox{display:grid;gap:14px;margin-bottom:20px}
.heroUploadLabel{display:grid;gap:8px;padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--tint)}
.heroUploadLabel>span{font-weight:800}
.heroUploadLabel small{color:var(--muted)}
.heroImagesAdminList{min-height:40px}
.heroAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.heroAdminCard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.heroAdminCard>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--tint)}
.heroAdminMeta{display:grid;gap:9px;padding:10px}
.heroAdminMeta>div{display:flex;gap:6px;flex-wrap:wrap}
.heroAdminMeta .miniBtn:disabled{opacity:.4;cursor:not-allowed}
.homeMediaGrid.singleBanner{grid-template-columns:minmax(0,1fr)}

@media(max-width:760px){
  .storefront-home .heroSlides,
  body[data-page="index"] .heroSlides{position:relative!important;inset:auto!important;display:grid!important;width:100%!important;height:auto!important;overflow:hidden!important;background:var(--paper)!important}
  .storefront-home .heroSlide,
  body[data-page="index"] .heroSlide{grid-area:1/1!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:var(--paper)!important;transition:opacity 1.1s ease,visibility 1.1s ease!important}
  .heroAdminGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.heroAdminGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.heroSlide{transition:none!important}}

/* Maintenance mode — customer-facing pause screen + admin toggle */
.maintenance-active{margin:0!important;min-height:100vh;background:#efe5d7;overflow:hidden}
.maintenancePage{position:relative;min-height:100vh;width:100%;display:grid;place-items:center;overflow:hidden;background:#24170f}
.maintenanceBackdrop{position:absolute;inset:0}
.maintenanceBackdrop img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.9)}
.maintenanceShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,18,10,.22),rgba(31,18,10,.56))}
.maintenanceMessage{position:relative;z-index:1;width:min(680px,calc(100% - 36px));padding:34px 28px;border:1px solid rgba(255,255,255,.4);border-radius:24px;background:rgba(249,244,236,.93);backdrop-filter:blur(10px);box-shadow:0 24px 70px rgba(24,14,8,.25);text-align:center;color:#53321f}
.maintenanceLogo{display:block;width:min(360px,78vw);height:auto;margin:0 auto 18px;object-fit:contain}
.maintenanceLine{width:76px;height:2px;background:#a16f3d;margin:0 auto 22px;border-radius:999px}
.maintenanceMessage h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 10px;font-weight:700}
.maintenanceMessage p{font-size:clamp(1.15rem,2.6vw,1.55rem);margin:0;color:#755842;line-height:1.8}

.maintenanceAdminCard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;margin:0 0 22px;border:1px solid #a7c8aa;border-radius:16px;background:#eef8ef;color:#24592d}
.maintenanceAdminCard.is-on{border-color:#e3ad80;background:#fff2e7;color:#773716}
.maintenanceAdminCard strong{display:block;font-size:1.05rem;margin-bottom:4px}
.maintenanceAdminCard p{margin:0;font-size:.9rem;line-height:1.6;color:inherit;opacity:.86}
.maintenanceSwitch{display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap;font-weight:800}
.maintenanceSwitch input{position:absolute;opacity:0;pointer-events:none}
.maintenanceSwitchTrack{width:58px;height:32px;border-radius:999px;background:#88a48b;padding:3px;display:block;transition:.22s ease;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.maintenanceSwitchTrack i{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22);transform:translateX(0);transition:.22s ease}
.maintenanceSwitch input:checked + .maintenanceSwitchTrack{background:#a5481f}
.maintenanceSwitch input:checked + .maintenanceSwitchTrack i{transform:translateX(-26px)}
.maintenanceSwitch input:focus-visible + .maintenanceSwitchTrack{outline:3px solid rgba(90,56,40,.22);outline-offset:3px}
.maintenanceSwitch input:disabled + .maintenanceSwitchTrack{opacity:.55;cursor:wait}
@media(max-width:650px){
  .maintenanceMessage{padding:28px 20px;border-radius:20px}
  .maintenanceBackdrop img{object-position:center}
  .maintenanceAdminCard{align-items:flex-start;flex-direction:column}
  .maintenanceSwitch{width:100%;justify-content:space-between}
}

/* Traffic attribution report — responsive, RTL */
.analyticsSources{margin-top:28px;border-top:1px solid var(--line,#dbc7b3);padding-top:20px}
.analyticsSources h3{margin:18px 0 9px;font-size:1.2rem}
.analyticsTableWrap{overflow-x:auto;max-width:100%;border:1px solid var(--line,#dbc7b3);border-radius:14px;background:#fffaf5}
.analyticsTable{width:100%;border-collapse:collapse;min-width:580px;text-align:right;font-variant-numeric:tabular-nums}
.analyticsTable th,.analyticsTable td{padding:12px 14px;border-bottom:1px solid #e9ded2;white-space:nowrap}
.analyticsTable th{background:#f1e8dd;color:#4b3326}.analyticsTable tbody tr:last-child td{border-bottom:0}
.analyticsUtmHelp{margin-top:24px;padding:14px;border:1px solid var(--line,#dbc7b3);border-radius:14px}
.analyticsUtmHelp summary{cursor:pointer;font-weight:700}
.analyticsUtmLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.analyticsUtmLinks label{display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0}
.analyticsUtmLinks input{width:100%;font-size:.8rem;min-width:0}.analyticsUtmLinks button{align-self:flex-start}
@media(max-width:760px){.analyticsUtmLinks{grid-template-columns:1fr}}