*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#fffaf8;color:#3f2f2a}.topbar{background:#f6d8dc;text-align:center;padding:9px}.navbar{display:flex;gap:22px;align-items:center;padding:18px 5%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0}.navbar a{text-decoration:none;color:#4b3c37}.brand{font-size:27px;font-weight:800;color:#d96f83}.spacer{flex:1}.hero{min-height:480px;padding:90px 8%;display:flex;align-items:center;background:linear-gradient(120deg,#fff,#fdecef)}.hero h1{font-size:56px;margin:10px 0}.eyebrow{color:#78935c;font-weight:700}.btn{display:inline-block;background:#d96f83;color:#fff;border:0;border-radius:10px;padding:12px 20px;text-decoration:none;cursor:pointer}.small{padding:8px 14px}.section{padding:42px 6%}.narrow{max-width:700px;margin:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card,.panel{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px}.img,.product-image{background:#f6eeee;min-height:220px;display:flex;align-items:center;justify-content:center;border-radius:12px}.img img,.product-image img{max-width:100%;max-height:350px}.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 8%}.price{font-size:28px;color:#d96f83}.form,.search{display:grid;gap:12px}.form input,.form textarea,.form select,.search input{padding:12px;border:1px solid #ddd;border-radius:10px}.cartrow,.line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.total{font-size:18px;font-weight:700}footer{padding:35px;text-align:center;background:#3f2f2a;color:#fff}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}.product{grid-template-columns:1fr}.navbar{gap:10px;flex-wrap:wrap}}.filters{grid-template-columns:2fr 1fr 1fr auto;align-items:center}.filters select{padding:12px;border:1px solid #ddd;border-radius:10px}@media(max-width:800px){.filters{grid-template-columns:1fr}}
.success{background:#e8f7ec;color:#216b36;padding:12px;border-radius:10px}.error{background:#ffe9e9;color:#9b2323;padding:12px;border-radius:10px}.panel-like{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px}

:root{--rose:#d76f83;--rose-dark:#b9556a;--sage:#7c9469;--ink:#3f2f2a;--paper:#fffaf8;--cream:#f7f0ec;--line:#eadfda;--shadow:0 18px 50px rgba(83,50,56,.08)}
body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fffdfc 0%,#fff8f6 100%);color:var(--ink)}
.navbar{backdrop-filter:blur(12px);background:rgba(255,255,255,.94);box-shadow:0 6px 24px rgba(50,30,30,.04);z-index:20}
.brand{letter-spacing:-.7px;font-size:30px}
.hero{min-height:560px;background:radial-gradient(circle at 85% 15%,#f5d6dd 0,transparent 28%),linear-gradient(135deg,#fff 0%,#fff4f2 58%,#eef4ea 100%);border-bottom:1px solid var(--line)}
.hero h1{font-size:64px;line-height:1.02;letter-spacing:-2px;max-width:720px}
.hero p{font-size:18px;color:#76635c;max-width:560px;line-height:1.7}
.btn{background:linear-gradient(135deg,var(--rose),#c85e78);box-shadow:0 10px 24px rgba(215,111,131,.25);transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(215,111,131,.3)}
.ghostbtn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}
.card{border:1px solid rgba(234,223,218,.85);box-shadow:var(--shadow);transition:.22s transform,.22s box-shadow}.card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(83,50,56,.12)}
.card .img{background:linear-gradient(145deg,#fbf4f3,#f2f7ee);overflow:hidden}.card .img img{width:100%;height:100%;object-fit:cover}
.premiumproduct{border-radius:20px}
.softbg,.accountbg{background:linear-gradient(135deg,#fff9f8,#f4f8f1)}
.authwrap{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:40px}.authcard{width:min(470px,100%);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 28px 80px rgba(81,50,58,.11)}.authcard h1{font-size:38px;margin:8px 0}.muted{color:#8b7770}
.accountshell{max-width:1400px;margin:34px auto;display:grid;grid-template-columns:250px 1fr;gap:24px;padding:0 24px}.accountmenu{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:18px;height:max-content;position:sticky;top:100px;box-shadow:var(--shadow)}.accountmenu a{display:block;text-decoration:none;color:var(--ink);padding:12px 14px;border-radius:12px}.accountmenu a:hover{background:#f8eeef}.profilemini{display:flex;gap:12px;align-items:center;padding:10px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:10px}.profilemini small{display:block;color:#927b74;margin-top:4px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f1c7cf,#dfead6);font-weight:800}.accountmain{min-width:0}.accounthead h1{font-size:40px;margin:6px 0}.accounthead p{color:#88736c}.accountstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.premiumstat{background:linear-gradient(145deg,#fff,#fff8f7);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.premiumstat small{display:block;color:#8e7770}.premiumstat strong{display:block;font-size:30px;margin-top:6px}.glasscard{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.orderline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.orderline>div{display:flex;flex-direction:column;gap:5px}.orderline small{color:#99827a}.orderline span{color:var(--sage)}.addressgrid{display:grid;gap:12px}.addresscard,.returnrow{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#f4e5e8;color:#a14f62;font-size:12px}.rowactions{display:flex;gap:8px}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.wishform{margin-top:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:900px){.hero h1{font-size:46px}.accountshell{grid-template-columns:1fr}.accountmenu{position:static}.accountstats{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}

.premiumhero{background-size:cover;background-position:center}.sectionhead{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.sectionhead h2{font-size:36px;margin:5px 0}.sectionhead p{color:#8a756e}.sectionhead>a{text-decoration:none;color:var(--rose-dark);font-weight:700}.categorytiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.categorytile{min-height:150px;border-radius:22px;padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff4f3,#eef5e9);border:1px solid var(--line);box-shadow:var(--shadow);font-size:22px;font-weight:800}.categorytile span{font-size:13px;font-weight:600;color:#8a756e}.promobanner{min-height:300px;border-radius:28px;display:flex;align-items:center;padding:40px;background-size:cover;background-position:center;text-decoration:none;color:#fff;box-shadow:0 28px 70px rgba(72,45,48,.14)}.promobanner h2{font-size:42px;margin:0 0 8px}.notifrow{display:flex;justify-content:space-between;gap:18px;padding:15px;border-bottom:1px solid var(--line)}.notifrow.unread{background:#fff6f7;border-radius:12px}.notifrow p{margin:5px 0;color:#796761}.notifrow small{color:#a28d86}@media(max-width:900px){.categorytiles{grid-template-columns:repeat(2,1fr)}.sectionhead{align-items:flex-start;flex-direction:column}.promobanner{min-height:230px}.promobanner h2{font-size:32px}}

.brandlogo{display:flex;align-items:center;width:150px;height:52px;overflow:hidden}.brandlogo img{width:100%;height:100%;object-fit:contain;object-position:left center}.shophero{padding:64px 6% 30px;background:linear-gradient(135deg,#fff8f7,#f1f7ed)}.shophero h1{font-size:52px;margin:8px 0}.shophero p{color:#806c66;font-size:17px}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr .7fr .7fr 1fr 1fr auto;gap:9px;background:#fff;border:1px solid var(--line);padding:14px;border-radius:18px;box-shadow:var(--shadow);margin-bottom:24px}.filterbar input,.filterbar select{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.cardprice{font-size:20px;font-weight:800;color:var(--rose-dark)}.premiumproductpage{max-width:1250px;margin:auto}.productinfo h1{font-size:46px;line-height:1.05}.lead{line-height:1.75;color:#6f5d57}.ratingline{color:#c98a2f;margin:10px 0}.ratingline span{color:#8d7870}.buybox{display:grid;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-top:20px}.buybox label{display:grid;gap:6px}.buybox input,.buybox select{padding:12px;border:1px solid var(--line);border-radius:10px}.thumbgallery{display:flex;gap:8px;margin-top:10px;overflow:auto}.thumbgallery img{width:78px;height:78px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.trustchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.trustchips span{padding:8px 10px;background:#f2f7ef;border-radius:999px;font-size:12px;color:#607452}.reviewsection{margin-top:18px}.reviewform{max-width:600px}.reviewcard{padding:16px 0;border-bottom:1px solid var(--line)}.reviewcard span{display:block;color:#c98a2f;margin-top:5px}.narrowwide{max-width:1100px;margin:auto}.cartpremium,.checkoutcard,.emptycard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.cartitem{display:grid;grid-template-columns:1fr 90px 120px 80px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cartitem small{display:block;color:#89746d;margin-top:4px}.cartitem input{padding:10px;border:1px solid var(--line);border-radius:9px}.linkbtn{background:none;border:0;color:#a94e62;cursor:pointer}.cartsummary{display:flex;justify-content:space-between;font-size:22px;padding:22px 0}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.successhero{text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.successhero>span{display:grid;width:64px;height:64px;place-items:center;margin:auto;background:#e9f5e4;border-radius:50%;font-size:30px;color:#58734d}.footerlinks{display:flex;gap:12px;flex-wrap:wrap}.footerlinks a{color:#fff;text-decoration:none;opacity:.85}.legalpage{max-width:960px;margin:auto}.pagebody{line-height:1.8}.contentpageform{display:grid;grid-template-columns:220px 1fr 90px 110px;gap:10px;padding:16px 0;border-bottom:1px solid #eee}.contentpageform input,.contentpageform textarea{padding:10px;border:1px solid #ddd;border-radius:8px}
@media(max-width:1000px){.filterbar{grid-template-columns:1fr 1fr}.cartitem{grid-template-columns:1fr 80px}.cartitem strong,.cartitem button{justify-self:start}.contentpageform{grid-template-columns:1fr}}
@media(max-width:600px){.brandlogo{width:115px}.navbar{padding:12px 4%}.shophero h1,.productinfo h1{font-size:36px}.filterbar{grid-template-columns:1fr}.formrow{grid-template-columns:1fr}.cartitem{grid-template-columns:1fr}.hero h1{font-size:40px}.grid{grid-template-columns:1fr 1fr;gap:12px}.card{padding:12px}}

body{font-family:Inter,Arial,sans-serif}.navbar{min-height:74px;padding:10px 6%;border-bottom:1px solid rgba(231,217,221,.8)}.brandlogo{width:175px;height:58px}.hero{min-height:620px;padding:80px 8%;display:flex;align-items:center}.hero>div{max-width:650px}.hero h1{font-size:72px;letter-spacing:-2.5px}.hero .btn{padding:14px 22px}.section{padding:68px 6%}.sectionhead h2{font-size:40px}.categorytiles{gap:20px}.categorytile{min-height:180px;padding:28px;border-radius:28px;transition:.2s}.categorytile:hover{transform:translateY(-4px)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{border-radius:24px;padding:14px}.card .img{height:300px;border-radius:18px}.card h3{font-size:17px;margin:14px 0 8px}.btn.small{width:100%;text-align:center}.product{padding:70px 6%;gap:58px}.product-image{border-radius:28px;min-height:540px}.productinfo h1{font-size:54px}.price{font-size:34px}.buybox{border-radius:22px}.checkoutcard{max-width:800px;margin:auto}.cartpremium{border-radius:28px}.successhero{max-width:760px;margin:auto}footer{padding:42px 6%}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:58px}.card .img{height:250px}}
@media(max-width:760px){.navbar{gap:12px;overflow-x:auto}.brandlogo{min-width:125px}.grid{grid-template-columns:repeat(2,1fr)}.card .img{height:200px}.hero{min-height:500px;padding:55px 6%}.hero h1{font-size:42px}.section{padding:45px 5%}.product{padding:40px 5%;grid-template-columns:1fr}.product-image{min-height:380px}.productinfo h1{font-size:38px}}

.paynote{font-size:12px;color:#806e68;line-height:1.5;background:#fff7ef;border:1px solid #f1dfc8;padding:10px;border-radius:10px}.paywrap{min-height:calc(100vh - 80px);display:grid;place-items:center}.paymentcard{width:min(600px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(80,45,55,.11)}.paymentcard h1{font-size:38px;margin:8px 0 20px}.payamount{display:flex;justify-content:space-between;align-items:end;padding:18px;border-radius:18px;background:linear-gradient(135deg,#fff4f4,#f1f6ed);margin-bottom:14px}.payamount small{color:#806e68}.payamount strong{font-size:30px}.paymethod{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}.paymethod span{color:#88746d}.paymethod small{width:100%;color:#88746d}.qrbox{text-align:center;background:#fafafa;border:1px solid var(--line);border-radius:20px;padding:18px;margin:12px 0}.qrbox img{width:min(300px,90%);aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px}.qrbox b{display:block;font-size:20px;margin-top:8px}.qrbox p{color:#77645e}.instructionbn{padding:14px;border-radius:14px;background:#f5f1f7;line-height:1.7;margin:14px 0}.payform label{display:grid;gap:6px}.pendingbox{padding:16px;border-radius:14px;background:#fff8e9;border:1px solid #f0dfb8}.paysecurity{text-align:center;color:#927d76;font-size:12px;margin-top:18px}
.qrpreview{display:flex;gap:15px;align-items:center;margin:12px 0}.qrpreview img{width:160px;height:160px;object-fit:contain;border:1px solid #ddd;border-radius:12px}


/* ===== V13 Premium Frontend Refresh ===== */
html{scroll-behavior:smooth}
body{padding-bottom:86px}
.pagewrap{min-height:calc(100vh - 240px)}
.premiumtopbar{background:linear-gradient(90deg,#e8c4cc,#f6e7eb);font-size:13px}
.topbarinner{max-width:1400px;margin:0 auto;padding:9px 6%;display:flex;justify-content:space-between;gap:16px;align-items:center}
.topbarlinks{display:flex;gap:12px}.topbarlinks a{color:#6b4a52;text-decoration:none}
.siteheader{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(71,41,47,.05)}
.headerrow{max-width:1400px;margin:0 auto;padding:12px 6%;display:grid;grid-template-columns:170px 1fr auto;gap:18px;align-items:center}
.headersearch{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 18px;box-shadow:var(--shadow)}
.headersearch input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:15px}
.headersearch button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--rose),#c85e78);color:#fff;padding:12px 18px;cursor:pointer}
.headerquick{display:flex;gap:10px;align-items:center}
.quickitem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;text-decoration:none;color:var(--ink);padding:8px 10px;border-radius:16px;border:1px solid var(--line);background:#fff}
.quickitem span{font-size:18px}.quickitem small{font-size:12px;margin-top:3px}
.cartquick b{position:absolute;top:-5px;right:-4px;background:var(--rose-dark);color:#fff;border-radius:999px;font-size:11px;line-height:1;padding:5px 7px;min-width:20px;text-align:center}
.premiumnav{max-width:1400px;margin:0 auto;padding:0 6% 14px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.premiumnav a{text-decoration:none;color:#5a4943;font-weight:700;padding:8px 0;position:relative}
.premiumnav a.active,.premiumnav a:hover{color:var(--rose-dark)}
.premiumnav a.active:after,.premiumnav a:hover:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--rose),#f0b1bf)}
.navsupport{margin-left:auto;font-size:13px;color:#8e7a74}
.hero.hero-premium{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;max-width:1400px;margin:0 auto;padding:72px 6%}
.hero-media{min-height:420px;border-radius:34px;background:linear-gradient(145deg,#fde7ec,#eef5e9);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}
.hero-media img{width:100%;height:100%;object-fit:cover}
.herochips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.herochips span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:#6f5e58;box-shadow:var(--shadow)}
.homeband{max-width:1400px;margin:10px auto 0;padding:0 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bandcard{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.bandcard span{font-size:28px}.bandcard b{display:block}.bandcard small{color:#87736c}
.section{max-width:1400px;margin:0 auto}
.sectionheader-premium{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}
.sectionheader-premium h2{font-size:42px;margin:6px 0}.sectionheader-premium p{color:#87736c;margin:0}
.sectionheader-premium a{text-decoration:none;color:var(--rose-dark);font-weight:800}
.categorytiles.premiumcats{grid-template-columns:repeat(4,1fr)}
.categorytile .icon{font-size:30px}
.categorytile .tag{font-size:12px;color:#8d7972;font-weight:600}
.sectionsoft{background:linear-gradient(180deg,#fff,rgba(255,246,247,.7))}
.producttoolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.viewtoggle{display:flex;gap:8px}.viewtoggle a{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700}.viewtoggle a.active{background:#fbecef;color:var(--rose-dark);border-color:#f3cdd7}
.shoplayout{display:grid;grid-template-columns:320px 1fr;gap:24px}
.filterpanel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow);height:max-content;position:sticky;top:136px}
.filterpanel h3{margin-top:0}.filterpanel .filterbar{display:grid;grid-template-columns:1fr;gap:10px;background:transparent;border:0;padding:0;box-shadow:none}
.shopresults{display:grid;gap:18px}
.productgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.productcard{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.productcard.listview{display:grid;grid-template-columns:260px 1fr}
.productthumb{display:block;background:linear-gradient(145deg,#fbf4f3,#eff6ea);min-height:240px}
.productthumb img{width:100%;height:100%;object-fit:cover}
.productbody{padding:18px;display:flex;flex-direction:column;gap:10px}
.productmeta{font-size:12px;color:#907b74}.productbody h3{font-size:21px;line-height:1.22;margin:0}.productbody h3 a{text-decoration:none;color:var(--ink)}
.productexcerpt{color:#7f6d67;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.priceblock{display:flex;gap:10px;align-items:center}.priceblock strong{font-size:24px;color:var(--rose-dark)}.priceblock del{color:#9d8a84}
.productactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.inlineaddcart{display:inline}.smallghost{padding:11px 14px;border-radius:12px}
.featuredstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.infocard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.
.productgallery{display:grid;gap:16px}
.product-primary{background:#fff;border:1px solid var(--line);border-radius:30px;min-height:520px;display:grid;place-items:center;padding:18px;box-shadow:var(--shadow)}
.product-primary img{max-width:100%;max-height:500px;object-fit:contain}
.thumbgallery button{border:0;background:none;padding:0;cursor:pointer}
.productinfo-premium .producttitle{font-size:56px;line-height:1.04;margin:10px 0 14px}
.premiumbadge{display:inline-flex;gap:8px;flex-wrap:wrap}
.premiumbadge span{padding:8px 12px;border-radius:999px;background:#f1f7ec;color:#607452;font-size:12px;font-weight:700}
.wishlistrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.trustrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.trustbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}
.productdetailsgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.relatedgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cartpremium{padding:28px}.cartitem{grid-template-columns:1.3fr 110px 130px 90px}
.cartsummary{border-top:1px solid var(--line)}
.checkoutlayout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.orderbox,.summarybox{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}
.summaryline{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line)}
.summaryline.total{font-size:22px;font-weight:800;border-bottom:0;padding-top:18px}
.successhero{max-width:760px;margin:auto;text-align:center}
.trackcard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.statuschips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.statuschips span{padding:10px 14px;border-radius:999px;background:#f8eeef;color:#8d5262;font-size:12px;font-weight:700}
.statichero{max-width:1400px;margin:0 auto;padding:46px 6% 16px}
.staticcard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.contactcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.premiumfooter{background:linear-gradient(180deg,#4a3532,#2f211f);color:#fff;padding:44px 6% 108px;margin-top:44px}
.footergrid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}
.footergrid h4{margin:0 0 14px;font-size:18px}.footergrid p{color:rgba(255,255,255,.8);line-height:1.7}
.footergrid a{display:block;color:rgba(255,255,255,.9);text-decoration:none;margin:8px 0}
.footerbrand{font-size:32px;font-weight:900;margin-bottom:10px}
.footerchips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footerchips span{border:1px solid rgba(255,255,255,.15);padding:8px 12px;border-radius:999px}
.footbottom{max-width:1400px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;align-items:center}.footmini{display:flex;gap:14px;flex-wrap:wrap}.footmini a{color:#fff;text-decoration:none;opacity:.88}
.mobilebottomnav{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:none;grid-template-columns:repeat(5,1fr);padding:8px 6px 10px;box-shadow:0 -10px 30px rgba(63,47,42,.08)}
.mobilebottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#68544e;padding:8px 4px;border-radius:14px;font-size:11px}
.mobilebottomnav a.active{background:#fbecef;color:var(--rose-dark);font-weight:800}
.mobilebottomnav span{font-size:18px}
.accountlanding{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.accountcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.accountcard a{text-decoration:none}
@media(max-width:1200px){
  .hero.hero-premium{grid-template-columns:1fr}
  .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .relatedgrid{grid-template-columns:repeat(3,1fr)}
  .shoplayout{grid-template-columns:280px 1fr}
}
@media(max-width:980px){
  .headerrow{grid-template-columns:130px 1fr auto}.headerquick .quickitem{min-width:58px}
  .shoplayout,.productdetailsgrid,.checkoutlayout{grid-template-columns:1fr}
  .filterpanel{position:static}
  .featuredstrip,.homeband,.footergrid,.contactcards,.trustrow,.accountlanding{grid-template-columns:1fr 1fr}
  .productcard.listview{grid-template-columns:1fr}
  .categorytiles.premiumcats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{padding-bottom:90px}
  .headerrow{grid-template-columns:1fr auto;grid-template-areas:"brand quick" "search search";gap:12px}
  .brandlogo{grid-area:brand;width:130px;height:52px}.headersearch{grid-area:search}
  .headerquick{grid-area:quick}.quickitem small{display:none}.premiumnav{display:none}
  .homeband,.featuredstrip,.footergrid,.contactcards,.accountlanding{grid-template-columns:1fr}
  .productgrid,.relatedgrid{grid-template-columns:1fr 1fr}
  .hero.hero-premium{padding-top:44px}.hero h1,.hero .producttitle{font-size:42px}
  .sectionheader-premium h2{font-size:32px}
  .productdetailsgrid{grid-template-columns:1fr}
  .mobilebottomnav{display:grid}
}
@media(max-width:520px){
  .productgrid,.relatedgrid,.grid{grid-template-columns:1fr}
  .footerbrand{font-size:26px}
  .section,.statichero{padding-left:5%;padding-right:5%}
  .topbarinner{padding-left:5%;padding-right:5%}.topbarlinks{display:none}
}

.profilequick{position:relative}.profilequick b{position:absolute;top:-5px;right:-4px;background:#78935c;color:#fff;border-radius:999px;font-size:11px;line-height:1;padding:5px 7px;min-width:20px;text-align:center}

/* ===== V15 Premium Hero Campaign Slider ===== */
.heroslider{position:relative;max-width:1500px;margin:18px auto 0;padding:0 3%;overflow:hidden}.herotrack{position:relative;min-height:610px}.heroslide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px) scale(.99);transition:opacity .65s ease,transform .65s ease,visibility .65s;border-radius:38px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 90px rgba(82,48,57,.12)}.heroslide.active{opacity:1;visibility:visible;transform:none;z-index:2}.hero-theme-1{background:radial-gradient(circle at 85% 15%,#f4cbd4 0,transparent 32%),linear-gradient(135deg,#fff9f7,#fbe8ec 57%,#edf4e8)}.hero-theme-2{background:radial-gradient(circle at 82% 12%,#dcebd5 0,transparent 33%),linear-gradient(135deg,#fff,#f3f8ef 55%,#f9e8eb)}.hero-theme-3{background:radial-gradient(circle at 80% 15%,#eed7e5 0,transparent 31%),linear-gradient(135deg,#fff8f6,#f5eaf2 56%,#eff6ea)}.heroshell{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;align-items:center;gap:28px;padding:58px 6%}.herocopy{position:relative;z-index:2}.herocopy h1{font-size:68px;line-height:1.02;letter-spacing:-2.4px;margin:10px 0 18px;max-width:720px}.herocopy p{font-size:18px;line-height:1.7;color:#755f5a;max-width:590px}.heroart{height:500px;border-radius:34px;overflow:hidden;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.65);box-shadow:0 28px 70px rgba(80,50,55,.12)}.heroart img{width:100%;height:100%;object-fit:cover}.heroart.noimage{display:grid;place-items:center;padding:32px}.campaignart{text-align:center}.campaignart span{display:grid;width:120px;height:120px;place-items:center;margin:0 auto 22px;border-radius:50%;font-size:58px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--rose),#a85b86);box-shadow:0 20px 50px rgba(169,85,116,.25)}.campaignart b{display:block;font-size:32px;line-height:1.15;max-width:430px}.campaignart small{display:block;margin-top:14px;color:#856d76;letter-spacing:.08em;text-transform:uppercase}.heroarrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.86);backdrop-filter:blur(10px);font-size:34px;color:#6b4b55;cursor:pointer;box-shadow:0 10px 30px rgba(60,40,45,.12)}.heroarrow.prev{left:5%}.heroarrow.next{right:5%}.herodots{position:absolute;left:50%;bottom:26px;z-index:6;transform:translateX(-50%);display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}.herodots button{width:9px;height:9px;border-radius:50%;border:0;background:#bda9ae;cursor:pointer;padding:0;transition:.2s}.herodots button.active{width:28px;border-radius:999px;background:var(--rose-dark)}
@media(max-width:1000px){.herotrack,.heroslide,.heroshell{min-height:720px}.heroshell{grid-template-columns:1fr;padding:46px 7% 64px}.heroart{height:310px}.herocopy h1{font-size:52px}.heroarrow{display:none}}
@media(max-width:600px){.heroslider{padding:0 4%;margin-top:10px}.herotrack,.heroslide,.heroshell{min-height:680px}.heroslide{border-radius:26px}.heroshell{padding:34px 6% 62px;gap:22px}.herocopy h1{font-size:39px;letter-spacing:-1.3px}.herocopy p{font-size:15px}.heroart{height:260px;border-radius:24px}.campaignart span{width:90px;height:90px;font-size:44px}.campaignart b{font-size:24px}.herodots{bottom:18px}.herochips{gap:6px}.herochips span{padding:8px 10px;font-size:11px}}


/* =========================================================
   V18 ORGROW PREMIUM STOREFRONT — FINAL VISUAL OVERRIDE
   ========================================================= */
:root{
 --rose:#c75e77;--rose2:#e9a8b8;--rose-soft:#fbf0f3;--sage:#748b62;
 --ink:#2d2326;--muted:#806f73;--paper:#fffdfc;--line:#eee3e6;
 --cream:#f8f2f0;--plum:#5a315f;--shadow:0 20px 55px rgba(91,53,63,.09);
 --radius:24px;
}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;color:var(--ink);background:#fffdfc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;padding-bottom:0}
a{color:inherit}
.sitebody{min-height:60vh}
.luxbar{background:#f2d5dd;color:#563b42;font-size:12px}
.luxbarin{max-width:1440px;margin:auto;padding:8px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.luxbarin div{display:flex;gap:20px}.luxbar a{text-decoration:none;font-weight:650}
.luxheader{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(238,227,230,.85);box-shadow:0 8px 32px rgba(69,43,50,.035)}
.luxheadmain{max-width:1440px;margin:auto;padding:14px 4.5%;display:grid;grid-template-columns:165px minmax(320px,1fr) auto;gap:28px;align-items:center}
.luxlogo{display:flex;align-items:center;height:58px}.luxlogo img{width:145px;height:58px;object-fit:contain;object-position:left center}
.luxsearch{height:50px;display:flex;align-items:center;gap:8px;border:1px solid #e7dadd;background:#fff;border-radius:16px;padding:5px 6px 5px 16px;box-shadow:0 8px 22px rgba(74,43,51,.04)}
.luxsearch>span{font-size:25px;color:#a08e93}.luxsearch input{flex:1;min-width:0;border:0;outline:0;font:inherit;background:transparent;color:var(--ink)}.luxsearch button{height:38px;border:0;border-radius:12px;padding:0 20px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
.luxactions{display:flex;gap:9px}.luxactions>a{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 11px;border-radius:14px;text-decoration:none;border:1px solid #eee3e5;background:#fff}.luxactions>a:hover{background:#fff7f9}.luxactions>a>span{font-size:19px}.luxactions small,.luxactions b{display:block;white-space:nowrap}.luxactions small{font-size:10px;color:#9b888d}.luxactions b{font-size:12px}.luxactions em{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--rose);color:#fff;font-size:10px;font-style:normal;font-weight:800}
.luxnav{border-top:1px solid #f5edef}.luxnavin{max-width:1440px;margin:auto;padding:0 4.5%;height:46px;display:flex;align-items:center;gap:27px}.luxnav a{text-decoration:none;font-size:13px;font-weight:700;color:#5e4b50;position:relative;height:46px;display:flex;align-items:center}.luxnav a:hover,.luxnav a.active{color:var(--rose)}.luxnav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rose);border-radius:999px 999px 0 0}.luxsupport{margin-left:auto;color:#8d7b80;font-size:12px}

.heroslider{position:relative;max-width:1440px;margin:26px auto 0;padding:0 4.5%;height:570px}
.heroslide{position:absolute;left:4.5%;right:4.5%;top:0;height:570px;border-radius:32px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:.55s ease;box-shadow:0 28px 80px rgba(79,49,57,.08);border:1px solid #eadde0}
.heroslide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.heroslide.theme-1{background:linear-gradient(130deg,#fff9f7 0%,#f9e7eb 55%,#edf4e9 100%)}
.heroslide.theme-2{background:linear-gradient(130deg,#f8fbf5 0%,#eaf3e5 47%,#fae7eb 100%)}
.heroslide.theme-3{background:linear-gradient(130deg,#fff8f6 0%,#f5e8f1 52%,#f1f5ec 100%)}
.heroinner{height:100%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:54px 6%}
.herocopy .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--sage)}
.herocopy h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:64px;line-height:1.02;letter-spacing:-2.2px;margin:12px 0 20px;max-width:720px}
.herocopy p{max-width:610px;color:#715f64;font-size:17px;line-height:1.7;margin:0 0 24px}
.heroactions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primaryhero{padding:14px 23px;border-radius:13px}.softlink{font-weight:750;text-decoration:none;color:#5c434a}.softlink:hover{color:var(--rose)}
.heroassurance{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:#705f63;font-size:12px}.heroassurance span{padding:8px 11px;border:1px solid rgba(160,123,132,.24);border-radius:999px;background:rgba(255,255,255,.56)}
.heroimage{height:460px;border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 65px rgba(98,58,68,.1)}.heroimage img{width:100%;height:100%;object-fit:cover}
.heroimage.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(250,246,244,.86))}
.brandmonogram{text-align:center;padding:25px}.brandmonogram>span{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#d16a82,#ad4f6a);color:white;font-family:Georgia,serif;font-size:56px;box-shadow:0 20px 40px rgba(177,79,105,.22)}.brandmonogram strong{display:block;font-family:Georgia,serif;font-size:28px;line-height:1.15;margin-top:25px}.brandmonogram small{display:block;margin-top:13px;color:#8b737b;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.heroarrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:44px;height:44px;border:1px solid #e9dde0;background:rgba(255,255,255,.92);border-radius:50%;font-size:29px;color:#634b51;cursor:pointer;box-shadow:0 10px 30px rgba(80,45,55,.1)}.heroarrow.prev{left:3.3%}.heroarrow.next{right:3.3%}.herodots{position:absolute;bottom:19px;left:50%;z-index:6;transform:translateX(-50%);display:flex;gap:7px}.herodots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#c8b6bb;cursor:pointer;transition:.2s}.herodots button.active{width:27px;background:var(--rose)}

.homeband{max-width:1270px;margin:-1px auto 0;padding:0 4.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:3}
.bandcard{min-height:84px;display:flex;align-items:center;gap:15px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(83,51,59,.06)}.bandcard>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f8ecef;color:var(--rose);font-size:11px;font-weight:900}.bandcard b{font-size:14px}.bandcard small{display:block;color:#8c7b80;font-size:11px;margin-top:3px}
.section{max-width:1440px;margin:0 auto;padding:68px 4.5%}.sectionsoft{background:transparent}
.sectionheader-premium,.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.sectionheader-premium h2,.sectionhead h2{font-family:Georgia,"Times New Roman",serif;font-size:37px;font-weight:600;letter-spacing:-.8px;margin:4px 0}.sectionheader-premium p,.sectionhead p{color:#88777b;margin:0}.sectionheader-premium a,.sectionhead>a{text-decoration:none;color:var(--rose);font-size:13px;font-weight:800}
.categorytiles.premiumcats,.categorytiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.categorytile{min-height:170px;border-radius:22px;padding:22px;background:linear-gradient(145deg,#fff7f8,#f4f7f0);border:1px solid var(--line);box-shadow:none;text-decoration:none;color:var(--ink);font-size:20px;font-family:Georgia,serif;transition:.2s}.categorytile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#e2cfd4}.categorytile .icon{font-family:system-ui;font-size:28px}.categorytile .tag{font-family:system-ui;color:#967e84;font-size:11px}.categorytile span{font-family:system-ui}

.productgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.productcard{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:none;display:flex;flex-direction:column;min-width:0;transition:.25s}.productcard:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(77,47,56,.09);border-color:#e3cfd4}.productcard.listview{display:grid;grid-template-columns:260px 1fr}.pcmedia{position:relative;aspect-ratio:1/1;background:#faf6f5;overflow:hidden}.pcmedia>a{display:block;width:100%;height:100%}.pcmedia img{width:100%;height:100%;object-fit:cover;transition:.4s}.productcard:hover .pcmedia img{transform:scale(1.035)}.pcbadge,.pcstock{position:absolute;top:12px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.pcbadge{left:12px;background:#5b335f;color:#fff}.pcstock{right:12px;background:rgba(255,255,255,.9);color:#668053;border:1px solid rgba(102,128,83,.16)}.pcbody{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.pcmeta{text-transform:uppercase;letter-spacing:.09em;font-size:9px;color:#9b858b}.pcbody h3{font-size:15px;line-height:1.35;margin:0}.pcbody h3 a{text-decoration:none}.pcexcerpt{color:#8a787d;font-size:12px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priceblock{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.priceblock strong{font-size:20px;color:#392d30}.priceblock del{font-size:12px;color:#aa999d}.savebadge{font-size:9px;color:#7e5d66;background:#f9e9ed;padding:4px 6px;border-radius:999px}.pcactions{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:auto;padding-top:5px}.pcactions form{margin:0}.pcactions .btn{width:100%;padding:11px 12px;border-radius:10px;font-size:12px}.iconbtn{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#fff;font-size:18px}.iconbtn:hover{background:#f9edf0}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--rose);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:none;transition:.2s}.btn:hover{transform:none;background:#b84f69;box-shadow:none}.ghostbtn{border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 15px;text-decoration:none}
.shophero{max-width:1440px;margin:0 auto;padding:50px 4.5% 25px;background:transparent}.shophero h1{font-family:Georgia,serif;font-size:49px;font-weight:600;margin:5px 0}.shophero p{color:#88777c}
.shoplayout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:25px}.filterpanel{position:sticky;top:135px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:none;height:max-content}.filterpanel h3{font-family:Georgia,serif;font-size:22px}.filterbar{box-shadow:none;border:0;padding:0;background:transparent;display:grid;grid-template-columns:1fr;gap:10px}.filterbar input,.filterbar select{height:44px;border:1px solid #e7dadd;border-radius:11px;padding:0 12px;background:#fff}
.producttoolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.viewtoggle{display:flex;gap:7px}.viewtoggle a{font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.viewtoggle a.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.product{max-width:1360px;margin:0 auto;padding:62px 4.5%;display:grid;grid-template-columns:1fr 1fr;gap:55px}.product-primary{min-height:520px;background:#faf7f5;border:1px solid var(--line);border-radius:26px;display:grid;place-items:center;padding:20px;box-shadow:none}.product-primary img{width:100%;height:100%;max-height:510px;object-fit:contain}.thumbgallery{display:flex;gap:9px;margin-top:10px}.thumbgallery img{width:75px;height:75px;border-radius:11px}.productinfo-premium .producttitle{font-family:Georgia,serif;font-size:47px;font-weight:600;letter-spacing:-1.2px}.premiumbadge{display:flex;gap:7px;flex-wrap:wrap}.premiumbadge span{font-size:10px;border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:999px}.price{font-family:Georgia,serif;font-size:32px;color:var(--rose)}.lead{color:#78666b}.buybox{padding:18px;border:1px solid var(--line);border-radius:18px;box-shadow:none;background:#fff}.trustrow{grid-template-columns:repeat(3,1fr);gap:8px}.trustbox{border:1px solid var(--line);border-radius:14px;padding:12px}.trustbox b{font-size:11px}.trustbox p{font-size:10px}

.cartpremium,.checkoutcard,.emptycard,.orderbox,.summarybox,.trackcard,.paymentcard,.glasscard,.staticcard,.authcard{box-shadow:none;border:1px solid var(--line);border-radius:22px;background:#fff}
.premiumfooter{margin-top:50px;background:#302426;color:#fff;padding:60px 4.5% 35px}.luxfootergrid{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px}.luxfooter h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#f0d5dc;margin:0 0 15px}.luxfooter a{display:block;color:rgba(255,255,255,.78);text-decoration:none;font-size:12px;margin:9px 0}.luxfooter p{color:rgba(255,255,255,.68);font-size:12px;line-height:1.65}.footerlogo{font-family:Georgia,serif;font-size:34px}.footerintro>p{font-size:14px;max-width:330px}.footertrust{display:flex;gap:7px;flex-wrap:wrap}.footertrust span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 9px;font-size:9px}.luxfootbottom{max-width:1440px;margin:38px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.55);font-size:11px}.luxfootbottom div{display:flex;gap:14px}
.newsletter{max-width:1310px;margin:65px auto -25px;position:relative;z-index:2;background:linear-gradient(120deg,#f6e4e8,#eef4e9);border:1px solid #e8dadd;border-radius:26px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--sage);font-weight:800}.newsletter h2{font-family:Georgia,serif;font-size:30px;font-weight:600;margin:5px 0}.newsletter p{margin:0;color:#816f74}
.mobilebottomnav{display:none}

@media(max-width:1120px){
 .luxheadmain{grid-template-columns:140px 1fr auto;gap:15px}.luxlogo img{width:125px}.luxactions>a{padding:7px 9px}.luxactions small{display:none}.luxnavin{gap:17px}
 .productgrid{grid-template-columns:repeat(3,1fr)}.herocopy h1{font-size:54px}.heroinner{gap:24px}.heroimage{height:420px}
 .luxfootergrid{grid-template-columns:1.3fr repeat(2,1fr)}
}
@media(max-width:820px){
 body{padding-bottom:78px}.luxbarin div{display:none}.luxheadmain{grid-template-columns:1fr auto;grid-template-areas:"logo actions" "search search";padding:10px 4%;gap:10px}.luxlogo{grid-area:logo}.luxactions{grid-area:actions}.luxsearch{grid-area:search;height:46px}.luxactions>a{min-height:43px}.luxactions>a div{display:none}.luxnav{display:none}
 .heroslider{height:690px;margin-top:12px;padding:0 4%}.heroslide{left:4%;right:4%;height:690px;border-radius:24px}.heroinner{grid-template-columns:1fr;height:100%;padding:35px 6% 58px;gap:20px}.herocopy h1{font-size:42px;letter-spacing:-1.3px}.herocopy p{font-size:14px}.heroimage{height:270px;border-radius:20px}.heroarrow{display:none}.heroassurance{margin-top:16px;gap:6px}
 .homeband{grid-template-columns:1fr;margin-top:12px;padding:0 4%}.section{padding:48px 4%}.categorytiles.premiumcats,.categorytiles{grid-template-columns:repeat(2,1fr)}
 .productgrid{grid-template-columns:repeat(2,1fr);gap:11px}.pcbody{padding:12px}.pcbody h3{font-size:13px}.pcmedia{aspect-ratio:1/1.08}.pcexcerpt{display:none}.priceblock strong{font-size:16px}.pcactions{grid-template-columns:1fr 36px}.pcactions .btn{font-size:10px;padding:10px 7px}
 .shoplayout{grid-template-columns:1fr}.filterpanel{position:static}.product{grid-template-columns:1fr;padding:38px 4%;gap:30px}.productinfo-premium .producttitle{font-size:38px}
 .newsletter{margin:40px 4% -20px;padding:24px;flex-direction:column;align-items:flex-start}.newsletter h2{font-size:25px}
 .luxfootergrid{grid-template-columns:1fr 1fr}.premiumfooter{padding-bottom:95px}.mobilebottomnav{display:grid}
}
@media(max-width:520px){
 .luxactions>a:first-child{display:none}.luxlogo img{width:115px}.luxsearch button{padding:0 14px}.luxsearch input{font-size:12px}
 .heroslider{height:625px}.heroslide{height:625px}.heroinner{padding-top:27px}.herocopy h1{font-size:36px}.heroimage{height:230px}.brandmonogram>span{width:82px;height:82px;font-size:38px}.brandmonogram strong{font-size:21px}
 .sectionheader-premium,.sectionhead{align-items:flex-start;flex-direction:column}.sectionheader-premium h2,.sectionhead h2{font-size:30px}.categorytile{min-height:145px;padding:17px;font-size:17px}
 .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.luxfootergrid{grid-template-columns:1fr}.luxfootbottom{flex-direction:column}
}

/* ===== V19 FINAL STOREFRONT PATCH ===== */
.luxbarin{position:relative;justify-content:center}.tagline-center{text-align:center;font-weight:650}.luxbarlinks{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);display:flex;gap:18px}.luxheader{position:relative;top:auto}.luxnavin{justify-content:center;position:relative}.navcenter{display:flex;gap:27px;align-items:center;margin:auto}.luxsupport{position:absolute;right:4.5%}
.categoryhero{max-width:1440px;margin:auto;padding:54px 4.5% 18px;text-align:center}.categoryhero h1{font-family:Georgia,serif;font-size:50px;margin:7px 0}.categoryhero p{color:#806f74}.categoryhub{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.categoryhubcard{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;transition:.22s}.categoryhubcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.categoryhubmain{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:24px;text-decoration:none;background:linear-gradient(135deg,#fff8f9,#f3f7ef)}.categoryhubmain>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff;font-size:25px}.categoryhubmain h2{margin:0;font-family:Georgia,serif}.categoryhubmain p{margin:5px 0 0;color:#86757a}.subcatgrid{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 20px}.subcatgrid a,.subchips a{padding:8px 11px;border-radius:999px;background:#f7f1f3;border:1px solid var(--line);text-decoration:none;font-size:12px}.subchips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.subchips a.active{background:var(--ink);color:#fff}.pricepair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.loadmore{text-align:center;margin-top:26px}.categoryshortcut{text-decoration:none;color:var(--rose);font-weight:800;font-size:12px}
.accounttop{max-width:1300px;margin:20px auto 0;padding:12px 22px;display:flex;justify-content:space-between;align-items:center}.accountbrand img{width:135px;height:60px;object-fit:contain}.accounttoplinks{display:flex;gap:8px}.accounttoplinks a{border:1px solid var(--line);border-radius:999px;padding:9px 12px;text-decoration:none;font-size:12px}.accountwelcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:25px;background:linear-gradient(135deg,#fff,#faedf1 55%,#eef5e9);border:1px solid var(--line);margin-bottom:18px}.accountwelcome h1{font-family:Georgia,serif;font-size:38px;margin:5px 0}.accountlanding{grid-template-columns:repeat(4,1fr)}.accountcard{text-decoration:none;color:inherit;transition:.2s}.accountcard:hover{transform:translateY(-3px)}.accountcard>span{font-size:27px}.cardhead{display:flex;justify-content:space-between;align-items:center}.cardhead h2{margin-bottom:3px}.cardhead p{margin:0;color:#8a797e}.cardhead a{text-decoration:none;color:var(--rose);font-size:12px;font-weight:800}.statuspill{padding:5px 8px;border-radius:999px;background:#f2f6ed;color:#60724e;font-size:10px}.menubadge{float:right;background:var(--rose);color:white;border-radius:999px;padding:2px 6px;font-size:9px}.logoutmenu{color:#a14d61!important}.premiumempty{text-align:center;padding:35px;color:#88767b;background:#fbf8f8;border:1px dashed #e4d6da;border-radius:16px}
@media(max-width:820px){.luxbarlinks{display:none}.luxbarin{padding:10px 4%}.luxheader{position:relative}.heroslider{height:475px}.heroslide{height:475px}.heroinner{padding:26px 6% 44px;gap:14px}.herocopy h1{font-size:34px}.herocopy p{font-size:13px;margin-bottom:14px}.heroassurance{display:none}.heroimage{height:150px}.brandmonogram>span{width:66px;height:66px;font-size:30px}.brandmonogram strong{font-size:18px;margin-top:12px}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobilebottomnav{grid-template-columns:repeat(6,1fr);padding-left:4px;padding-right:4px}.mobilebottomnav a{font-size:9px;padding:7px 2px}.mobilebottomnav span{font-size:16px}.categoryhub{grid-template-columns:1fr}.luxfootergrid{grid-template-columns:1fr 1fr}.footerlinkgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.accountshell{padding:0 4%;margin-top:10px}.accountmenu{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.profilemini{grid-column:1/-1}.accountlanding{grid-template-columns:repeat(2,1fr)}.accountwelcome{align-items:flex-start;flex-direction:column}.accounttop{padding:8px 4%}.accounttoplinks a:first-child{display:none}}
@media(max-width:520px){.heroslider{height:440px}.heroslide{height:440px}.heroimage{height:125px}.heroactions{gap:9px}.primaryhero{padding:11px 14px}.softlink{font-size:11px}.categoryhero{padding-top:35px}.categoryhero h1{font-size:37px}.productcard .pcbody{padding:10px}.productcard .pcmeta{font-size:8px}.productcard h3{font-size:12px}.pcactions .btn{font-size:9px}.newsletter{display:none}.premiumfooter{margin-top:25px}.accountwelcome h1{font-size:30px}.accountstats{grid-template-columns:repeat(2,1fr)}}

/* ===== V20 FINAL MOBILE PREMIUM ===== */
.mobileheadbar,.mobilesearch,.mobilemenudrawer,.mobilemenubackdrop{display:none}
.choosebtn{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:820px){
 body{padding-bottom:78px}
 .luxbar{display:none}.luxheadmain,.luxnav{display:none!important}.luxheader{border-bottom:1px solid #eee7e9;background:rgba(255,255,255,.97)}
 .mobileheadbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 7px}
 .mobilebrand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#38272d;min-width:0}.mobilebrand img{width:46px;height:42px;object-fit:contain}.mobilebrand span{display:grid;min-width:0}.mobilebrand b{font-family:Georgia,serif;font-size:17px;line-height:1}.mobilebrand small{font-size:8px;color:#8d747c;white-space:nowrap;margin-top:4px}
 .mobilequick{display:flex;gap:5px;align-items:center}.mobilequick>a,.mobilequick>button{width:50px;height:47px;border:1px solid #eadde2;border-radius:13px;background:#fff;color:#3f2f34;display:grid;place-items:center;text-decoration:none;position:relative;padding:4px;box-shadow:0 6px 16px rgba(65,39,47,.04)}.mobilequick i{font-style:normal;font-size:14px;line-height:1}.mobilequick small{font-size:7px;line-height:1;color:#77656b}.mobilequick em{position:absolute;right:-3px;top:-5px;background:#ca5d76;color:#fff;font-style:normal;font-size:8px;min-width:17px;height:17px;display:grid;place-items:center;border-radius:999px}.morebtn{cursor:pointer}
 .mobilesearch{display:flex;margin:0 12px 10px;border:1px solid #eadde2;border-radius:13px;padding:4px;background:#fff;align-items:center;gap:5px}.mobilesearch>span{padding-left:8px;color:#927d84}.mobilesearch input{flex:1;min-width:0;border:0;outline:0;padding:9px 4px;font-size:12px}.mobilesearch button{border:0;border-radius:9px;background:#3f2f34;color:white;padding:9px 12px;font-size:10px;font-weight:800}
 .mobilemenubackdrop{display:block;position:fixed;inset:0;background:rgba(33,21,26,.42);opacity:0;pointer-events:none;transition:.25s;z-index:80}.mobilemenubackdrop.open{opacity:1;pointer-events:auto}
 .mobilemenudrawer{display:block;position:fixed;top:0;bottom:0;left:0;width:min(88vw,390px);background:#fffaf9;z-index:81;transform:translateX(-104%);transition:transform .28s cubic-bezier(.22,.8,.24,1);padding:18px;overflow:auto;box-shadow:24px 0 60px rgba(45,28,35,.18)}.mobilemenudrawer.open{transform:translateX(0)}body.menuopen{overflow:hidden}
 .mobilemenutop{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eadfe2;padding-bottom:14px}.mobilemenutop span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a25d77;font-weight:900}.mobilemenutop h3{font-family:Georgia,serif;font-size:25px;margin:4px 0}.mobilemenutop button{border:0;background:#f2e8ec;border-radius:12px;width:38px;height:38px;font-size:25px;color:#65454f}
 .menushortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.menushortcuts a{text-align:center;text-decoration:none;padding:10px 5px;border:1px solid #eadde2;border-radius:11px;color:#4b343c;font-size:9px;font-weight:800;background:#fff}
 .mobilecataccordion details{border-bottom:1px solid #eadfe2}.mobilecataccordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-family:Georgia,serif;font-size:19px;font-weight:800;cursor:pointer}.mobilecataccordion summary::-webkit-details-marker{display:none}.mobilecataccordion details[open] summary b{transform:rotate(45deg)}.mobilecataccordion summary b{transition:.2s}.mobilecataccordion details>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 0 14px}.mobilecataccordion a{padding:9px;border-radius:10px;background:#f7f0f3;text-decoration:none;color:#5c444c;font-size:10px}.mobilecataccordion .viewallcat{grid-column:1/-1;background:#4a3138;color:#fff;font-weight:800}.mobilecataccordion small{grid-column:1/-1;color:#9a858c}
 .mobilemenufoot{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.mobilemenufoot a{font-size:10px;text-decoration:none;color:#755965}
 .mobilebottomnav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;position:fixed;left:10px;right:10px;bottom:10px;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(226,211,217,.9);border-radius:22px;padding:6px!important;box-shadow:0 15px 38px rgba(55,32,41,.16)}
 .mobilebottomnav a{position:relative;border-radius:16px;padding:8px 3px!important;color:#76656a;text-decoration:none;transition:.2s ease;display:grid;place-items:center;gap:3px}.mobilebottomnav a span{font-size:18px;transition:.2s ease}.mobilebottomnav a small{font-size:8px;font-weight:750}.mobilebottomnav a.active{background:linear-gradient(135deg,#f7e7ed,#f0f5ec);color:#a74865;transform:translateY(-3px);box-shadow:0 8px 18px rgba(174,91,119,.12)}.mobilebottomnav a.active span{transform:scale(1.12)}.mobilebottomnav em{position:absolute;top:3px;right:24%;background:#c95d76;color:#fff;font-style:normal;font-size:8px;min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center}
 .categoryhub{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.categoryhubcard{border-radius:18px!important}.categoryhubmain{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:9px!important;padding:15px!important;min-height:160px;position:relative}.categoryhubmain>span{width:45px!important;height:45px!important;border-radius:13px!important;font-size:20px!important}.categoryhubmain h2{font-size:18px!important}.categoryhubmain p{font-size:9px!important;line-height:1.35}.categoryhubmain>b{position:absolute;right:13px;top:15px}.categoryhubcard .subcatgrid{display:none!important}
 .luxfooter{padding:28px 16px 105px!important}.luxfootergrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important}.footerintro{grid-column:1/-1!important;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.footerintro .footerlogo{font-size:26px}.footerintro>p{font-size:10px;margin:0}.footertrust{grid-column:1/-1;display:flex!important;gap:5px!important;flex-wrap:wrap}.footertrust span{font-size:7px!important;padding:5px 7px!important}.footercol{min-width:0}.footercol h4{font-size:10px!important;margin-bottom:9px!important;letter-spacing:.08em}.footerlinkgrid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.footerlinkgrid a,.footercol p{font-size:8px!important;line-height:1.3!important}.footercontact{grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.12);padding-top:10px!important;display:flex;gap:10px;flex-wrap:wrap}.footercontact h4{width:100%;margin:0!important}.luxfootbottom{margin-top:17px!important;padding-top:12px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:10px!important;font-size:8px!important}.luxfootbottom>div{display:flex;gap:9px}
 .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:390px){.mobilebrand small{display:none}.mobilequick>a,.mobilequick>button{width:46px}.mobilequick{gap:3px}.categoryhubmain{min-height:150px}.luxfootergrid{gap:16px 8px!important}}

/* ===== V20.2 TRUE FINAL STOREFRONT POLISH ===== */

/* Fast Delivery / Payment / Confidence: always compact 3 cards */
.homeband{
  max-width:1280px!important;
  margin:14px auto 0!important;
  padding:0 4%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important
}
.bandcard{
  min-height:96px!important;
  padding:15px 16px!important;
  border-radius:19px!important;
  gap:11px!important;
  background:linear-gradient(145deg,#fff,#fffafa)!important;
  box-shadow:0 12px 28px rgba(70,43,52,.055)!important;
  transition:transform .2s ease,box-shadow .2s ease!important
}
.bandcard:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(70,43,52,.08)!important}
.bandcard>span{
  flex:0 0 38px!important;
  width:38px!important;height:38px!important;
  background:linear-gradient(135deg,#f6dce5,#f2ebf8)!important
}
.bandcard b{font-size:14px!important}
.bandcard small{font-size:10px!important;line-height:1.35!important}

/* Real footer background + balanced desktop columns */
.luxfooter{
  margin-top:50px!important;
  background:linear-gradient(180deg,#49332f,#30211f)!important;
  color:#fff!important;
  padding:54px 4.5% 32px!important
}
.luxfootergrid{
  max-width:1440px!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:1.25fr repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:start!important
}
.footerintro,.footercol{min-width:0!important}
.footerintro .footerlogo{font-size:34px!important}
.footerintro>p{font-size:13px!important;line-height:1.55!important;margin:7px 0 13px!important}
.footercol h4{font-size:12px!important;margin:0 0 13px!important}
.footerlinkgrid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
.footerlinkgrid a{font-size:11px!important;margin:3px 0!important}
.footercontact p{font-size:10px!important;margin:5px 0!important}
.luxfootbottom{
  max-width:1440px!important;
  margin:28px auto 0!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.12)!important
}

/* login/register full page and readable */
.authfullpage{
  min-height:calc(100vh - 120px)!important;
  max-width:none!important;
  padding:34px 5%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important
}
.authwrap-premium{
  min-height:0!important;
  width:100%!important;
  max-width:920px!important;
  padding:0!important;
  display:block!important
}
.authcard-premium{
  width:100%!important;
  max-width:760px!important;
  margin:auto!important;
  padding:46px 48px!important;
  border-radius:28px!important;
  box-shadow:0 28px 70px rgba(72,43,52,.085)!important
}
.authcard-premium h1{font-size:50px!important;line-height:1.05!important;margin:10px 0 15px!important}
.authcard-premium .muted{font-size:16px!important;line-height:1.55!important}
.authcard-premium .form{gap:14px!important;margin-top:20px!important}
.authcard-premium input{
  min-height:56px!important;
  padding:15px 17px!important;
  font-size:16px!important;
  border-radius:13px!important
}
.authcard-premium .btn{
  min-height:56px!important;
  font-size:15px!important;
  border-radius:13px!important
}

/* mobile header exact clean 3 actions */
@media(max-width:820px){
 .mobileheadbar{
   display:flex!important;
   align-items:center!important;
   justify-content:space-between!important;
   gap:8px!important;
   padding:10px 11px 7px!important
 }
 .mobilebrand{flex:1!important;min-width:0!important}
 .mobilebrand img{width:42px!important;height:40px!important}
 .mobilebrand b{font-size:16px!important}
 .mobilequick{
   flex:0 0 auto!important;
   display:grid!important;
   grid-template-columns:repeat(3,50px)!important;
   gap:5px!important
 }
 .mobilequick>a,.mobilequick>button{
   width:50px!important;height:48px!important;
   border-radius:13px!important;
   padding:4px!important
 }
 .mobilequick small{font-size:7px!important}
 .mobilequick i{font-size:14px!important}
}

/* mobile footer: compact, balanced 3-column */
@media(max-width:820px){
 .luxfooter{
   margin-top:28px!important;
   padding:26px 14px calc(100px + env(safe-area-inset-bottom))!important
 }
 .luxfootergrid{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:18px 10px!important
 }
 .footerintro{
   grid-column:1/-1!important;
   display:block!important;
   padding-bottom:13px!important;
   border-bottom:1px solid rgba(255,255,255,.13)!important
 }
 .footerintro .footerlogo{font-size:27px!important}
 .footerintro>p{font-size:10px!important;margin:4px 0 10px!important}
 .footertrust{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
 .footertrust span{font-size:7px!important;padding:5px 7px!important}
 .footercol{
   text-align:left!important;
   min-width:0!important
 }
 .footercol h4{
   font-size:9px!important;
   line-height:1.25!important;
   min-height:23px!important;
   margin:0 0 8px!important
 }
 .footerlinkgrid{
   grid-template-columns:1fr!important;
   gap:6px!important
 }
 .footerlinkgrid a{
   font-size:8px!important;
   line-height:1.25!important;
   margin:0!important
 }
 .footercontact{
   grid-column:1/-1!important;
   display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:5px 9px!important;
   border-top:1px solid rgba(255,255,255,.12)!important;
   padding-top:11px!important
 }
 .footercontact h4{grid-column:1/-1!important;min-height:0!important}
 .footercontact p{font-size:8px!important;margin:0!important;overflow-wrap:anywhere}
 .luxfootbottom{
   display:grid!important;
   grid-template-columns:1fr auto!important;
   gap:8px!important;
   align-items:center!important;
   font-size:8px!important;
   margin-top:16px!important
 }
 .luxfootbottom>div{display:flex!important;gap:8px!important}
}

/* Mobile feature cards stay on one row and become compact */
@media(max-width:820px){
 .homeband{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:7px!important;
   padding:0 12px!important
 }
 .bandcard{
   min-height:105px!important;
   padding:11px 8px!important;
   gap:7px!important;
   flex-direction:column!important;
   align-items:flex-start!important;
   justify-content:center!important
 }
 .bandcard>span{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:9px!important}
 .bandcard b{font-size:10px!important;line-height:1.25!important}
 .bandcard small{font-size:7px!important;line-height:1.3!important}
}

/* Login/register on mobile: full-width, large and clear */
@media(max-width:820px){
 .authfullpage{
   min-height:calc(100vh - 135px)!important;
   padding:22px 12px 110px!important;
   align-items:flex-start!important
 }
 .authwrap-premium{max-width:none!important}
 .authcard-premium{
   max-width:none!important;
   width:100%!important;
   padding:30px 20px!important;
   border-radius:22px!important
 }
 .authcard-premium h1{font-size:42px!important}
 .authcard-premium .muted{font-size:14px!important}
 .authcard-premium input{min-height:58px!important;font-size:16px!important}
 .authcard-premium .btn{min-height:58px!important;font-size:16px!important}
}

/* Premium colorful animated 4-item mobile nav */
@media(max-width:820px){
 .mobilebottomnav{
   display:grid!important;
   grid-template-columns:repeat(4,1fr)!important;
   left:12px!important;right:12px!important;
   bottom:max(9px,env(safe-area-inset-bottom))!important;
   padding:7px!important;
   border-radius:24px!important;
   background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(249,241,248,.97),rgba(239,247,235,.97))!important;
   border:1px solid rgba(224,207,215,.9)!important;
   box-shadow:0 18px 48px rgba(55,31,42,.19)!important;
   backdrop-filter:blur(18px)!important
 }
 .mobilebottomnav a{
   min-height:56px!important;
   border-radius:17px!important;
   padding:7px 4px!important;
   transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important
 }
 .mobilebottomnav a:active{transform:scale(.94)!important}
 .mobilebottomnav a span{font-size:19px!important;transition:.2s ease!important}
 .mobilebottomnav a small{font-size:8px!important;font-weight:800!important}
 .mobilebottomnav a.active{
   background:linear-gradient(135deg,#f3dae5,#eadcf7 55%,#e5f0dc)!important;
   color:#a24368!important;
   transform:translateY(-5px)!important;
   box-shadow:0 10px 24px rgba(151,70,108,.18)!important
 }
 .mobilebottomnav a.active span{transform:translateY(-2px) scale(1.16)!important}
 .mobilebottomnav a:nth-child(2).active{background:linear-gradient(135deg,#eee0f7,#e3ecfb)!important;color:#70429c!important}
 .mobilebottomnav a:nth-child(3).active{background:linear-gradient(135deg,#f8dfe6,#f3d9df)!important;color:#af4865!important}
 .mobilebottomnav a:nth-child(4).active{background:linear-gradient(135deg,#e5f0df,#dcebd4)!important;color:#567342!important}
 .mobilebottomnav em{animation:sasmartBadge .32s ease}
 @keyframes sasmartBadge{0%{transform:scale(.55)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
}

@media(max-width:390px){
 .mobilebrand small{display:none!important}
 .mobilequick{grid-template-columns:repeat(3,46px)!important}
 .mobilequick>a,.mobilequick>button{width:46px!important}
}

/* ===== V20.3 FINAL MOBILE EXPERIENCE POLISH ===== */

@media(max-width:820px){

  /* Header */
  .mobileheadbar{
    padding:11px 12px 8px!important;
    background:linear-gradient(180deg,#ffffff,#fffafc)!important;
    border-bottom:0!important;
  }
  .mobilebrand{
    max-width:145px!important;
  }
  .mobilebrand img{
    width:44px!important;
    height:42px!important;
    filter:drop-shadow(0 5px 12px rgba(92,54,68,.08));
  }
  .mobilebrand b{
    font-size:17px!important;
    letter-spacing:-.02em!important;
  }
  .mobilequick{
    grid-template-columns:repeat(3,48px)!important;
    gap:6px!important;
  }
  .mobilequick>a,
  .mobilequick>button{
    width:48px!important;
    height:48px!important;
    background:linear-gradient(145deg,#fff,#fff9fb)!important;
    border:1px solid #eadce2!important;
    box-shadow:0 7px 18px rgba(80,47,59,.06)!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  }
  .mobilequick>a:active,
  .mobilequick>button:active{
    transform:scale(.94)!important;
  }
  .mobilequick .morebtn{
    background:linear-gradient(135deg,#f5dfe9,#eadff6)!important;
    border-color:#ddc6d2!important;
  }
  .mobilequick .mobilelogin{
    background:linear-gradient(135deg,#fff,#f4f0fa)!important;
  }
  .mobilequick .mobiletrack{
    background:linear-gradient(135deg,#fff,#eff6ec)!important;
  }

  /* Search */
  .mobilesearch{
    margin:2px 12px 12px!important;
    border-radius:16px!important;
    padding:5px!important;
    border-color:#e7dbe0!important;
    box-shadow:0 8px 20px rgba(70,42,52,.045)!important;
  }
  .mobilesearch input{
    font-size:13px!important;
    padding:10px 4px!important;
  }
  .mobilesearch button{
    border-radius:11px!important;
    padding:10px 13px!important;
    background:linear-gradient(135deg,#473138,#5d3b48)!important;
  }

  /* Hero refinements */
  .heroslider,
  .heroslide{
    height:410px!important;
  }
  .heroinner{
    padding:24px 14px 38px!important;
    gap:12px!important;
  }
  .herocopy h1{
    font-size:31px!important;
    line-height:1.08!important;
  }
  .herocopy p{
    font-size:12px!important;
    line-height:1.55!important;
  }
  .heroimage{
    height:118px!important;
  }

  /* Feature cards compact premium row */
  .homeband{
    gap:7px!important;
    padding:0 12px!important;
    margin-top:12px!important;
  }
  .bandcard{
    min-height:108px!important;
    border-radius:17px!important;
    background:linear-gradient(150deg,#fff,#fdf8fa)!important;
    border:1px solid #ede1e6!important;
    box-shadow:0 10px 22px rgba(76,43,54,.05)!important;
  }

  /* Category mobile grid */
  .categoryhub{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .categoryhubcard{
    border-radius:20px!important;
    overflow:hidden!important;
    box-shadow:0 10px 23px rgba(72,44,55,.045)!important;
  }
  .categoryhubmain{
    min-height:152px!important;
    padding:15px!important;
    background:linear-gradient(145deg,#fff,#fff8fb 62%,#f4f8ef)!important;
  }
  .categoryhubmain h2{
    font-size:17px!important;
    line-height:1.15!important;
  }
  .categoryhubmain p{
    font-size:9px!important;
  }

  /* Product cards */
  .productgrid{
    gap:9px!important;
  }
  .productcard{
    border-radius:17px!important;
    overflow:hidden!important;
    box-shadow:0 10px 24px rgba(72,43,54,.05)!important;
  }
  .pcmedia{
    min-height:150px!important;
    background:#faf7f8!important;
  }
  .pcbody{
    padding:10px!important;
  }
  .pcbody h3{
    font-size:12px!important;
    line-height:1.35!important;
    min-height:32px!important;
  }
  .priceblock strong{
    font-size:14px!important;
  }
  .pcactions{
    gap:6px!important;
  }
  .pcactions .btn,
  .choosebtn{
    min-height:34px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  /* Drawer polish */
  .mobilemenudrawer{
    width:min(88vw,370px)!important;
    background:linear-gradient(180deg,#fffdfd,#fff8fb)!important;
    border-radius:0 24px 24px 0!important;
  }
  .mobilemenutop{
    padding-bottom:16px!important;
  }
  .mobilecataccordion details{
    border-color:#eee1e6!important;
  }
  .mobilecataccordion summary{
    font-size:18px!important;
    padding:15px 4px!important;
  }
  .mobilecataccordion details>div{
    gap:8px!important;
  }
  .mobilecataccordion a{
    border:1px solid #eadde2!important;
    background:#fff!important;
  }
  .mobilecataccordion .viewallcat{
    background:linear-gradient(135deg,#4c333c,#694654)!important;
    border:0!important;
  }

  /* Completely rebalanced mobile footer */
  .luxfooter{
    margin-top:30px!important;
    padding:28px 14px calc(104px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 85% 0%,rgba(164,108,136,.18),transparent 28%),
      linear-gradient(180deg,#3c2a28,#241918)!important;
  }
  .luxfootergrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px 12px!important;
    align-items:start!important;
  }
  .footerintro{
    grid-column:1/-1!important;
    display:block!important;
    padding-bottom:15px!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .footerintro .footerlogo{
    font-size:29px!important;
    font-family:Georgia,serif!important;
    letter-spacing:.01em!important;
  }
  .footerintro>p{
    max-width:280px!important;
    font-size:10px!important;
    line-height:1.5!important;
    margin:5px 0 10px!important;
    color:rgba(255,255,255,.74)!important;
  }
  .footertrust{
    display:flex!important;
    gap:5px!important;
    flex-wrap:wrap!important;
  }
  .footertrust span{
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(255,255,255,.06)!important;
    font-size:7px!important;
    padding:5px 7px!important;
    border-radius:999px!important;
  }
  .footercol{
    min-width:0!important;
    padding:0!important;
  }
  .footercol h4{
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.07em!important;
    min-height:22px!important;
    margin:0 0 9px!important;
    color:#f6e9ed!important;
  }
  .footerlinkgrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .footerlinkgrid a{
    font-size:8px!important;
    line-height:1.25!important;
    margin:0!important;
    color:rgba(255,255,255,.74)!important;
  }
  .footercontact{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px 8px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .footercontact h4{
    grid-column:1/-1!important;
    min-height:0!important;
    margin-bottom:2px!important;
  }
  .footercontact p{
    min-width:0!important;
    font-size:8px!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.7)!important;
    overflow-wrap:anywhere!important;
  }
  .luxfootbottom{
    margin-top:18px!important;
    padding-top:13px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    font-size:8px!important;
    color:rgba(255,255,255,.6)!important;
  }
  .luxfootbottom>div{
    display:flex!important;
    gap:10px!important;
  }
  .luxfootbottom a{
    color:rgba(255,255,255,.78)!important;
  }

  /* Bottom nav final premium */
  .mobilebottomnav{
    left:11px!important;
    right:11px!important;
    bottom:max(9px,env(safe-area-inset-bottom))!important;
    min-height:70px!important;
    padding:7px!important;
    border-radius:25px!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.97),rgba(250,244,250,.97) 48%,rgba(242,248,238,.97))!important;
    border:1px solid rgba(220,203,211,.92)!important;
    box-shadow:0 19px 50px rgba(51,29,39,.2)!important;
  }
  .mobilebottomnav a{
    min-height:55px!important;
  }
  .mobilebottomnav a.active{
    transform:translateY(-5px)!important;
  }

  /* Auth page */
  .authfullpage{
    padding-top:18px!important;
  }
  .authcard-premium{
    border:1px solid #eadde2!important;
    box-shadow:0 22px 55px rgba(73,43,53,.09)!important;
    background:
      radial-gradient(circle at 90% 0%,#f6e8ef 0,transparent 30%),
      #fff!important;
  }
}

@media(max-width:390px){
  .mobilequick{
    grid-template-columns:repeat(3,45px)!important;
    gap:4px!important;
  }
  .mobilequick>a,
  .mobilequick>button{
    width:45px!important;
  }
  .footercol h4{font-size:8px!important}
  .footerlinkgrid a{font-size:7.5px!important}
}


/* ==========================================================
   ORGROW V20.4 — APP-LIKE SECTION TITLE POLISH
   ========================================================== */

/* Generic section headings used throughout storefront */
.sectionhead,
.section-head,
.sectiontitle,
.section-title,
.home-section-title,
.blocktitle,
.block-title,
.category-title,
.products-title {
  position:relative!important;
}

/* Common heading wrappers */
.sectionhead,
.section-head,
.home-section-title,
.blocktitle,
.block-title {
  border-radius:18px!important;
  padding:12px 16px!important;
  margin-bottom:16px!important;
  background:
    linear-gradient(135deg,rgba(249,226,237,.92),rgba(239,229,248,.9) 56%,rgba(230,241,224,.9))!important;
  border:1px solid rgba(218,195,207,.72)!important;
  box-shadow:0 8px 22px rgba(70,43,54,.045)!important;
}

/* Accent line for visual hierarchy */
.sectionhead::before,
.section-head::before,
.home-section-title::before,
.blocktitle::before,
.block-title::before {
  content:""!important;
  display:block!important;
  width:4px!important;
  min-height:24px!important;
  align-self:stretch!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#b56d8e,#8560a5,#7d9b69)!important;
}

/* Make flex-friendly heading wrappers */
.sectionhead,
.section-head,
.home-section-title,
.blocktitle,
.block-title {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

/* If heading wrappers contain controls/buttons, keep layout balanced */
.sectionhead > div,
.section-head > div,
.home-section-title > div,
.blocktitle > div,
.block-title > div {
  min-width:0!important;
}

/* Heading typography */
.sectionhead h1,
.sectionhead h2,
.sectionhead h3,
.section-head h1,
.section-head h2,
.section-head h3,
.home-section-title h1,
.home-section-title h2,
.home-section-title h3,
.blocktitle h1,
.blocktitle h2,
.blocktitle h3,
.block-title h1,
.block-title h2,
.block-title h3 {
  margin:0!important;
  color:#4f3540!important;
  letter-spacing:-.018em!important;
}

/* Direct title elements that have no wrapper */
h2.sectiontitle,
h2.section-title,
h2.category-title,
h2.products-title,
h3.sectiontitle,
h3.section-title {
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:10px 15px!important;
  margin-bottom:14px!important;
  border-radius:15px!important;
  color:#4e3440!important;
  background:linear-gradient(135deg,#f8e4ed,#eee4f7 58%,#e6f0df)!important;
  border:1px solid #e5d1db!important;
  box-shadow:0 7px 18px rgba(74,44,56,.04)!important;
}

/* Mobile app feel */
@media(max-width:820px){
  .sectionhead,
  .section-head,
  .home-section-title,
  .blocktitle,
  .block-title {
    padding:10px 12px!important;
    margin:14px 0 11px!important;
    border-radius:15px!important;
    gap:8px!important;
    background:
      linear-gradient(135deg,#fae7ef 0%,#efe5f8 53%,#e7f1e1 100%)!important;
    border:1px solid #ead7df!important;
    box-shadow:0 8px 18px rgba(65,39,49,.045)!important;
  }

  .sectionhead::before,
  .section-head::before,
  .home-section-title::before,
  .blocktitle::before,
  .block-title::before {
    width:3px!important;
    min-height:21px!important;
  }

  .sectionhead h1,
  .sectionhead h2,
  .sectionhead h3,
  .section-head h1,
  .section-head h2,
  .section-head h3,
  .home-section-title h1,
  .home-section-title h2,
  .home-section-title h3,
  .blocktitle h1,
  .blocktitle h2,
  .blocktitle h3,
  .block-title h1,
  .block-title h2,
  .block-title h3 {
    font-size:15px!important;
    line-height:1.25!important;
  }

  .sectionhead p,
  .section-head p,
  .home-section-title p,
  .blocktitle p,
  .block-title p {
    font-size:8.5px!important;
    line-height:1.35!important;
    opacity:.72!important;
    margin:2px 0 0!important;
  }

  h2.sectiontitle,
  h2.section-title,
  h2.category-title,
  h2.products-title,
  h3.sectiontitle,
  h3.section-title {
    padding:9px 12px!important;
    margin:11px 0 10px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }

  /* Give major storefront sections breathing room like app cards */
  .section,
  .home-section,
  .product-section,
  .category-section {
    scroll-margin-top:10px!important;
  }
}

/* Extra small mobile */
@media(max-width:390px){
  .sectionhead,
  .section-head,
  .home-section-title,
  .blocktitle,
  .block-title {
    padding:9px 10px!important;
    border-radius:14px!important;
  }
}


/* =========================================================
   ORGROW V20.6 — EXACT MOBILE FOOTER + SECTION TITLE FIX
   ========================================================= */

/* Actual homepage section header class */
.sectionheader-premium{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin:0 0 18px!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,#f9e5ee 0%,#efe6f7 52%,#e7f0e1 100%)!important;
  border:1px solid #e6d3dc!important;
  box-shadow:0 10px 26px rgba(76,44,57,.055)!important;
  overflow:hidden!important;
}
.sectionheader-premium::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  bottom:12px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#bd6d91,#8b62ac,#789867)!important;
}
.sectionheader-premium>div{
  min-width:0!important;
}
.sectionheader-premium .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-bottom:5px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  color:#6c8054!important;
  border:1px solid rgba(122,151,99,.18)!important;
}
.sectionheader-premium h2{
  margin:0!important;
  color:#3e2a31!important;
  letter-spacing:-.025em!important;
}
.sectionheader-premium p{
  margin:5px 0 0!important;
  color:#7c6e73!important;
}
.sectionheader-premium>a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(196,151,172,.25)!important;
  color:#b14f76!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(99,57,75,.04)!important;
}

/* Mobile exact title cards */
@media(max-width:820px){
  .section{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .sectionheader-premium{
    min-height:88px!important;
    padding:12px 12px 12px 15px!important;
    margin:0 0 12px!important;
    gap:8px!important;
    border-radius:17px!important;
    background:
      linear-gradient(135deg,#f8e3ec 0%,#eee4f7 54%,#e5f0df 100%)!important;
    border:1px solid #e5d0da!important;
    box-shadow:0 8px 20px rgba(65,39,50,.055)!important;
  }
  .sectionheader-premium::before{
    top:10px!important;
    bottom:10px!important;
    width:3px!important;
  }
  .sectionheader-premium .eyebrow{
    font-size:8px!important;
    padding:4px 7px!important;
    margin-bottom:4px!important;
  }
  .sectionheader-premium h2{
    font-size:23px!important;
    line-height:1.08!important;
  }
  .sectionheader-premium p{
    max-width:220px!important;
    font-size:9px!important;
    line-height:1.35!important;
    margin-top:4px!important;
  }
  .sectionheader-premium>a{
    min-height:34px!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
  }

  /* Mobile footer rebuilt as compact app cards */
  .luxfooter{
    margin-top:26px!important;
    padding:20px 12px calc(94px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 90% 0%,rgba(162,105,134,.17),transparent 27%),
      linear-gradient(180deg,#3a2827,#241817)!important;
  }

  .luxfootergrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:none!important;
  }

  .footerintro{
    grid-column:1/-1!important;
    padding:15px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.045)!important;
  }
  .footerintro .footerlogo{
    font-size:29px!important;
    line-height:1!important;
    text-align:left!important;
  }
  .footerintro>p{
    max-width:none!important;
    margin:6px 0 11px!important;
    font-size:10px!important;
    text-align:left!important;
    color:rgba(255,255,255,.74)!important;
  }
  .footertrust{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    justify-content:flex-start!important;
  }
  .footertrust span{
    padding:5px 7px!important;
    font-size:7px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    background:rgba(255,255,255,.055)!important;
  }

  /* Each footer section becomes a neat app card */
  .footercol{
    min-width:0!important;
    padding:13px 12px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.035)!important;
  }
  .footercol h4{
    min-height:0!important;
    margin:0 0 9px!important;
    padding:0 0 7px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    font-size:9px!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    color:#f7e9ed!important;
  }
  .footerlinkgrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .footerlinkgrid a{
    position:relative!important;
    margin:0!important;
    padding-left:9px!important;
    font-size:8px!important;
    line-height:1.25!important;
    color:rgba(255,255,255,.74)!important;
  }
  .footerlinkgrid a::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:.55em!important;
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:#d99ab5!important;
  }

  /* 3rd column fills the full second row, avoiding ugly empty space */
  .luxfootergrid>.footercol:nth-of-type(4){
    grid-column:1/-1!important;
  }
  .luxfootergrid>.footercol:nth-of-type(4) .footerlinkgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 14px!important;
  }

  /* Contact if store data exists */
  .footercontact{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .footercontact h4{
    grid-column:auto!important;
  }
  .footercontact p{
    margin:0!important;
    font-size:8px!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.72)!important;
  }

  .luxfootbottom{
    margin-top:10px!important;
    padding:12px 4px 0!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    font-size:7.5px!important;
    line-height:1.25!important;
    color:rgba(255,255,255,.56)!important;
  }
  .luxfootbottom>div{
    display:flex!important;
    gap:9px!important;
  }
  .luxfootbottom a{
    font-size:7.5px!important;
    color:rgba(255,255,255,.76)!important;
  }
}

@media(max-width:390px){
  .sectionheader-premium h2{font-size:21px!important}
  .sectionheader-premium p{max-width:185px!important}
  .footercol{padding:11px 10px!important}
}


/* ==========================================================
   ORGROW V20.10 — LIVE CMS CONTENT PAGE POLISH
   ========================================================== */

.cmscontentsection{
  max-width:1180px!important;
  margin:0 auto!important;
}

.cmshero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(224,194,209,.28),transparent 34%),
    linear-gradient(135deg,#fff,#fff9fb 58%,#f5f8f0)!important;
}

.cmshero::after{
  content:""!important;
  position:absolute!important;
  right:-45px!important;
  bottom:-45px!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,rgba(221,178,198,.16),rgba(173,195,151,.14))!important;
}

.cmslivebody{
  padding:34px 38px!important;
  border:1px solid #eadde3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(72,42,53,.06)!important;
}

.cmslivebody p{
  margin:0 0 18px!important;
  font-size:15px!important;
  line-height:1.9!important;
  color:#4d4145!important;
}

.cmslivebody p:last-child{
  margin-bottom:0!important;
}

@media(max-width:820px){
  .cmscontentsection{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .cmslivebody{
    padding:22px 18px!important;
    border-radius:19px!important;
    box-shadow:0 12px 30px rgba(72,42,53,.055)!important;
  }

  .cmslivebody p{
    margin-bottom:15px!important;
    font-size:13px!important;
    line-height:1.8!important;
  }
}


/* ==========================================================
   ORGROW V20.11 — PREMIUM CATEGORY DRAWER + SMART SEARCH
   ========================================================== */

@media(max-width:820px){
  .mobilesearchpro{
    display:block!important;
    margin:4px 12px 12px!important;
    padding:8px!important;
    border:1px solid #eadde2!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fff,#fff9fb)!important;
    box-shadow:0 10px 24px rgba(70,42,52,.06)!important;
  }
  .mobilesearchpro .msearchrow{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:7px!important;
    align-items:center!important;
  }
  .mobilesearchpro .msearchrow input{
    width:100%!important;
    min-width:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    padding:10px 3px!important;
    font-size:13px!important;
  }
  .mobilesearchpro .msearchrow button{
    min-height:37px!important;
    padding:8px 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#4b303a,#684352)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
  }
  .msearchfilters{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:6px!important;
    padding-top:7px!important;
    border-top:1px solid #f0e6ea!important;
  }
  .msearchfilters select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 8px!important;
    border:1px solid #eadde2!important;
    border-radius:10px!important;
    background:#fff!important;
    font-size:9px!important;
    color:#5b4950!important;
  }
  .msearchfilters select:disabled{
    opacity:.52!important;
    background:#f7f4f5!important;
  }

  .premiumdrawer{
    width:min(92vw,410px)!important;
    padding:0 14px 24px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(230,203,216,.32),transparent 26%),
      linear-gradient(180deg,#fffdfd,#fff9fb)!important;
    border-radius:0 28px 28px 0!important;
    box-shadow:22px 0 55px rgba(57,32,43,.16)!important;
  }
  .premiumdrawertop{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 -14px 12px!important;
    padding:24px 18px 17px!important;
    background:rgba(255,253,253,.94)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid #eee1e6!important;
  }
  .premiumdrawertop span{
    display:block!important;
    margin-bottom:6px!important;
    color:#a75b7b!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }
  .premiumdrawertop h3{
    margin:0!important;
    font-size:26px!important;
    line-height:1.08!important;
    color:#37272d!important;
  }
  .premiumdrawertop p{
    margin:7px 0 0!important;
    max-width:255px!important;
    color:#8a777e!important;
    font-size:9px!important;
    line-height:1.45!important;
  }
  .premiumdrawertop button{
    width:46px!important;height:46px!important;
    flex:0 0 46px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#f4e5eb,#eee5f5)!important;
    color:#603b49!important;
    font-size:28px!important;
    line-height:1!important;
    box-shadow:0 8px 20px rgba(95,55,72,.07)!important;
  }

  .premiumshortcuts{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:7px!important;
    margin:10px 0 18px!important;
  }
  .premiumshortcuts a{
    min-height:66px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:8px!important;
    border:1px solid #e9dce2!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#fff,#fcf7f9)!important;
    color:#4b363f!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(73,42,54,.045)!important;
  }
  .premiumshortcuts a span{font-size:17px!important}
  .premiumshortcuts a b{font-size:9px!important}

  .drawercaption{
    margin:0 2px 8px!important;
    color:#8c6878!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }

  .premiumaccordion details{
    margin-bottom:8px!important;
    border:1px solid #eadde2!important;
    border-radius:17px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 8px 20px rgba(65,39,49,.04)!important;
  }
  .premiumaccordion summary{
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:40px 1fr auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:12px!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  .premiumaccordion summary::-webkit-details-marker{display:none!important}
  .premiumaccordion .caticon{
    width:40px!important;height:40px!important;
    display:grid!important;place-items:center!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#f7e4ec,#eef2e8)!important;
    font-size:17px!important;
  }
  .catsummarytext{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  .catsummarytext b{
    font-size:15px!important;
    line-height:1.15!important;
    color:#3e2c33!important;
  }
  .catsummarytext small{
    font-size:8px!important;
    color:#9a858d!important;
  }
  .premiumaccordion summary i{
    width:31px!important;height:31px!important;
    display:grid!important;place-items:center!important;
    border-radius:10px!important;
    background:#f7f1f4!important;
    color:#6f4858!important;
    font-style:normal!important;
    font-size:18px!important;
    transition:.2s ease!important;
  }
  .premiumaccordion details[open] summary i{transform:rotate(45deg)!important}

  .drawerchildren{
    display:grid!important;
    gap:6px!important;
    padding:0 10px 10px!important;
  }
  .drawerchildren a{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border:1px solid #eee2e7!important;
    border-radius:12px!important;
    background:#fffafa!important;
    color:#5b424c!important;
    text-decoration:none!important;
    font-size:10px!important;
  }
  .drawerchildren .viewallcat{
    background:linear-gradient(135deg,#583846,#704b5a)!important;
    border:0!important;
    color:#fff!important;
    font-weight:800!important;
  }
  .drawerempty{
    padding:8px 4px 4px!important;
    color:#9a858d!important;
    font-size:8px!important;
  }

  .premiumdrawerfoot{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin-top:16px!important;
    padding-top:14px!important;
    border-top:1px solid #eadde2!important;
  }
  .premiumdrawerfoot a{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    background:#f9f4f6!important;
    color:#624650!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:700!important;
  }
}

/* desktop/tablet shop filter polish */
.premiumsearchfilters select,
.premiumsearchfilters input{
  border-radius:11px!important;
}


/* ==========================================================
   ORGROW V20.12 — MOBILE HEADER SIZE & BALANCE POLISH
   ========================================================== */
@media(max-width:820px){
  .mobileheadbar{
    min-height:68px!important;
    padding:12px 13px 10px!important;
    gap:10px!important;
  }

  .mobilebrand{
    max-width:165px!important;
    gap:9px!important;
  }

  .mobilebrand img{
    width:50px!important;
    height:47px!important;
    object-fit:contain!important;
  }

  .mobilebrand span{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }

  .mobilebrand b{
    font-size:19px!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
  }

  .mobilebrand small{
    margin-top:3px!important;
    font-size:8px!important;
    line-height:1.2!important;
  }

  .mobilequick{
    grid-template-columns:repeat(3,54px)!important;
    gap:6px!important;
  }

  .mobilequick>a,
  .mobilequick>button{
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
    padding:5px!important;
  }

  .mobilequick i{
    font-size:17px!important;
    line-height:1!important;
  }

  .mobilequick small{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.05!important;
    font-weight:800!important;
  }

  .mobilesearchpro{
    margin-top:3px!important;
  }
}

@media(max-width:390px){
  .mobileheadbar{
    min-height:65px!important;
    padding:10px 10px 8px!important;
  }

  .mobilebrand{
    max-width:145px!important;
  }

  .mobilebrand img{
    width:46px!important;
    height:44px!important;
  }

  .mobilebrand b{
    font-size:17px!important;
  }

  .mobilebrand small{
    font-size:7px!important;
  }

  .mobilequick{
    grid-template-columns:repeat(3,49px)!important;
    gap:4px!important;
  }

  .mobilequick>a,
  .mobilequick>button{
    width:49px!important;
    height:50px!important;
  }
}


/* ==========================================================
   ORGROW V20.14 — MOBILE HEADER DEEP COLOR DISTINCTION
   ========================================================== */
@media(max-width:820px){
  .mobileheadbar{
    background:linear-gradient(135deg,#5b3547 0%, #6d4256 52%, #7d5166 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 14px 34px rgba(57,28,40,.22)!important;
  }

  .mobilebrand b{
    color:#fffdfd!important;
    text-shadow:0 1px 1px rgba(0,0,0,.08)!important;
  }

  .mobilebrand small{
    color:rgba(255,245,248,.88)!important;
  }

  .mobilequick>a,
  .mobilequick>button{
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 8px 18px rgba(31,15,22,.12)!important;
  }

  .mobilequick i,
  .mobilequick small{
    color:#fffdfd!important;
  }

  .mobilequick>a:hover,
  .mobilequick>button:hover,
  .mobilequick>a:active,
  .mobilequick>button:active{
    background:rgba(255,255,255,.2)!important;
  }

  .mobilesearchpro{
    margin-top:8px!important;
  }
}

@media(max-width:390px){
  .mobileheadbar{
    background:linear-gradient(135deg,#593445 0%, #6a4155 100%)!important;
  }
}


/* ==========================================================
   ORGROW V20.15 — FINAL STICKY PREMIUM MOBILE HEADER
   ========================================================== */
@media(max-width:820px){
  .luxheader{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    background:#fffafc!important;
    box-shadow:0 8px 25px rgba(59,32,43,.08)!important;
  }

  .mobileheadbar{
    min-height:94px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 14px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 8% 12%,rgba(255,255,255,.08),transparent 30%),
      linear-gradient(110deg,#603246 0%,#704058 52%,#82536b 100%)!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.08),0 10px 26px rgba(64,30,44,.20)!important;
  }

  .mobilebrand{
    min-width:0!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    text-decoration:none!important;
  }

  .mobilebrand img{
    width:72px!important;
    height:68px!important;
    flex:0 0 72px!important;
    object-fit:contain!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 5px 9px rgba(34,15,23,.18))!important;
  }

  .mobilebrand span{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .mobilebrand b{
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:27px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    text-shadow:0 2px 4px rgba(32,13,21,.16)!important;
  }

  .mobilebrand small{
    display:block!important;
    margin-top:7px!important;
    max-width:205px!important;
    overflow:hidden!important;
    color:rgba(255,247,250,.90)!important;
    font-size:8.5px!important;
    font-weight:500!important;
    line-height:1.15!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .mobilequick{
    display:grid!important;
    grid-template-columns:repeat(3,59px)!important;
    gap:7px!important;
    align-items:center!important;
  }

  .mobilequick>a,
  .mobilequick>button{
    width:59px!important;
    height:64px!important;
    margin:0!important;
    padding:7px 3px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    border:1px solid rgba(255,230,240,.52)!important;
    border-radius:17px!important;
    background:rgba(69,28,46,.30)!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 16px rgba(37,15,24,.13)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    text-decoration:none!important;
  }

  .mobilequick>a:nth-child(2){
    background:linear-gradient(145deg,#fff9fb,#f6e4ec)!important;
    border-color:#ffe9f1!important;
    box-shadow:0 8px 20px rgba(40,17,26,.16)!important;
  }

  .mobilequick i,
  .mobilequick>a>span,
  .mobilequick>button>span{
    color:#fff!important;
    font-size:19px!important;
    line-height:1!important;
    opacity:1!important;
  }

  .mobilequick>a:nth-child(2) i,
  .mobilequick>a:nth-child(2)>span{
    color:#663248!important;
  }

  .mobilequick small,
  .mobilequick b{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:1!important;
    white-space:nowrap!important;
    text-shadow:0 1px 2px rgba(0,0,0,.10)!important;
  }

  .mobilequick>a:nth-child(2) small,
  .mobilequick>a:nth-child(2) b{
    color:#613047!important;
    text-shadow:none!important;
  }

  .mobilequick>a:active,
  .mobilequick>button:active{
    transform:translateY(1px)!important;
  }

  .mobilesearchpro{
    position:relative!important;
    z-index:998!important;
    margin:0 10px 10px!important;
    padding:8px!important;
    border:1px solid #eadbe2!important;
    border-top:0!important;
    border-radius:0 0 18px 18px!important;
    background:rgba(255,252,253,.985)!important;
    box-shadow:0 11px 24px rgba(64,34,45,.09)!important;
  }

  .mobilesearchpro .msearchrow{
    min-height:45px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 5px 0 10px!important;
    border:1px solid #eadde2!important;
    border-radius:14px!important;
    background:#fff!important;
  }

  .mobilesearchpro .searchglass{
    color:#75465a!important;
    font-size:19px!important;
    line-height:1!important;
  }

  .mobilesearchpro .msearchrow input{
    width:100%!important;
    min-width:0!important;
    height:43px!important;
    padding:0 3px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#3f2d35!important;
    font-size:11px!important;
  }

  .mobilesearchpro .msearchrow input::placeholder{
    color:#a28a94!important;
    opacity:1!important;
  }

  .mobilesearchpro .msearchrow button{
    min-width:66px!important;
    height:36px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#603449,#7b4b62)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  .msearchfilters{
    margin-top:7px!important;
    padding-top:7px!important;
  }
}

@media(max-width:430px){
  .mobileheadbar{
    min-height:88px!important;
    padding:11px 10px!important;
    gap:7px!important;
  }
  .mobilebrand{gap:7px!important}
  .mobilebrand img{
    width:60px!important;
    height:58px!important;
    flex-basis:60px!important;
  }
  .mobilebrand b{font-size:22px!important}
  .mobilebrand small{
    max-width:145px!important;
    margin-top:5px!important;
    font-size:7px!important;
  }
  .mobilequick{
    grid-template-columns:repeat(3,51px)!important;
    gap:5px!important;
  }
  .mobilequick>a,
  .mobilequick>button{
    width:51px!important;
    height:57px!important;
    border-radius:15px!important;
  }
  .mobilequick i,
  .mobilequick>a>span,
  .mobilequick>button>span{font-size:17px!important}
  .mobilequick small,
  .mobilequick b{font-size:7px!important}
}

@media(max-width:370px){
  .mobilebrand img{
    width:51px!important;
    height:51px!important;
    flex-basis:51px!important;
  }
  .mobilebrand b{font-size:19px!important}
  .mobilebrand small{display:none!important}
  .mobilequick{
    grid-template-columns:repeat(3,46px)!important;
    gap:4px!important;
  }
  .mobilequick>a,
  .mobilequick>button{
    width:46px!important;
    height:52px!important;
  }
}


/* ==========================================================
   ORGROW V20.16 — FINAL HEADER VISIBILITY CORRECTION
   Sticky header only / no mobile header search
   ========================================================== */
@media(max-width:820px){

  /* Sticky header only */
  .luxheader{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    background:transparent!important;
    box-shadow:0 8px 22px rgba(51,24,35,.14)!important;
  }

  .mobileheadbar{
    min-height:92px!important;
    padding:12px 14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    background:
      radial-gradient(circle at 10% 20%,rgba(255,255,255,.07),transparent 28%),
      linear-gradient(110deg,#5a2f42 0%,#6c3a50 48%,#7a4860 100%)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.08)!important;
  }

  /* Completely hide any legacy mobile search element */
  .mobilesearch,
  .mobilesearchpro{
    display:none!important;
  }

  /* Logo should blend into header with no square/card feel */
  .mobilebrand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    text-decoration:none!important;
  }

  .mobilebrand img{
    width:72px!important;
    height:68px!important;
    flex:0 0 72px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:
      drop-shadow(0 4px 6px rgba(24,9,15,.18))
      saturate(1.03)!important;
    mix-blend-mode:normal!important;
  }

  .mobilebrand b{
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:700!important;
    text-shadow:0 2px 4px rgba(25,9,16,.18)!important;
  }

  .mobilebrand small{
    margin-top:6px!important;
    color:#f7e9ef!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    opacity:.96!important;
  }

  /* All three actions equally readable */
  .mobilequick{
    display:grid!important;
    grid-template-columns:repeat(3,60px)!important;
    gap:7px!important;
    align-items:center!important;
  }

  .mobilequick .mobiletrack,
  .mobilequick .mobilelogin,
  .mobilequick .morebtn{
    width:60px!important;
    height:64px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:6px 3px!important;
    border:1px solid #f2dfe7!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,#fffdfd,#f7e9ee)!important;
    box-shadow:
      0 7px 16px rgba(32,12,20,.16),
      inset 0 1px rgba(255,255,255,.92)!important;
    color:#5a2f42!important;
    text-decoration:none!important;
    opacity:1!important;
  }

  .mobilequick .mobiletrack i,
  .mobilequick .mobilelogin i,
  .mobilequick .morebtn i{
    display:block!important;
    color:#5a2f42!important;
    font-size:20px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:900!important;
    opacity:1!important;
    text-shadow:none!important;
  }

  .mobilequick .mobiletrack small,
  .mobilequick .mobilelogin small,
  .mobilequick .morebtn small{
    display:block!important;
    margin:0!important;
    color:#4d2939!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    opacity:1!important;
    text-shadow:none!important;
    white-space:nowrap!important;
  }

  .mobilequick .mobiletrack:active,
  .mobilequick .mobilelogin:active,
  .mobilequick .morebtn:active{
    transform:translateY(1px)!important;
    background:linear-gradient(145deg,#f9edf2,#f0dce5)!important;
  }

  .mobilequick em{
    background:#6a344d!important;
    color:#fff!important;
    border:2px solid #fff!important;
  }
}

@media(max-width:430px){
  .mobileheadbar{
    min-height:86px!important;
    padding:10px 9px!important;
    gap:6px!important;
  }

  .mobilebrand{
    gap:6px!important;
  }

  .mobilebrand img{
    width:59px!important;
    height:57px!important;
    flex-basis:59px!important;
  }

  .mobilebrand b{
    font-size:22px!important;
  }

  .mobilebrand small{
    max-width:142px!important;
    font-size:7px!important;
  }

  .mobilequick{
    grid-template-columns:repeat(3,51px)!important;
    gap:5px!important;
  }

  .mobilequick .mobiletrack,
  .mobilequick .mobilelogin,
  .mobilequick .morebtn{
    width:51px!important;
    height:57px!important;
    border-radius:15px!important;
  }

  .mobilequick .mobiletrack i,
  .mobilequick .mobilelogin i,
  .mobilequick .morebtn i{
    font-size:18px!important;
  }

  .mobilequick .mobiletrack small,
  .mobilequick .mobilelogin small,
  .mobilequick .morebtn small{
    font-size:7px!important;
  }
}

@media(max-width:370px){
  .mobilebrand img{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }

  .mobilebrand b{
    font-size:19px!important;
  }

  .mobilebrand small{
    display:none!important;
  }

  .mobilequick{
    grid-template-columns:repeat(3,45px)!important;
    gap:4px!important;
  }

  .mobilequick .mobiletrack,
  .mobilequick .mobilelogin,
  .mobilequick .morebtn{
    width:45px!important;
    height:52px!important;
  }
}


/* ==========================================================
   ORGROW V20.17 — HOME BODY SEARCH RESTORED
   Header stays sticky; search stays in homepage body
   ========================================================== */
.homesearchwrap{
  max-width:1180px;
  margin:18px auto 14px;
  padding:0 18px;
}
.homesearchcard{
  padding:10px;
  border:1px solid #eadde2;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fff9fb);
  box-shadow:0 12px 30px rgba(70,40,52,.07);
}
.homesearchmain{
  min-height:52px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  padding:0 6px 0 13px;
  border:1px solid #eadde2;
  border-radius:15px;
  background:#fff;
}
.homesearchicon{
  color:#74465a;
  font-size:22px;
}
.homesearchmain input{
  width:100%;
  min-width:0;
  height:48px;
  border:0;
  outline:0;
  background:transparent;
  color:#3e2c34;
  font-size:13px;
}
.homesearchmain input::placeholder{
  color:#a18a94;
  opacity:1;
}
.homesearchmain button{
  height:40px;
  min-width:86px;
  border:0;
  border-radius:12px;
  padding:0 16px;
  background:linear-gradient(135deg,#603449,#7a4a61);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.homesearchselects{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.homesearchselects select{
  width:100%;
  height:42px;
  padding:0 11px;
  border:1px solid #eadde2;
  border-radius:12px;
  background:#fff;
  color:#5a434c;
}
.homesearchselects select:disabled{
  opacity:.52;
  background:#f7f4f5;
}
@media(max-width:820px){
  .homesearchwrap{
    margin:10px auto 12px!important;
    padding:0 10px!important;
  }
  .homesearchcard{
    padding:8px!important;
    border-radius:17px!important;
    box-shadow:0 10px 24px rgba(64,34,45,.07)!important;
  }
  .homesearchmain{
    min-height:46px!important;
    border-radius:13px!important;
  }
  .homesearchmain input{
    height:43px!important;
    font-size:10px!important;
  }
  .homesearchmain button{
    height:36px!important;
    min-width:66px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .homesearchselects select{
    height:37px!important;
    font-size:9px!important;
  }
}


/* ORGROW V1 MARKETPLACE THEME */
:root{--sas-navy:#0b2a6b;--sas-blue:#144fd6;--sas-orange:#5A9949;--sas-purple:#3c1a91;--sas-soft:#f5f8ff;--sas-ink:#14213d}
.luxbar{background:linear-gradient(90deg,#071b49,#0b2a6b,#144fd6)!important;color:#fff!important}
.luxheader{box-shadow:0 8px 28px rgba(9,37,94,.10)!important}
.btn,.homesearchmain button,.primaryhero{background:linear-gradient(135deg,#0b2a6b,#144fd6 60%,#5A9949)!important;color:#fff!important}
.sectionheader-premium{background:linear-gradient(135deg,#f4f7ff,#fff7ed)!important;border-color:#dce6ff!important}
.categorytile .icon{background:linear-gradient(135deg,#edf3ff,#fff0df)!important}
.mobileheadbar{background:linear-gradient(110deg,#071b49,#0b2a6b 58%,#153f9c)!important}
.mobilebrand b{color:#fff!important}.mobilebrand small{color:#e8efff!important}
.homesearchcard{border-color:#dfe7fb!important;box-shadow:0 12px 30px rgba(11,42,107,.07)!important}
.homesearchmain button{border-radius:12px!important}
.luxfooter{background:linear-gradient(145deg,#07162f,#0b2a6b)!important}
.mobilebottomnav a.active{color:#5A9949!important}


/* ==========================================================
   ORGROW V1.1 — NARIOVA MOBILE UX / ORGROW BRAND COLORS
   Layout and behavior intentionally mirror the proven Nariova
   mobile storefront. Branding: navy / royal blue / orange.
   ========================================================== */
:root{
  --sm-navy:#071b4d;
  --sm-blue:#123e9b;
  --sm-blue2:#255fd8;
  --sm-orange:#5A9949;
  --sm-orange2:#ff9d21;
  --sm-soft:#f4f7ff;
  --sm-line:#dfe6f5;
  --sm-ink:#13213f;
}

/* Orgrow mobile product-card image consistency */
.pcmedia{
  position:relative!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
.pcmedia img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Home search retains Nariova layout, recolored only */
.homesearchcard{
  border-color:var(--sm-line)!important;
  background:linear-gradient(145deg,#fff,#f8faff)!important;
  box-shadow:0 12px 30px rgba(10,34,87,.07)!important;
}
.homesearchmain{
  border-color:var(--sm-line)!important;
}
.homesearchicon{color:var(--sm-blue)!important}
.homesearchmain button{
  background:linear-gradient(135deg,var(--sm-blue),var(--sm-orange))!important;
}
.homesearchselects select{
  border-color:var(--sm-line)!important;
  color:var(--sm-ink)!important;
}
.homesearchselects select:disabled{
  background:#f3f5fa!important;
}

/* Premium section-title card — same Nariova composition */
.sectionheader-premium{
  position:relative!important;
  overflow:hidden!important;
  padding:18px 20px!important;
  border:1px solid #dfe6f5!important;
  border-radius:20px!important;
  background:linear-gradient(120deg,#f7f9ff 0%,#edf3ff 50%,#fff5e8 100%)!important;
  box-shadow:0 12px 30px rgba(7,27,77,.06)!important;
}
.sectionheader-premium:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:5px!important;
  background:linear-gradient(180deg,var(--sm-blue2),var(--sm-orange))!important;
}
.sectionheader-premium .eyebrow{color:var(--sm-blue)!important}
.sectionheader-premium h2{color:var(--sm-ink)!important}

@media(max-width:820px){

  body{
    padding-bottom:82px!important;
    background:#fff!important;
  }

  /* Only the actual header is sticky */
  .luxheader{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    background:transparent!important;
    border:0!important;
    box-shadow:0 8px 24px rgba(5,24,68,.16)!important;
    backdrop-filter:none!important;
  }
  .luxbar,
  .luxheadmain,
  .luxnav{
    display:none!important;
  }

  /* Same Nariova mobile header proportions */
  .mobileheadbar{
    min-height:88px!important;
    padding:10px 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    background:
      radial-gradient(circle at 10% 15%,rgba(255,255,255,.08),transparent 30%),
      linear-gradient(112deg,#061842 0%,#0b2d79 56%,#123f9c 100%)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.10)!important;
  }

  .mobilebrand{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    text-decoration:none!important;
  }
  .mobilebrand img{
    width:62px!important;
    height:60px!important;
    flex:0 0 62px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))!important;
  }
  .mobilebrand span{
    display:grid!important;
    min-width:0!important;
  }
  .mobilebrand b{
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    text-shadow:0 2px 4px rgba(0,0,0,.16)!important;
  }
  .mobilebrand small{
    margin-top:5px!important;
    max-width:145px!important;
    color:#dfe8ff!important;
    font-size:7px!important;
    line-height:1.15!important;
    white-space:normal!important;
    opacity:.98!important;
  }

  /* Nariova mobile action layout; Orgrow color only */
  .mobilequick{
    display:grid!important;
    grid-template-columns:repeat(3,51px)!important;
    gap:5px!important;
    align-items:center!important;
  }
  .mobilequick .mobiletrack,
  .mobilequick .mobilelogin,
  .mobilequick .morebtn{
    width:51px!important;
    height:57px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:6px 2px!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#fff,#eef3ff)!important;
    box-shadow:
      0 7px 16px rgba(0,16,55,.19),
      inset 0 1px rgba(255,255,255,.95)!important;
    color:var(--sm-navy)!important;
    text-decoration:none!important;
    opacity:1!important;
  }
  .mobilequick .mobiletrack i,
  .mobilequick .mobilelogin i,
  .mobilequick .morebtn i{
    display:block!important;
    color:var(--sm-blue)!important;
    font-size:18px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:900!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  .mobilequick .mobiletrack small,
  .mobilequick .mobilelogin small,
  .mobilequick .morebtn small{
    display:block!important;
    margin:0!important;
    color:#102458!important;
    font-size:7px!important;
    line-height:1!important;
    font-weight:900!important;
    opacity:1!important;
    white-space:nowrap!important;
  }
  .mobilequick em{
    background:var(--sm-orange)!important;
    color:#fff!important;
    border:2px solid #fff!important;
  }

  /* Search belongs to Home body, never inside sticky header */
  .mobilesearch,
  .mobilesearchpro{
    display:none!important;
  }
  .homesearchwrap{
    margin:10px auto 12px!important;
    padding:0 10px!important;
  }
  .homesearchcard{
    padding:8px!important;
    border-radius:17px!important;
  }
  .homesearchmain{
    min-height:46px!important;
    border-radius:13px!important;
  }
  .homesearchmain input{
    height:43px!important;
    font-size:10px!important;
  }
  .homesearchmain button{
    height:36px!important;
    min-width:68px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .homesearchselects{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .homesearchselects select{
    height:37px!important;
    font-size:9px!important;
    border-radius:10px!important;
  }

  /* Same Nariova drawer mechanics */
  .mobilemenubackdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    background:rgba(2,12,38,.48)!important;
  }
  .mobilemenudrawer{
    display:block!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(90vw,390px)!important;
    z-index:1001!important;
    padding:18px!important;
    overflow:auto!important;
    background:#fbfcff!important;
    box-shadow:24px 0 60px rgba(3,19,59,.22)!important;
  }
  .mobilemenutop{
    border-bottom:1px solid var(--sm-line)!important;
  }
  .mobilemenutop span{
    color:var(--sm-blue)!important;
  }
  .mobilemenutop button{
    background:#edf2ff!important;
    color:var(--sm-navy)!important;
  }
  .menushortcuts a{
    border-color:var(--sm-line)!important;
    background:#fff!important;
    color:var(--sm-navy)!important;
  }
  .premiumdrawer .draweritem,
  .premiumdrawer .categoryaccordion,
  .premiumdrawer details{
    border-color:var(--sm-line)!important;
  }

  /* Marketplace cards remain 2-column like Nariova */
  .productgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .productcard{
    min-width:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    border-color:#e5eaf6!important;
    box-shadow:0 8px 22px rgba(8,31,83,.06)!important;
  }
  .productcard .pcbody{
    padding:10px!important;
  }
  .productcard .pcmeta{
    font-size:8px!important;
    color:#6a7692!important;
  }
  .productcard h3{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .cardprice{
    color:var(--sm-orange)!important;
  }
  .pcactions .btn{
    font-size:9px!important;
    background:linear-gradient(135deg,var(--sm-blue),var(--sm-blue2))!important;
  }

  /* Same floating 4-item bottom navigation */
  .mobilebottomnav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:950!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:4px!important;
    padding:7px 8px!important;
    border:1px solid rgba(218,226,245,.95)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 12px 34px rgba(5,24,68,.16)!important;
  }
  .mobilebottomnav a{
    position:relative!important;
    min-width:0!important;
    padding:6px 2px!important;
    border-radius:15px!important;
    color:#58647f!important;
    font-size:9px!important;
    text-decoration:none!important;
  }
  .mobilebottomnav a.active{
    background:linear-gradient(145deg,#edf3ff,#fff3e4)!important;
    color:var(--sm-blue)!important;
  }
  .mobilebottomnav span{
    color:inherit!important;
    font-size:18px!important;
  }
  .mobilebottomnav em{
    background:var(--sm-orange)!important;
    color:#fff!important;
  }

  /* Same compact premium footer structure */
  .premiumfooter{
    margin-top:28px!important;
    padding-bottom:86px!important;
    background:linear-gradient(150deg,#061842,#0a2a70)!important;
  }
  .luxfootergrid{
    grid-template-columns:1fr 1fr!important;
    gap:15px!important;
  }
  .premiumfooter,
  .premiumfooter a,
  .premiumfooter p,
  .premiumfooter small{
    color:#eef3ff!important;
  }
  .premiumfooter h3,
  .premiumfooter h4{
    color:#fff!important;
  }

  .sectionheader-premium{
    margin-bottom:12px!important;
    padding:13px 14px!important;
    border-radius:16px!important;
  }
  .sectionheader-premium h2{
    margin:3px 0!important;
    font-size:21px!important;
  }

  /* Account/profile mobile remains dashboard-like and stable */
  .accountshell{
    padding:0 4%!important;
    margin-top:10px!important;
    grid-template-columns:1fr!important;
  }
  .accountmenu{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:7px!important;
  }
  .profilemini{
    grid-column:1/-1!important;
  }

  /* Mobile hero dimensions mirror Nariova */
  .heroslider,
  .heroslide{
    height:440px!important;
  }
  .heroimage{
    height:125px!important;
  }
}

@media(max-width:390px){
  .mobileheadbar{
    min-height:84px!important;
    padding:9px 7px!important;
    gap:4px!important;
  }
  .mobilebrand img{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }
  .mobilebrand b{
    font-size:19px!important;
  }
  .mobilebrand small{
    max-width:115px!important;
    font-size:6.5px!important;
  }
  .mobilequick{
    grid-template-columns:repeat(3,46px)!important;
    gap:4px!important;
  }
  .mobilequick .mobiletrack,
  .mobilequick .mobilelogin,
  .mobilequick .morebtn{
    width:46px!important;
    height:53px!important;
  }
}


/* ==========================================================
   ORGROW V1.2 — PREMIUM MARKETPLACE HOME + MEGA CATEGORY
   ========================================================== */
.smartshortcutbar{
  max-width:1310px;margin:14px auto 0;padding:0 4.5%;
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px
}
.smartshortcutbar a{
  min-height:74px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;
  gap:1px 8px;align-items:center;padding:12px 13px;border-radius:17px;
  text-decoration:none;background:#fff;border:1px solid #dfe6f5;
  box-shadow:0 8px 22px rgba(7,27,77,.055);transition:.18s ease
}
.smartshortcutbar a:hover{transform:translateY(-2px);border-color:#c9d8f6;box-shadow:0 14px 30px rgba(7,27,77,.09)}
.smartshortcutbar span{
  grid-row:1/3;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#edf3ff,#fff2e4);color:#123e9b;font-size:18px;font-weight:900
}
.smartshortcutbar b{font-size:12px;color:#13213f}.smartshortcutbar small{font-size:9px;color:#7a849b}

.categorytiles.premiumcats{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important
}
.categorytiles.premiumcats .categorytile{
  min-height:150px!important;padding:17px!important;border-radius:19px!important;
  background:linear-gradient(145deg,#fff,#f6f8ff)!important;border:1px solid #e0e7f5!important;
  box-shadow:0 8px 24px rgba(7,27,77,.055)!important;color:#13213f!important;
  position:relative;overflow:hidden
}
.categorytiles.premiumcats .categorytile:after{
  content:"";position:absolute;right:-28px;bottom:-28px;width:75px;height:75px;border-radius:50%;
  background:linear-gradient(145deg,rgba(37,95,216,.09),rgba(255,122,0,.10))
}
.categorytiles.premiumcats .categorytile .icon{
  width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:24px;
  background:linear-gradient(145deg,#eef3ff,#fff2e4)
}
.categorytiles.premiumcats .categorytile .tag{font-size:9px;color:#68738b!important;position:relative;z-index:1}
.categorytiles.premiumcats .categorytile:hover{transform:translateY(-3px);border-color:#cfdcf7!important}

/* Desktop mega-menu */
.desktopmegawrap{position:relative;height:46px;display:flex;align-items:center}
.desktopmegawrap>a{gap:4px}.navchev{font-size:10px}
.desktopmega{
  position:absolute;left:-130px;top:45px;width:780px;padding:20px;border-radius:0 0 22px 22px;
  background:#fff;border:1px solid #e1e7f3;box-shadow:0 24px 65px rgba(5,24,68,.17);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;z-index:120
}
.desktopmegawrap:hover .desktopmega{opacity:1;visibility:visible;transform:none}
.desktopmegahead{display:flex;align-items:end;justify-content:space-between;padding:0 2px 14px;border-bottom:1px solid #e8edf7}
.desktopmegahead span{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:#123e9b}
.desktopmegahead h3{margin:4px 0 0;font-size:24px;color:#13213f}
.desktopmegahead>a{height:auto!important;color:#5A9949!important;font-size:11px!important}
.desktopmegagrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px}
.desktopmegagrid>a{
  height:auto!important;display:grid!important;gap:4px!important;padding:12px!important;border-radius:13px!important;
  background:#f8faff!important;border:1px solid #e4eaf6!important
}
.desktopmegagrid>a:hover{background:#fff5e8!important;border-color:#f4d6b2!important}
.desktopmegagrid b{font-size:11px;color:#13213f}.desktopmegagrid small{font-size:8px;color:#7b8498;font-weight:500}

@media(max-width:1100px){
 .categorytiles.premiumcats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .desktopmega{left:-210px;width:700px}
}
@media(max-width:820px){
 .smartshortcutbar{margin-top:7px;padding:0 10px;display:flex;gap:7px;overflow:auto;scrollbar-width:none}
 .smartshortcutbar::-webkit-scrollbar{display:none}
 .smartshortcutbar a{flex:0 0 142px;min-height:60px;padding:8px 10px;border-radius:14px}
 .smartshortcutbar span{width:32px;height:32px;border-radius:10px;font-size:16px}
 .smartshortcutbar b{font-size:10px}.smartshortcutbar small{font-size:8px}
 .categorytiles.premiumcats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .categorytiles.premiumcats .categorytile{min-height:120px!important;padding:13px!important;font-size:14px!important}
 .categorytiles.premiumcats .categorytile .icon{width:40px;height:40px;font-size:20px}
 .desktopmegawrap{display:none!important}
}


/* ==========================================================
   ORGROW V1.3 — PRODUCT / CART / CHECKOUT / ACCOUNT POLISH
   ========================================================== */

/* Product detail */
.premiumproductpage{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
  gap:42px!important;align-items:start!important
}
.productgallery{
  position:sticky;top:150px
}
.product-primary{
  aspect-ratio:1/1;background:linear-gradient(145deg,#f8faff,#fff7ee);
  border:1px solid #e1e7f4;border-radius:26px;overflow:hidden;
  box-shadow:0 18px 45px rgba(7,27,77,.07)
}
.product-primary img{width:100%;height:100%;object-fit:cover;display:block}
.thumbgallery{gap:9px!important}
.thumbgallery button{
  border:1px solid #dfe6f5;background:#fff;padding:3px;border-radius:12px;cursor:pointer
}
.thumbgallery img{width:72px!important;height:72px!important;border:0!important;border-radius:9px!important}
.productinfo-premium{
  background:#fff;border:1px solid #e0e7f5;border-radius:25px;padding:25px;
  box-shadow:0 16px 40px rgba(7,27,77,.055)
}
.producttitle{color:#13213f!important;letter-spacing:-.025em}
.premiumbadge{
  display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 4px
}
.premiumbadge span{
  padding:7px 9px;border-radius:999px;background:#f3f6fd;color:#52617f;
  border:1px solid #e1e7f4;font-size:10px
}
.productinfo-premium .price{color:#5A9949!important;font-size:31px!important}
.productinfo-premium .lead{color:#5f6b83!important}
.buybox{
  background:linear-gradient(145deg,#f8faff,#fff9f2)!important;border-color:#dfe6f5!important;
  box-shadow:none!important
}
.buybox input,.buybox select{border-color:#dce4f3!important}
.buybox .btn{
  min-height:47px;background:linear-gradient(135deg,#123e9b,#255fd8)!important;
  box-shadow:0 9px 20px rgba(18,62,155,.17)
}
.productservicebar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 10px
}
.productservicebar span{
  display:flex;align-items:center;gap:6px;padding:10px 9px;border-radius:12px;
  background:#f7f9fe;border:1px solid #e2e8f5;color:#56617a;font-size:9px;font-weight:700
}
.productservicebar b{color:#5A9949}
.trustrow{gap:9px!important}
.trustbox{
  border:1px solid #e2e8f5!important;background:#fff!important;border-radius:14px!important
}
.productdetailsgrid .glasscard{
  border-color:#e0e7f5!important;box-shadow:0 10px 28px rgba(7,27,77,.05)!important
}
.mobileproductcta{display:none}

/* Cart */
.cartpremium{
  padding:0 22px 22px!important;border-color:#dfe6f5!important;overflow:hidden
}
.cartitem-premium{
  grid-template-columns:84px minmax(0,1fr) 90px 110px 64px!important;
  gap:15px!important;padding:17px 0!important
}
.cartthumb{
  width:84px;height:84px;border-radius:14px;overflow:hidden;border:1px solid #e0e7f5;background:#f7f9fd
}
.cartthumb img{width:100%;height:100%;object-fit:cover;display:block}
.cartproductinfo{display:grid;gap:4px;min-width:0}
.cartproductinfo strong a{text-decoration:none;color:#15213d}
.cartproductinfo strong a:hover{color:#123e9b}
.cartcategory{color:#8994aa!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.06em}
.cartvariant{
  width:max-content;padding:4px 7px;border-radius:999px;background:#edf3ff;color:#123e9b;
  font-size:9px;font-weight:700
}
.cartqtywrap{display:grid;gap:4px}.cartqtywrap label{font-size:8px;color:#8892a6}
.cartqtywrap input{width:76px!important;border-color:#dce4f3!important}
.cartlineprice{color:#5A9949;font-size:16px}
.cartremove{font-size:10px!important}
.premiumcartsummary{
  margin-top:5px;padding:18px 0!important;border-top:1px solid #e6ebf5;
  align-items:center!important
}
.premiumcartsummary>div{display:grid;gap:4px}
.premiumcartsummary small{font-size:9px;color:#808aa0;max-width:380px}
.premiumcartsummary strong{font-size:25px;color:#13213f}

/* Checkout */
.checkoutsteps{
  max-width:680px;margin:15px auto 24px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px
}
.checkoutsteps div{display:flex;align-items:center;gap:7px;color:#8a94a8}
.checkoutsteps div.active{color:#123e9b}
.checkoutsteps span{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2f9;font-size:10px;font-weight:900
}
.checkoutsteps .active span{background:#123e9b;color:#fff}
.checkoutsteps b{font-size:10px}.checkoutsteps i{height:1px;background:#dde5f3}
.checkoutlayout{align-items:start!important}
.orderbox{
  background:#fff!important;border:1px solid #dfe6f5!important;border-radius:24px!important;
  padding:24px!important;box-shadow:0 13px 34px rgba(7,27,77,.055)!important
}
.checkoutsectiontitle{display:flex;gap:11px;align-items:center;margin:4px 0 14px}
.checkoutsectiontitle>span{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#edf3ff,#fff3e4);color:#123e9b;font-weight:900
}
.checkoutsectiontitle h2{margin:0!important;font-size:18px!important}
.checkoutsectiontitle p{margin:3px 0 0;color:#7c879c;font-size:9px}
.paymenttitle{margin-top:18px}
.orderbox input,.orderbox textarea,.orderbox select{
  border-color:#dce4f3!important;background:#fbfcff!important
}
.premiumcheckoutsummary{
  position:sticky;top:140px;border:1px solid #dfe6f5!important;border-radius:22px!important;
  background:linear-gradient(145deg,#f7f9ff,#fff8ef)!important;
  box-shadow:0 14px 34px rgba(7,27,77,.055)!important
}
.summarybrand{
  display:grid;gap:2px;padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid #e1e7f2
}
.summarybrand b{font-size:22px;color:#123e9b}.summarybrand small{font-size:9px;color:#7d8799}
.summaryline{border-color:#e3e8f2!important}

/* Customer account */
.accountbg{background:#f5f7fc!important}
.accounttop{
  min-height:72px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dfe6f5!important;
  box-shadow:0 5px 20px rgba(7,27,77,.04)!important
}
.accountbrand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
.accountbrand img{width:118px!important;height:46px!important;object-fit:contain!important}
.accountbrand span{display:grid}.accountbrand b{font-size:11px;color:#13213f}.accountbrand small{font-size:8px;color:#8792a8}
.accountmenu{
  border-color:#dfe6f5!important;background:#fff!important;box-shadow:0 10px 30px rgba(7,27,77,.05)!important
}
.accountmenu a{color:#45516b!important}
.accountmenu a:hover{background:#eef3ff!important;color:#123e9b!important}
.profilemini{border-color:#e1e7f3!important}
.avatar{background:linear-gradient(135deg,#123e9b,#ff8b1b)!important;color:#fff!important}
.accountwelcome{
  border:1px solid #dfe6f5;border-radius:24px;padding:24px;
  background:linear-gradient(125deg,#071b4d,#123e9b 68%,#184aa7);color:#fff;
  box-shadow:0 16px 40px rgba(7,27,77,.15)
}
.accountwelcome .eyebrow,.accountwelcome p{color:#dce7ff!important}
.accountwelcome h1{color:#fff!important}
.accountwelcome .btn{background:#5A9949!important;color:#fff!important}
.premiumstat{
  border-color:#dfe6f5!important;background:#fff!important;box-shadow:0 8px 22px rgba(7,27,77,.045)!important
}
.premiumstat strong{color:#123e9b!important}
.accountcard{
  border:1px solid #dfe6f5!important;background:#fff!important;box-shadow:0 8px 22px rgba(7,27,77,.045)!important
}
.accountcard>span{background:linear-gradient(145deg,#eef3ff,#fff1e2)!important;color:#123e9b!important}
.glasscard{border-color:#dfe6f5!important;box-shadow:0 8px 24px rgba(7,27,77,.045)!important}

@media(max-width:900px){
 .premiumproductpage{grid-template-columns:1fr!important;gap:17px!important}
 .productgallery{position:static!important}
 .productinfo-premium{padding:16px!important;border-radius:19px!important}
 .product-primary{border-radius:18px!important}
 .productdetailsgrid{grid-template-columns:1fr!important}
 .premiumcheckoutsummary{position:static!important}
}

@media(max-width:820px){
 .mobileproductcta{
   display:flex;position:fixed;left:9px;right:9px;bottom:78px;z-index:940;
   align-items:center;justify-content:space-between;gap:10px;padding:8px 9px 8px 14px;
   border:1px solid #dbe4f4;border-radius:17px;background:rgba(255,255,255,.97);
   box-shadow:0 10px 28px rgba(5,24,68,.15);backdrop-filter:blur(14px)
 }
 .mobileproductcta>div{display:grid}.mobileproductcta small{font-size:7px;color:#7e899e}.mobileproductcta strong{color:#5A9949;font-size:17px}
 .mobileproductcta a{
   padding:10px 15px;border-radius:12px;background:linear-gradient(135deg,#123e9b,#255fd8);
   color:#fff;text-decoration:none;font-size:10px;font-weight:900
 }
 body:has(.mobileproductcta){padding-bottom:142px!important}
 .productservicebar{grid-template-columns:1fr!important}
 .trustrow{grid-template-columns:1fr!important}
 .cartpremium{padding:0 12px 14px!important}
 .cartitem-premium{
   grid-template-columns:70px minmax(0,1fr) 66px!important;
   grid-template-areas:
    "thumb info price"
    "thumb qty remove"!important;
   gap:8px 10px!important;padding:13px 0!important
 }
 .cartthumb{grid-area:thumb;width:70px;height:70px;border-radius:12px}
 .cartproductinfo{grid-area:info}
 .cartqtywrap{grid-area:qty}.cartqtywrap input{width:60px!important;padding:7px!important}
 .cartlineprice{grid-area:price;text-align:right;font-size:13px}
 .cartremove{grid-area:remove;text-align:right!important;padding:0!important}
 .premiumcartsummary{align-items:flex-end!important}
 .premiumcartsummary strong{font-size:21px}
 .checkoutsteps{margin:10px 4px 18px}
 .checkoutsteps b{display:none}
 .orderbox{padding:15px!important;border-radius:18px!important}
 .formrow{grid-template-columns:1fr!important}
 .accounttop{padding:8px 4%!important}
 .accountbrand img{width:92px!important;height:40px!important}
 .accountbrand span{display:none!important}
 .accounttoplinks a:first-child{display:none!important}
 .accountwelcome{padding:18px!important;border-radius:19px!important}
 .accountlanding{grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:430px){
 .premiumbadge span{font-size:8px}
 .productinfo-premium .price{font-size:26px!important}
 .checkoutsteps span{width:25px;height:25px}
}


/* ==========================================================
   ORGROW V1.6 — FINAL STOREFRONT QA POLISH
   ========================================================== */
:focus-visible{
 outline:3px solid rgba(37,95,216,.28)!important;
 outline-offset:2px!important
}
img{max-width:100%}
.btn,.ghostbtn,.softlink,.categorytile,.productcard a,.mobilebottomnav a{
 -webkit-tap-highlight-color:transparent
}
@media(max-width:820px){
 .section{padding-left:10px!important;padding-right:10px!important}
 .productgrid{align-items:stretch}
 .productcard{height:100%}
 .productcard .pcbody{display:flex;flex-direction:column;height:100%}
 .pcactions{margin-top:auto}
 .premiumfooter{overflow:hidden}
}

/* ==========================================================
   ORGROW ORANGE MOBILE HOME — 2026-10-22
   Matches the approved orange mobile mockup while preserving
   desktop and all existing PHP/business logic.
   ========================================================== */
:root{
  --so-orange:#367D46;
  --so-orange-2:#5A9949;
  --so-orange-3:#ff3d00;
  --so-cream:#fff8ef;
  --so-navy:#071a3f;
  --so-ink:#151515;
  --so-line:#f2dfcf;
}

/* Global orange accent cleanup */
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.btn,.primaryhero,.homesearchmain button{
  background:linear-gradient(135deg,var(--so-orange),var(--so-orange-3))!important;
  color:#fff!important;
}
.sectionheader-premium:before{background:linear-gradient(180deg,var(--so-orange),var(--so-orange-3))!important}
.sectionheader-premium .eyebrow,.smartshortcutbar span,.sectionheader-premium>a{color:var(--so-orange)!important}

/* Footer: navy foundation + orange accents like approved mockup */
.luxfooter{
  background:
    radial-gradient(circle at 88% 0%,rgba(255,99,0,.18),transparent 27%),
    linear-gradient(145deg,#06152e 0%,#0a2147 54%,#071a3f 100%)!important;
}
.footerlogo{color:#fff!important}
.footerlogo sup{font-family:Arial,sans-serif;font-size:.36em;line-height:1;vertical-align:super;margin-left:3px;font-weight:900;letter-spacing:0;color:#fff}
.luxfooter h4{color:#ff8a34!important}
.luxfooter a:hover{color:#ff8a34!important}
.footertrust span{border-color:rgba(255,132,48,.36)!important}

@media(max-width:820px){
  body{background:#fff!important;padding-bottom:92px!important}

  /* ORANGE HEADER */
  .luxheader{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    background:transparent!important;
    box-shadow:0 8px 28px rgba(138,47,0,.18)!important;
  }
  .mobileheadbar{
    min-height:108px!important;
    padding:14px 14px 13px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    background:
      radial-gradient(circle at 18% -15%,rgba(255,255,255,.18),transparent 35%),
      linear-gradient(118deg,#ff6a00 0%,#367D46 50%,#ef3200 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
  }

  /* Text logo removes dependency on the broken/missing image */
  .mobilebrand-text{display:flex!important;align-items:center!important;min-width:0!important;text-decoration:none!important}
  .mobilebrand-text img{display:none!important}
  .mobilebrandcopy{display:block!important;min-width:0!important}
  .mobilebrandcopy b{
    display:block!important;
    color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:36px!important;
    line-height:.93!important;
    letter-spacing:-1.2px!important;
    text-shadow:0 1px 0 rgba(0,0,0,.06)!important;
  }
  .mobilebrandcopy b sup{
    font-family:Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1!important;
    vertical-align:super!important;
    margin-left:3px!important;
    letter-spacing:0!important;
    font-weight:900!important;
    color:#fff!important;
  }
  .mobilebrandcopy small{
    display:block!important;
    margin-top:9px!important;
    max-width:none!important;
    color:#fff!important;
    opacity:.94!important;
    font-size:11px!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }

  .mobilequick{display:grid!important;grid-template-columns:repeat(3,68px)!important;gap:8px!important;align-items:center!important}
  .mobilequick .mobiletrack,.mobilequick .mobilelogin,.mobilequick .morebtn{
    width:68px!important;height:72px!important;padding:8px 5px!important;
    border-radius:22px!important;border:1px solid rgba(255,255,255,.72)!important;
    background:rgba(255,255,255,.96)!important;color:#24120a!important;
    box-shadow:0 8px 18px rgba(109,36,0,.12)!important;
  }
  .mobilequick i{font-size:22px!important;color:var(--so-orange)!important}
  .mobilequick small{font-size:10px!important;color:#25150f!important;font-weight:800!important;margin-top:3px!important}
  .mobilequick em{background:#111!important;color:#fff!important}

  /* SEARCH CARD */
  .homesearchwrap{margin:15px auto 13px!important;padding:0 12px!important}
  .homesearchcard{
    padding:12px!important;border-radius:24px!important;border:1px solid #f0e1d6!important;
    background:#fff!important;box-shadow:0 10px 28px rgba(72,34,6,.06)!important;
  }
  .homesearchmain{min-height:66px!important;border-radius:20px!important;border-color:#f0dfd1!important;padding:0 7px 0 17px!important}
  .homesearchicon{font-size:29px!important;color:#111!important}
  .homesearchmain input{height:60px!important;font-size:16px!important;color:#252525!important}
  .homesearchmain input::placeholder{color:#8a8a8a!important}
  .homesearchmain button{height:54px!important;min-width:112px!important;border-radius:17px!important;font-size:14px!important;font-weight:900!important}
  .homesearchselects{gap:10px!important;margin-top:10px!important}
  .homesearchselects select{height:56px!important;border-radius:16px!important;border-color:#f0dfd1!important;font-size:14px!important;background:#fff!important;color:#2b170e!important}

  /* SHORTCUT ROW */
  .smartshortcutbar{margin-top:12px!important;padding:0 12px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .smartshortcutbar a{display:grid!important;grid-template-columns:52px 1fr!important;grid-template-rows:auto auto!important;gap:1px 9px!important;min-width:0!important;min-height:94px!important;padding:14px 12px!important;border-radius:20px!important;border:1px solid #f1e2d8!important;background:#fff!important;box-shadow:0 7px 20px rgba(72,34,6,.045)!important}
  .smartshortcutbar a:nth-child(n+4){display:none!important}
  .smartshortcutbar span{grid-row:1/3!important;width:52px!important;height:52px!important;border-radius:16px!important;background:#fff3e8!important;color:var(--so-orange)!important;font-size:22px!important}
  .smartshortcutbar b{font-size:14px!important;color:#151515!important;white-space:nowrap!important}
  .smartshortcutbar small{font-size:10px!important;color:#838383!important}

  /* HERO: approved cream/orange composition */
  .heroslider{height:535px!important;margin-top:18px!important;padding:0 12px!important}
  .heroslide{left:12px!important;right:12px!important;height:535px!important;border-radius:28px!important;border:1px solid #f3dfce!important;box-shadow:0 15px 45px rgba(120,55,5,.08)!important;background:linear-gradient(120deg,#fff8ef 0%,#ffeddc 48%,#ffd0aa 100%)!important}
  .heroinner{height:100%!important;display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:8px!important;align-items:center!important;padding:34px 18px 42px!important}
  .herocopy{align-self:center!important;min-width:0!important}
  .herocopy .eyebrow{font-size:9px!important;letter-spacing:.22em!important;color:var(--so-orange)!important;font-weight:900!important}
  .herocopy h1{font-family:Georgia,'Times New Roman',serif!important;font-size:42px!important;line-height:1.02!important;letter-spacing:-1.7px!important;color:#18100d!important;margin:13px 0 15px!important}
  .herocopy p{font-size:14px!important;line-height:1.5!important;color:#4b3d36!important;margin:0 0 22px!important}
  .heroactions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
  .primaryhero{padding:14px 19px!important;border-radius:18px!important;font-size:13px!important;font-weight:900!important}
  .softlink{font-size:11px!important;color:#2d231f!important;font-weight:800!important}
  .heroassurance{display:none!important}
  .heroimage{height:350px!important;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;align-self:end!important}
  .heroimage img,.default-hero-products{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:24px!important}
  .herodots{bottom:17px!important;background:transparent!important;padding:0!important}
  .herodots button{width:9px!important;height:9px!important;background:#decbbd!important}
  .herodots button.active{background:var(--so-orange)!important}

  /* FOUR TRUST ITEMS */
  .homeband.orange-service-band{padding:0 12px!important;margin:18px auto 2px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
  .orange-service-band .bandcard{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;min-height:112px!important;padding:12px 7px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;position:relative!important;gap:7px!important}
  .orange-service-band .bandcard:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#f0dfd2}
  .orange-service-band .bandcard>span{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;background:#fff0e3!important;color:var(--so-orange)!important;font-size:21px!important;display:grid!important;place-items:center!important}
  .orange-service-band .bandcard b{font-size:11px!important;line-height:1.2!important;color:#1b1b1b!important}
  .orange-service-band .bandcard small{font-size:8px!important;line-height:1.2!important;color:#858585!important}

  /* CATEGORY SECTION */
  .section{padding-left:12px!important;padding-right:12px!important}
  .sectionheader-premium{background:#fff!important;border:0!important;box-shadow:none!important;padding:16px 0 10px!important;border-radius:0!important}
  .sectionheader-premium:before{display:none!important}
  .sectionheader-premium .eyebrow{display:none!important}
  .sectionheader-premium h2{font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;color:#17110e!important}
  .sectionheader-premium p{display:none!important}
  .sectionheader-premium>a{font-size:11px!important;font-weight:900!important;color:var(--so-orange)!important}
  .categorytiles.premiumcats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important}
  .categorytiles.premiumcats .categorytile{min-height:120px!important;padding:9px!important;border-radius:16px!important;background:#fff7ef!important;border-color:#f3e2d5!important}
  .categorytiles.premiumcats .categorytile:nth-child(n+5){display:none!important}
  .categorytiles.premiumcats .categorytile .icon{width:44px!important;height:44px!important;border-radius:13px!important;background:#ffe8d6!important}
  .categorytiles.premiumcats .categorytile .tag{display:none!important}

  /* FOOTER */
  .newsletter{display:none!important}
  .luxfooter{margin-top:28px!important;padding:34px 18px 112px!important;border-radius:28px 28px 0 0!important}
  .luxfootergrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px 18px!important}
  .footerintro{grid-column:1/-1!important;display:block!important;padding-bottom:3px!important}
  .footerintro .footerlogo{font-family:Georgia,'Times New Roman',serif!important;font-size:37px!important;line-height:1!important;color:#fff!important}
  .footerintro .footerlogo sup{font-size:12px!important}
  .footerintro>p{font-size:12px!important;color:#dfe8f7!important;margin:10px 0 14px!important}
  .footertrust{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
  .footertrust span{font-size:8px!important;padding:7px 9px!important;color:#fff!important;border-color:rgba(255,141,63,.35)!important}
  .footercol{padding:0!important}
  .footercol h4{font-size:12px!important;letter-spacing:.12em!important;color:#ff8a34!important;margin-bottom:12px!important}
  .footerlinkgrid{gap:9px!important}
  .footerlinkgrid a,.footercol p{font-size:10px!important;color:#dfe8f7!important}
  .footercontact{grid-column:1/-1!important}
  .luxfootbottom{margin-top:24px!important;padding-top:16px!important;font-size:9px!important;color:#b7c3d8!important}
  .luxfootbottom a{font-size:9px!important;color:#dfe8f7!important}

  /* BOTTOM NAV */
  .mobilebottomnav{left:12px!important;right:12px!important;bottom:10px!important;min-height:78px!important;padding:8px!important;border-radius:26px!important;border:1px solid #f0e2d8!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 36px rgba(58,27,8,.14)!important}
  .mobilebottomnav a{padding:8px 4px!important;color:#5e4a42!important}
  .mobilebottomnav a span{font-size:21px!important}
  .mobilebottomnav a small{font-size:10px!important;font-weight:800!important}
  .mobilebottomnav a.active{background:linear-gradient(145deg,#fff1e4,#fff8ef)!important;color:var(--so-orange)!important;transform:none!important;box-shadow:none!important}
  .mobilebottomnav em{background:var(--so-orange)!important}
}

@media(max-width:560px){
  .mobileheadbar{min-height:101px!important;padding:12px 10px!important}
  .mobilebrandcopy b{font-size:31px!important}
  .mobilebrandcopy small{font-size:9px!important;margin-top:7px!important}
  .mobilequick{grid-template-columns:repeat(3,57px)!important;gap:5px!important}
  .mobilequick .mobiletrack,.mobilequick .mobilelogin,.mobilequick .morebtn{width:57px!important;height:64px!important;border-radius:18px!important}
  .mobilequick i{font-size:19px!important}.mobilequick small{font-size:8px!important}
  .homesearchmain input{font-size:13px!important}.homesearchmain button{min-width:92px!important;font-size:12px!important}
  .smartshortcutbar a{grid-template-columns:40px 1fr!important;min-height:82px!important;padding:10px 8px!important}.smartshortcutbar span{width:40px!important;height:40px!important}.smartshortcutbar b{font-size:11px!important}.smartshortcutbar small{font-size:8px!important}
  .heroslider,.heroslide{height:455px!important}.heroinner{padding:27px 14px 38px!important}.herocopy h1{font-size:34px!important}.herocopy p{font-size:11px!important;margin-bottom:17px!important}.heroimage{height:280px!important}.primaryhero{padding:12px 15px!important}.softlink{display:none!important}
  .orange-service-band .bandcard{min-height:100px!important;padding:9px 4px!important}.orange-service-band .bandcard>span{width:42px!important;height:42px!important;flex-basis:42px!important}.orange-service-band .bandcard b{font-size:9px!important}.orange-service-band .bandcard small{font-size:7px!important}
  .categorytiles.premiumcats .categorytile{min-height:105px!important}
}

@media(max-width:390px){
  .mobilebrandcopy b{font-size:28px!important}
  .mobilebrandcopy small{font-size:8px!important}
  .mobilequick{grid-template-columns:repeat(3,52px)!important}
  .mobilequick .mobiletrack,.mobilequick .mobilelogin,.mobilequick .morebtn{width:52px!important;height:60px!important}
  .herocopy h1{font-size:30px!important}.heroimage{height:250px!important}
}

/* =========================================================
   ORGROW FINAL ORANGE MOBILE FIX V2
   - show every active top-level category on Home
   - compact hero/slider
   - premium orange footer
   - preserve desktop layout
   ========================================================= */

@media (max-width: 860px){
  /* ALL HOME CATEGORIES — NEVER HIDE AFTER ITEM 4 */
  .categorytiles.premiumcats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .categorytiles.premiumcats .categorytile,
  .categorytiles.premiumcats .categorytile:nth-child(n+5){
    display:flex!important;
  }
  .categorytiles.premiumcats .categorytile{
    min-height:112px!important;
    padding:13px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fffaf6,#fff2e7)!important;
    border:1px solid #f2ddd0!important;
  }
  .categorytiles.premiumcats .categorytile .icon{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:#ffe8d7!important;
  }
  .categorytiles.premiumcats .categorytile .tag{
    display:block!important;
    font-size:8px!important;
    color:#e65b12!important;
  }

  /* COMPACT HERO / SLIDER */
  .heroslider{
    height:350px!important;
    min-height:350px!important;
    margin-top:14px!important;
  }
  .heroslide{
    height:350px!important;
    min-height:350px!important;
  }
  .heroinner{
    height:100%!important;
    grid-template-columns:1.06fr .94fr!important;
    padding:22px 16px 28px!important;
    gap:8px!important;
  }
  .herocopy h1{
    font-size:31px!important;
    line-height:1.03!important;
    margin:9px 0 11px!important;
  }
  .herocopy p{
    font-size:11px!important;
    line-height:1.42!important;
    margin-bottom:14px!important;
  }
  .herocopy .eyebrow{
    font-size:8px!important;
  }
  .primaryhero{
    padding:11px 14px!important;
    border-radius:14px!important;
    font-size:11px!important;
  }
  .heroimage{
    height:220px!important;
    max-height:220px!important;
    align-self:center!important;
  }
  .heroimage img,
  .default-hero-products{
    object-fit:cover!important;
    object-position:center!important;
  }
  .herodots{bottom:10px!important;}

  /* PREMIUM ORANGE FOOTER — NO NAVY */
  .luxfooter{
    background:
      radial-gradient(circle at 88% 6%,rgba(255,255,255,.17),transparent 24%),
      linear-gradient(155deg,#ff6a00 0%,#e84c05 44%,#9d2f08 100%)!important;
    color:#fff!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 -14px 42px rgba(130,45,0,.12)!important;
  }
  .luxfooter:before,
  .luxfooter:after{display:none!important;}
  .footerintro .footerlogo,
  .footerintro>p,
  .footerlinkgrid a,
  .footercol p,
  .luxfootbottom,
  .luxfootbottom a{
    color:#fff!important;
  }
  .footercol h4{
    color:#fff4e9!important;
  }
  .footertrust span{
    color:#fff!important;
    border-color:rgba(255,255,255,.30)!important;
    background:rgba(255,255,255,.09)!important;
  }
  .footercontact{
    border-top-color:rgba(255,255,255,.18)!important;
  }
  .luxfootbottom{
    border-top-color:rgba(255,255,255,.20)!important;
  }
}

@media (max-width: 560px){
  .heroslider,
  .heroslide{
    height:320px!important;
    min-height:320px!important;
  }
  .heroinner{
    padding:18px 12px 25px!important;
  }
  .herocopy h1{
    font-size:27px!important;
    letter-spacing:-.8px!important;
  }
  .herocopy p{
    font-size:10px!important;
    margin-bottom:12px!important;
  }
  .heroimage{
    height:185px!important;
    max-height:185px!important;
  }
  .softlink{display:none!important;}
  .categorytiles.premiumcats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width: 390px){
  .heroslider,
  .heroslide{
    height:300px!important;
    min-height:300px!important;
  }
  .herocopy h1{font-size:24px!important;}
  .heroimage{height:165px!important;max-height:165px!important;}
}

/* =========================================================
   ORGROW FINAL ORANGE HEADER / FOOTER / LOGO OVERRIDE
   2026-10-22
   ========================================================= */
:root{
  --sasmart-orange:#367D46;
  --sasmart-orange-dark:#195632;
  --sasmart-orange-soft:#EEF6E9;
  --sasmart-ink:#20150f;
}

/* HEADER — DESKTOP + MOBILE */
.luxheader,
.siteheader{
  background:linear-gradient(110deg,#ff6900 0%,#ff5700 52%,#ed3c00 100%)!important;
  border-bottom:0!important;
  box-shadow:0 8px 28px rgba(188,60,0,.16)!important;
}
.luxheadmain,
.headerrow{background:transparent!important}

.luxlogo,
.brandlogo{
  overflow:visible!important;
  min-width:150px!important;
  width:auto!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
}
.luxlogo img,
.brandlogo img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:150px!important;
  max-width:150px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}

/* textual fallback if image is unavailable */
.luxlogo .brandtext,
.brandlogo .brandtext{
  display:inline-flex!important;
  align-items:flex-start!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
}
.luxlogo sup,
.brandlogo sup,
.brandtext sup{
  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  margin-left:3px!important;
  position:relative!important;
  top:-2px!important;
  color:#fff!important;
  font-weight:900!important;
}

.luxsearch,
.headersearch{
  background:#fff!important;
  border-color:rgba(255,255,255,.55)!important;
}
.luxsearch button,
.headersearch button{
  background:linear-gradient(135deg,#367D46,#f03d00)!important;
  color:#fff!important;
}
.luxactions>a,
.headerquick .quickitem{
  background:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
  color:#342219!important;
}
.luxnav{
  background:#fff!important;
  border-top:0!important;
}
.luxnav a:hover,
.luxnav a.active,
.premiumnav a:hover,
.premiumnav a.active{
  color:var(--sasmart-orange)!important;
}
.luxnav a.active:after,
.premiumnav a.active:after,
.premiumnav a:hover:after{
  background:var(--sasmart-orange)!important;
}

/* BUTTON/ACCENTS */
.btn,
.primaryhero,
.homesearchmain button{
  background:linear-gradient(135deg,var(--sasmart-orange),var(--sasmart-orange-dark))!important;
  color:#fff!important;
}
.sectionheader-premium>a,
.sectionhead>a,
.categoryshortcut{
  color:var(--sasmart-orange)!important;
}

/* FOOTER — FORCE ORANGE ON ALL VIEWPORTS */
.premiumfooter,
.luxfooter,
footer.premiumfooter,
footer.luxfooter{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,183,92,.34),transparent 28%),
    linear-gradient(145deg,#ff6900 0%,#ef4d00 48%,#a52e05 100%)!important;
  color:#fff!important;
  border:0!important;
}
.premiumfooter:before,
.premiumfooter:after,
.luxfooter:before,
.luxfooter:after{
  display:none!important;
  content:none!important;
}
.footerlogo,
.footerbrand,
.footerintro .footerlogo{
  color:#fff!important;
}
.footerlogo sup,
.footerbrand sup{
  color:#fff!important;
}
.luxfooter h4,
.footergrid h4,
.footercol h4{
  color:#fff3e8!important;
}
.luxfooter p,
.footergrid p,
.footercol p,
.footerintro>p,
.luxfooter a,
.footergrid a,
.footerlinkgrid a,
.footmini a{
  color:#fff!important;
  opacity:.94!important;
}
.luxfooter a:hover,
.footergrid a:hover,
.footerlinkgrid a:hover{
  color:#ffe0c8!important;
}
.footertrust span,
.footerchips span{
  border-color:rgba(255,255,255,.35)!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
}
.luxfootbottom,
.footbottom{
  border-top-color:rgba(255,255,255,.28)!important;
  color:rgba(255,255,255,.88)!important;
}

/* MOBILE */
@media(max-width:820px){
  .luxheader,.siteheader{
    background:linear-gradient(115deg,#ff6a00 0%,#ff5100 56%,#eb3900 100%)!important;
  }
  .luxlogo,.brandlogo{
    min-width:122px!important;
    height:54px!important;
  }
  .luxlogo img,.brandlogo img{
    width:122px!important;
    max-width:122px!important;
    height:50px!important;
  }
  .premiumfooter,.luxfooter{
    background:
      radial-gradient(circle at 80% 5%,rgba(255,198,126,.28),transparent 30%),
      linear-gradient(155deg,#ff6800 0%,#195632 50%,#962a07 100%)!important;
  }
}

/* COMPACT MOBILE HERO */
@media(max-width:820px){
  .heroslider,
  .heroslide{
    height:430px!important;
    min-height:430px!important;
  }
  .heroinner{
    min-height:430px!important;
    height:430px!important;
    padding:22px 16px 30px!important;
    gap:10px!important;
  }
  .herocopy h1{
    font-size:30px!important;
    line-height:1.03!important;
    margin:7px 0 8px!important;
  }
  .herocopy p{
    font-size:11px!important;
    line-height:1.4!important;
    margin-bottom:10px!important;
  }
  .heroimage{
    height:190px!important;
    max-height:190px!important;
  }
}
@media(max-width:520px){
  .heroslider,
  .heroslide{
    height:390px!important;
    min-height:390px!important;
  }
  .heroinner{
    height:390px!important;
    min-height:390px!important;
    padding:18px 14px 26px!important;
  }
  .herocopy h1{font-size:26px!important;}
  .heroimage{height:165px!important;max-height:165px!important;}
}

/* ===== ORGROW MOBILE SHORTCUTS FINAL FIX ===== */
@media(max-width:820px){
  .smartshortcutbar{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 12px 8px!important;
    margin-top:12px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .smartshortcutbar::-webkit-scrollbar{display:none!important}
  .smartshortcutbar a,
  .smartshortcutbar a:nth-child(n+4){
    display:grid!important;
    flex:0 0 190px!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    grid-template-columns:50px 1fr!important;
    grid-template-rows:auto auto!important;
    gap:2px 10px!important;
    min-height:86px!important;
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid #f1e2d8!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(72,34,6,.045)!important;
    scroll-snap-align:start;
  }
  .smartshortcutbar span{
    grid-row:1/3!important;
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:#fff3e8!important;
    color:#367D46!important;
    font-size:20px!important;
  }
  .smartshortcutbar b{
    font-size:12px!important;
    color:#151515!important;
    white-space:nowrap!important;
  }
  .smartshortcutbar small{
    font-size:9px!important;
    color:#838383!important;
    white-space:nowrap!important;
  }
}

@media(max-width:520px){
  .smartshortcutbar a,
  .smartshortcutbar a:nth-child(n+4){
    flex-basis:165px!important;
    width:165px!important;
    min-width:165px!important;
    max-width:165px!important;
    min-height:78px!important;
    grid-template-columns:42px 1fr!important;
    padding:10px!important;
  }
  .smartshortcutbar span{width:40px!important;height:40px!important;font-size:18px!important}
  .smartshortcutbar b{font-size:11px!important}
  .smartshortcutbar small{font-size:8px!important}
}

/* ===== ORGROW MOBILE SHORTCUT SCROLLER HARD FIX ===== */
@media (max-width:820px){
  html,body{overflow-x:hidden!important}
  .homesearchwrap,.homesearchcard,.sitebody,.pagewrap{overflow:visible!important;max-width:100%!important}
  .smartshortcutbar{
    position:relative!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    gap:10px!important;
    padding:0 14px 10px!important;
    margin:12px 0 0!important;
    scroll-snap-type:x mandatory!important;
  }
  .smartshortcutbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
  .smartshortcutbar>a,
  .smartshortcutbar>a:nth-child(n){
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 168px!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    scroll-snap-align:start!important;
  }
  .smartshortcutbar>a:last-child{margin-right:14px!important}
}


/* =========================================================
   ORGROW PREMIUM ORGANIC THEME — FINAL PRIORITY OVERRIDES
   Applied AFTER legacy orange rules; responsive + same layout
   ========================================================= */
:root{
 --sasmart-orange:#2D7544;
 --sasmart-orange-dark:#154B32;
 --sasmart-orange-soft:#EFF6EB;
 --sasmart-ink:#173A29;
 --orgrow-forest:#103D2B;
 --orgrow-green:#2D7544;
 --orgrow-gold:#C8AA73;
}
.luxheader,.siteheader{
 background:linear-gradient(110deg,#103D2B 0%,#195638 54%,#2D7544 100%)!important;
 box-shadow:0 8px 28px rgba(12,64,39,.16)!important;
}
.luxsearch button,.headersearch button{background:linear-gradient(135deg,#347E49,#1B5837)!important;color:#fff!important}
.luxactions>a,.headerquick .quickitem{border-color:#E2EEE0!important;color:#173A29!important}
.luxnav a:hover,.luxnav a.active,.premiumnav a:hover,.premiumnav a.active{color:#23683D!important}
.luxnav a.active:after,.premiumnav a.active:after,.premiumnav a:hover:after{background:#347E49!important}
.btn,.primaryhero,.homesearchmain button{background:linear-gradient(135deg,#347E49,#205B39)!important;color:#fff!important}
.sectionheader-premium>a,.sectionhead>a,.categoryshortcut{color:#23683D!important}
.premiumfooter,.luxfooter,footer.premiumfooter,footer.luxfooter{
 background:radial-gradient(circle at 87% 11%,rgba(170,202,121,.14),transparent 32%),linear-gradient(145deg,#103D2B 0%,#195337 55%,#092B21 100%)!important;
 color:#F6FAF2!important;
 box-shadow:none!important;
}
.luxfooter h4,.footergrid h4,.footercol h4{color:#DDECCB!important}
.luxfooter a:hover,.footergrid a:hover,.footerlinkgrid a:hover{color:#E9D7A9!important}
.footertrust span,.footerchips span{border-color:rgba(218,236,207,.35)!important;background:rgba(218,236,207,.08)!important}
.luxfootbottom,.footbottom{border-top-color:rgba(218,236,207,.23)!important}
.heroslide,.heroslide.theme-1,.heroslide.theme-2,.heroslide.theme-3{
 background:linear-gradient(117deg,#F4F8F0 0%,#ECF4E7 58%,#DFEBD8 100%)!important;
}
.brandmonogram>span{background:#2D7544!important;color:#fff!important}
@media(max-width:820px){
 .luxheader,.siteheader{background:linear-gradient(115deg,#103D2B 0%,#195638 60%,#2D7544 100%)!important}
 .premiumfooter,.luxfooter,footer.premiumfooter,footer.luxfooter{background:linear-gradient(155deg,#103D2B 0%,#195638 55%,#092B21 100%)!important}
}

/* ORGROW — high-contrast white logo for dark-green storefront header.
   Only the header image is filtered; other logo placements retain brand colors. */
.luxheader .luxlogo img,
.siteheader .luxlogo img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* ===========================================================
 ORGROW MOBILE-FIRST ORGANIC UNIFICATION — 2026-10-25
 Keep existing layout; replace conflicting legacy orange/pink/navy
 =========================================================== */
:root{
 --sm-navy:#103D2B; --sm-blue:#195638; --sm-blue2:#2D7544;
 --sm-orange:#2D7544; --sm-orange2:#76A95D;
 --sm-line:#D9E9D3; --sm-soft:#F3F8F0;
 --so-orange:#2D7544; --so-orange-2:#70A85F; --so-orange-3:#195638;
 --sas-navy:#103D2B; --sas-blue:#195638; --sas-orange:#2D7544;
}
@media(max-width:820px){
 html,body{background:#F8FAF6!important}
 .luxheader,.siteheader{background:#103D2B!important;box-shadow:0 5px 19px rgba(7,48,30,.17)!important}
 .mobileheadbar{background:radial-gradient(circle at 12% -18%,rgba(204,233,159,.14),transparent 43%),linear-gradient(115deg,#103D2B 0%,#195638 59%,#2D7544 100%)!important;border-bottom:1px solid rgba(255,255,255,.17)!important;box-shadow:none!important}
 .mobilebrandcopy b{color:#FFF!important;text-shadow:none!important}
 .mobilebrandcopy small{color:#E6F1DA!important;opacity:1!important}
 .mobilequick .mobiletrack,.mobilequick .mobilelogin,.mobilequick .morebtn{background:#F9FCF5!important;border:1px solid #D7E8CD!important;color:#163E2A!important;box-shadow:0 4px 15px rgba(7,45,29,.12)!important}
 .mobilequick i,.mobilequick .mobiletrack i,.mobilequick .mobilelogin i,.mobilequick .morebtn i{color:#226B41!important}
 .mobilequick small,.mobilequick .mobiletrack small,.mobilequick .mobilelogin small,.mobilequick .morebtn small{color:#173D2A!important}
 .mobilequick em{background:#2D7544!important}
 .mobilesearch,.mobilesearchpro,.homesearchcard{border-color:#DDE9D8!important;background:#FFF!important;box-shadow:0 7px 22px rgba(9,62,37,.07)!important}
 .homesearchmain button,.homesearchcard button[type=submit],.luxsearch button{background:linear-gradient(130deg,#347E49,#185636)!important;color:#FFF!important}
 .smartshortcutbar a,.smartshortcutbar>a:nth-child(n){border-color:#DDE9D8!important;box-shadow:0 7px 20px rgba(26,64,39,.045)!important;background:#FFF!important}
 .smartshortcutbar span,.smartshortcutbar>a span{background:#EBF5E6!important;color:#246D40!important}
 .smartshortcutbar b,.smartshortcutbar>a b{color:#183E29!important}
 .mobilemenubackdrop{background:rgba(4,34,22,.55)!important}
 .mobilemenudrawer{background:#F9FCF7!important;box-shadow:24px 0 60px rgba(7,43,28,.22)!important}
 .mobilemenutop{border-color:#D7E9D2!important}
 .mobilemenutop span{color:#2D7544!important}
 .mobilemenutop button{background:#E9F3E4!important;color:#174D32!important}
 .menushortcuts a,.premiumdrawer details,.premiumdrawer .categoryaccordion{border-color:#D6E8D0!important;color:#173E2B!important}
 .mobilebottomnav{background:rgba(255,255,255,.97)!important;border-color:#D9E7D3!important;box-shadow:0 13px 33px rgba(14,58,35,.12)!important}
 .mobilebottomnav a,.mobilebottomnav a:nth-child(n){color:#516C59!important}
 .mobilebottomnav a.active,.mobilebottomnav a:nth-child(2).active,.mobilebottomnav a:nth-child(3).active,.mobilebottomnav a:nth-child(4).active{background:linear-gradient(140deg,#E7F3E1,#D7EACA)!important;color:#195F38!important;box-shadow:none!important}
 .mobilebottomnav em{background:#2D7544!important}
 .luxfooter,footer.luxfooter,.premiumfooter,footer.premiumfooter{background:linear-gradient(145deg,#103D2B 0%,#195337 53%,#092B21 100%)!important;color:#F6FAF2!important}
 .luxfooter h4,.footercol h4{color:#E8EBCB!important}
 .luxfooter a,.luxfooter p,.luxfooter span{color:#F3F9EE!important}
 .luxfooter a:hover{color:#EAD39B!important}
 .heroslide,.heroslide.theme-1,.heroslide.theme-2,.heroslide.theme-3{background:linear-gradient(125deg,#F4F9F0,#E6F1DF)!important}
 .categorytile .icon,.orange-service-band .bandcard>span{background:#E8F3E1!important;color:#246B3E!important}
 .sectionheader-premium:before{background:#2D7544!important}
 .sectionheader-premium .eyebrow,.sectionheader-premium>a{color:#2C7143!important}
}
@media(max-width:400px){
 .mobilebrandcopy b{font-size:26px!important}
 .mobilebrandcopy small{font-size:7px!important;letter-spacing:0!important}
 .mobilequick{gap:4px!important}
 .mobilequick .mobiletrack,.mobilequick .mobilelogin,.mobilequick .morebtn{width:49px!important;height:59px!important;padding:5px 2px!important}
}

/* =========================================================
   ORGROW MOBILE HEADER + FOOTER PREMIUM FIX
   Appended override for mobile-only premium styling
   ========================================================= */

@media (max-width: 760px){
  /* Main sticky header gets a rich layered organic gradient */
  .siteheader{
    background:
      radial-gradient(circle at top left, rgba(164, 199, 124, .20), transparent 34%),
      radial-gradient(circle at top right, rgba(232, 207, 149, .12), transparent 30%),
      linear-gradient(135deg, #0f5132 0%, #1d6a43 45%, #255c3f 100%) !important;
    box-shadow: 0 14px 28px rgba(15, 48, 33, .22), inset 0 -1px 0 rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  /* Top mobile header area */
  .mobileheadbar,
  .headerrow{
    background: transparent !important;
  }

  .mobilebrand,
  .brandlogo{
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 22px rgba(7, 34, 20, .18) !important;
    border-radius: 18px !important;
    padding: 8px 10px !important;
    backdrop-filter: blur(10px);
  }

  .mobilebrand b,
  .mobilebrand small,
  .mobilebrand span,
  .premiumnav a,
  .navsupport,
  .headerquick small,
  .headerquick i,
  .headerquick b{
    color: #ffffff !important;
  }

  /* Mobile search gets a soft premium card look instead of flat color */
  .mobilesearch,
  .mobilesearchpro,
  .headersearch{
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,245,.95)) !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    box-shadow: 0 12px 28px rgba(10, 44, 29, .14) !important;
    border-radius: 18px !important;
  }

  .mobilesearch input,
  .mobilesearchpro .msearchrow input,
  .headersearch input{
    color: #1d3427 !important;
  }

  .mobilesearch input::placeholder,
  .mobilesearchpro .msearchrow input::placeholder,
  .headersearch input::placeholder{
    color: #77867b !important;
  }

  .mobilesearch button,
  .mobilesearchpro .msearchrow button,
  .headersearch button{
    background: linear-gradient(135deg, #7c9f4f 0%, #2c7a4b 48%, #1e5d3b 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 10px 18px rgba(29, 92, 58, .25) !important;
  }

  /* Quick buttons refined for premium look */
  .mobilequick > a,
  .mobilequick > button,
  .headerquick .quickitem{
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,248,243,.96)) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: 0 8px 18px rgba(17, 51, 35, .14) !important;
    border-radius: 16px !important;
  }

  .mobilequick > a small,
  .mobilequick > button small,
  .headerquick .quickitem small{
    color: #6a746d !important;
  }

  .mobilequick > a i,
  .mobilequick > button i,
  .headerquick .quickitem i{
    color: #255c3f !important;
  }

  /* Premium mobile footer */
  .luxfooter,
  .premiumfooter,
  footer{
    background:
      radial-gradient(circle at top left, rgba(160, 201, 132, .18), transparent 28%),
      radial-gradient(circle at top right, rgba(231, 205, 147, .12), transparent 30%),
      linear-gradient(180deg, #143e2d 0%, #0f2f22 100%) !important;
    color: #f7f8f2 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -16px 40px rgba(9, 28, 20, .22) !important;
    padding-top: 26px !important;
    padding-bottom: 105px !important;
  }

  .luxfootergrid,
  .footergrid{
    gap: 12px !important;
  }

  .footerintro,
  .footercol,
  .footercontact{
    background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 10px 22px rgba(5, 19, 13, .18) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(10px);
  }

  .footerintro{
    padding: 16px 15px !important;
  }

  .footercol,
  .footercontact{
    padding: 14px 12px !important;
  }

  .footerintro .footerlogo,
  .footerbrand{
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.05);
  }

  .footerintro > p,
  .footercol p,
  .footercontact p,
  .luxfootbottom,
  .footergrid p{
    color: rgba(245, 248, 242, .82) !important;
  }

  .footercol h4,
  .footercontact h4,
  .footergrid h4{
    color: #f2e1ac !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
  }

  .footerlinkgrid a,
  .footergrid a,
  .footerlinks a{
    color: #f7faf5 !important;
    opacity: 1 !important;
  }

  .footerlinkgrid a::before{
    color: #a7cd82 !important;
  }

  .footertrust span,
  .footerchips span{
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #f7faf5 !important;
  }

  .luxfootbottom{
    border-top: 1px solid rgba(255,255,255,.10) !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
  }
}

/* =========================================================
   ORGROW HERO SLIDER + CATEGORY ICON CENTER FIX
   ========================================================= */

/* Desktop + mobile premium hero slide variations */
.heroslide.theme-1{
  background:linear-gradient(125deg,#F4F9F0 0%,#E6F1DF 100%)!important;
}
.heroslide.theme-2{
  background:linear-gradient(125deg,#FFF6EB 0%,#F8E8D2 100%)!important;
}
.heroslide.theme-3{
  background:linear-gradient(125deg,#EEF7F0 0%,#DDEEE3 100%)!important;
}
.heroslide.theme-4{
  background:linear-gradient(125deg,#F8F6EC 0%,#EAEFD8 100%)!important;
}

/* Category cards center aligned */
.categorytiles.premiumcats .categorytile{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.categorytiles.premiumcats .categorytile .icon{
  margin:0 auto 12px auto!important;
}
.categorytiles.premiumcats .categorytile > div:not(.icon):not(.tag){
  width:100%;
  text-align:center!important;
}
.categorytiles.premiumcats .categorytile .tag{
  width:100%;
  text-align:center!important;
  margin-top:8px!important;
}

@media (max-width:760px){
  /* Keep category icons nicely centered on mobile */
  .categorytiles.premiumcats .categorytile{
    align-items:center!important;
    text-align:center!important;
    justify-content:flex-start!important;
  }
  .categorytiles.premiumcats .categorytile .icon{
    margin:0 auto 10px auto!important;
  }
  .categorytiles.premiumcats .categorytile .tag{
    display:block!important;
    text-align:center!important;
    font-size:8px!important;
    margin-top:6px!important;
  }

  /* Mobile hero polish for multiple slides */
  .heroslider{overflow:hidden!important}
  .heroslide{transition:opacity .55s ease,transform .55s ease!important}
  .heroslide.theme-1,
  .heroslide.theme-2,
  .heroslide.theme-3,
  .heroslide.theme-4{
    border-color:#D9E7D0!important;
  }
}

/* ORGROW MOBILE — SINGLE SOLID ORGANIC GREEN HEADER (final override) */
@media (max-width: 820px) {
  .luxheader,
  .siteheader,
  .luxheader .mobileheadbar,
  .siteheader .mobileheadbar,
  .mobileheadbar,
  .luxheader .mobilesearch,
  .luxheader .mobilesearchpro {
    background-color: #174A33 !important;
    background-image: none !important;
  }
  .luxheader,
  .siteheader {
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 5px 16px rgba(10,43,28,.15) !important;
  }
  .mobileheadbar::before,
  .mobileheadbar::after,
  .luxheader::before,
  .luxheader::after {
    background-image: none !important;
  }
  .mobilebrand,
  .luxheader .mobilebrand {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  /* Search is a readable white field against the single-color green header. */
  .luxheader .mobilesearch,
  .luxheader .mobilesearchpro,
  .luxheader .headersearch,
  .siteheader .mobilesearch,
  .siteheader .mobilesearchpro,
  .siteheader .headersearch {
    background: #FFFFFF !important;
    background-image: none !important;
  }
}

/* =========================================================
   ORGROW 2026-10-25 — MOBILE DEEP FOREST + PREMIUM FOOTER
   Mobile-only final override. Preserves all original rules.
   ========================================================= */
@media screen and (max-width:820px) {
  /* ONE deep organic tone, no color blending or multi-color stripes. */
  header.luxheader, .luxheader, .siteheader,
  .luxheader .luxheadmain, .luxheader .mobileheadbar, .mobileheadbar,
  .luxheader .mobilesearch, .luxheader .mobilesearchpro {
    background:#0B3526 !important;
    background-color:#0B3526 !important;
    background-image:none !important;
    border-color:rgba(255,255,255,.10) !important;
  }
  .luxheader, .siteheader {
    box-shadow:0 7px 22px rgba(5,36,23,.20) !important;
  }
  .luxheader::before,.luxheader::after,.mobileheadbar::before,.mobileheadbar::after{
    background:none !important;
  }
  .luxheader .mobilebrand, .mobileheadbar .mobilebrand{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .mobilebrand b,.mobilebrand small,.mobilebrand .mobilebrandcopy{
    color:#fff !important;
  }
  /* Keep input white so the search text remains legible. */
  .luxheader .headersearch, .luxheader .mobilesearchpro .msearchrow,
  .luxheader .mobilesearch .msearchrow, .luxheader .mobilesearch input,
  .luxheader .mobilesearchpro input, .luxheader .luxsearch {
    background:#fff !important;
    background-image:none !important;
  }
  .luxheader .mobilesearchpro .msearchrow button,
  .luxheader .mobilesearch button,
  .luxheader .headersearch button {
    background:#176542 !important;
    background-image:none !important;
    color:#fff !important;
  }
  /* Cards, typographic hierarchy and spacing with clear readable links. */
  footer.luxfooter,.luxfooter,footer.premiumfooter {
    background:#092D21 !important;
    background-image:none !important;
    color:#F5FAF6 !important;
    padding:28px 14px 108px !important;
    border:0 !important;
    border-top:3px solid #7EA76A !important;
    border-radius:24px 24px 0 0 !important;
    box-shadow:0 -12px 30px rgba(7,38,26,.13) !important;
  }
  .luxfooter .luxfootergrid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  .luxfooter .footerintro {
    grid-column:1 / -1 !important;
    display:block !important;
    padding:21px 17px !important;
    text-align:center !important;
    background:#154534 !important;
    border:1px solid rgba(214,233,203,.15) !important;
    border-radius:20px !important;
    box-shadow:none !important;
  }
  .luxfooter .footerintro .footerlogo {
    font-size:30px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    color:#FFF !important;
    text-align:center !important;
  }
  .luxfooter .footerintro > p {
    color:#E4EEDC !important;
    font-size:12px !important;
    line-height:1.6 !important;
    margin:9px auto 13px !important;
    text-align:center !important;
  }
  .luxfooter .footertrust {
    display:flex !important;
    justify-content:center !important;
    gap:6px !important;
    flex-wrap:wrap !important;
  }
  .luxfooter .footertrust span {
    font-size:9px !important;
    padding:7px 9px !important;
    border-radius:999px !important;
    background:rgba(244,255,243,.07) !important;
    border:1px solid rgba(244,255,243,.13) !important;
    color:#F5FAF5 !important;
  }
  .luxfooter .footercol {
    display:block !important;
    min-width:0 !important;
    padding:16px 13px !important;
    background:#123E2E !important;
    border:1px solid rgba(226,242,215,.10) !important;
    border-radius:16px !important;
    box-shadow:none !important;
  }
  .luxfooter .footercol h4 {
    font-size:11px !important;
    line-height:1.4 !important;
    letter-spacing:.09em !important;
    color:#D9BC80 !important;
    margin:0 0 12px !important;
    text-transform:uppercase !important;
  }
  .luxfooter .footerlinkgrid {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .luxfooter .footerlinkgrid a {
    display:block !important;
    font-size:11px !important;
    line-height:1.4 !important;
    color:#F0F7EF !important;
    opacity:1 !important;
    margin:0 !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
  }
  .luxfooter .footerlinkgrid a::before {
    color:#A6CD8F !important;
  }
  .luxfooter .footercontact {
    grid-column:1/-1 !important;
    padding:16px !important;
    border-radius:16px !important;
    background:#123E2E !important;
  }
  .luxfooter .footercontact h4,
  .luxfooter .footercontact p {
    font-size:11px !important;
    line-height:1.65 !important;
  }
  .luxfooter .luxfootbottom {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:11px !important;
    margin-top:20px !important;
    padding-top:17px !important;
    border-top:1px solid rgba(228,244,216,.14) !important;
    font-size:10px !important;
    text-align:center !important;
    color:#CAD9CB !important;
  }
  .luxfooter .luxfootbottom > div {display:flex !important;gap:16px !important;justify-content:center !important;}
  .luxfooter .luxfootbottom a {color:#F3F8F0 !important;font-size:10px !important;}
}
/* Keep the category icon AND text centered at every screen width. */
.categorytiles.premiumcats .categorytile {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.categorytiles.premiumcats .categorytile .icon {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 12px !important;
  flex-shrink:0 !important;
}
.categorytiles.premiumcats .categorytile > div:not(.icon):not(.tag),
.categorytiles.premiumcats .categorytile .tag {
  width:100% !important;
  text-align:center !important;
}
@media screen and (max-width:760px){
  .categorytiles.premiumcats .categorytile .icon{margin:0 auto 9px !important;}
}


/* ===============================================================
 ORGROW VERIFIED SELECTORS / MOBILE ORGANIC FINAL - 2026-10-25 V2
 These overrides intentionally follow all legacy CSS rules.
 =============================================================== */
:root{--orgrow-deep:#092f22;--orgrow-forest:#103d2b;--orgrow-leaf:#347a45;--orgrow-cream:#f5f8f0;--orgrow-gold:#d5b77c}
@media screen and (max-width: 820px){
  html body header.luxheader,html body .luxheader,
  html body header.luxheader .mobileheadbar,
  html body .luxheader .mobileheadbar{
    background:#092f22!important;
    background-image:none!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:0 8px 22px rgba(4,29,17,.17)!important;
  }
  html body .luxheader::before,html body .luxheader::after,
  html body .luxheader .mobileheadbar::before,
  html body .luxheader .mobileheadbar::after{background:none!important;content:none!important;display:none!important}
  html body .luxheader .mobilebrand{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
  html body .luxheader .mobilebrand b{color:#fff!important}
  html body .luxheader .mobilebrand small{color:#dcebdd!important}
  html body .luxheader .mobilequick>a,html body .luxheader .mobilequick>button{
    background:#f7faf4!important;background-image:none!important;color:#103d2b!important;
    border:1px solid #dce9d8!important;box-shadow:0 3px 9px rgba(0,0,0,.1)!important
  }
  html body .luxheader .mobilequick i{color:#174a33!important}
  html body .luxheader .mobilequick small{color:#244834!important}
  html body .luxheader .mobilesearchpro,html body .luxheader .mobilesearch{
    background:#fff!important;background-image:none!important;border-radius:16px!important;
    border:1px solid #dcebd6!important
  }
  html body .luxheader .mobilesearchpro .msearchrow button,
  html body .luxheader .mobilesearch button{background:#24643d!important;background-image:none!important;color:#fff!important}
  html body footer.luxfooter,html body .luxfooter{
    background:#092b20!important;background-image:none!important;color:#f4f9ee!important;
    border-top:3px solid #bcaa76!important;padding:28px 14px 106px!important
  }
  html body .luxfooter .luxfootergrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  html body .luxfooter .footerintro{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;
    background:#12402e!important;background-image:none!important;border:1px solid #3c654e!important;border-radius:20px!important;padding:22px 15px!important}
  html body .luxfooter .footerintro .footerlogo{font-size:32px!important;line-height:1.15!important;color:#fff!important}
  html body .luxfooter .footerintro>p{font-size:12px!important;line-height:1.55!important;color:#e3efdd!important;margin:0!important}
  html body .luxfooter .footertrust{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important}
  html body .luxfooter .footertrust span{background:#1b4d38!important;background-image:none!important;border:1px solid #43674d!important;font-size:9px!important;color:#f6faf1!important;padding:7px 9px!important;border-radius:30px!important}
  html body .luxfooter .footercol{display:block!important;min-width:0!important;background:#113b2b!important;background-image:none!important;border:1px solid #305743!important;border-radius:17px!important;padding:16px 13px!important;box-shadow:none!important}
  html body .luxfooter .footercol h4{font-size:12px!important;color:#e9cd90!important;line-height:1.4!important;letter-spacing:.06em!important;margin:0 0 10px!important}
  html body .luxfooter .footerlinkgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  html body .luxfooter .footerlinkgrid a{color:#f0f7ed!important;font-size:12px!important;line-height:1.4!important;margin:0!important;text-align:left!important;overflow-wrap:anywhere!important}
  html body .luxfooter .footercontact{grid-column:1/-1!important}
  html body .luxfooter .footercontact p{color:#f0f7ed!important;font-size:11px!important}
  html body .luxfooter .luxfootbottom{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:center!important;text-align:center!important;color:#c8d8ca!important;font-size:10px!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid #365d48!important}
  html body .luxfooter .luxfootbottom a{color:#ecf5ea!important;font-size:11px!important}
  html body .categorytiles.premiumcats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important}
  html body .categorytiles.premiumcats>a.categorytile,
  html body .categorytiles.premiumcats>a.categorytile:nth-child(n+5){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
    background:#f7faf4!important;background-image:none!important;border:1px solid #d5e5d0!important;
    border-radius:19px!important;min-height:157px!important;padding:17px 9px!important;box-shadow:0 5px 16px rgba(22,74,45,.06)!important;color:#153e2b!important}
  html body .categorytiles.premiumcats .categorytile>.icon{display:grid!important;place-items:center!important;margin:0 auto 12px!important;width:54px!important;height:54px!important;border-radius:17px!important;background:#e6f2df!important;background-image:none!important;color:#296c3c!important;font-size:25px!important;position:static!important;flex-shrink:0!important}
  html body .categorytiles.premiumcats .categorytile>div:not(.icon):not(.tag){color:#173e2a!important;width:100%!important;font-size:15px!important;font-weight:750!important;line-height:1.35!important;text-align:center!important}
  html body .categorytiles.premiumcats .categorytile>.tag{display:block!important;color:#397a4b!important;text-align:center!important;font-size:10px!important;margin-top:9px!important;width:100%!important}
  html body .sectionheader-premium{background:#eff6eb!important;background-image:none!important;border:1px solid #d7e8cf!important}
  html body .sectionheader-premium h2{color:#103d2b!important}
  html body .sectionheader-premium .eyebrow{color:#347a45!important}
}
@media screen and (max-width:350px){html body .luxfooter .luxfootergrid{grid-template-columns:1fr!important}}


/* ORGROW V3: Single light organic sage header, desktop + mobile. */
:root{--orgrow-header-light:#EAF4E8;--orgrow-header-ink:#17442F;}
html body .luxbar,
html body .luxbarin,
html body header.luxheader,
html body header.luxheader .luxheadmain,
html body header.luxheader .mobileheadbar,
html body header.luxheader nav.luxnav,
html body header.luxheader .luxnavin,
html body .siteheader,
html body .siteheader .headerrow,
html body .siteheader .premiumnav{
 background:#EAF4E8!important;
 background-image:none!important;
 color:#17442F!important;
 border-color:#D5E6D4!important;
}
html body .luxbar{border-bottom:1px solid #D6E7D4!important;}
html body .luxheader{box-shadow:0 5px 17px rgba(25,70,43,.08)!important;}
html body .luxheader::before,
html body .luxheader::after,
html body .luxheader .mobileheadbar::before,
html body .luxheader .mobileheadbar::after{display:none!important;content:none!important;}
/* Restore original green-brand logo on the light header. */
html body header.luxheader .luxlogo img,
html body .siteheader .luxlogo img{
 filter:none!important;opacity:1!important;
}
html body .luxheader .mobilebrand,
html body .luxheader .mobilebrandcopy,
html body .luxheader .mobilebrand b,
html body .luxheader .mobilebrand small,
html body .luxheader .mobilebrand span{
 color:#17442F!important;
 text-shadow:none!important;
}
html body .luxbar .tagline-center,
html body .luxbarlinks a,
html body .luxnav .navcenter>a,
html body .luxnav .desktopmegawrap>a,
html body .luxnav .luxsupport,
html body .luxnavin a{color:#17442F!important;}
html body .luxnav .navcenter>a:hover,
html body .luxnav .navcenter>a.active,
html body .luxnav .desktopmegawrap>a:hover{color:#226E43!important;}
html body .luxsearch,html body .luxheader .mobilesearchpro,
html body .luxheader .mobilesearch{
 background:#FFF!important;background-image:none!important;
 border:1px solid #C8DFC5!important;
 box-shadow:0 3px 12px rgba(29,79,45,.05)!important;
}
html body .luxheader .luxsearch button,
html body .luxheader .mobilesearchpro button,
html body .luxheader .mobilesearch button{
 background:#256C42!important;background-image:none!important;color:#FFF!important;
}
html body .luxheader .mobilequick>a,
html body .luxheader .mobilequick>button,
html body .luxheader .luxactions>a{
 background:#FFF!important;background-image:none!important;
 border:1px solid #CDE2CA!important;
 color:#17442F!important;
 box-shadow:0 2px 8px rgba(30,76,46,.06)!important;
}
html body .luxheader .mobilequick i,
html body .luxheader .mobilequick small,
html body .luxheader .luxactions b,
html body .luxheader .luxactions small{color:#17442F!important;}
@media(max-width:820px){
 html body .luxheader,html body .luxheader .mobileheadbar{
  background:#EAF4E8!important;background-image:none!important;
  color:#17442F!important;box-shadow:none!important;
 }
 html body .luxheader .mobilebrand b,
 html body .luxheader .mobilebrand small{color:#17442F!important;}
}

/* ORGROW FINAL SINGLE ORGANIC GREEN HEADER — mobile & desktop */
html body header.luxheader, html body header.luxheader .mobileheadbar, html body header.luxheader .luxheadmain, html body header.luxheader .luxnav, html body header.luxheader .luxnavin{background:#286744!important;background-image:none!important;border-color:rgba(255,255,255,.13)!important;}
html body header.luxheader .navcenter>a,html body header.luxheader .desktopmegawrap>a,html body header.luxheader .luxsupport,html body header.luxheader .mobilebrand b,html body header.luxheader .mobilebrand small{color:#fff!important;}
html body header.luxheader .mobilequick>a,html body header.luxheader .mobilequick>button,html body header.luxheader .luxactions>a{background:#fff!important;background-image:none!important;color:#153e2c!important;border:1px solid #e4eee4!important;}
html body header.luxheader .mobilequick>a *,html body header.luxheader .mobilequick>button *,html body header.luxheader .luxactions>a *{color:#153e2c!important;}
html body header.luxheader .luxsearch,html body header.luxheader .mobilesearch,html body header.luxheader .mobilesearchpro{background:#fff!important;background-image:none!important;}
html body header.luxheader .luxsearch button,html body header.luxheader .mobilesearch button,html body header.luxheader .mobilesearchpro button{background:#205d3e!important;background-image:none!important;color:#fff!important;}
@media(max-width:820px){html body header.luxheader,html body header.luxheader .mobileheadbar,html body header.luxheader .luxheadmain{background:#286744!important;background-image:none!important;box-shadow:none!important;}}
/* Deep organic header logo contrast */
html body header.luxheader .luxlogo img{filter:brightness(0) invert(1)!important;opacity:1!important;}
html body header.luxheader .navcenter>a.active,html body header.luxheader .navcenter>a:hover{color:#e9ddb4!important;}
html body header.luxheader .mobilebrand{background:transparent!important;border-color:transparent!important;}

/* =========================================================
   ORGROW CLEAN FINAL HEADER + FOOTER FIX
   ========================================================= */
:root{
  --orgrow-green:#2d7346;
  --orgrow-green-dark:#245d39;
  --orgrow-green-soft:#edf5ec;
  --orgrow-green-line:#dce9db;
  --orgrow-text:#183124;
  --orgrow-muted:#6b7c71;
}

/* Hide thin announcement strip for cleaner premium look */
.luxbar{display:none!important}

/* ===== DESKTOP HEADER ===== */
.luxheader{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  background:var(--orgrow-green)!important;
  border-bottom:0!important;
  box-shadow:0 10px 24px rgba(24,49,36,.12)!important;
}
.luxheadmain{
  max-width:1320px!important;
  margin:auto!important;
  padding:16px 22px 12px!important;
  display:grid!important;
  grid-template-columns:170px minmax(300px,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
}
.luxlogo{height:auto!important;min-width:auto!important}
.luxlogo img{width:118px!important;height:60px!important;max-width:118px!important;object-fit:contain!important}

.luxsearch{
  height:50px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:18px!important;
  padding:6px 8px 6px 14px!important;
  box-shadow:0 8px 20px rgba(15,38,27,.10)!important;
}
.luxsearch>span{font-size:20px!important;color:#8c8c8c!important}
.luxsearch input{
  color:var(--orgrow-text)!important;
  font-size:15px!important;
}
.luxsearch input::placeholder{color:#8a948d!important}
.luxsearch button{
  height:36px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  border:0!important;
  background:var(--orgrow-green-dark)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.luxactions{gap:10px!important}
.luxactions>a{
  min-height:46px!important;
  padding:8px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#f8fbf7!important;
  box-shadow:0 6px 14px rgba(15,38,27,.08)!important;
  color:var(--orgrow-text)!important;
}
.luxactions>a>span{font-size:18px!important}
.luxactions small{font-size:10px!important;color:#7d867f!important}
.luxactions b{font-size:12px!important;color:var(--orgrow-text)!important}
.luxactions em{background:#cf5d66!important;color:#fff!important}

.luxnav{
  background:var(--orgrow-green)!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
.luxnavin{
  max-width:1320px!important;
  margin:auto!important;
  padding:0 22px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.navcenter{gap:22px!important}
.luxnav a{
  color:#f4f8f2!important;
  height:44px!important;
  font-size:14px!important;
  font-weight:700!important;
}
.luxnav a:hover,
.luxnav a.active{color:#ffffff!important}
.luxnav a.active:after{
  background:#dbe9d8!important;
  height:3px!important;
}
.luxsupport{color:#e8f0e6!important}

.desktopmega{
  top:44px!important;
  border:1px solid var(--orgrow-green-line)!important;
  box-shadow:0 18px 42px rgba(21,51,36,.14)!important;
}
.desktopmegahead{background:#f7fbf6!important}
.desktopmegahead h3{color:var(--orgrow-text)!important}
.desktopmegagrid a{border-color:#e4eee1!important}
.desktopmegagrid a:hover{border-color:#bcd3bd!important;background:#f6faf5!important}

/* ===== MOBILE HEADER ===== */
@media(max-width:820px){
  .luxheadmain,
  .luxnav{display:none!important}

  .mobileheadbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 12px 10px!important;
    background:var(--orgrow-green)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 10px 20px rgba(20,45,31,.12)!important;
  }
  .mobilebrand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    text-decoration:none!important;
  }
  .mobilebrand img{
    width:54px!important;
    height:54px!important;
    object-fit:contain!important;
    flex:0 0 auto!important;
  }
  .mobilebrandcopy{display:flex!important;flex-direction:column!important;min-width:0!important}
  .mobilebrandcopy b{color:#fff!important;font-size:22px!important;line-height:1!important}
  .mobilebrandcopy small{display:none!important}

  .mobilequick{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .mobilequick>a,
  .mobilequick>button{
    width:auto!important;
    min-width:72px!important;
    padding:7px 10px!important;
    height:auto!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:#f9fbf8!important;
    box-shadow:0 5px 12px rgba(16,37,27,.08)!important;
    color:var(--orgrow-text)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-decoration:none!important;
  }
  .mobilequick i{color:var(--orgrow-text)!important;font-style:normal!important}
  .mobilequick small{color:var(--orgrow-text)!important;font-size:11px!important;font-weight:700!important}
  .mobilequick em{background:#cf5d66!important;color:#fff!important}

  /* show a compact mobile search row below buttons */
  .luxheader::after{content:'';display:block;clear:both}
  .sitebody{padding-top:0!important}
}

/* ===== MOBILE SEARCH + DRAWER ===== */
@media(max-width:820px){
  .homesearchwrap{margin-top:14px!important;padding:0 12px!important}
  .homesearchcard{border-radius:18px!important;border:1px solid #dbe8d9!important;box-shadow:0 8px 18px rgba(21,51,36,.06)!important}
  .homesearchmain button{background:var(--orgrow-green-dark)!important;color:#fff!important}

  .mobilemenudrawer{
    background:#fff!important;
    border-left:1px solid #e3ece0!important;
    box-shadow:-10px 0 34px rgba(17,41,28,.12)!important;
  }
  .premiumdrawertop{background:#f4f9f3!important}
}

/* ===== CLEAN FOOTER ===== */
.newsletter{
  background:linear-gradient(135deg,#f3f8ef,#e8f1e5)!important;
  border:1px solid #dae7d7!important;
  margin-top:58px!important;
}
.newsletter span{color:#5f8165!important}
.newsletter h2{color:var(--orgrow-text)!important}
.newsletter p{color:#617165!important}

.luxfooter{
  background:linear-gradient(180deg,#21593a 0%,#1c4c31 100%)!important;
  color:#f5f7f3!important;
  border:0!important;
  margin-top:0!important;
}
.luxfooter:before,.luxfooter:after{display:none!important}
.luxfootergrid{
  max-width:1320px!important;
  margin:auto!important;
  padding:44px 22px 28px!important;
  gap:20px!important;
}
.footerintro,.footercol,.footercontact{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:18px 16px!important;
  box-shadow:none!important;
}
.footerlogo,.footerintro .footerlogo{color:#fff!important;font-size:22px!important}
.footerintro>p,.luxfooter p{color:rgba(245,247,243,.88)!important}
.luxfooter h4{color:#e4f0d8!important;font-size:13px!important;letter-spacing:.04em!important}
.luxfooter a{color:#f6fbf4!important}
.luxfooter a:hover{color:#dbe9d8!important}
.footertrust span{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f7faf5!important;
}
.luxfootbottom{
  max-width:1320px!important;
  margin:auto!important;
  padding:16px 22px 90px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  color:rgba(245,247,243,.82)!important;
}

@media(max-width:820px){
  .newsletter{
    margin:34px 12px -14px!important;
    padding:18px 16px!important;
    border-radius:20px!important;
  }
  .newsletter h2{font-size:24px!important}

  .luxfootergrid{
    grid-template-columns:1fr!important;
    padding:32px 12px 20px!important;
    gap:12px!important;
  }
  .footerintro,.footercol,.footercontact{
    border-radius:16px!important;
    padding:15px 14px!important;
  }
  .footerlinkgrid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px 14px!important;
  }
  .luxfootbottom{
    padding:14px 12px 84px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    align-items:flex-start!important;
  }
}

/* ensure customer header pages use same tone */
.customerheader,
.accounttop,
.accountmenu a.active{
  border-color:#dbe8d9!important;
}

/* =========================================================
   ORGROW MOBILE HEADER + COMPACT SHOP FILTER AUDIT FIX
   ========================================================= */

/* mobile header tagline animation */
@keyframes orgrowGlowFloat{
  0%{opacity:.74;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-1.5px)}
  100%{opacity:.74;transform:translateY(0)}
}

@media(max-width:820px){
  /* keep only header sticky */
  html body header.luxheader,
  html body .luxheader{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
  }
  .homesearchwrap,
  .homesearchcard,
  .shophero,
  .filterpanel,
  .mobfilterdetails{
    position:static!important;
    top:auto!important;
  }

  .mobileheadbar{
    min-height:76px!important;
    padding:10px 12px!important;
    background:#286744!important;
    box-shadow:0 8px 18px rgba(17,46,29,.12)!important;
  }
  .mobilebrand img{
    width:48px!important;
    height:48px!important;
  }
  .mobilebrandcopy b{
    font-size:24px!important;
    line-height:1!important;
  }
  .mobilebrandcopy small{
    display:block!important;
    margin-top:3px!important;
    color:#dfeeda!important;
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    white-space:normal!important;
    max-width:140px!important;
    animation:orgrowGlowFloat 2.8s ease-in-out infinite!important;
  }

  .mobilequick>a,
  .mobilequick>button{
    min-width:68px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
  }
  .mobilequick small{
    font-size:10px!important;
    line-height:1.1!important;
  }

  /* compact shop filter area */
  .shophero{
    padding:18px 12px 10px!important;
    margin-bottom:8px!important;
  }
  .shophero h1{font-size:24px!important;margin:6px 0!important}
  .shophero p{font-size:12px!important;line-height:1.5!important;margin:0!important}
  .shoplayout{display:block!important}
  .filterpanel{
    margin-bottom:10px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobfilterdetails{
    display:block!important;
    background:#fff!important;
    border:1px solid #dbe8d9!important;
    border-radius:18px!important;
    box-shadow:0 8px 18px rgba(23,62,43,.06)!important;
    overflow:hidden!important;
  }
  .mobfilterdetails>summary{
    list-style:none!important;
    cursor:pointer!important;
    padding:12px 14px!important;
    font-size:15px!important;
    font-weight:800!important;
    color:#173e2b!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:linear-gradient(180deg,#f7fbf6 0%,#eef6eb 100%)!important;
  }
  .mobfilterdetails>summary::-webkit-details-marker{display:none!important}
  .mobfilterdetails>summary::after{
    content:'▾';
    font-size:16px;
    color:#286744;
    transition:transform .25s ease;
  }
  .mobfilterdetails[open]>summary::after{transform:rotate(180deg)}
  .mobfiltercontent{padding:10px 12px 12px!important}
  .mobfiltercontent h3{
    font-size:15px!important;
    margin:0 0 10px!important;
    color:#173e2b!important;
  }
  .filterbar.premiumsearchfilters{
    gap:10px!important;
  }
  .filterbar.premiumsearchfilters input,
  .filterbar.premiumsearchfilters select,
  .filterbar.premiumsearchfilters button{
    height:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .filterbar.premiumsearchfilters input,
  .filterbar.premiumsearchfilters select{
    padding:0 12px!important;
    border:1px solid #d7e5d5!important;
    box-shadow:none!important;
  }
  .pricepair{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .filterbar.premiumsearchfilters .btn,
  .filterbar.premiumsearchfilters button{
    height:46px!important;
    font-size:15px!important;
    font-weight:800!important;
    background:#286744!important;
  }
  .producttoolbar{
    margin-top:2px!important;
    padding-top:2px!important;
  }
}

@media(min-width:821px){
  .mobfilterdetails>summary{display:none!important}
  .mobfiltercontent{padding:0!important}
}


/* ===== ORGROW 4-ISSUE CORRECTION / 2026-10-25 ===== */
/* Desktop navigation intentionally differs from the deep-green main bar. */
@media (min-width:821px) {
 html body header.luxheader nav.luxnav,
 html body header.luxheader nav.luxnav .luxnavin {
   background:#EAF4E8!important;
   background-image:none!important;
   border-color:#D2E4CF!important;
 }
 html body header.luxheader .luxnav .navcenter>a,
 html body header.luxheader .luxnav .desktopmegawrap>a {
   color:#17442F!important;
   text-shadow:none!important;
 }
 html body header.luxheader .luxnav .navcenter>a:hover,
 html body header.luxheader .luxnav .navcenter>a.active,
 html body header.luxheader .luxnav .desktopmegawrap>a:hover,
 html body header.luxheader .luxnav .desktopmegawrap>a.active{color:#145F38!important;}
 html body header.luxheader .luxnav a.active::after {background:#286744!important;}
}
/* Account-create CTA: always visibly distinct from plain inline links. */
html body .authcard .auth-register-callout {
 display:flex!important; flex-direction:column!important; align-items:stretch!important;
 gap:10px!important; margin-top:18px!important; padding:16px!important;
 background:#F0F7ED!important; border:1px solid #C9E0C7!important;
 border-radius:16px!important; text-align:center!important;
}
html body .authcard .auth-register-callout>span {color:#315B3E!important;font-weight:700!important;font-size:13px!important;}
html body .authcard .auth-register-callout a.auth-register-button {
 display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 min-height:50px!important;padding:12px 16px!important;
 color:#175A36!important;background:#FFFFFF!important;text-decoration:none!important;
 border:2px solid #267449!important;border-radius:12px!important;
 font-weight:800!important;font-size:15px!important;
 box-shadow:0 5px 13px rgba(18,78,44,.09)!important;
}
html body .authcard .auth-register-callout a.auth-register-button:hover,
html body .authcard .auth-register-callout a.auth-register-button:focus-visible {
 background:#E6F2E1!important;outline:2px solid #286744!important;outline-offset:2px!important;
}
@media(max-width:820px) {
 /* Sticky fix: no vertical scrolling ancestor on html/body. */
 html,html body {overflow-x:clip!important;overflow-y:visible!important;}
 html body header.luxheader {
   position:sticky!important;top:0!important;z-index:999!important;
   transform:none!important;overflow:visible!important;
   background:#286744!important;background-image:none!important;
 }
 html body header.luxheader .mobileheadbar {
   background:#286744!important;background-image:none!important;
   min-height:76px!important;display:flex!important;align-items:center!important;
 }
 /* Text-only Orgrow header; remove all image space. */
 html body header.luxheader .mobilebrand img {display:none!important;}
 html body header.luxheader .mobilebrand {
   width:auto!important;min-width:0!important;max-width:50%!important;
   flex:1 1 auto!important;gap:0!important;padding:0!important;
   background:transparent!important;border:0!important;box-shadow:none!important;
 }
 html body header.luxheader .mobilebrandcopy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
 html body header.luxheader .mobilebrandcopy b {font-size:24px!important;color:#fff!important;line-height:1.05!important;}
 html body header.luxheader .mobilebrandcopy small {
   display:block!important;color:#E2F0DA!important;font-size:9px!important;line-height:1.25!important;
   max-width:190px!important;white-space:normal!important;
   animation:orgrowGlowFloat 2.8s ease-in-out infinite!important;
 }
 /* Shop filter closed on initial load via PHP <details> without open. */
 html body .mobfilterdetails {position:static!important;}
 html body .mobfilterdetails:not([open]) .mobfiltercontent{display:none!important;}
 html body .filterpanel,html body .shophero,html body .homesearchwrap {
   position:static!important;top:auto!important;
 }
}

@media (prefers-reduced-motion:reduce) {
 html body header.luxheader .mobilebrandcopy small{animation:none!important;}
}


/* ========================================================
 ORGROW SIX-ISSUE + SHOP SEARCH RESTORED — 2026-10-25
 Do not modify desktop/mobile business logic or menu links.
 ======================================================== */

/* Footer: remove unwanted desktop empty bottom area. */
html body footer.luxfooter .luxfootbottom {
  padding-bottom:18px!important;
  min-height:0!important;
}
html body footer.luxfooter {
  padding-bottom:0!important;
}

/* Service cards: fourth item, balanced and gently staggered. */
html body .homeband {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
html body .homeband .bandcard {
  min-width:0!important;
  animation:orgrowCardEnter .65s ease both;
}
html body .homeband .bandcard:nth-child(2){animation-delay:.12s}
html body .homeband .bandcard:nth-child(3){animation-delay:.24s}
html body .homeband .bandcard:nth-child(4){animation-delay:.36s}
html body .homeband .bandcard b,
html body .homeband .bandcard small {display:block!important}
@keyframes orgrowCardEnter{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

/* Always-visible search, separate from advanced filters. */
html body .orgrow-shop-quicksearch {
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:0 0 12px!important;
}
html body .orgrow-shop-quicksearch form {
  display:flex!important;
  gap:9px!important;
  background:#fff!important;
  border:1px solid #D6E6D5!important;
  border-radius:15px!important;
  padding:7px!important;
  box-shadow:0 7px 19px rgba(25,72,44,.06)!important;
}
html body .orgrow-shop-quicksearch input[type=search] {
  min-width:0!important;
  width:100%!important;
  flex:1 1 auto!important;
  height:39px!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  outline-offset:2px!important;
  font-size:14px!important;
  color:#1D3829!important;
}
html body .orgrow-shop-quicksearch button {
  min-width:82px!important;
  padding:0 14px!important;
  background:#286744!important;
  color:#fff!important;
  font-weight:700!important;
  font-size:14px!important;
  border:0!important;
  border-radius:11px!important;
  cursor:pointer;
}
.orgrow-visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* Desktop: full advanced filter remains usable even when details is closed. */
@media(min-width:821px){
  html body .mobfilterdetails .mobfiltercontent,
  html body .mobfilterdetails:not([open]) .mobfiltercontent {display:block!important}
  html body .mobfilterdetails>summary {display:none!important}
  html body .orgrow-shop-quicksearch {margin-bottom:16px!important}
}

/* Mobile fixes: brand/tagline, compact filter and footer. */
@media(max-width:820px){
  html body .luxheader {
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    overflow:visible!important;
  }
  html body .luxheader .mobilebrand img{display:none!important}
  html body .luxheader .mobilebrandcopy b {color:#fff!important}
  html body .luxheader .orgrow-tagline-rotator {
    display:block!important;
    position:relative!important;
    height:17px!important;
    width:190px!important;
    max-width:100%!important;
    overflow:hidden!important;
    animation:none!important;
    opacity:1!important;
  }
  html body .luxheader .orgrow-tagline-rotator span {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    color:#EAF4E8!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:17px!important;
    white-space:nowrap!important;
    text-align:left!important;
    opacity:0;
    transform:translateY(7px);
    animation:orgrowTagCycle 9s ease-in-out infinite!important;
  }
  html body .luxheader .orgrow-tagline-rotator span:nth-child(2){animation-delay:3s!important}
  html body .luxheader .orgrow-tagline-rotator span:nth-child(3){animation-delay:6s!important}
  html body .shoplayout .mobfilterdetails:not([open]) .mobfiltercontent{display:none!important}
  html body .orgrow-shop-quicksearch {position:static!important}
  html body .homeband {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body .homeband .bandcard {padding:13px 10px!important}
  html body .homeband .bandcard b{font-size:12px!important;line-height:1.35!important}
  html body .homeband .bandcard small{font-size:10px!important;line-height:1.45!important}
  /* Only the fixed bottom menu needs this space on phones. */
  html body footer.luxfooter .luxfootbottom {padding-bottom:78px!important}
}

@keyframes orgrowTagCycle {
  0%{opacity:0;transform:translateY(7px)}
  6%,27%{opacity:1;transform:translateY(0)}
  32%,100%{opacity:0;transform:translateY(-7px)}
}
@media(prefers-reduced-motion:reduce){
  html body .luxheader .orgrow-tagline-rotator span{animation:none!important}
  html body .luxheader .orgrow-tagline-rotator span:first-child{
    opacity:1!important;transform:none!important;
  }
  html body .homeband .bandcard{animation:none!important}
}


/* ORGROW FINAL CONSOLIDATED / last-cascade overrides */
/* Desktop nav is light sage, main header remains organic green. */
@media(min-width:821px){
 html body header.luxheader .luxnav,
 html body header.luxheader .luxnavin{background:#EAF4E8!important;background-image:none!important;border-color:#D8E8D2!important}
 html body header.luxheader .navcenter>a,
 html body header.luxheader .desktopmegawrap>a {color:#194B31!important}
 html body header.luxheader .navcenter>a:hover,
 html body header.luxheader .desktopmegawrap>a:hover,
 html body header.luxheader .navcenter>a.active,
 html body header.luxheader .desktopmegawrap>a.active{color:#0D3B25!important}
 html body header.luxheader .luxnav a.active:after{background:#256D41!important}
 html body .orgrow-shop-section{padding-top:10px!important}
 html body .orgrow-shop-section .shoplayout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
 /* The visible primary search belongs in the left sidebar on desktops */
 html body .orgrow-shop-quicksearch{max-width:280px!important;margin-bottom:10px!important}
 html body .orgrow-shop-section .filterpanel{position:static!important;top:auto!important;max-width:280px!important;width:100%!important;padding:16px!important;border-radius:20px!important}
 html body .orgrow-shop-section .mobfilterdetails>summary{display:none!important}
 html body .orgrow-shop-section .mobfilterdetails .mobfiltercontent{display:block!important}
 html body .orgrow-shop-section .shopresults{min-width:0!important}
 /* Align standalone search to the sidebar above filter, not above results */
 html body .orgrow-shop-section{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;column-gap:22px!important;align-items:start!important}
 html body .orgrow-shop-quicksearch{grid-column:1!important;grid-row:1!important}
 html body .orgrow-shop-section .shoplayout{grid-column:1/-1!important;grid-row:2!important;margin-top:0!important}
}
/* Reduce excess white space above desktop results */
html body .shophero{padding-bottom:16px!important}
html body .orgrow-shop-section{padding-top:8px!important}

/* Smaller responsive hero, ready for real product image banners */
html body .heroslider{height:365px!important;min-height:365px!important;margin-top:14px!important}
html body .heroslide{height:365px!important;min-height:365px!important;border-radius:24px!important}
html body .heroinner{height:100%!important;min-height:0!important;padding:24px 5% 30px!important;gap:20px!important}
html body .herocopy h1{font-size:clamp(27px,3.4vw,46px)!important;line-height:1.08!important;letter-spacing:-1px!important;margin:8px 0 13px!important}
html body .herocopy p{font-size:14px!important;line-height:1.5!important;margin:0 0 15px!important}
html body .heroimage{height:275px!important;max-height:275px!important;border-radius:20px!important}
html body .heroimage img{max-height:100%!important;object-fit:cover!important}
html body .heroimage.placeholder .brandmonogram img{width:64px!important;height:64px!important}
html body .heroimage.placeholder .brandmonogram strong{font-size:18px!important}
html body .heroassurance{display:none!important}
html body .heroarrow{width:34px!important;height:34px!important;font-size:25px!important}
html body .herodots{bottom:10px!important}

/* Desktop footer: eliminate excessive empty space below copyright */
@media(min-width:821px){
 html body footer.luxfooter{padding-bottom:0!important;min-height:0!important}
 html body footer.luxfooter .luxfootbottom{padding-bottom:16px!important;min-height:0!important}
}

/* Mobile taglines, sticky header, compact slider/filter — keep mobile menu intact */
@media(max-width:820px){
 html{overflow-x:clip!important}
 html body{overflow-x:clip!important;overflow-y:visible!important}
 html body header.luxheader{position:sticky!important;top:0!important;z-index:999!important;overflow:visible!important;transform:none!important}
 html body header.luxheader .luxheadmain,html body header.luxheader .luxnav{display:none!important}
 html body header.luxheader .mobileheadbar{background:#286744!important;min-height:76px!important}
 html body header.luxheader .mobilebrand img{display:none!important}
 html body header.luxheader .mobilebrandcopy b{font-size:25px!important;color:#fff!important}
 html body header.luxheader .orgrow-tagline-rotator{display:block!important;width:226px!important;max-width:100%!important;height:20px!important;line-height:20px!important;overflow:hidden!important;position:relative!important;animation:none!important}
 html body header.luxheader .orgrow-tagline-rotator span{font-size:11.5px!important;line-height:20px!important;font-weight:650!important;color:#F0F8E9!important;white-space:nowrap!important;animation:orgrowFourTaglines 12s ease-in-out infinite!important;opacity:0;transform:translateY(7px)}
 html body header.luxheader .orgrow-tagline-rotator span:nth-child(1){animation-delay:0s!important}
 html body header.luxheader .orgrow-tagline-rotator span:nth-child(2){animation-delay:3s!important}
 html body header.luxheader .orgrow-tagline-rotator span:nth-child(3){animation-delay:6s!important}
 html body header.luxheader .orgrow-tagline-rotator span:nth-child(4){animation-delay:9s!important}
 html body .heroslider{height:270px!important;min-height:270px!important;margin-top:10px!important;padding:0 9px!important}
 html body .heroslide{height:270px!important;min-height:270px!important;left:9px!important;right:9px!important;border-radius:18px!important}
 html body .heroinner{height:270px!important;min-height:270px!important;grid-template-columns:1fr 0.85fr!important;gap:8px!important;padding:15px 12px 23px!important}
 html body .herocopy h1{font-size:22px!important;letter-spacing:-.5px!important;margin:4px 0 8px!important;line-height:1.08!important}
 html body .herocopy p{font-size:10px!important;line-height:1.35!important;margin-bottom:10px!important}
 html body .herocopy .eyebrow{font-size:8px!important;letter-spacing:.06em!important}
 html body .heroimage{height:178px!important;max-height:178px!important;border-radius:14px!important;align-self:center!important}
 html body .heroimage.placeholder .brandmonogram img{width:45px!important;height:45px!important}
 html body .heroimage.placeholder .brandmonogram strong{font-size:12px!important}
 html body .primaryhero{padding:9px 11px!important;font-size:10px!important;border-radius:10px!important}
 html body .herodots{bottom:8px!important}
 html body .orgrow-shop-section{display:block!important;padding:8px 12px!important}
 html body .orgrow-shop-section .shoplayout{display:block!important}
 html body .orgrow-shop-section .filterpanel{width:100%!important;max-width:none!important;position:static!important}
 html body .orgrow-shop-quicksearch{margin:0 0 9px!important}
 html body .mobfilterdetails:not([open]) .mobfiltercontent{display:none!important}
 html body footer.luxfooter .luxfootbottom{padding-bottom:79px!important}
}
@media(max-width:380px){
 html body .herocopy h1{font-size:19px!important}
 html body .heroimage{height:148px!important;max-height:148px!important}
 html body .mobilebrandcopy b{font-size:23px!important}
 html body header.luxheader .orgrow-tagline-rotator{max-width:155px!important}
 html body header.luxheader .orgrow-tagline-rotator span{font-size:10.5px!important}
}
@keyframes orgrowFourTaglines{
  0%,2%{opacity:0;transform:translateY(7px)}
  7%,20%{opacity:1;transform:translateY(0)}
  24%,100%{opacity:0;transform:translateY(-7px)}
}
@media(prefers-reduced-motion:reduce){
 html body header.luxheader .orgrow-tagline-rotator span{animation:none!important;opacity:0!important}
 html body header.luxheader .orgrow-tagline-rotator span:first-child{opacity:1!important;transform:none!important}
}


/* ORGROW — Desktop hero width aligned to search, shortcuts and trust cards.
   Desktop-only. Mobile layout and slider behavior remain unchanged. */
@media (min-width: 821px) {
  html body .heroslider[data-hero-slider] {
    box-sizing: border-box!important;
    width: calc(100% - 32px)!important;
    max-width: 1144px!important;
    margin: 14px auto 0!important;
    padding: 0!important;
    overflow: visible!important;
  }
  html body .heroslider[data-hero-slider] > .heroslide {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    max-width: 100%!important;
    border-radius: 22px!important;
  }
  html body .heroslider[data-hero-slider] .heroinner {
    padding-left: 4.4%!important;
    padding-right: 4.4%!important;
  }
  html body .heroslider[data-hero-slider] .heroarrow.prev {left: -16px!important}
  html body .heroslider[data-hero-slider] .heroarrow.next {right: -16px!important}
  html body .homeband {
    max-width: 1144px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: calc(100% - 32px)!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}


/* ORGROW FULL-PHOTO HERO — final scoped override, no duplicated title or buttons.
   Only affects homepage hero slider, leaves header/shop/footer intact.
   Full image displayed without cropping text or products; portrait phones scale down.
*/
html body .heroslider[data-hero-slider]:has(.orgrow-photo-slide) {
  height:auto!important;
  aspect-ratio:1672 / 941!important;
  min-height:0!important;
  position:relative!important;
  overflow:visible!important;
}
html body .heroslider[data-hero-slider] > .heroslide.orgrow-photo-slide {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f5f7ee!important;
  border-radius:20px!important;
  border:0!important;
  box-shadow:0 9px 32px rgba(24,68,37,.08)!important;
}
html body .heroslider[data-hero-slider] .orgrow-banner-image-link {
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
html body .heroslider[data-hero-slider] .orgrow-banner-image {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
}
html body .heroslider[data-hero-slider] .heroarrow {
  top:50%!important;
  background:rgba(255,255,255,.9)!important;
}
html body .heroslider[data-hero-slider] .herodots{bottom:10px!important;}
@media (max-width:820px) {
  html body .heroslider[data-hero-slider]:has(.orgrow-photo-slide) {
    width:calc(100% - 18px)!important;
    margin:10px auto 0!important;
    padding:0!important;
    aspect-ratio:1672 / 941!important;
    height:auto!important;
    min-height:0!important;
  }
  html body .heroslider[data-hero-slider] > .heroslide.orgrow-photo-slide {
    left:0!important;
    right:0!important;
    border-radius:12px!important;
  }
  html body .heroslider[data-hero-slider] .herodots{bottom:4px!important;padding:4px 7px!important}
}

/* ============================================================
   ORGROW | Desktop photo hero — matched to 1144px content rail.
   The supplied artwork is 1672 x 941. Showing ALL of the artwork
   without distortion requires preserving this exact aspect ratio.
   Desktop-only so current mobile banner layout is untouched.
   ============================================================ */
@media screen and (min-width: 821px) {
  html body section.heroslider[data-hero-slider]:has(> .orgrow-photo-slide) {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: 1144px !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1672 / 941 !important;
    padding: 0 !important;
    margin: 14px auto 0 !important;
    overflow: visible !important;
  }
  html body section.heroslider[data-hero-slider] > article.heroslide.orgrow-photo-slide {
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  html body section.heroslider[data-hero-slider] > article.heroslide.orgrow-photo-slide > a.orgrow-banner-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  html body section.heroslider[data-hero-slider] img.orgrow-banner-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  html body section.heroslider[data-hero-slider] .heroarrow.prev { left: -16px !important; }
  html body section.heroslider[data-hero-slider] .heroarrow.next { right: -16px !important; }
}


/* ==========================================================
   ORGROW | Premium Product Cards V1 | DESKTOP ONLY
   Scoped to >= 821px: no mobile layout/spacing edits.
   This section intentionally avoids hero, header and footer.
   ========================================================== */
@media screen and (min-width: 821px) {
  html body .productgrid { align-items: stretch; }
  html body .productcard:not(.listview) {
    border: 1px solid #dce8d9 !important;
    border-radius: 19px !important;
    background: #fff !important;
    box-shadow: 0 7px 24px rgba(24,70,45,.055) !important;
    overflow: hidden !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  }
  html body .productcard:not(.listview):hover {
    transform: translateY(-4px) !important;
    border-color: #afcdb2 !important;
    box-shadow: 0 18px 40px rgba(25,75,47,.12) !important;
  }
  html body .productcard:not(.listview) .pcmedia {
    background: linear-gradient(160deg,#fffdf8,#edf5ea) !important;
    aspect-ratio: 1 / 1 !important;
    border-bottom: 1px solid #edf2e9 !important;
  }
  html body .productcard:not(.listview) .pcmedia img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 11px !important;
    box-sizing: border-box !important;
    transition: transform .35s ease !important;
  }
  html body .productcard:not(.listview):hover .pcmedia img { transform: scale(1.045) !important; }
  html body .productcard:not(.listview) .pcbadge {
    background: #246543 !important; color: #fff !important;
    font-size: 10px !important; letter-spacing: 0 !important;
  }
  html body .productcard:not(.listview) .pcstock {
    background: rgba(255,255,255,.95) !important;
    border: 1px solid #d2e4d0 !important;
    color: #246543 !important;
    font-size: 10px !important;
  }
  html body .productcard:not(.listview) .pcbody {
    padding: 17px !important;
    gap: 10px !important;
  }
  html body .productcard:not(.listview) .pcmeta {
    text-transform: none !important; letter-spacing: 0 !important;
    color: #63806b !important; font-size: 11px !important;
  }
  html body .productcard:not(.listview) .pcbody h3 {
    color: #183c2c !important; font-size: 16px !important;
    font-weight: 750 !important; line-height: 1.5 !important;
  }
  html body .productcard:not(.listview) .priceblock strong {
    color: #246543 !important; font-size: 21px !important;
  }
  html body .productcard:not(.listview) .pcactions .btn {
    background: #286744 !important;
    color: #fff !important; border: 1px solid #286744 !important;
    border-radius: 11px !important; font-size: 13px !important;
    font-weight: 750 !important; min-height: 43px !important;
    transition: background .2s ease !important;
  }
  html body .productcard:not(.listview) .pcactions .btn:hover { background: #194d33 !important; }
  html body .productcard:not(.listview) .iconbtn {
    border: 1px solid #d9e7d6 !important;
    background: #f3f8f1 !important; color: #286744 !important;
    border-radius: 11px !important;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 821px) {
  html body .productcard { transition: none !important; }
  html body .productcard:hover { transform: none !important; }
}