/* Excel Herbal v1.5.35 — final mobile authority layer.
 * Purpose: one deterministic owner for mobile shell, commerce cards and touch UX.
 * Desktop is intentionally untouched. */

/* Accessibility utility must work everywhere, not only inside cart/checkout. */
.screen-reader-text:not(:focus):not(:active){
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important
}

.ehs-mobile-app-nav{display:none}

@media(max-width:760px){
 :root{--ehs-appbar-h:66px;--ehs-appnav-h:64px;--ehs-app-safe:env(safe-area-inset-bottom,0px)}
 html{overflow-x:hidden;scroll-padding-top:78px}
 body{overflow-x:hidden;padding-bottom:calc(var(--ehs-appnav-h) + var(--ehs-app-safe))}
 body.single-product.ehs-has-mobile-buybar{padding-bottom:88px!important}
 body.single-product,body.woocommerce-checkout{padding-bottom:0}

 /* Native-app-like top bar. */
 .ehs-announcement{display:none!important}
 .ehs-header{position:sticky!important;top:0!important;z-index:300!important;background:#fff!important;border-bottom:1px solid rgba(18,62,42,.09)!important;box-shadow:0 3px 16px rgba(18,62,42,.055)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate}
 .ehs-header-row{height:var(--ehs-appbar-h)!important;background:#fff!important}
 .ehs-brand{width:min(126px,calc(100vw - 208px))!important;max-width:126px!important;transform:translate(-50%,1px)!important}
 .ehs-brand-slot img,.ehs-brand-slot .ehs-logo-image{max-width:124px!important;max-height:47px!important}
 body .ehs-header .ehs-menu-toggle{width:46px!important;min-width:46px!important;height:46px!important;border-radius:15px!important;background:#fff!important}
 .ehs-tools{gap:1px!important;margin-right:0!important}
 .ehs-tools .ehs-tool{width:42px!important;min-width:42px!important;height:42px!important;background:#fff!important}
 .ehs-account-tool{display:none!important}
 .ehs-cart-count{font-size:9px!important;min-width:17px!important;height:17px!important}

 /* Search behaves like an app screen rather than a dropdown. */
 .ehs-search-panel{display:none!important;position:fixed!important;inset:0!important;z-index:520!important;padding:0!important;background:#fff!important;border:0!important;overflow:auto!important}
 .ehs-search-panel.is-open{display:block!important}
 .ehs-search-dialog{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:18px 16px calc(92px + var(--ehs-app-safe))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
 .ehs-search-head{position:sticky;top:0;z-index:2;margin:-18px -16px 16px!important;padding:16px;border-bottom:1px solid #e6ebe7;background:rgba(255,255,255,.98)}
 .ehs-search-head h2{font-size:24px!important;line-height:1.15!important}
 .ehs-search-close{width:44px!important;min-width:44px!important;height:44px!important}
 .ehs-search-dialog .ehs-global-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .ehs-search-dialog .ehs-global-search input,.ehs-search-dialog .ehs-global-search button{min-height:48px!important;width:100%!important}
 .ehs-search-dialog .ehs-search-suggestions{position:relative!important;top:auto!important;margin-top:8px!important;max-height:none!important;box-shadow:none!important}
 body.ehs-search-open{overflow:hidden!important}

 /* Bottom app navigation: persistent on normal mobile pages. */
 .ehs-mobile-app-nav{position:fixed;left:0;right:0;bottom:0;z-index:290;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--ehs-appnav-h) + var(--ehs-app-safe));padding:5px 6px var(--ehs-app-safe);border-top:1px solid rgba(18,62,42,.11);background:rgba(255,255,255,.985);box-shadow:0 -8px 28px rgba(18,62,42,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .ehs-mobile-app-item{position:relative;display:flex;min-width:0;min-height:54px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:3px 2px;border:0;background:transparent;color:#647068;font:inherit;font-size:10.5px;font-weight:750;line-height:1.1;text-align:center;cursor:pointer}
 .ehs-mobile-app-item.is-active{color:var(--ehs-green)}
 .ehs-mobile-nav-icon{position:relative;display:grid;place-items:center;width:26px;height:26px}
 .ehs-mobile-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .ehs-mobile-app-item.is-active .ehs-mobile-nav-icon:before{content:"";position:absolute;inset:-4px -7px;border-radius:12px;background:#edf6ef;z-index:-1}
 .ehs-mobile-nav-cart .ehs-cart-count{position:absolute!important;right:-7px!important;top:-5px!important;display:grid!important;place-items:center!important;background:var(--ehs-green)!important;color:#fff!important;box-shadow:0 0 0 2px #fff!important}
 body.single-product .ehs-mobile-app-nav,body.woocommerce-checkout .ehs-mobile-app-nav{display:none!important}
 body.ehs-menu-open .ehs-mobile-app-nav,body.ehs-search-open .ehs-mobile-app-nav{visibility:hidden}

 /* Global Woo list repair: no native bullets/dots on product grids. */
 .woocommerce ul.products,.woocommerce ul.products li.product,.ehs-woo ul.products,.ehs-woo ul.products li.product{list-style:none!important}
 .woocommerce ul.products li.product::marker,.ehs-woo ul.products li.product::marker{content:""!important;font-size:0!important}
 .woocommerce ul.products{padding-left:0!important}

 /* Product-card authority. */
 .ehs-card-compare{display:none!important}
 .ehs-product-card{min-width:0!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important}
 .ehs-product-media{aspect-ratio:1/1!important;padding:7px!important}
 .ehs-product-badges{left:8px!important;top:8px!important;gap:4px!important}
 .ehs-product-badge{min-height:24px!important;padding:0 8px!important;font-size:9px!important}
 .ehs-product-card .ehs-card-actions .ehs-card-wish{right:8px!important;top:8px!important;width:42px!important;min-width:42px!important;height:42px!important;font-size:18px!important}
 .ehs-product-copy{padding:11px 11px 12px!important;gap:5px!important}
 .ehs-product-category{min-height:15px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.08em!important}
 .ehs-product-copy h3{min-height:38px!important;margin:0!important;font-size:14px!important;line-height:1.32!important}
 .ehs-product-copy h3 a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
 .ehs-product-meta-row{min-height:20px!important;flex-direction:row!important;align-items:center!important}
 .ehs-stock{font-size:10.5px!important}
 .ehs-price{display:flex!important;align-items:baseline!important;gap:5px!important;min-height:25px!important;flex-wrap:wrap!important;font-size:15px!important;line-height:1.2!important}
 .ehs-price del,.ehs-price ins{display:inline!important;margin:0!important;white-space:nowrap!important}
 .ehs-card-actions{display:block!important;padding-top:5px!important}
 .ehs-card-actions>a.ehs-button{display:flex!important;width:100%!important;min-height:44px!important;padding-inline:8px!important;font-size:12px!important}

 /* Shop becomes a stable two-column app catalogue. */
 .ehs-commerce-section{padding-top:24px!important}
 .ehs-shop-tools{gap:11px!important;margin-bottom:18px!important}
 .ehs-category-chips{margin-inline:-14px!important;padding:0 14px 6px!important;scrollbar-width:none!important}
 .ehs-category-chips::-webkit-scrollbar{display:none!important}
 .ehs-discovery-shell{margin-bottom:16px!important}
 .ehs-discovery-topline{gap:9px!important}
 .ehs-discovery-result .woocommerce-result-count,.ehs-woo .woocommerce-result-count{font-size:13px!important}
 .ehs-js .ehs-mobile-discovery-actions{gap:8px!important}
 .ehs-discovery-trigger{min-height:46px!important;border-radius:14px!important;background:#fff!important;font-size:13px!important}
 .ehs-woo ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}
 .ehs-woo ul.products li.product{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important}

 /* Homepage merchandise keeps a clear next-card peek without oversized cards. */
 body.home .ehs-section .ehs-product-grid{gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important}
 body.home .ehs-section .ehs-product-grid>.ehs-product-card{flex:0 0 min(78vw,300px)!important;max-width:300px!important;scroll-snap-align:start!important}

 /* Product detail: purchase bar owns the bottom edge; reduce floating competition. */
 body.single-product .ehs-commerce-section{padding-top:20px!important;padding-bottom:124px!important}
 body.single-product .woocommerce div.product{gap:16px!important}
 body.single-product .woocommerce div.product .summary{padding:16px!important;border-radius:18px!important}
 body.single-product .woocommerce div.product .product_title{font-size:29px!important;line-height:1.1!important}
 body.single-product .ehs-mobile-buybar{z-index:340!important;padding:9px 10px max(9px,var(--ehs-app-safe))!important;background:#fff!important}
 body.single-product .ehs-mobile-buybar button{min-height:46px!important}
 body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs{padding-bottom:10px!important;scrollbar-width:thin!important;scrollbar-color:rgba(23,107,58,.28) transparent!important}
 body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:block!important;height:4px!important}
 body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-thumb{background:rgba(23,107,58,.28)!important;border-radius:999px!important}

 /* Cart / checkout use cards and full-width touch controls instead of desktop tables. */
 .ehs-commerce-flow-section{padding:18px 0 calc(34px + var(--ehs-app-safe))!important}
 .ehs-commerce-flow input:not([type=checkbox]):not([type=radio]),.ehs-commerce-flow select,.ehs-commerce-flow textarea{min-height:48px!important;font-size:16px!important}
 .ehs-commerce-flow .button,.ehs-commerce-flow button.button{min-height:46px!important}
 .ehs-commerce-flow .cart_totals,.ehs-commerce-flow #customer_details .col-1,.ehs-commerce-flow #customer_details .col-2,.ehs-commerce-flow #order_review{border-radius:18px!important;box-shadow:none!important}
 .ehs-checkout-steps{border-radius:14px!important}
 .ehs-checkout-steps span{font-size:11px!important}

 /* Account/customer care stays one-column with app-like horizontal secondary nav. */
 .ehs-account-guest-intro{border-radius:18px!important}
 .ehs-auth-switch{position:sticky;top:calc(var(--ehs-appbar-h) + 6px);z-index:5;background:#f3f7f4!important}
 .ehs-care-hub{scroll-snap-type:x proximity!important}
 .ehs-care-link{flex-basis:78vw!important;scroll-snap-align:start!important}

 /* Floating WhatsApp never competes with commerce controls. */
 .ehs-floating-whatsapp{right:12px!important;bottom:calc(var(--ehs-appnav-h) + var(--ehs-app-safe) + 14px)!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important}
 .ehs-floating-whatsapp span{display:none!important}
 body.single-product .ehs-floating-whatsapp,body.woocommerce-page .ehs-floating-whatsapp{display:none!important}

 /* App feedback toast. */
 .ehs-mobile-toast{position:fixed;left:50%;bottom:calc(var(--ehs-appnav-h) + var(--ehs-app-safe) + 14px);z-index:600;transform:translate(-50%,18px);display:flex;align-items:center;gap:7px;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:999px;background:#143d2a;color:#fff;box-shadow:0 12px 34px rgba(7,28,19,.22);font-size:12px;font-weight:800;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
 .ehs-mobile-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
 body.single-product .ehs-mobile-toast{bottom:84px}
}

@media(max-width:390px){
 .ehs-container{width:min(calc(100% - 20px),var(--ehs-width))!important}
 .ehs-woo ul.products{gap:8px!important}
 .ehs-product-media{padding:5px!important}
 .ehs-product-copy{padding:10px 9px 11px!important}
 .ehs-product-copy h3{font-size:13.3px!important;min-height:36px!important}
 .ehs-product-category{font-size:9.5px!important}
 .ehs-price{font-size:14px!important}
 .ehs-card-actions>a.ehs-button{font-size:11.5px!important}
 body.home .ehs-section .ehs-product-grid>.ehs-product-card{flex-basis:min(82vw,292px)!important}
 .ehs-mobile-app-item{font-size:10px}
}
