:root{--white:#FFFFFF;--coffee:#382215;--coffee-dark:#382215;--coffee-deep:#382215;--coffee-hover:#513321;--light:#FFFFFF;--soft-bg:#FFFFFF;--ink:#382215;--muted:#382215;--line:rgba(111,78,55,.20);--green:#3b7757;--radius:20px;--shadow:0 4px 20px rgba(111,78,55,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:78px;display:flex;align-items:center;gap:28px;padding:0 clamp(16px,4vw,64px);border-bottom:1px solid #f0eae4;background:#fff;position:relative;top:auto;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.5px;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.5px;color:var(--muted)}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--coffee);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}.searchbar{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:14px;max-width:620px;flex:1;background:#fcfaf8}.searchbar>i{width:18px;color:var(--muted)}.searchbar input{border:0;outline:0;background:transparent;width:100%;min-width:30px}.searchbar button,.icon-button{border:0;background:transparent;color:var(--coffee);display:grid;place-items:center;cursor:pointer}.searchbar button{padding:6px;border-left:1px solid var(--line)}.searchbar button i,.icon-button i{width:20px}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px;font-weight:650}.desktop-nav a:hover,.see-all:hover{color:var(--coffee)}.admin-link{color:var(--coffee)}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:13px}.page{max-width:1440px;margin:auto;padding:26px clamp(16px,4vw,64px) 100px}.hero{position:relative;min-height:410px;background:var(--coffee);border-radius:28px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;padding:clamp(28px,5vw,68px);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 28%,#a9876c 0,transparent 33%),linear-gradient(115deg,transparent 40%,#4b3325aa);z-index:-1}.hero-copy{max-width:590px;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#9b7a61;margin:0 0 12px}.hero .eyebrow{color:#e0c6ae}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 18px}.hero h1 em{font-family:Georgia,serif;font-weight:500;color:#e9d6c5}.hero-copy>p:not(.eyebrow){color:#f0e6dc;max-width:430px;font-size:14px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn i,.text-link i,.see-all i{width:16px}.btn-light{background:#fff;color:var(--coffee-dark)}.btn-outline{background:#fff;border-color:var(--line);color:var(--coffee)}.text-link{font-size:12px;color:#fff;text-decoration:underline;text-underline-offset:4px}.hero-stats{display:flex;gap:30px;margin-top:45px}.hero-stats span{display:grid;gap:2px}.hero-stats b{font-size:12px}.hero-stats small{font-size:10px;color:#d7c4b4}.hero-art{position:relative;min-height:250px}.orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:300px;height:300px;right:5%;top:0}.orbit-two{width:220px;height:220px;right:18%;top:40px;border-style:dashed}.hero-tile{position:absolute;background:#fff;color:var(--ink);box-shadow:0 20px 55px #1e100d35;border-radius:18px;padding:20px;display:grid;gap:7px}.tile-main{right:14%;top:65px;width:205px;height:150px;align-content:center}.tile-main i{width:32px;height:32px;color:var(--coffee)}.tile-main strong{font-size:15px}.tile-main small{font-size:10px;color:var(--muted)}.tile-small{right:0;top:20px;display:flex;align-items:center;gap:9px;padding:13px 15px;font-size:11px;font-weight:700}.tile-small i{color:var(--coffee);width:19px}.tile-lower{right:3%;top:245px}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:6px;height:6px;padding:0;border:0;border-radius:9px;background:#ffffff70;cursor:pointer}.hero-dots button.active{width:22px;background:#fff}.welcome-strip{margin:24px 0 42px;background:var(--light);border-radius:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-strip>div{display:flex;align-items:center;gap:14px}.welcome-icon{width:43px;height:43px;background:#fff;border-radius:14px;display:grid;place-items:center;color:var(--coffee)}.welcome-icon i{width:21px}.welcome-strip b{font-size:14px}.welcome-strip p{margin:2px 0 0;color:var(--muted);font-size:11px}.welcome-strip>a{font-size:12px;font-weight:750;color:var(--coffee);white-space:nowrap;display:flex;gap:7px;align-items:center}.welcome-strip>a i{width:15px}.section{margin-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-1px}.section-heading .eyebrow{margin-bottom:5px}.see-all{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:var(--coffee)}.horizontal-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);grid-template-rows:auto;gap:12px;overflow-x:auto;padding:2px 1px 12px;scroll-snap-type:x mandatory}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{position:relative;border:1px solid #f0e9e2;border-radius:17px;overflow:hidden;background:#fff;min-width:0;transition:box-shadow .2s,transform .2s;scroll-snap-align:start}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{width:100%;aspect-ratio:1/1;background:var(--light);display:grid;place-items:center;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:grid;place-items:center;color:#b49a83}.image-placeholder i{width:34px;height:34px;stroke-width:1.2}.discount{position:absolute;top:9px;right:9px;background:#a34230;color:#fff;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:800}.product-info{padding:11px}.product-name{font-size:12px;font-weight:650;line-height:1.4;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:7px}.price{font-size:14px;font-weight:800;color:var(--coffee-dark)}.old-price{font-size:10px;color:#9c9188;text-decoration:line-through}.product-meta{display:flex;justify-content:space-between;gap:5px;margin-top:7px;color:var(--muted);font-size:10px}.product-meta span{display:flex;align-items:center;gap:3px}.product-meta i{width:11px;height:11px;color:#b9853f;fill:#b9853f}.product-grid .product-image{aspect-ratio:1/.94}.load-more-wrap{text-align:center;padding:30px 0}.muted{color:var(--muted);font-size:11px}.mobile-nav{display:none}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--coffee-dark);color:#fff;padding:12px 18px;border-radius:12px;font-size:12px;z-index:60;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.subpage-title{padding:26px 0 18px}.subpage-title h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1.3px;margin:0}.subpage-title p{color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;overflow-x:auto;padding:8px 0 20px}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-size:12px;white-space:nowrap;cursor:pointer}.filter-chip.active{background:var(--coffee);border-color:var(--coffee);color:#fff}.content-panel{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;margin-bottom:18px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;outline-color:var(--coffee);width:100%}.auth-shell{max-width:460px;margin:40px auto}.auth-shell .brand{margin-bottom:25px}.auth-shell h1{font-size:30px;letter-spacing:-1px;margin-bottom:5px}.auth-shell>p{color:var(--muted);font-size:13px}.btn-primary{background:var(--coffee);color:#fff;width:100%}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}.profile-menu a{display:flex;gap:10px;align-items:center;padding:12px 9px;border-radius:10px;font-size:13px}.profile-menu a:hover{background:var(--light)}.profile-menu i{width:17px;color:var(--coffee)}.avatar{width:54px;height:54px;border-radius:50%;background:var(--light);display:grid;place-items:center;color:var(--coffee)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px}.detail-gallery{display:grid;grid-template-columns:70px 1fr;gap:12px}.thumbs{display:grid;gap:10px;align-content:start}.thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:var(--light);display:grid;place-items:center;color:var(--coffee);cursor:pointer}.main-product-image{aspect-ratio:1;background:var(--light);border-radius:18px;display:grid;place-items:center;color:#b49a83}.main-product-image i{width:70px;height:70px;stroke-width:1}.detail-price{font-size:30px;color:var(--coffee);font-weight:850}.detail-actions{display:flex;gap:10px;margin-top:20px}.detail-actions .btn{flex:1}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:max-content}.qty button{border:0;background:#fff;padding:10px 14px;cursor:pointer}.qty span{min-width:30px;text-align:center;font-size:13px}.empty-state{text-align:center;padding:55px 20px;border:1px dashed #E8E2D9;border-radius:18px;color:var(--muted)}.empty-state i{width:38px;height:38px;color:var(--coffee)}.empty-state h3{color:var(--ink);margin-bottom:5px}.mobile-nav a{color:var(--muted)}@media(max-width:900px){.desktop-nav{gap:12px}.desktop-nav a{font-size:12px}.hero{grid-template-columns:1fr .7fr}.hero-art{transform:scale(.85);transform-origin:center right}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout{grid-template-columns:210px 1fr}}@media(max-width:650px){.topbar{height:auto;min-height:64px;padding:11px 14px;gap:12px;flex-wrap:wrap}.brand{font-size:17px}.brand-mark{width:35px;height:35px}.brand small{font-size:9px}.searchbar{order:3;flex-basis:100%;max-width:none;height:42px}.desktop-nav{display:none}.icon-button{margin-left:auto;width:38px;height:38px}.page{padding:14px 14px 95px}.hero{display:block;padding:28px 23px 55px;min-height:440px;border-radius:22px}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-stats{gap:18px;margin-top:30px}.hero-stats b{font-size:10px}.hero-stats small{font-size:9px}.hero-art{position:absolute;right:-15px;bottom:8px;width:220px;height:150px;min-height:0;transform:scale(.72);transform-origin:bottom right;opacity:.92}.orbit{width:220px;height:220px;top:-20px}.orbit-two{width:160px;height:160px;top:10px}.tile-main{top:0;right:30px}.tile-small{top:-15px;right:-5px}.tile-lower{top:155px}.hero-dots{left:23px;transform:none;bottom:20px}.welcome-strip{padding:14px;margin:18px 0 30px;align-items:flex-start}.welcome-strip p{max-width:200px}.welcome-strip>a{font-size:10px;margin-top:7px}.section{margin-top:30px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:22px}.horizontal-products{grid-auto-columns:calc((100% - 36px)/4.2);gap:9px}.horizontal-products .product-info{padding:8px}.horizontal-products .product-name{font-size:10px;min-height:29px}.horizontal-products .price{font-size:12px}.horizontal-products .old-price{font-size:9px}.horizontal-products .product-meta{font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:10px}.product-name{font-size:11px}.product-meta{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:50px;font-size:9px}.mobile-nav i{width:19px;height:19px}.mobile-nav a.active{color:var(--coffee);font-weight:800}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-gallery{grid-template-columns:52px 1fr}.profile-layout{grid-template-columns:1fr}.profile-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.profile-menu a{font-size:11px}.auth-shell{margin:20px auto}.subpage-title{padding-top:18px}.content-panel{padding:15px}.detail-actions{position:sticky;bottom:72px;background:#fff;padding:10px 0}.hero-actions{gap:15px}.hero-actions .btn{font-size:11px}.hero-stats{max-width:280px}.product-grid .product-image{aspect-ratio:1/.95}}@media(min-width:651px) and (max-width:900px){.horizontal-products{grid-auto-columns:calc((100% - 60px)/6)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* =========================================================
   EKAANTO LUXURY UI/UX UPGRADE — responsive design layer
   ========================================================= */
:root{--color-primary:#382215;--color-primary-hover:#382215;--color-accent-gold:#D4AF37;--color-accent-amber:#E67E22;--color-bg-base:#FFFFFF;--color-card-bg:#fff;--color-border-subtle:#E8E2D9;--text-main:#1C1917;--text-muted:#6B625B;--text-gold:#B8860B;--shadow-luxury-sm:0 4px 12px rgba(61,35,20,.04);--shadow-luxury-md:0 12px 32px rgba(61,35,20,.08);--shadow-luxury-lg:0 24px 60px rgba(61,35,20,.14);--shadow-glow:0 0 20px rgba(212,175,55,.25);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--transition-smooth:cubic-bezier(.16,1,.3,1)}
body{background:linear-gradient(180deg,#fff 0%,#FFFFFF 58%,#fff 100%);color:var(--text-main);font-family:'Plus Jakarta Sans','Hind Siliguri',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);background:rgba(255,255,255,.88);border-bottom-color:rgba(232,226,217,.8);box-shadow:0 4px 24px rgba(61,35,20,.025)}
.brand-mark{background:linear-gradient(145deg,#5b3823,#382215);box-shadow:0 7px 18px rgba(61,35,20,.2);border:1px solid #ffffff30}
.searchbar{transition:border-color .25s var(--transition-smooth),box-shadow .25s,background .25s;border-radius:var(--radius-pill);background:rgba(250,248,245,.88)}.searchbar:focus-within{border-color:#b99b80;box-shadow:0 0 0 4px rgba(111,78,55,.09);background:#fff}.searchbar button{border-left:0;border-radius:50%;width:32px;height:32px}.searchbar button:hover{background:var(--light)}
.hero{background:radial-gradient(ellipse at 82% 18%,#886448 0%,transparent 30%),linear-gradient(125deg,#382215 0%,#382215 48%,#65452f 100%);box-shadow:0 26px 70px rgba(61,35,20,.18);border:1px solid rgba(255,255,255,.13)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.07) 48%,transparent 68%);transform:translateX(-100%);animation:heroSheen 9s ease-in-out infinite}.hero:after{background:radial-gradient(ellipse at 78% 30%,#d4af3730 0,transparent 34%),linear-gradient(115deg,transparent 40%,#160b0780);z-index:-1}.hero h1{text-wrap:balance}.hero-tile{border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 70px #160b0840, inset 0 1px 0 #fff;border-radius:20px;transition:transform .45s var(--transition-smooth)}.hero-tile:hover{transform:translateY(-5px) rotate(-1deg)}.tile-main i{color:var(--color-accent-gold)}
.btn{position:relative;overflow:hidden;transition:transform .3s var(--transition-smooth),box-shadow .3s,background .3s}.btn:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transition:transform .65s}.btn:hover:after{transform:translateX(120%)}.btn-light{box-shadow:0 8px 24px rgba(0,0,0,.13)}.btn-primary{background:linear-gradient(135deg,#513321,#382215);box-shadow:0 9px 22px rgba(61,35,20,.18)}.btn-primary:hover{background:linear-gradient(135deg,#6a4930,#382215);box-shadow:0 12px 28px rgba(61,35,20,.23)}
.welcome-strip{border:1px solid #F5F0E9;background:linear-gradient(110deg,#f7f0e7,#fbf9f6 70%);box-shadow:var(--shadow-luxury-sm)}.welcome-icon{box-shadow:0 5px 15px #38221512}.section-heading h2{letter-spacing:-.8px}.eyebrow{color:#9b744e;letter-spacing:1.8px}
.product-card,.luxury-product-card{border:1px solid rgba(232,226,217,.9);border-radius:18px;box-shadow:var(--shadow-luxury-sm);transition:transform .35s var(--transition-smooth),box-shadow .35s,border-color .35s}.product-card:hover,.luxury-product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-luxury-md);border-color:rgba(212,175,55,.55)}.product-image{background:linear-gradient(145deg,#F5F0E9,#ece1d5);isolation:isolate}.product-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#fff5 0%,transparent 42%,#38221508 100%)}.image-placeholder{width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,#fff9 0%,transparent 60%);transition:transform .5s var(--transition-smooth)}.product-card:hover .image-placeholder{transform:scale(1.06)}.image-placeholder i{filter:drop-shadow(0 8px 7px #3822151a);width:38px;height:38px}.product-info{padding:13px}.product-name{font-size:12px;letter-spacing:-.1px}.price{color:#382215}.discount{background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border-radius:var(--radius-pill);padding:5px 8px;box-shadow:0 3px 9px #8b6b2525}.product-meta i{color:#bd8c35}
.subpage-title{padding:30px 0 20px}.subpage-title h1{letter-spacing:-1.6px}.content-panel{border-color:var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxury-sm);transition:box-shadow .25s,border-color .25s}.content-panel:focus-within{border-color:#c9ad92;box-shadow:var(--shadow-luxury-md)}.filter-chip{transition:all .22s var(--transition-smooth);border-color:#E8E2D9}.filter-chip:hover{border-color:#bca18a;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#513321,#382215);border-color:#382215;box-shadow:0 4px 12px #3822151c}.empty-state{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 15%,#FFFFFF 0,transparent 68%);border-color:#E8E2D9}.empty-state>i{filter:drop-shadow(0 8px 8px #3822151a)}
.profile-menu a{transition:background .2s,transform .2s}.profile-menu a:hover{background:#FFFFFF;transform:translateX(3px)}.avatar{box-shadow:inset 0 0 0 1px #E8E2D9;background:linear-gradient(145deg,#FFFFFF,#eee4d9)}.detail-price{color:#382215}.main-product-image{background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f6f0e8 70%);border:1px solid #F5F0E9;overflow:hidden}.thumb{transition:all .2s}.thumb:hover,.thumb.active{border-color:#9d795a;box-shadow:0 0 0 3px #38221510}.qty{border-radius:var(--radius-pill);background:#fff}.qty button{transition:background .2s}.qty button:hover{background:var(--light)}
/* Premium floating glass navigation */
.mobile-nav{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;right:auto;width:min(calc(100% - 24px),480px);height:68px;transform:translateX(-50%);padding:7px 10px;background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:999px;box-shadow:0 12px 38px rgba(61,35,20,.17);justify-content:space-around}.mobile-nav a{min-width:49px;border-radius:18px;color:#81766d;transition:color .2s,transform .2s}.mobile-nav a.active{color:#382215}.mobile-nav a.active i{background:linear-gradient(145deg,#513321,#382215);color:#fff;border-radius:50%;width:34px;height:30px;padding:6px;box-shadow:0 4px 12px #3822152b}.mobile-nav a:hover{transform:translateY(-2px)}
/* Search focus/trending panel */
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border:1px solid #E8E2D9;border-radius:20px;box-shadow:var(--shadow-luxury-lg);z-index:80;display:none}.search-suggestions.open{display:block;animation:fadeUp .22s var(--transition-smooth)}.search-suggestions strong{font-size:12px;display:block;margin-bottom:12px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tags button{border:1px solid #E8E2D9;background:#FFFFFF;border-radius:999px;padding:8px 11px;font-size:11px;color:#604733;cursor:pointer}.suggestion-tags button:hover{background:#382215;color:white}
/* Dynamic product options */
.product-variant-picker{display:grid;gap:19px}.variant-section-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#604733;margin-bottom:10px}.variant-grid{display:flex;flex-wrap:wrap;gap:9px}.variant-chip{padding:10px 17px;border-radius:999px;border:1px solid #E8E2D9;background:#fff;color:#29211b;font-size:12px;font-weight:700;cursor:pointer;transition:all .22s var(--transition-smooth)}.variant-chip:hover{border-color:#9e7c60;transform:translateY(-1px)}.variant-chip.selected{background:#382215;color:white;border-color:#382215;box-shadow:0 4px 14px #3822152b}.variant-chip.disabled,.variant-chip:disabled{opacity:.38;text-decoration:line-through;cursor:not-allowed}.luxury-quantity-stepper{display:flex;align-items:center;width:max-content;border:1px solid #E8E2D9;border-radius:999px;overflow:hidden;background:white}.stepper-btn{width:42px;height:40px;border:0;background:white;font-size:20px;color:#382215;cursor:pointer}.stepper-btn:hover{background:#FFFFFF}.luxury-quantity-stepper input{width:42px;text-align:center;border:0;outline:0;background:transparent;font-weight:800}
/* Subtle motion; honor reduced-motion preferences */
@keyframes heroSheen{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{background:linear-gradient(100deg,#F5F0E9 30%,#faf7f2 50%,#F5F0E9 70%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:10px}.toast{box-shadow:0 12px 35px #38221530;border:1px solid #ffffff22}
@media(max-width:650px){.page{padding-bottom:110px}.topbar{gap:10px}.hero{box-shadow:0 18px 42px rgba(61,35,20,.15)}.product-card{border-radius:15px}.product-info{padding:10px}.mobile-nav{bottom:max(8px,env(safe-area-inset-bottom));height:64px}.detail-actions{bottom:88px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid #F5F0E9;border-radius:17px;padding:9px;box-shadow:0 8px 25px #38221512}.subpage-title{padding-top:22px}.content-panel{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* EKAANTO luxury storefront system — integrated, mobile-first */
:root{
 --primary:#382215;--primary-hover:#382215;--accent-gold:#D4AF37;--accent-red:#D9381E;
 --bg-app:#F8F6F4;--bg-card:#FFFFFF;--border-subtle:#E8E2D9;--text-dark:#1C1917;--text-muted:#78716C;
 --radius-card:16px;--radius-pill:9999px;--shadow-float:0 12px 32px rgba(61,35,20,.12);--shadow-subtle:0 4px 12px rgba(61,35,20,.04);
}
body{background:var(--bg-app);color:var(--text-dark);font-family:'Plus Jakarta Sans','Hind Siliguri',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;padding-bottom:100px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.product-card,.content-panel,.profile-header-card,.delivery-box{border-color:var(--border-subtle);box-shadow:var(--shadow-subtle)}
.product-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .28s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);border-color:#d7c5b2}
.discount{background:var(--accent-red)}
.mobile-nav{z-index:99999;box-shadow:0 12px 32px rgba(61,35,20,.16);border-color:rgba(255,255,255,.85)}
.fixed-bottom-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid var(--border-subtle);box-shadow:0 -6px 24px rgba(0,0,0,.07);z-index:99998;padding-bottom:env(safe-area-inset-bottom)}
.product-action-bar-inner{display:flex;align-items:center;gap:9px;max-width:800px;margin:0 auto;padding:9px 14px}
.seller-store-btn{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:13px;background:#fff;color:var(--primary)}
.seller-store-btn svg{width:25px;height:25px}
.btn-add-cart,.btn-buy-now{height:46px;flex:1;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer}
.btn-add-cart{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}
.btn-buy-now{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 5px 14px rgba(61,35,20,.2)}
.delivery-box{background:#fff;border:1px solid var(--border-subtle);border-radius:14px;padding:14px;margin:14px 0}
.delivery-charge-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0;color:var(--text-muted)}
.delivery-charge-row strong{color:var(--primary)}
.graphic-banner-card{background:linear-gradient(135deg,#382215,#1A0E08);border-radius:var(--radius-card);padding:16px;color:#fff;margin:14px 0;box-shadow:var(--shadow-float)}
.horizontal-voucher-wrapper{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 5px}.horizontal-voucher-wrapper::-webkit-scrollbar{display:none}
.voucher-ticket{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px dashed var(--accent-gold);border-radius:12px;background:#ffffff18}
.google-mark{width:20px;height:20px;flex:0 0 20px;display:block}
.google-auth-button{display:flex!important;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;margin-top:10px;background:#fff!important;border:1px solid #dadce0!important;border-radius:12px!important;color:#3c4043!important;font-weight:650!important;box-shadow:0 1px 2px #0000000b;transition:background .2s,box-shadow .2s}
.google-auth-button:hover{background:#f8faff!important;box-shadow:0 3px 10px #00000012}
.google-auth-button:focus-visible,.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #D4AF3766;outline-offset:2px}
@media(max-width:650px){body{padding-bottom:112px}.product-action-bar-inner{padding:8px 12px}.btn-add-cart,.btn-buy-now{height:44px;font-size:12px}.fixed-bottom-bar{bottom:0!important}}

/* The persistent bottom bar replaces the older inline product action row. */
.product-detail-actions{display:none!important}


/* EKAANTO premium storefront finishing pass */
:root{--primary:#382215;--primary-hover:#382215;--accent-gold:#D4AF37;--accent-red:#D9381E;--bg-app:#F8F6F4;--bg-card:#FFFFFF;--border-subtle:#E8E2D9;--text-dark:#1C1917;--text-muted:#78716C;--radius-card:16px;--radius-pill:9999px;--shadow-float:0 12px 32px rgba(61,35,20,.12);--shadow-subtle:0 4px 12px rgba(61,35,20,.04)}
body{background:var(--bg-app);color:var(--text-dark);font-family:'Plus Jakarta Sans','Hind Siliguri',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:110px}
.topbar,.content-panel,.product-card,.profile-header-card{box-shadow:var(--shadow-subtle)}
.hero{box-shadow:var(--shadow-float)}
.horizontal-products#deals,.horizontal-products#ranked{display:grid;grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:12px}
.horizontal-products#deals .product-card,.horizontal-products#ranked .product-card{min-width:0;border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}
.horizontal-products#deals .product-image,.horizontal-products#ranked .product-image{aspect-ratio:1/1}
.horizontal-products#deals .product-info,.horizontal-products#ranked .product-info{padding:10px}
.horizontal-products#deals .product-name,.horizontal-products#ranked .product-name{font-size:12px;min-height:34px}
.horizontal-products#deals .price,.horizontal-products#ranked .price{font-size:14px}
.horizontal-products#deals .discount,.horizontal-products#ranked .discount{left:8px;right:auto;background:var(--accent-red);border-radius:999px;padding:4px 8px}
.mobile-nav{background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-color:#ffffffcc;box-shadow:0 12px 32px rgba(61,35,20,.16)}
.fixed-bottom-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid var(--border-subtle);box-shadow:0 -6px 24px rgba(0,0,0,.07);z-index:99998;padding-bottom:env(safe-area-inset-bottom)}
body.product-page{padding-bottom:100px}body.product-page .mobile-nav{display:none!important}
.product-action-bar-inner{display:flex;align-items:center;gap:9px;max-width:800px;margin:0 auto;padding:9px 14px}.seller-store-btn{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:13px;background:#fff;color:var(--primary);box-shadow:var(--shadow-subtle)}.seller-store-btn svg{width:25px;height:25px}.btn-add-cart,.btn-buy-now{height:46px;flex:1;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer}.btn-add-cart{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}.btn-buy-now{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 5px 14px rgba(61,35,20,.2)}
.rating-alignment-fix{display:flex;align-items:center;gap:6px;margin:8px 0}.rating-star-icon{color:var(--accent-gold);font-size:16px;line-height:1}.delivery-box{background:#fff;border:1px solid var(--border-subtle);border-radius:14px;padding:14px;margin:14px 0}.delivery-charge-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0;color:var(--text-muted)}.delivery-charge-row strong{color:var(--primary)}.graphic-banner-card{background:linear-gradient(135deg,#382215,#1A0E08);border-radius:var(--radius-card);padding:16px;color:#fff;margin:14px 0;box-shadow:var(--shadow-float)}.horizontal-voucher-wrapper{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 5px}.horizontal-voucher-wrapper::-webkit-scrollbar{display:none}.voucher-ticket{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px dashed var(--accent-gold);border-radius:12px;background:#ffffff18}.profile-header-card{background:#fff;border-radius:var(--radius-card);padding:20px;border:1px solid var(--border-subtle)}.profile-user-info{display:flex;align-items:center;gap:14px}.user-avatar-img{width:60px;height:60px;border-radius:50%;border:2px solid var(--accent-gold);object-fit:cover}.user-stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg-app);border-radius:12px;padding:12px;margin-top:16px;text-align:center}.stat-item-val{font-size:16px;font-weight:800;color:var(--primary)}.stat-item-lbl{font-size:11px;color:var(--text-muted)}.profile-menu-group .menu-row{padding:12px 0;border-bottom:1px solid #f3eee9;font-size:13px}.profile-menu-group .menu-row:last-child{border-bottom:0}.profile-menu-item{display:flex;justify-content:space-between;align-items:center;background:#FFFFFF;border:1px solid var(--accent-gold);padding:14px;border-radius:12px;color:var(--primary);font-weight:750}.google-mark{width:20px;height:20px;flex:0 0 20px;display:block}.google-auth-button{display:flex!important;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;margin-top:10px;background:#fff!important;border:1px solid #dadce0!important;border-radius:12px!important;color:#3c4043!important;font-weight:650!important;box-shadow:0 1px 2px #0000000b}.google-auth-button:hover{background:#f8faff!important;box-shadow:0 3px 10px #00000012}
@media(min-width:768px){.horizontal-products#deals,.horizontal-products#ranked{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){body{padding-bottom:112px}.page{padding-bottom:120px}.horizontal-products#deals,.horizontal-products#ranked{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.horizontal-products#deals .product-info,.horizontal-products#ranked .product-info{padding:8px}.horizontal-products#deals .product-name,.horizontal-products#ranked .product-name{font-size:10px;min-height:29px}.horizontal-products#deals .price,.horizontal-products#ranked .price{font-size:12px}.horizontal-products#deals .old-price,.horizontal-products#ranked .old-price{font-size:9px}.horizontal-products#deals .product-meta,.horizontal-products#ranked .product-meta{font-size:9px}.product-action-bar-inner{padding:8px 12px}.btn-add-cart,.btn-buy-now{height:44px;font-size:12px}body.product-page{padding-bottom:100px}.profile-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* EKAANTO mobile responsive + profile cleanup upgrade */
html,body{width:100%;max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
.page,.topbar,.section,.section-heading,.welcome-strip,.hero{min-width:0;max-width:100%}
.horizontal-products#deals,.horizontal-products#ranked{display:flex;flex-flow:row nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:4px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.horizontal-products#deals::-webkit-scrollbar,.horizontal-products#ranked::-webkit-scrollbar{display:none}
.horizontal-products#deals .product-card,.horizontal-products#ranked .product-card{flex:0 0 148px;width:148px;min-width:0;max-width:148px;scroll-snap-align:start;border-radius:14px;overflow:hidden}
.horizontal-products#deals .product-image,.horizontal-products#ranked .product-image{aspect-ratio:1/1}
.horizontal-products#deals .product-info,.horizontal-products#ranked .product-info{padding:9px}
.horizontal-products#deals .product-name,.horizontal-products#ranked .product-name{font-size:11px;min-height:31px;line-height:1.4}
.horizontal-products#deals .price-row,.horizontal-products#ranked .price-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.horizontal-products#deals .price,.horizontal-products#ranked .price{font-size:13px}
.horizontal-products#deals .old-price,.horizontal-products#ranked .old-price{font-size:10px}
.horizontal-products#deals .discount,.horizontal-products#ranked .discount{left:7px;right:auto;top:7px;border-radius:999px;padding:3px 7px;background:#d9381e;font-size:10px}
.profile-menu-container{display:flex;flex-direction:column;gap:10px;margin-top:16px;min-width:0}
.profile-menu-container .seller-profile-card{margin:0;min-height:68px;padding:14px 16px;border-radius:15px;box-shadow:0 4px 14px rgba(61,35,20,.05)}
.profile-menu-label{display:flex;align-items:center;gap:12px;min-width:0}
.profile-menu-label>i{width:20px;height:20px;flex:0 0 20px;color:var(--coffee)}
.profile-menu-label>span{display:grid;gap:2px;min-width:0}
.profile-menu-label strong{font-size:14px}
.profile-menu-label small{font-size:11px;font-weight:500;color:var(--muted)}
.profile-menu-group.content-panel{margin:0;padding:0 14px;border-radius:15px;overflow:hidden}
.profile-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:12px 2px;border-bottom:1px solid #f1ece7;text-decoration:none;color:var(--ink);font-size:13px;font-weight:650}
.profile-menu-row:last-child{border-bottom:0}
.profile-menu-row>i{width:17px;height:17px;flex:0 0 17px;color:#9a8b7e}
.profile-menu-row:hover{background:#FFFFFF}
.profile-menu-container .logout-row{min-height:52px;padding:12px 15px;background:#fff5f5;color:#c62828;border:1px solid #f3b4b4;border-radius:13px;margin-top:2px}
.profile-menu-container .logout-row .profile-menu-label>i,.profile-menu-container .logout-row>i{color:#c62828}
@media(max-width:650px){
 html,body{max-width:100%;overflow-x:clip}
 .page{width:100%;padding-left:14px;padding-right:14px}
 .horizontal-products#deals .product-card,.horizontal-products#ranked .product-card{flex-basis:136px;width:136px;max-width:136px}
 .profile-header-card,.profile-menu-container,.profile-menu-group{max-width:100%;min-width:0}
 .profile-menu-container .profile-menu-item{max-width:100%;gap:8px}
 .hero{max-width:100%}
}

.voucher-banner-title{line-height:1.4;min-width:0}.voucher-banner-title span{overflow-wrap:anywhere}


/* EKAANTO PRODUCT PAGE: hard viewport containment for iOS Safari and Android */
html { width:100%; max-width:100%; overflow-x:clip; }
body { width:100%; max-width:100%; min-width:0; overflow-x:clip; }
body.product-page, body.product-page * { min-width:0; }
body.product-page .topbar,
body.product-page .page,
body.product-page main,
body.product-page section,
body.product-page .detail-layout,
body.product-page .detail-gallery,
body.product-page .content-panel,
body.product-page .delivery-box,
body.product-page .graphic-banner-card,
body.product-page .section,
body.product-page .section-heading { max-width:100%; }
body.product-page .detail-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.product-page .detail-layout > *,
body.product-page .detail-gallery > * { min-width:0; }
body.product-page .detail-gallery { grid-template-columns:70px minmax(0,1fr); }
body.product-page .main-product-image { width:100%; min-width:0; aspect-ratio:1/1; }
body.product-page .main-product-image svg { max-width:100%; }
body.product-page .searchbar { min-width:0; }
body.product-page .searchbar input { min-width:0; width:100%; }
body.product-page .detail-price,
body.product-page h1,
body.product-page .section-heading h2,
body.product-page .graphic-banner-card,
body.product-page .voucher-ticket { overflow-wrap:anywhere; }
body.product-page .delivery-charge-row { align-items:flex-start; flex-wrap:wrap; }
body.product-page .delivery-charge-row span { flex:1 1 auto; min-width:0; }
body.product-page .delivery-charge-row strong { flex:0 1 auto; max-width:100%; white-space:normal; text-align:right; overflow-wrap:anywhere; }
body.product-page .product-action-bar-inner { width:100%; max-width:800px; min-width:0; }
body.product-page .btn-add-cart,
body.product-page .btn-buy-now { min-width:0; padding-left:8px; padding-right:8px; white-space:normal; }
body.product-page .horizontal-voucher-wrapper { width:100%; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; }
body.product-page .voucher-ticket { flex:0 0 auto; max-width:85%; }
body.product-page .section-heading { gap:10px; }
body.product-page .section-heading > * { min-width:0; }
@media (max-width:650px) {
  html, body { overflow-x:clip; }
  body.product-page { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  body.product-page .topbar { width:100%; padding-left:14px; padding-right:14px; gap:10px; }
  body.product-page .brand { flex:0 0 auto; max-width:calc(100% - 60px); }
  body.product-page .searchbar { flex:1 1 100%; width:100%; max-width:100%; }
  body.product-page .page { width:100%; max-width:100%; padding:14px 14px calc(96px + env(safe-area-inset-bottom)); }
  body.product-page .detail-layout { width:100%; grid-template-columns:minmax(0,1fr); gap:18px; }
  body.product-page .detail-gallery { width:100%; grid-template-columns:52px minmax(0,1fr); gap:10px; }
  body.product-page .thumbs { grid-template-columns:minmax(0,1fr); gap:8px; }
  body.product-page .thumb { width:100%; min-width:0; }
  body.product-page .main-product-image { width:100%; min-width:0; aspect-ratio: 0.78 / 1; max-height: min(118vw,560px); }
  body.product-page .detail-layout > section { width:100%; max-width:100%; }
  body.product-page .detail-layout > section > div[style*="justify-content:space-between"] { flex-wrap:wrap; }
  body.product-page .detail-layout h1 { font-size:clamp(23px,6.2vw,30px)!important; overflow-wrap:anywhere; }
  body.product-page .content-panel { padding:15px; margin-bottom:14px; }
  body.product-page .variant-grid { display:flex; flex-wrap:wrap; gap:8px; }
  body.product-page .variant-chip { max-width:100%; }
  body.product-page .delivery-box { width:100%; padding:14px; }
  body.product-page .graphic-banner-card { width:100%; padding:14px; }
  body.product-page .voucher-ticket { gap:8px; max-width:88%; }
  body.product-page .voucher-ticket b { overflow-wrap:anywhere; }
  body.product-page .section-heading h2 { font-size:clamp(20px,5.5vw,25px); }
  body.product-page .fixed-bottom-bar { left:0; right:0; width:100%; padding-bottom:env(safe-area-inset-bottom); }
  body.product-page .product-action-bar-inner { width:100%; gap:8px; padding:8px 12px; }
  body.product-page .seller-store-btn { flex:0 0 44px; width:44px; height:44px; }
  body.product-page .btn-add-cart, body.product-page .btn-buy-now { flex:1 1 0; font-size:clamp(11px,3.1vw,13px); }
}
@media (max-width:360px) {
  body.product-page .page { padding-left:10px; padding-right:10px; }
  body.product-page .detail-gallery { grid-template-columns:44px minmax(0,1fr); gap:7px; }
  body.product-page .product-action-bar-inner { gap:6px; padding-left:8px; padding-right:8px; }
  body.product-page .seller-store-btn { flex-basis:38px; width:38px; height:38px; }
  body.product-page .btn-add-cart, body.product-page .btn-buy-now { font-size:11px; }
}

/* Mobile product-detail refinements: keep the gallery, title controls and seller card inside viewport. */
body.product-page .product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;padding-right:0}
body.product-page .product-title-row h1{flex:1 1 auto;min-width:0}
body.product-page .product-title-actions{display:flex;gap:6px;flex:0 0 auto}
body.product-page .product-title-actions .icon-button{width:42px;height:42px;min-width:42px;padding:8px}
body.product-page .detail-gallery{display:flex;flex-direction:column;gap:10px;min-width:0}
body.product-page .main-product-image{order:0;width:100%;aspect-ratio:1/1;max-height:none}
body.product-page .thumbs{order:1;display:flex;flex-direction:row;gap:8px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 5px}
body.product-page .thumb{flex:0 0 58px;width:58px;height:58px;min-width:58px}
body.product-page .seller-profile-card{background:linear-gradient(135deg,#382215,#4A2E1B);color:#fff}
body.product-page .seller-profile-main{display:flex;align-items:center;gap:10px;min-width:0}
body.product-page .seller-profile-name{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:3px}
body.product-page .seller-profile-name b{overflow-wrap:anywhere}
body.product-page .seller-handle{font-size:12px;opacity:.8}
body.product-page .seller-profile-main .btn{flex:0 0 auto;min-width:76px;padding:10px 14px}
body.product-page .seller-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff2e}
body.product-page .seller-metrics>div{display:flex;flex-direction:column;gap:4px;min-width:0}
body.product-page .seller-metrics strong{font-size:clamp(16px,4vw,21px);color:#f3c85b}
body.product-page .seller-metrics span{font-size:clamp(9px,2.7vw,12px);line-height:1.35;overflow-wrap:anywhere}
body.search-page .search-group{margin:18px 0 24px}
body.search-page .search-group h2{font-size:17px;margin:0 0 12px}
body.search-page .search-chip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
body.search-page .search-chip-grid .filter-chip{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;padding:9px 5px;font-size:12px}
body.search-page .search-sort-row{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 0 10px}
body.search-page .search-sort-row .filter-chip{flex:0 0 auto;white-space:nowrap}
body.search-page .topbar .searchbar{cursor:text;min-width:0}
@media(max-width:650px){body.product-page .detail-layout{grid-template-columns:minmax(0,1fr)}body.product-page .product-title-row{align-items:flex-start}body.product-page .product-title-actions .icon-button{width:38px;height:38px;min-width:38px}body.product-page .seller-profile-card{padding:14px}body.product-page .seller-profile-main{gap:8px}body.product-page .seller-profile-main .seller-store-btn{width:42px;height:42px;flex-basis:42px}body.product-page .seller-profile-main .btn{padding:9px 12px;font-size:12px}body.search-page .page{padding-left:14px;padding-right:14px}body.search-page .search-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}body.search-page .search-chip-grid .filter-chip{font-size:10px;padding:8px 3px}body.search-page .section-heading h1{font-size:25px}}
@media(max-width:370px){body.product-page .product-title-actions{gap:4px}body.product-page .product-title-actions .icon-button{width:34px;height:34px;min-width:34px;padding:6px}body.search-page .search-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* EKAANTO mobile search, seller-card and gallery refinements */
@media(max-width:650px){
 body:not(.search-page) .topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:12px 14px 14px}
 .topbar .brand{flex:1 1 auto}.topbar .searchbar{order:3;flex:1 0 100%;width:100%;max-width:none;height:44px}
 .hero{min-height:0;grid-template-columns:1fr;padding:25px 22px 22px;border-radius:24px;margin-bottom:18px}
 .hero h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1.6px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.55}
 .hero-art{display:none}.hero-stats{gap:12px;margin-top:22px}.hero-stats span{min-width:0}.hero-dots{position:static;margin-top:18px}
 body.search-page .topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:12px 14px 14px}
 body.search-page .topbar .searchbar{order:3;flex:1 0 100%;width:100%;max-width:none}
 body.search-page #resultsView .section-heading{display:none}
 body.product-page .detail-gallery{display:flex;flex-direction:column;gap:10px}
 body.product-page .main-product-image{order:1;min-height:300px}
 body.product-page .thumbs{order:2;display:flex;flex-direction:row;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 8px}
 body.product-page .thumb{flex:0 0 62px;width:62px;height:62px}
 body.product-page .product-title-row{gap:8px}
 body.product-page .product-title-actions{display:flex;gap:6px;flex:0 0 auto}
 body.product-page .product-title-actions .icon-button{width:38px;height:38px;min-width:38px}
 body.product-page .seller-shop-section .section-heading{cursor:pointer}
}
.search-suggestions{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 12px 32px #3822151a;z-index:50}
.search-suggestions.open{display:block}

/* Final mobile-first search/header consistency patch */
:root{--bg-main:#FFFFFF;--color-border:#E8E2D9}
body{background:var(--bg-main)}
.topbar{position:sticky;top:0;z-index:999;background:rgba(250,248,245,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);gap:14px}
.topbar .searchbar{background:#fff;border-color:var(--color-border);border-radius:999px;min-width:0}
.topbar .searchbar input{min-width:0}
.page{min-width:0}
.content-panel{scroll-margin-top:150px}
#addresses .field textarea{font:inherit;resize:vertical}
@media(max-width:650px){.topbar{position:sticky;top:0;padding:10px 14px 12px!important;background:rgba(250,248,245,.96)}.topbar .searchbar{order:3;flex:1 0 100%;width:100%;height:46px;max-width:none}.topbar .brand{min-width:0}.topbar .brand small{font-size:10px}.global-searchbar{margin-top:0}.page{padding-top:20px}}

/* EKAANTO final header/search scroll harmonization patch */
:root{--bg-unified:#FFFFFF;--bg-card:#FFFFFF;--color-primary:#382215;--color-gold:#D4AF37;--color-border:#E8E2D9;--text-dark:#1C1917;--text-muted:#78716C}
html{scroll-behavior:smooth;scroll-padding-top:132px}
html,body{background:var(--bg-unified)!important;max-width:100%;overflow-x:clip}
body{color:var(--text-dark);padding-bottom:calc(100px + env(safe-area-inset-bottom));}
.topbar{position:sticky;top:0;z-index:500;background:rgba(250,248,245,.97)!important;border-bottom:1px solid rgba(232,226,217,.72)!important;box-shadow:0 4px 18px rgba(61,35,20,.025);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transform:none;isolation:isolate;}
.topbar .searchbar{background:#fff!important;border:1px solid var(--color-border)!important;border-radius:999px!important;box-shadow:0 2px 8px rgba(61,35,20,.035);min-width:0}
.topbar .searchbar input{min-width:0;color:var(--text-dark)}
.topbar .searchbar input::placeholder{color:#A8A29E}
.page{position:relative;z-index:1;background:transparent;min-width:0}
.hero{position:relative;z-index:0;isolation:isolate;scroll-margin-top:130px}
.mobile-nav{z-index:1000!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
.content-panel[id],section[id]{scroll-margin-top:135px}
.search-page .page{min-height:calc(100dvh - 190px)}
.search-page #searchLanding{padding-top:12px}
.search-page .search-group{margin-top:26px}
.search-page .search-chip-grid{display:flex;flex-wrap:wrap;gap:9px}
.search-page .search-chip-grid .filter-chip{white-space:normal;max-width:100%;min-height:44px;padding:10px 15px;background:#fff;border-color:var(--color-border);color:#382215;line-height:1.4}
.search-page .search-chip-grid .filter-chip:active,.search-page .search-chip-grid .filter-chip:hover{background:#F3EEE7;border-color:#D7C7B7;color:var(--color-primary)}
.search-page #clearRecent{color:var(--color-primary);background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:8px 13px}
.search-page #resultsView[hidden],.search-page #searchLanding[hidden]{display:none!important}
.profile-menu-container a{cursor:pointer;touch-action:manipulation}
.profile-menu-container .profile-menu-row:active,.profile-menu-container .seller-profile-card:active{background:#FFFFFF}
@media(max-width:650px){
 .topbar{min-height:0!important;height:auto!important;display:flex;flex-wrap:wrap;gap:9px!important;padding:10px 14px 12px!important}
 .topbar .brand{flex:1 1 auto;min-width:0}
 .topbar .brand-mark{flex:0 0 38px;width:38px;height:38px}
 .topbar .searchbar{order:3;flex:1 0 100%;width:100%;max-width:none;height:46px;margin:0}
 .topbar .icon-button{flex:0 0 42px}
 .page{padding-top:20px!important;padding-bottom:120px!important}
 .hero{margin-top:0;max-width:100%;}
 .search-page .page{padding-top:26px!important}
 .search-page .section-heading{align-items:center;gap:10px}
 .search-page .section-heading h1{font-size:30px}
 .search-page .search-chip-grid{gap:8px}
 .search-page .search-chip-grid .filter-chip{flex:0 0 auto;max-width:calc(50% - 4px);min-width:0}
}


/* EKAANTO Search page polish: warm palette, chip wrapping and sticky layering */
.search-page{background:#FFFFFF!important;}
.search-page .topbar{position:sticky!important;top:0!important;z-index:500!important;background:rgba(250,248,245,.97)!important;border-bottom:1px solid #E8E2D9!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transform:none!important;isolation:isolate;}
.search-page .page{position:relative;z-index:1;background:#FFFFFF;}
.search-page .search-chip-grid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;}
.search-page .search-chip-grid .filter-chip{flex:0 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;line-height:1.25;padding:10px 13px;background:#fff;border:1px solid #E8E2D9;color:#382215;border-radius:999px;font-size:12px;font-weight:650;}
.search-page .search-chip-grid .filter-chip:active,.search-page .search-chip-grid .filter-chip:hover{background:#382215;border-color:#382215;color:#fff;}
.search-page #clearRecent{color:#382215!important;background:#EFECE6!important;border:1px solid #D8CFC4!important;border-radius:999px;padding:8px 13px;font-weight:750;white-space:nowrap;}
.search-page .trending-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.search-page .trending-category-card{display:flex;min-width:0;min-height:100px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 5px;background:#fff;border:1px solid #E8E2D9;border-radius:15px;color:#1C1917;font-size:12px;font-weight:750;text-align:center;box-shadow:0 3px 12px rgba(61,35,20,.035);transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.search-page .trending-category-card:active{transform:scale(.98);background:#FFF8F0;border-color:#D4AF37;}
.search-page .trending-category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#FFF8F0;color:#382215;}
.search-page .trending-category-icon svg{width:22px;height:22px;}
.search-page .search-group h2{margin-bottom:12px;}
@media(max-width:380px){.search-page .trending-categories-grid{gap:7px}.search-page .trending-category-card{min-height:90px;font-size:11px}.search-page .search-chip-grid .filter-chip{padding:9px 10px;font-size:11px;max-width:100%;}}


/* EKAANTO unified header cleanup: no global search row, no sticky brand strip */
html,body{background:#FFFFFF!important;}
.topbar{position:relative!important;top:auto!important;z-index:20!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:74px!important;height:auto!important;gap:14px!important;padding:12px clamp(14px,4vw,64px)!important;background:#FFFFFF!important;border:0!important;border-bottom:1px solid #E8E2D9!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;isolation:auto!important;}
.topbar .brand{flex:1 1 auto!important;min-width:0!important;}
.topbar .icon-button{flex:0 0 42px!important;background:#FFFFFF!important;border-color:#E8E2D9!important;}
.topbar .searchbar,.searchbar,.global-searchbar{display:none!important;}
.page{padding-top:20px!important;background:transparent!important;}
@media(max-width:650px){.topbar{flex-wrap:nowrap!important;gap:12px!important;padding:12px 14px!important;}.topbar .brand-mark{flex:0 0 40px!important;width:40px!important;height:40px!important;}.topbar .brand small{font-size:10px!important;}.page{padding-top:18px!important;}}

/* EKAANTO requested dedicated search UI */
.hero-searchbar{position:relative;z-index:3;width:min(100%,560px);max-width:none;height:52px;margin:0 0 20px;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:14px;box-shadow:0 10px 28px rgba(38,22,12,.16);color:var(--coffee-dark);}
.hero-searchbar input{font-size:13px}.hero-searchbar>i{color:var(--coffee);width:19px}.hero-searchbar button{color:var(--coffee);padding:7px 5px 7px 12px}
.page-search-link{display:flex;align-items:center;gap:10px;width:100%;max-width:760px;height:50px;margin:0 0 12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 15px;color:var(--coffee);box-shadow:0 4px 14px rgba(61,35,20,.04)}
.page-search-link span{flex:1;color:var(--muted);font-size:13px}.page-search-link>i{width:19px}.page-search-link>i:last-child{width:17px}
.search-page .search-hero-title h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px}.search-page .search-hero-title p:not(.eyebrow){color:var(--muted);font-size:13px;margin:5px 0 0}.search-page-bar{width:100%;max-width:none;height:54px;margin-top:18px;background:#fff;border-radius:16px;padding:0 13px;box-shadow:0 5px 18px rgba(61,35,20,.05)}.search-page-bar input{outline:0;border:0;background:transparent;flex:1;min-width:0;font-size:13px}.search-page-bar>i{width:19px;color:var(--coffee)}.search-page-bar button{width:38px;height:36px;border-left:1px solid var(--line);padding-left:10px}.search-page-bar button:first-of-type{border-left:0}.search-page-bar button i{width:18px}.search-group{margin-top:30px}.search-group .section-heading{margin-bottom:12px}.search-chip-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.search-chip-grid .filter-chip{width:100%;overflow:hidden;text-overflow:ellipsis;min-height:42px}.search-history-grid .filter-chip{color:var(--coffee)}.search-popular-grid .filter-chip{color:var(--coffee-dark)}.search-page #historyEmpty{margin-top:5px}.search-page .mobile-nav,.search-results-page .mobile-nav{display:none}
.search-results-page .search-page-bar{margin:4px 0 14px}.search-result-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.search-mode{display:flex;gap:7px;overflow:auto}.search-result-tools .filter-chip{padding:8px 13px}.shop-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-result-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;min-width:0}.shop-result-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:var(--light);display:grid;place-items:center;color:var(--coffee)}.shop-result-icon i{width:22px}.shop-result-info{min-width:0;display:grid;gap:2px;flex:1}.shop-result-info b,.shop-result-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-result-info b{font-size:13px}.shop-result-info small{font-size:10px;color:var(--muted)}.shop-result-arrow{width:17px;color:var(--coffee);flex:0 0 auto}.compact-empty{padding:28px 15px}.search-results-page section[hidden]{display:none!important}
@media(min-width:651px){.search-page .search-chip-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.search-page .search-history-grid{grid-template-rows:repeat(2,auto)}.search-page .search-popular-grid{grid-template-rows:repeat(2,auto)}.search-page .search-chip-grid .filter-chip{min-height:44px}.search-results-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.hero-searchbar{width:100%;margin-bottom:18px}.page-search-link{margin-bottom:10px}.search-page .page{padding-top:24px!important}.search-page .search-chip-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.search-page .search-chip-grid .filter-chip{padding:8px 5px;font-size:10px;min-height:40px;border-radius:11px}.search-results-page .search-page-bar{margin-top:0}.shop-result-grid{grid-template-columns:1fr}.search-result-tools{align-items:flex-start}.search-mode{max-width:100%}}

/* Search bars must remain visible after the header cleanup rules. */
.hero-searchbar,.page-search-link,.search-page-bar{display:flex!important;}
@media(max-width:650px){.search-page .mobile-nav,.search-results-page .mobile-nav{display:flex!important;}}


/* Final search placement: Home search sits between the header and hero. */
.topbar{border-bottom:0!important;}
.home-search-wrap{width:100%;padding:12px 0 14px;display:flex;justify-content:center;background:#FFFFFF;}
.home-searchbar{display:flex!important;width:min(100%,760px);max-width:760px;height:52px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 12px;box-shadow:0 5px 18px rgba(61,35,20,.06);}
.home-searchbar input{outline:0;border:0;background:transparent;flex:1;min-width:0;font-size:13px;}
.home-searchbar>i{width:19px;color:var(--coffee);flex:0 0 auto;}
.home-searchbar button{width:38px;height:36px;border-left:1px solid var(--line);padding-left:10px;flex:0 0 38px;}
.home-searchbar button:first-of-type{border-left:0;}
.home-searchbar button i{width:18px;}
.hero-searchbar{display:none!important;}
.search-sort{display:flex;gap:7px;overflow-x:auto;}
.search-sort .filter-chip{padding:8px 13px;}
@media(max-width:650px){
 .home-search-wrap{padding:10px 14px 12px;}
 .home-searchbar{width:100%;height:50px;}
 .search-result-tools{display:grid;grid-template-columns:1fr;gap:9px;}
 .search-sort{order:2;}
 .search-mode{order:1;}
 .search-result-tools>.see-all{order:3;}
}

/* EKAANTO FINAL BRAND / BACKGROUND FIX */
html,body{background:#FFFFFF!important;}
.topbar{background:#FFFFFF!important;border-bottom:0!important;box-shadow:none!important;}
.brand{gap:12px;font-size:22px;letter-spacing:-.65px;}
.brand-mark{width:52px;height:52px;flex:0 0 52px!important;border-radius:14px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid;place-items:center;overflow:hidden;}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;}
.brand-name{display:block;font-weight:850;line-height:1.05;}
.brand-name small{display:block;margin-top:5px;font-size:11px;font-weight:550;letter-spacing:.35px;color:var(--muted);line-height:1.1;}
.topbar .icon-button{background:#FFFFFF!important;border-color:rgba(111,78,55,.20)!important;}
.home-search-wrap{background:#FFFFFF!important;padding:10px 0 14px!important;}
.home-searchbar{background:#fff!important;}
.home-searchbar>i{color:#111!important;width:20px!important;height:20px!important;stroke-width:2.4!important;}
.home-searchbar input{color:var(--ink)!important;}
@media(max-width:650px){
 .topbar{padding:13px 14px 11px!important;gap:10px!important;}
 .brand{font-size:21px;gap:10px;}
 .brand-mark{width:58px;height:58px;flex-basis:58px!important;}
 .brand-name small{font-size:10.5px;margin-top:4px;}
 .home-search-wrap{padding:9px 14px 13px!important;}
 .home-searchbar{height:52px!important;}
}

/* Ekannto official horizontal brand logo */
.brand{gap:0!important;min-width:0;flex-shrink:0}
.brand-horizontal{display:block;width:clamp(150px, 22vw, 235px);height:auto;max-height:58px;object-fit:contain;object-position:left center}
.brand-mark,.brand-name{display:none!important}
@media(max-width:520px){
  .brand-horizontal{width:clamp(145px, 48vw, 190px);max-height:48px}
  .topbar{gap:8px}
}


/* Ekannto header/search refinements */
.searchbar > i[data-lucide="search"], .searchbar > svg[data-lucide="search"], .searchbar .lucide-search, .page-search-link > i[data-lucide="search"], .page-search-link > svg[data-lucide="search"] { color: var(--coffee, #382215) !important; stroke: currentColor !important; }
.searchbar > i { color: var(--coffee, #382215); }
.brand-horizontal { width: clamp(190px, 29vw, 270px); height: auto; max-height: 62px; object-fit: contain; object-position: left center; }
@media (max-width:520px) { .brand-horizontal { width: clamp(205px, 58vw, 245px); max-height: 62px; } .topbar { min-height: 78px; } }

/* Final Ekannto header: separate mark + wordmark, aligned side-by-side */
.brand{display:flex!important;align-items:center!important;gap:9px!important;max-width:calc(100% - 58px);min-width:0;flex:0 1 auto;overflow:visible}
.brand .brand-mark-img{display:block;width:clamp(42px,5vw,52px);height:clamp(42px,5vw,52px);object-fit:contain;flex:0 0 auto}
.brand .brand-wordmark-img{display:block;width:clamp(150px,20vw,205px);height:auto;max-height:54px;object-fit:contain;object-position:left center;flex:0 1 auto;min-width:0}
.brand-horizontal{display:none!important}
@media(max-width:520px){
 .topbar{gap:8px;min-height:78px}
 .topbar .brand{flex:0 1 auto;max-width:calc(100% - 52px);gap:7px!important}
 .brand .brand-mark-img{width:43px;height:43px}
 .brand .brand-wordmark-img{width:clamp(145px,42vw,180px);max-height:48px}
}

/* EKANNTO logo visibility fix */
.topbar .brand{display:flex;align-items:center;gap:8px;min-width:0;max-width:78%;overflow:visible}.topbar .brand-mark-img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.topbar .brand-wordmark-img{display:block;width:clamp(150px,42vw,245px);height:auto;max-height:66px;object-fit:contain;object-position:left center;flex:0 1 auto}.topbar{overflow:visible}

/* Admin slide-out menu */
.admin-drawer{position:fixed;inset:0;z-index:9999;display:none}.admin-drawer.open{display:block}.drawer-shade{position:absolute;inset:0;background:#1b100bcc}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(310px,85vw);background:#fff;padding:22px;overflow:auto;box-shadow:8px 0 30px #0002}.drawer-panel a{display:flex;padding:12px 8px;color:#382215;text-decoration:none;border-bottom:1px solid #eee;gap:10px}.hamb{border:1px solid #e6dacf;background:#fff;color:#382215;border-radius:12px;width:44px;height:44px;font-size:24px;cursor:pointer}


/* Ekannto mobile logo + navigation stability repair */
.topbar{min-width:0;overflow:visible}
.topbar .brand{min-width:0;max-width:calc(100% - 54px);gap:6px!important;flex:0 1 auto}
.topbar .brand-mark-img{display:block;width:clamp(38px,11vw,48px)!important;height:clamp(38px,11vw,48px)!important;object-fit:contain;flex:0 0 auto}
.topbar .brand-wordmark-img{display:block;width:clamp(132px,39vw,220px)!important;max-width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center;flex:0 1 auto;min-width:0}
@media(max-width:380px){
 .topbar .brand{gap:4px!important;max-width:calc(100% - 48px)}
 .topbar .brand-mark-img{width:35px!important;height:35px!important}
 .topbar .brand-wordmark-img{width:clamp(120px,37vw,145px)!important;max-height:42px}
}


/* EKAANTO USER LOGO + NOTIFICATION/CART ICON POLISH */
.brand-user-logo{display:block;width:clamp(155px,18vw,215px);height:auto;max-height:58px;object-fit:contain;object-position:left center;flex:0 1 auto;min-width:0}
.notification-button{position:relative;color:var(--coffee)!important}
.notification-button i{width:21px!important;height:21px!important}
.notification-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#d93636;border:2px solid #fff;box-sizing:content-box}
@media(max-width:650px){
 .topbar{min-height:72px!important;padding:8px 14px!important;flex-wrap:nowrap!important;gap:10px!important}
 .topbar .brand{min-width:0;max-width:calc(100% - 50px);display:flex;align-items:center}
 .brand-user-logo{width:clamp(165px,58vw,205px);max-height:62px}
 .notification-button{width:40px!important;height:40px!important;flex:0 0 40px}
 .notification-dot{top:5px;right:5px}
}


/* EKAANTO MOBILE NAV SCROLL BEHAVIOUR + LOGO SCALE FINAL PATCH */
.brand-user-logo{
  width:180px!important;
  max-width:180px!important;
  max-height:50px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.mobile-nav{
  transition:transform .28s ease, opacity .22s ease, box-shadow .22s ease!important;
  will-change:transform,opacity;
}
.mobile-nav.nav-hidden{
  transform:translate(-50%,calc(100% + 28px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:650px){
  .brand-user-logo{
    width:150px!important;
    max-width:150px!important;
    max-height:44px!important;
  }
  .topbar .brand{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .topbar .brand-user-logo{
    flex:0 0 auto!important;
  }
  .mobile-nav.nav-hidden{
    transform:translate(-50%,calc(100% + 24px))!important;
  }
}

/* ============================================================
   EKAANTO FINAL MOBILE LOGO + SMART BOTTOM NAV
   ============================================================ */
@media (max-width:650px){
  .topbar{
    min-height:68px!important;
    padding:8px 14px!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  .topbar .brand{
    min-width:0!important;
    max-width:calc(100% - 50px)!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
  }
  .brand-user-logo{
    width:136px!important;
    max-width:136px!important;
    height:auto!important;
    max-height:40px!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:0 0 136px!important;
  }
  .notification-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
  }
}

/* Keep the mobile navigation fixed at the bottom and animate it out of view. */
@media (max-width:650px){
  .mobile-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:min(calc(100% - 24px),480px)!important;
    transform:translate3d(-50%,0,0)!important;
    transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .24s ease!important;
    will-change:transform,opacity;
    z-index:99999!important;
  }
  .mobile-nav.nav-hidden{
    transform:translate3d(-50%,calc(100% + 30px),0)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* Infinite product loading indicator */
.infinite-products-sentinel{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  padding:14px 0 30px;
}
.infinite-spinner{
  width:18px;
  height:18px;
  border:2px solid #E7D9C8;
  border-top-color:#382215;
  border-radius:50%;
  animation:ek-spin .75s linear infinite;
}
@keyframes ek-spin{to{transform:rotate(360deg)}}

/* EKAANTO FINAL COMPACT MOBILE LOGO */
@media (max-width:650px){
  .topbar{min-height:62px!important;height:62px!important;padding:6px 14px!important;gap:8px!important;}
  .topbar .brand{max-width:calc(100% - 48px)!important;flex:1 1 auto!important;}
  .brand-user-logo{width:108px!important;max-width:108px!important;height:auto!important;max-height:30px!important;flex:0 0 108px!important;object-fit:contain!important;object-position:left center!important;}
  .notification-button{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;}
}

/* Pull-up product loading: no permanent text/button at the end of the list. */
.infinite-products-sentinel{height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;overflow:visible!important;color:transparent!important;font-size:0!important;}
.infinite-products-sentinel .infinite-spinner{display:none;width:18px;height:18px;border:2px solid #F5F0E9;border-top-color:#382215;border-radius:50%;animation:ek-spin .75s linear infinite;}
.infinite-products-sentinel.is-loading{height:34px!important;min-height:34px!important;margin:8px 0 18px!important;color:transparent!important;}
.infinite-products-sentinel.is-loading .infinite-spinner{display:block;}
@keyframes ek-spin{to{transform:rotate(360deg)}}

/* Bottom nav: hidden on downward movement, revealed on upward movement. */
@media (max-width:650px){
  .mobile-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:min(calc(100% - 24px),480px)!important;transform:translate3d(-50%,0,0)!important;transition:transform .30s cubic-bezier(.22,.61,.36,1),opacity .22s ease!important;will-change:transform,opacity!important;z-index:99999!important;}
  .mobile-nav.nav-hidden{transform:translate3d(-50%,calc(100% + 36px),0)!important;opacity:0!important;pointer-events:none!important;}
}

/* ============================================================
   EKAANTO FINAL LOGO + PULL-UP INFINITE PRODUCT LOADING
   ============================================================ */
@media (max-width:650px){
  .topbar{
    height:60px!important;
    min-height:60px!important;
    padding:6px 14px!important;
    gap:8px!important;
  }
  .topbar .brand{
    max-width:calc(100% - 46px)!important;
    flex:1 1 auto!important;
    min-width:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  /* Use the supplied full Ekannto logo as one balanced wordmark.
     It is deliberately compact so it never dominates a phone header. */
  .brand-user-logo{
    width:96px!important;
    max-width:96px!important;
    height:auto!important;
    max-height:28px!important;
    flex:0 0 96px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .notification-button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
}
@media (min-width:651px){
  .brand-user-logo{
    width:150px!important;
    max-width:150px!important;
    max-height:44px!important;
  }
}

/* Loading stays invisible at rest: no permanent "Loading more products..." label. */
.infinite-products-sentinel{
  height:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:transparent!important;
}
.infinite-loading-ui{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:42px;
  min-width:82px;
}
.infinite-products-sentinel.is-loading{
  height:42px!important;
  min-height:42px!important;
  margin:8px 0 18px!important;
}
.infinite-products-sentinel.is-loading .infinite-loading-ui{
  display:flex;
}
.infinite-spinner{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid #F5F0E9;
  border-top-color:#382215;
  border-radius:50%;
  animation:ek-spin .75s linear infinite;
}
.infinite-skeleton{
  width:8px;
  height:24px;
  border-radius:8px;
  background:linear-gradient(90deg,#f1e8df,#fbf8f4,#f1e8df);
  background-size:200% 100%;
  animation:ek-skeleton 1.1s ease-in-out infinite;
}
.skeleton-two{animation-delay:.15s}
@keyframes ek-skeleton{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
@keyframes ek-spin{to{transform:rotate(360deg)}}

/* EKAANTO FINAL OVERRIDE — compact transparent logo + true pull-up loading */
@media (max-width:650px){
  .topbar{
    height:58px!important;
    min-height:58px!important;
    padding:5px 14px!important;
    gap:8px!important;
  }
  .topbar .brand{
    max-width:calc(100% - 46px)!important;
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    gap:0!important;
  }
  .brand-user-logo{
    width:140px!important;
    max-width:140px!important;
    height:38px!important;
    max-height:38px!important;
    flex:0 0 140px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .notification-button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
}
@media (min-width:651px){
  .brand-user-logo{
    width:170px!important;
    max-width:170px!important;
    height:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
  }
}

/* Absolutely nothing is shown at the end until a real pull starts. */
.infinite-products-sentinel{
  height:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  color:transparent!important;
}
.infinite-loading-ui{
  display:none!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:76px;
  height:34px;
}
.infinite-products-sentinel.is-loading{
  height:38px!important;
  min-height:38px!important;
  margin:4px 0 16px!important;
  overflow:visible!important;
}
.infinite-products-sentinel.is-loading .infinite-loading-ui{display:flex!important}
.infinite-spinner{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px;
  border:2px solid #F5F0E9!important;
  border-top-color:#382215!important;
  border-radius:50%;
  animation:ek-spin .75s linear infinite;
}
.infinite-skeleton{
  width:7px;
  height:22px;
  border-radius:7px;
  background:linear-gradient(90deg,#efe7df,#fff,#efe7df);
  background-size:200% 100%;
  animation:ek-skeleton 1.05s ease-in-out infinite;
}
.skeleton-two{animation-delay:.14s}

/* USER REQUEST: Ekannto logo exact 240px × 60px */
.brand-user-logo{
  width:240px!important;
  height:60px!important;
  max-width:240px!important;
  max-height:60px!important;
  flex:0 0 240px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:650px){
  .topbar{min-height:76px!important;height:76px!important;padding:8px 14px!important;}
  .brand-user-logo{
    width:240px!important;
    height:60px!important;
    max-width:240px!important;
    max-height:60px!important;
    flex:0 0 240px!important;
  }
  .topbar .brand{max-width:calc(100% - 48px)!important;overflow:visible!important;}
}


/* EKAANTO FINAL USER LOGO SIZE — 250px × 70px */
.brand-user-logo{
  display:block!important;
  width:250px!important;
  height:70px!important;
  max-width:250px!important;
  max-height:70px!important;
  flex:0 0 250px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media (max-width:650px){
  .topbar{
    min-height:84px!important;
    height:84px!important;
    padding:7px 14px!important;
    gap:8px!important;
  }
  .topbar .brand{
    min-width:0!important;
    max-width:calc(100% - 46px)!important;
    flex:1 1 auto!important;
    overflow:visible!important;
  }
  .brand-user-logo{
    width:250px!important;
    height:70px!important;
    max-width:250px!important;
    max-height:70px!important;
    flex:0 0 250px!important;
  }
  .notification-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
  }
}
@media (max-width:380px){
  .brand-user-logo{
    width:230px!important;
    max-width:230px!important;
    flex-basis:230px!important;
  }
}


/* EKAANTO FINAL USER LOGO SIZE — 200px × 50px */
.brand-user-logo{
  display:block!important;
  width:200px!important;
  height:50px!important;
  max-width:200px!important;
  max-height:50px!important;
  flex:0 0 200px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:650px){
  .topbar{
    min-height:64px!important;
    height:64px!important;
    padding:7px 14px!important;
    gap:8px!important;
  }
  .topbar .brand{
    min-width:0!important;
    max-width:calc(100% - 46px)!important;
    flex:1 1 auto!important;
    overflow:visible!important;
  }
  .brand-user-logo{
    width:200px!important;
    height:50px!important;
    max-width:200px!important;
    max-height:50px!important;
    flex:0 0 200px!important;
  }
  .notification-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
  }
}
@media(max-width:380px){
  .brand-user-logo{
    width:200px!important;
    max-width:200px!important;
    flex-basis:200px!important;
  }
}

/* EKAANTO FIX: permanent bottom navigation — stays in one place on mobile. */
@media (max-width:650px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;}
  .page{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;}
  .mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:calc(68px + env(safe-area-inset-bottom))!important;
    min-height:68px!important;
    transform:none!important;
    margin:0!important;
    padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(180%)!important;
    box-shadow:0 -6px 24px rgba(61,35,20,.10)!important;
    display:flex!important;
    justify-content:space-around!important;
    align-items:stretch!important;
    z-index:99999!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-nav.nav-hidden{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-nav a{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    border-radius:12px!important;
    transform:none!important;
    justify-content:center!important;
    gap:3px!important;
  }
  .mobile-nav a:hover{transform:none!important;}
}

/* EKAANTO v9: bottom navigation flush fix + notification page */
@media (max-width:650px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;}
  .page{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;}
  .mobile-nav{
    bottom:0!important;
    height:calc(68px + env(safe-area-inset-bottom))!important;
    padding:6px 10px env(safe-area-inset-bottom)!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
}

/* EKAANTO v10 — customer profile editor */
.profile-edit-page .edit-hero{
  display:flex;align-items:center;gap:18px;margin:8px 0 22px;
}
.profile-edit-page .edit-avatar{
  width:82px;height:82px;flex:0 0 82px;border-radius:50%;
  border:2px solid var(--accent-gold);background:#FFFFFF;color:var(--primary);
  display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-subtle);
}
.profile-edit-page .edit-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-edit-page .edit-avatar i{width:34px;height:34px}
.profile-edit-page .photo-upload{
  display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:9px 13px;
  border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--primary);
  font-size:11px;font-weight:750;cursor:pointer;
}
.profile-edit-page .edit-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;
  margin-bottom:13px;box-shadow:var(--shadow-subtle);
}
.profile-edit-page .edit-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.profile-edit-page .edit-card h2{font-size:16px;margin:0;color:var(--primary)}
.profile-edit-page .edit-card p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.profile-edit-page .edit-action{
  border:1px solid var(--line);background:#FFFFFF;color:var(--primary);border-radius:10px;
  padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;
}
.profile-edit-page .edit-form{display:none;margin-top:12px}
.profile-edit-page .edit-form.open{display:block}
.profile-edit-page .field-note{font-size:10px;color:var(--muted);margin-top:6px}
.profile-edit-page .password-line{height:4px;border-radius:99px;background:#e9e2db;overflow:hidden;margin-top:8px}
.profile-edit-page .password-line span{display:block;height:100%;width:0;background:var(--accent-red);transition:.2s}
.profile-edit-page .password-range{font-size:10px;font-weight:700;color:var(--muted);margin-top:5px}
.profile-edit-page .confirm-row{display:flex;gap:8px;align-items:center;margin-top:12px}
.profile-edit-page .confirm-row .btn{width:auto;min-width:92px}
.profile-edit-page .cancel-btn{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}
.profile-edit-page .save-btn{width:100%;margin-top:10px}
.profile-edit-page .status{font-size:11px;margin-top:8px;min-height:16px}
.profile-edit-page .status.ok{color:#237a3b}.profile-edit-page .status.err{color:#b42318}
@media(max-width:650px){
  .profile-edit-page .edit-hero{align-items:flex-start}
  .profile-edit-page .edit-avatar{width:74px;height:74px;flex-basis:74px}
  .profile-edit-page .edit-card{padding:15px}
}

/* Ekannto uniform header logo */
.brand-logo-container img, .brand img {
  height: 40px;
  width: auto;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}
.brand-logo-container { display:flex; align-items:center; }
@media(max-width:650px){ .brand-logo-container img, .brand img { height:40px; width:auto; } }

/* Instant optimistic image preview */
.optimistic-photo-preview { opacity:1; transition:opacity .16s ease, transform .16s ease; }
.optimistic-photo-preview.is-uploading { opacity:.88; }
.upload-progress-badge { position:absolute; right:6px; bottom:6px; display:none; padding:4px 7px; border-radius:999px; background:rgba(33,27,23,.82); color:#fff; font-size:9px; font-weight:800; z-index:2; }
.upload-progress-badge.show { display:block; }

/* EKAANTO premium mobile navigation and notification affordance */
.mobile-nav a{position:relative;border-radius:15px;transition:transform .18s ease,color .18s ease,background .18s ease; -webkit-tap-highlight-color:transparent}
.mobile-nav a i{transition:transform .2s cubic-bezier(.2,.8,.2,1),stroke-width .2s}
.mobile-nav a:active{transform:scale(.91);background:#f6eee6}
.mobile-nav a.active{background:linear-gradient(180deg,#fbf7f2,#fff);color:var(--coffee-dark);font-weight:800}
.mobile-nav a.active i{transform:translateY(-2px);stroke-width:2.5}
.mobile-nav a.active:after{content:"";position:absolute;top:2px;width:18px;height:3px;border-radius:8px;background:#c49a42}
.notification-button{position:relative;transition:transform .18s ease,background .18s ease}
.notification-button:active{transform:scale(.91);background:#f4e9dc}
.notification-button .notification-dot{display:none}
.notification-button.has-unread .notification-dot{display:block;position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#c33b35;box-shadow:0 0 0 3px #fff;animation:ekaanto-notice-pulse 1.8s infinite}
@keyframes ekaanto-notice-pulse{0%,100%{box-shadow:0 0 0 3px #fff}50%{box-shadow:0 0 0 5px #c33b3525}}

/* Search repair: autocomplete and image preview */
.ekaanto-suggestions{position:relative;z-index:30;background:#fff;border:1px solid #eadfd5;border-radius:14px;box-shadow:0 12px 28px #32190f18;overflow:hidden;margin-top:6px}.ekaanto-suggestions[hidden]{display:none}.ekaanto-suggestion{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;border:0;border-bottom:1px solid #f2ebe5;background:#fff;color:#392719;text-align:left;font:inherit;cursor:pointer}.ekaanto-suggestion:last-child{border-bottom:0}.suggestion-thumb{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f4e8dc;color:#382215;font-size:20px}.suggestion-arrow{margin-left:auto;color:#9b826c}.ekaanto-image-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;margin:12px 0;border:1px solid #e6d5c5;border-radius:14px;background:#fffaf5}.ekaanto-image-preview div{flex:1;min-width:0}.ekaanto-image-preview p{font-size:12px;line-height:1.5;color:#786554;margin:6px 0 0}.ekaanto-image-preview img{width:82px;height:82px;object-fit:cover;border-radius:10px}[hidden]{display:none!important}

/* Active market/search filters */
.filter-chip.active{background:#382215!important;color:#fff!important;border-color:#382215!important}.product-card[hidden]{display:none!important}.more-category-options{margin-top:8px}.search-result-tools .filter-chip.active{background:#382215!important;color:#fff!important}


/* Ekannto Luxury Coffee & White Theme — global design tokens */
:root{
  --primary-coffee:#382215;
  --dark-coffee:#382215;
  --deep-coffee:#382215;
  --coffee-hover:#513321;
  --light-coffee-bg:#FFFFFF;
  --luxury-white:#FFFFFF;
  --soft-canvas:#FFFFFF;
  --text-primary:#382215;
  --text-secondary:#382215;
  --border-coffee:rgba(111,78,55,.20);
}
body{background:var(--luxury-white);color:var(--text-primary)}
input,select,textarea{background-color:#FFFFFF;color:var(--text-primary);border-color:var(--border-coffee)}
input:focus,select:focus,textarea:focus{outline-color:var(--primary-coffee);border-color:var(--primary-coffee)}
button,.btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.btn-primary,.button-primary,.primary-button,[data-variant="primary"]{background:var(--primary-coffee);color:#FFFFFF;border-color:var(--primary-coffee)}
.btn-primary:hover,.button-primary:hover,.primary-button:hover,[data-variant="primary"]:hover{background:var(--coffee-hover);border-color:var(--coffee-hover)}
.card,.card-premium,.panel,.modal,.dropdown-menu{border-color:var(--border-coffee)}
::selection{background:#382215;color:#FFFFFF}

/* Ekannto Luxury Coffee & White global theme override */
:root{color-scheme:light;--primary-coffee:#382215;--dark-coffee:#382215;--light-coffee-bg:#FFFFFF;--luxury-white:#FFFFFF;--text-primary:#382215;--text-secondary:#382215;--border-coffee:rgba(111,78,55,.20);--coffee:#382215;--coffee-dark:#382215;--coffee-deep:#382215;--coffee-hover:#513321;--light:#FFFFFF;--soft-bg:#FFFFFF;--ink:#382215;--muted:#382215;--line:rgba(111,78,55,.20)}
body{background:#FFFFFF;color:#382215}
input,select,textarea{background-color:#FFFFFF;color:#382215;border-color:rgba(111,78,55,.28)}
button,.btn-primary,[type=submit],.primary-button,.active,.is-active,[aria-current=page]{--brand-action:#382215}
.btn-primary,.primary-button,button.primary,[type=submit]{background-color:#382215;border-color:#382215;color:#FFFFFF}
.btn-primary:hover,.primary-button:hover,button.primary:hover,[type=submit]:hover{background-color:#513321;border-color:#513321}
.card,.panel,.modal,.dropdown-menu,.popover,.dashboard-card,.stat-card,.product-card{border-color:rgba(111,78,55,.20)}
.sidebar,.side-nav,.admin-sidebar,.seller-sidebar{background-color:#382215;color:#FFFFFF}
.sidebar a,.side-nav a,.admin-sidebar a,.seller-sidebar a{color:inherit}
.sidebar a.active,.side-nav a.active,.admin-sidebar a.active,.seller-sidebar a.active{background-color:#382215;color:#FFFFFF}
:focus-visible{outline-color:#382215}


/* Ekannto Espresso Brown & White — site-wide design tokens */
:root{color-scheme:light;--primary-coffee:#382215;--dark-coffee:#382215;--espresso:#382215;--coffee:#382215;--coffee-dark:#382215;--coffee-deep:#382215;--coffee-hover:#513321;--light-coffee-bg:#FFFFFF;--light:#FFFFFF;--soft-bg:#FFFFFF;--luxury-white:#FFFFFF;--text-primary:#382215;--text-secondary:#604733;--ink:#382215;--muted:#705C4D;--line:rgba(56,34,21,.18);--border-coffee:rgba(56,34,21,.22);--surface:#FFFFFF;--surface-soft:#FFFFFF;--brand:#382215;--primary:#382215;--accent:#382215;--background:#FFFFFF;--card:#FFFFFF;--input-bg:#FFFFFF}
html,body{background:#FFFFFF!important;color:#382215}body{color-scheme:light}
header, .header, .site-header, .topbar, .top-bar, nav.sidebar, .sidebar, .side-nav, .admin-sidebar, .seller-sidebar, .dashboard-sidebar{background:#382215!important;color:#FFFFFF}
header a,.header a,.site-header a,.topbar a,.sidebar a,.side-nav a,.admin-sidebar a,.seller-sidebar a,.dashboard-sidebar a{color:#FFFFFF}
button,.btn,.button,.btn-primary,[type=submit],.primary-button,.primary-btn,.active-tab,.tab.active,.nav-link.active,.pagination .active{background-color:#382215;border-color:#382215;color:#FFFFFF}
button:hover,.btn:hover,.button:hover,.btn-primary:hover,.primary-button:hover,.primary-btn:hover{background-color:#513321;border-color:#513321;color:#FFFFFF}
.card,.panel,.modal-content,.dropdown-menu,.product-card,.stat-card,.dashboard-card,.form-card,.content-card,.table-container,.settings-card,.profile-card{background:#FFFFFF;border-color:rgba(56,34,21,.18)}
input,select,textarea{background:#FFFFFF;color:#382215;border-color:rgba(56,34,21,.28)}
input:focus,select:focus,textarea:focus{border-color:#382215;outline-color:#382215;box-shadow:0 0 0 3px rgba(56,34,21,.10)}
a{color:#382215}a:hover{color:#513321}
.badge,.chip,.tag{border-color:rgba(56,34,21,.2)}
[style*="#382215"],[style*="#382215"],[style*="#382215"],[style*="#513321"]{border-color:rgba(56,34,21,.22)}
/* Keep success, warning, error, and informational status colors semantically distinct. */


/* =========================================================
   EKANNTO — ESPRESSO BROWN + WHITE GLOBAL UI REPAIR
   Primary: #382215 | Hover: #513321 | Page/surface: #FFFFFF
   ========================================================= */
:root {
  color-scheme: light;
  --espresso: #382215;
  --espresso-hover: #513321;
  --espresso-soft: #F5F0E9;
  --page-bg: #FFFFFF;
  --surface: #FFFFFF;
  --text-primary: #382215;
  --text-secondary: #705C4D;
  --border-subtle: rgba(56,34,21,.18);
  --focus-ring: rgba(56,34,21,.18);
  --coffee: #382215;
  --coffee-dark: #382215;
  --coffee-deep: #382215;
  --coffee-hover: #513321;
  --light: #FFFFFF;
  --soft-bg: #FFFFFF;
  --ink: #382215;
  --muted: #705C4D;
  --line: rgba(56,34,21,.18);
  --border-coffee: rgba(56,34,21,.20);
  --background: #FFFFFF;
  --card: #FFFFFF;
  --input-bg: #FFFFFF;
}
html { color-scheme: light; background: #FFFFFF; }
body { background: #FFFFFF !important; color: #382215; }
main, .page, .content, .main-content, .page-content, .app-content,
.dashboard-content, .admin-content, .seller-content, .container,
.content-area, .workspace, .section, .settings-content {
  color: #382215;
}
.card, .panel, .modal, .modal-content, .dropdown-menu, .popover,
.dashboard-card, .stat-card, .product-card, .form-card, .content-card,
.table-container, .settings-card, .profile-card, .surface, .tile,
.widget, .list-card {
  background-color: #FFFFFF;
  border-color: rgba(56,34,21,.18);
}
h1, h2, h3, h4, h5, h6, label, legend, strong { color: #382215; }
p, small, .muted, .text-muted, .help-text, .description { color: #705C4D; }
a { color: #382215; }
a:hover { color: #513321; }
button, .btn, .button, [role="button"], input[type="button"],
input[type="reset"], input[type="submit"] {
  box-sizing: border-box;
  min-height: 38px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid rgba(56,34,21,.25);
  background: #FFFFFF;
  color: #382215;
  font: inherit;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
}
button:hover, .btn:hover, .button:hover, [role="button"]:hover,
input[type="button"]:hover, input[type="reset"]:hover {
  background: #F5F0E9;
  color: #382215;
  border-color: #382215;
}
.btn-primary, .button-primary, .primary-button, .primary-btn,
button.primary, .btn-dark, .btn-coffee, [data-variant="primary"],
button[type="submit"], input[type="submit"], .form-actions .btn:first-child,
.actions .btn-primary {
  background: #382215;
  border-color: #382215;
  color: #FFFFFF;
}
.btn-primary:hover, .button-primary:hover, .primary-button:hover,
.primary-btn:hover, button.primary:hover, .btn-dark:hover,
.btn-coffee:hover, [data-variant="primary"]:hover,
button[type="submit"]:hover, input[type="submit"]:hover {
  background: #513321;
  border-color: #513321;
  color: #FFFFFF;
}
.btn-light, .btn-outline, .btn-secondary, .button-secondary,
button.secondary, .btn-ghost, .icon-button, .searchbar button {
  background: #FFFFFF;
  color: #382215;
  border-color: rgba(56,34,21,.22);
}
button:disabled, .btn:disabled, [aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}
button i, button svg, .btn i, .btn svg { flex: 0 0 auto; max-width: 1.25em; }
input, select, textarea {
  max-width: 100%;
  background: #FFFFFF;
  color: #382215;
  border-color: rgba(56,34,21,.28);
}
input:focus, select:focus, textarea:focus {
  border-color: #382215;
  outline-color: #382215;
  box-shadow: 0 0 0 3px rgba(56,34,21,.09);
}
:focus-visible { outline: 2px solid #382215; outline-offset: 2px; }
::selection { background: #382215; color: #FFFFFF; }

/* Tables: readable headings, clear rows, and mobile-safe horizontal scrolling. */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #382215;
  background: #FFFFFF;
  font-size: 13px;
}
thead th, table thead td, th {
  background: #382215;
  color: #FFFFFF;
  font-weight: 750;
  text-align: left;
  white-space: nowrap;
  border-color: rgba(255,255,255,.16);
}
th, td { padding: 12px 14px; border-bottom: 1px solid rgba(56,34,21,.13); vertical-align: middle; }
tbody tr:nth-child(even) { background: #FAF8F5; }
tbody tr:hover { background: #F5F0E9; }
td { overflow-wrap: anywhere; }
.table-container, .table-responsive, .table-wrap, .table-wrapper,
.data-table-wrapper, .overflow-x-auto, .table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-container table, .table-responsive table, .table-wrap table,
.table-wrapper table, .data-table-wrapper table, .table-scroll table {
  min-width: 620px;
}
.pagination, .pagination-controls, .table-actions, .form-actions,
.actions, .toolbar, .button-row, .filter-row, .tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pagination button, .pagination a, .tabs button, .tab, .filter-chip,
.chip, .tag, .badge {
  max-width: 100%;
}
.badge, .status-badge, .chip, .tag { display: inline-flex; align-items: center; gap: 5px; }
img, svg, video, canvas { max-width: 100%; }
[hidden] { display: none !important; }

@media (max-width: 720px) {
  .page, .main-content, .content-area, .dashboard-content, .admin-content, .seller-content {
    min-width: 0;
    max-width: 100%;
  }
  .table-container, .table-responsive, .table-wrap, .table-wrapper,
  .data-table-wrapper, .overflow-x-auto, .table-scroll { width: 100%; }
  th, td { padding: 10px 11px; }
  .form-actions, .actions, .toolbar, .button-row { flex-wrap: wrap; }
  .form-actions > button, .actions > button, .toolbar > button, .button-row > button {
    flex: 0 1 auto;
  }
  .btn, .button { max-width: 100%; }
}
/* Explicitly retain dark espresso for dark brand navigation and hero surfaces. */
.hero, .sidebar, .side-nav, .admin-sidebar, .seller-sidebar, .dashboard-sidebar {
  background-color: #382215;
  color: #FFFFFF;
}
.hero h1, .hero h2, .hero p, .hero a, .sidebar a, .side-nav a,
.admin-sidebar a, .seller-sidebar a, .dashboard-sidebar a { color: inherit; }


/* EKANNTO FINAL COLOR CONSISTENCY + COMPONENT POLISH */
:root{
 --brand-espresso:#382215;
 --brand-hover:#513321;
 --brand-soft:#F5F0E9;
 --page-white:#FFFFFF;
 --surface-white:#FFFFFF;
 --text-main:#382215;
 --text-muted:#705C4D;
 --border-soft:#E8E2D9;
 --border-strong:rgba(56,34,21,.24);
 --focus-soft:rgba(56,34,21,.12);
}
html,body{background:#FFFFFF!important;color:#382215}
body{color-scheme:light}
header,.header,.site-header,.topbar,.top-bar{background:#382215;color:#FFFFFF}
header a,.header a,.site-header a,.topbar a,.top-bar a{color:inherit}
main,.page,.page-content,.main-content,.content-area,.dashboard-content,.admin-content,.seller-content{background:transparent}
section,.section,.panel,.card,.content-card,.settings-card,.profile-card,.dashboard-card,.stat-card,.form-card,.modal-content,.dropdown-menu,.popover,.table-container{
 border-color:#E8E2D9;
}
input,select,textarea{background:#FFFFFF!important;color:#382215!important;border:1px solid rgba(56,34,21,.28)}
input::placeholder,textarea::placeholder{color:#8A7B6D;opacity:1}
button,.btn,.button,[role=button],input[type=submit],input[type=button]{
 min-width:0; max-width:100%; box-sizing:border-box; line-height:1.35;
}
.btn-primary,.button-primary,.primary-button,.primary-btn,button.primary,
button[type=submit],input[type=submit],[data-variant=primary]{
 background:#382215!important;color:#FFFFFF!important;border-color:#382215!important;
}
.btn-primary:hover,.button-primary:hover,.primary-button:hover,.primary-btn:hover,
button.primary:hover,button[type=submit]:hover,input[type=submit]:hover,[data-variant=primary]:hover{
 background:#513321!important;color:#FFFFFF!important;border-color:#513321!important;
}
.btn-outline,.btn-secondary,.button-secondary,.btn-ghost,.icon-button{
 background:#FFFFFF;color:#382215;border-color:rgba(56,34,21,.22);
}
.btn-outline:hover,.btn-secondary:hover,.button-secondary:hover,.btn-ghost:hover,.icon-button:hover{
 background:#F5F0E9;color:#382215;border-color:#382215;
}
a{color:#382215}a:hover{color:#513321}
.badge,.chip,.tag,.filter-chip{border-color:rgba(56,34,21,.20)}
.filter-chip.active,.tab.active,.active-tab,.nav-link.active,[aria-current=page]{
 background:#382215!important;color:#FFFFFF!important;border-color:#382215!important;
}
table{width:100%;border-collapse:separate;border-spacing:0;background:#FFFFFF;color:#382215}
thead th,table thead td,th{background:#382215;color:#FFFFFF}
td,th{border-color:#E8E2D9}
tbody tr:nth-child(even){background:#FAF8F5}
tbody tr:hover{background:#F5F0E9}
.table-container,.table-responsive,.table-wrap,.table-wrapper,.table-scroll,.overflow-x-auto{
 max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch
}
.table-container table,.table-responsive table,.table-wrap table,.table-wrapper table,.table-scroll table{min-width:600px}
.form-actions,.actions,.toolbar,.button-row,.pagination,.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:2px solid #382215;outline-offset:2px
}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:720px){
 .page,.main-content,.content-area,.dashboard-content,.admin-content,.seller-content{min-width:0;max-width:100%}
 .form-actions>button,.actions>button,.toolbar>button,.button-row>button{flex:0 1 auto}
 .table-container,.table-responsive,.table-wrap,.table-wrapper,.table-scroll{width:100%}
}


/* ==========================================================
   EKANNTO BUTTON + CONTROL LABEL VISIBILITY PATCH
   Keep labels readable while preserving icon-only controls.
   ========================================================== */
button, .btn, .button, .btn-primary, .button-primary, .primary-button,
.primary-btn, input[type="button"], input[type="submit"], input[type="reset"],
[role="button"], .form-actions button, .actions button, .toolbar button,
.pagination button, .tabs button, .tab, .filter-chip {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 650;
  text-indent: 0;
  letter-spacing: normal;
  text-transform: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  visibility: visible;
}
button, .btn, .button, [role="button"] { opacity: 1; }
button:not(:disabled), .btn:not(:disabled), .button:not(:disabled) {
  cursor: pointer;
}
button *, .btn *, .button *, [role="button"] * {
  visibility: visible;
  text-shadow: none;
}
button svg, button i, .btn svg, .btn i, .button svg, .button i {
  flex-shrink: 0;
}
button:empty, .btn:empty, .button:empty { 
  /* Empty icon-only controls remain visually distinct without inventing labels. */
  min-width: 38px;
}
button[aria-label]:empty, .icon-button:empty, .notification-button:empty {
  white-space: nowrap;
}
.btn-primary, .button-primary, .primary-button, .primary-btn,
button.primary, button[type="submit"], input[type="submit"],
[data-variant="primary"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: #382215 !important;
  border-color: #382215 !important;
}
.btn-primary *, .button-primary *, .primary-button *, .primary-btn *,
button.primary *, button[type="submit"] *, [data-variant="primary"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.btn-outline, .btn-secondary, .button-secondary, .btn-ghost,
.icon-button, .searchbar button, button.secondary {
  color: #382215;
  -webkit-text-fill-color: #382215;
  background-color: #FFFFFF;
}
.btn-outline *, .btn-secondary *, .button-secondary *, .btn-ghost *,
.icon-button *, .searchbar button *, button.secondary * {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
button:disabled, .btn:disabled, .button:disabled,
button[disabled], input[disabled] { opacity: .58; }
button .sr-only, .btn .sr-only, .button .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 480px) {
  button, .btn, .button, [role="button"], input[type="button"],
  input[type="submit"], input[type="reset"] {
    font-size: 13px;
    min-height: 38px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .icon-button, .notification-button, button.icon-only, .btn-icon {
    min-width: 36px;
    width: 38px;
    padding: 0;
    flex: 0 0 auto;
  }
}

/* ==========================================================
   EKANNTO FINAL UI REPAIR — HERO BANNERS + BUTTON GEOMETRY
   Overrides the earlier broad label patch where it caused
   oversized controls, wrapping, or stretched banner dots.
   ========================================================== */
:root{--coffee:#382215;--coffee-dark:#382215;--coffee-hover:#513321;--light:#F5F0E9;--line:#E7DED5;--ink:#382215;--muted:#76675D}

/* Predictable button sizing: never let long labels stretch controls. */
button,.btn,.button,.btn-primary,.btn-outline,.btn-light,.btn-secondary,
.button-primary,.button-secondary,.primary-button,.primary-btn,
input[type=button],input[type=submit],input[type=reset],[role=button]{
  box-sizing:border-box; font-family:inherit; font-size:14px; font-weight:700;
  line-height:1.25; letter-spacing:normal; text-indent:0; text-transform:none;
  min-width:0; max-width:100%; min-height:40px; height:auto; padding:10px 15px;
  white-space:normal; overflow-wrap:break-word; word-break:normal;
  text-align:center; vertical-align:middle; text-shadow:none;
  -webkit-text-fill-color:currentColor; opacity:1;
}
button *, .btn *, .button *, [role=button] *{max-width:100%; flex-shrink:0}
.btn,.button,a.btn,[role=button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn svg,.btn i,button svg,button i,.button svg,.button i{width:17px;height:17px;flex:0 0 17px}
button:focus-visible,.btn:focus-visible,a.btn:focus-visible,input:focus-visible{outline:3px solid #B99A7B;outline-offset:2px}
button:disabled,input:disabled{cursor:not-allowed;opacity:.55}

/* Primary and secondary contrast. */
.btn-primary,.button-primary,.primary-button,.primary-btn,button.primary,
button[type=submit],input[type=submit],[data-variant=primary]{
  background:#382215!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  border:1px solid #382215!important;box-shadow:0 3px 8px rgba(56,34,21,.12)
}
.btn-primary *,.button-primary *,.primary-button *,.primary-btn *,button.primary *,button[type=submit] *{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important
}
.btn-outline,.btn-secondary,.button-secondary,.btn-ghost,button.secondary{
  background:#FFFFFF!important;color:#382215!important;-webkit-text-fill-color:#382215!important;
  border:1px solid #CDBEAF!important
}
.btn-light{background:#FFFFFF!important;color:#382215!important;-webkit-text-fill-color:#382215!important;border-color:#FFFFFF!important}
.btn-outline *,.btn-secondary *,.button-secondary *,.btn-ghost *,.btn-light *{color:inherit!important;-webkit-text-fill-color:currentColor!important}
button:hover,.btn:hover,.button:hover{filter:brightness(.97)}

/* Icon-only controls should remain square, not turn into wide pills. */
.icon-button,.notification-button,.hamb,.btn-icon,button.icon-only,
.searchbar button,.home-searchbar button,.hero-dots button{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  min-width:0;min-height:0;white-space:nowrap;overflow:visible;overflow-wrap:normal;
}
.icon-button,.notification-button{width:42px;height:42px;padding:0;border-radius:12px;background:#FFFFFF;color:#382215;border:1px solid #E7DED5}
.hamb{width:42px;height:42px;padding:0}
.searchbar button,.home-searchbar button{width:38px;height:38px;padding:0;border-radius:9px;background:transparent;color:#382215;border:0}
button:empty{padding:0}

/* Hero banner: balanced desktop composition and safe mobile stacking. */
.hero,#homeHeroBanner,[class*=hero-banner],[class*=banner-hero]{
  position:relative;isolation:isolate;overflow:hidden;max-width:100%;
}
.hero,#homeHeroBanner{min-height:360px;border-radius:24px;background-color:#382215;color:#FFFFFF;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero:before,#homeHeroBanner:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(35,20,12,.92) 0%,rgba(56,34,21,.78) 52%,rgba(56,34,21,.25) 100%)}
.hero:after{pointer-events:none}
.hero-copy{min-width:0;max-width:600px}
.hero h1{max-width:100%;font-size:clamp(30px,4.6vw,58px);line-height:1.08;letter-spacing:-1.5px;overflow-wrap:break-word}
.hero-copy>p:not(.eyebrow){line-height:1.7;max-width:470px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-actions .btn{min-height:44px;padding:12px 18px;white-space:normal}
.hero-art{min-width:0;pointer-events:none}
.hero-tile{max-width:calc(100% - 8px)}
.hero-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;justify-content:center;align-items:center;gap:7px;pointer-events:auto}
.hero-dots button{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;max-width:8px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.55)!important;box-shadow:none!important;font-size:0!important;line-height:0!important;flex:0 0 8px!important}
.hero-dots button.active{width:22px!important;max-width:22px!important;background:#FFFFFF!important;flex-basis:22px!important}

/* Admin and seller hero headers keep their copy readable. */
.seller-hero{background:linear-gradient(125deg,#382215 0%,#513321 70%,#76553E 100%)!important;color:#FFFFFF!important;border-radius:20px;overflow:hidden}
.seller-hero h1,.seller-hero p,.seller-hero div{color:#FFFFFF}
.graphic-banner-card{background:linear-gradient(125deg,#382215,#513321)!important;color:#FFFFFF!important}

@media(max-width:720px){
  .hero,#homeHeroBanner{grid-template-columns:minmax(0,1fr);min-height:0;padding:28px 22px 48px;border-radius:18px;background-position:center}
  .hero:before,#homeHeroBanner:before{background:linear-gradient(180deg,rgba(35,20,12,.9),rgba(56,34,21,.82))}
  .hero-copy{max-width:100%}
  .hero h1{font-size:clamp(29px,8vw,42px);letter-spacing:-.8px;line-height:1.1;margin-bottom:14px}
  .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.65}
  .hero-actions{gap:10px;margin-top:20px}
  .hero-actions .btn{min-height:42px;padding:10px 13px;font-size:13px}
  .hero-stats{gap:12px;flex-wrap:wrap;margin-top:24px;padding-bottom:8px}
  .hero-stats span{min-width:0;flex:1 1 28%}
  .hero-stats b{font-size:11px}.hero-stats small{font-size:9px;line-height:1.4}
  .hero-art{display:none}
  .hero-dots{bottom:14px}
  button,.btn,.button,.btn-primary,.btn-outline,.btn-light,.btn-secondary,
  .button-primary,.button-secondary,.primary-button,.primary-btn,
  input[type=button],input[type=submit],input[type=reset],[role=button]{font-size:13px;min-height:38px;padding:9px 11px}
  .icon-button,.notification-button,.hamb{width:40px;height:40px;min-height:40px;padding:0}
  .searchbar button,.home-searchbar button{width:34px;height:34px;min-height:34px;padding:0}
}
@media(max-width:380px){
 .hero,#homeHeroBanner{padding:24px 16px 44px}
 .hero-actions{align-items:stretch}
 .hero-actions .btn{max-width:100%}
 .hero-stats{gap:8px}
}