/*
Theme Name: GramBazar • Final 4-Column Desktop / 2-Column Mobile
Author: Signtech
Description: Professional WooCommerce grocery storefront closely following the supplied reference layout, with original Signtech branding and editable controls.
Version: 1.0.0
Text Domain: grambazar-final-grid
*/
:root{--st-green:#0B5D1E;--st-green-dark:#064E1B;--st-light:#F3F8F2;--st-accent:#FFB52E;--st-text:#1c2620;--st-muted:#6d7771;--st-border:#dfe6e1;--st-radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--st-text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 20px));margin:auto}
.st-topbar{display:none}
.st-header{background:#fff;border-bottom:1px solid #e6ebe7;position:relative;z-index:100}
.st-desktop-head{display:grid;grid-template-columns:240px 1fr 230px;align-items:center;gap:24px;min-height:82px}
.st-brand{display:flex;align-items:center;gap:10px;color:var(--st-green);font-weight:800;font-size:27px}
.st-brand-mark{width:45px;height:45px;border-radius:12px;background:var(--st-green);color:#fff;display:grid;place-items:center}
.st-brand small{display:block;color:#8b948f;font-size:10px;letter-spacing:2px;font-weight:700;margin-top:0}
.st-actions{display:flex;justify-content:flex-end;gap:20px}
.st-action{display:flex;align-items:center;gap:6px;font-weight:700;color:#36403b;position:relative}
.st-icon{width:25px;height:25px;display:block}
.st-count{position:absolute;right:-10px;top:-9px;background:var(--st-green);color:#fff;min-width:18px;height:18px;border-radius:50%;font-size:11px;display:grid;place-items:center}
.st-search-row{padding:10px 0;border-top:1px solid #f2f4f2;border-bottom:1px solid #e7ece8}
.st-search{height:44px;display:flex;border:2px solid var(--st-green);border-radius:6px;overflow:hidden;background:#fff}
.st-search input{flex:1;border:0;outline:0;padding:0 18px;font-size:16px}
.st-search button{width:58px;border:0;background:var(--st-green);color:#fff;display:grid;place-items:center}
.st-nav{border-bottom:1px solid #e8ede9}
.st-nav .container{display:flex;align-items:center;gap:24px;min-height:48px}
.st-cat-btn{background:var(--st-green);color:#fff;border:0;border-radius:6px;padding:11px 18px;font-weight:800;cursor:pointer}
.st-nav a{font-size:14px;font-weight:700;color:#3d4741}
.st-mobile-head{display:none}
.st-mobile-search{display:none}

.st-main{padding-top:14px}
.st-hero{margin:0 0 20px}
.st-hero-banner{min-height:300px;border-radius:12px;overflow:hidden;background:linear-gradient(110deg,#0b7216,#2d9c34 60%,#b5d89d);position:relative;display:flex;align-items:center}
.st-hero-banner.has-image{background-size:cover;background-position:center}
.st-hero-copy{padding:36px 42px;color:#fff;max-width:620px}
.st-hero-copy .eyebrow{font-weight:800;font-size:14px;letter-spacing:1px}
.st-hero-copy h1{font-size:clamp(32px,5vw,54px);line-height:1.02;margin:8px 0 12px}
.st-hero-copy p{font-size:16px;max-width:500px;margin:0 0 20px}
.st-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:6px;font-weight:800;border:0}
.st-btn-white{background:#fff;color:var(--st-green)}
.st-btn-green{background:var(--st-green);color:#fff}
.st-section{margin:28px 0}
.st-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.st-section-head h2{font-size:27px;margin:0;font-weight:800}
.st-view{color:var(--st-green);font-weight:800}
.st-slider{position:relative}
.st-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 8px}
/* v16 carousel fix: product cards must keep their width instead of shrinking into vertical strips */
.st-track > .st-card{flex:0 0 calc((100% - (var(--st-product-desktop,4) - 1)*14px)/var(--st-product-desktop,4));min-width:0}
.st-track > .st-category{flex-shrink:0}
.st-track::-webkit-scrollbar{display:none}
.st-arrow{position:absolute;top:45%;transform:translateY(-50%);width:38px;height:38px;border:2px solid var(--st-green);background:#fff;color:var(--st-green);border-radius:6px;z-index:2;display:grid;place-items:center;cursor:pointer;font-size:24px}
.st-prev{left:-10px}.st-next{right:-10px}
.st-dots{display:flex;justify-content:center;gap:8px;margin-top:5px}.st-dot{width:10px;height:10px;border-radius:50%;background:#cbd1cd}.st-dot.active{background:#111}
.st-category{flex:0 0 220px;border:1px solid #d9dfda;border-radius:7px;background:#fff;padding:14px;text-align:center}
.st-category img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#f2f6f2}
.st-category strong{display:block;font-size:18px;color:#28482d;margin-top:10px}
.st-products .st-card{flex:0 0 calc(25% - 11px);min-width:220px}
.st-card{border:1px solid #d9e0db;border-radius:7px;overflow:hidden;background:#fff;position:relative}
.st-card-media{position:relative;background:#f9fbf9}
.st-card-media img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block}
.st-badge{position:absolute;top:12px;left:12px;background:var(--st-green);color:#fff;padding:7px 11px;border-radius:5px;font-weight:800;font-size:13px;z-index:2}
.st-card-body{padding:12px}
.st-card-title{font-weight:750;display:block;min-height:44px}
.st-price{color:#222;font-size:18px;font-weight:850;margin-top:6px}.st-old{color:#909993;text-decoration:line-through;font-size:13px;margin-left:5px}
.st-card .button{width:100%;background:var(--st-green);color:#fff;border:0;border-radius:5px;padding:10px;margin-top:9px;font-weight:800}
.st-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.st-promo{min-height:210px;border-radius:10px;padding:24px;display:flex;align-items:end;color:#fff;background:linear-gradient(135deg,#0d7217,#5aaa55)}
.st-promo:nth-child(2){background:linear-gradient(135deg,#7f5311,#e6a43a)}.st-promo:nth-child(3){background:linear-gradient(135deg,#155e52,#5eaa9a)}
.st-promo h3{font-size:25px;margin:5px 0}.st-promo p{margin:0 0 12px}
.st-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}
.st-feature{padding:10px 0;display:flex;gap:12px;align-items:center}
.st-feature-icon{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--st-primary) 8%,var(--st-surface));color:var(--st-green);display:grid;place-items:center;flex:none}
.st-feature strong{display:block;font-size:16px}.st-feature span{display:block;color:#66716b;font-size:12px}
.st-footer{background:#f8faf8;border-top:1px solid #e0e7e1;margin-top:40px}
.st-footer .container{padding:40px 0}.st-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.st-footer h3{margin:0 0 12px}.st-footer a{display:block;margin:7px 0;color:#55615a;font-size:14px}
.st-bottom{border-top:1px solid #e0e6e1;padding:15px 0;color:#707a74;font-size:13px}
.st-drawer{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;opacity:0;pointer-events:none;transition:.2s}.st-drawer.open{opacity:1;pointer-events:auto}
.st-drawer-panel{width:min(360px,88vw);height:100%;background:#fff;padding:20px;transform:translateX(-100%);transition:.25s}.st-drawer.open .st-drawer-panel{transform:none}
.st-drawer-head{display:flex;justify-content:space-between;align-items:center}.st-drawer a{display:block;padding:12px 0;border-bottom:1px solid #e7ece8;font-weight:700}
.woocommerce .site-main,.woocommerce-page .site-main{padding:25px 0}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--st-green);color:#fff;border-radius:5px;border:0}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid #d9e0db;border-radius:5px;padding:11px}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:#fff;border:1px solid #dfe5e0;border-radius:8px;padding:18px}
.st-mobile-bottom{display:none}
@media(max-width:900px){
 .container{width:calc(100% - 20px)}
 .st-desktop-head,.st-nav{display:none}
 .st-mobile-head{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:68px}
 .st-mobile-menu,.st-mobile-cart{border:0;background:none;display:grid;place-items:center;color:#111;position:relative}
 .st-mobile-menu svg,.st-mobile-cart svg{width:34px;height:34px}
 .st-mobile-brand{justify-self:center;display:flex;align-items:center;gap:8px;color:var(--st-green);font-weight:800;font-size:22px}
 .st-mobile-brand .st-brand-mark{width:40px;height:40px}
 .st-mobile-brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#7a837e}
 .st-mobile-search{display:block;padding:10px 0 12px;border-top:1px solid #eef1ee;border-bottom:1px solid #e4e9e5}
 .st-mobile-search .st-search{height:44px}
 .st-main{padding-top:10px}
 .st-hero-banner{min-height:275px;border-radius:10px}
 .st-hero-copy{padding:25px 24px}.st-hero-copy h1{font-size:38px}
 .st-section{margin:25px 0}.st-section-head h2{font-size:25px}
 .st-category{flex:0 0 calc((100% - 28px)/3);padding:9px}.st-category strong{font-size:15px}
 .st-products .st-card{flex:0 0 calc((100% - 14px)/2);min-width:0}
 .st-track > .st-card{flex-basis:calc((100% - (var(--st-product-mobile,2) - 1)*14px)/var(--st-product-mobile,2));flex-shrink:0;min-width:0}

 .st-card-title{font-size:14px}.st-price{font-size:16px}.st-badge{font-size:12px;top:9px;left:9px}
 .st-arrow{width:36px;height:36px}.st-prev{left:0}.st-next{right:0}
 .st-promo-grid{grid-template-columns:1fr;overflow:hidden}.st-promo{min-height:190px}
 .st-features{grid-template-columns:repeat(2,1fr);gap:20px}
 .st-footer-grid{grid-template-columns:repeat(2,1fr)}
 .st-mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe5e0;z-index:200;padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.08)}
 .st-mobile-bottom a{text-align:center;color:#6b766f;font-size:11px;font-weight:800}.st-mobile-bottom a.active{color:var(--st-green)}
 .st-mobile-bottom svg{display:block;margin:auto;width:27px;height:27px;margin-bottom:2px}body{padding-bottom:70px}
}
@media(max-width:560px){
 .st-hero-copy{padding:24px 22px}.st-hero-copy h1{font-size:34px}
 .st-category{flex-basis:calc((100% - 20px)/3)}
 .st-footer-grid{grid-template-columns:1fr}
 .st-features{gap:12px}.st-feature{align-items:flex-start}.st-feature strong{font-size:14px}
}

.st-logo-img{max-height:52px;width:auto;display:block;object-fit:contain}
.st-header .st-brand>span:last-child{display:flex;flex-direction:column}
.st-mobile-brand .st-logo-img{max-height:42px}
.st-main{background:var(--st-bg)}
.st-checkout-extra{grid-template-columns:1fr 1fr}
@media(max-width:560px){.st-logo-img{max-height:42px}.st-checkout-extra{grid-template-columns:1fr}}

/* Signtech v11 professional refinements */
.st-hero-banner{height:var(--st-hero-h,290px);min-height:0;background-size:cover;background-position:center;border-radius:16px;overflow:hidden;display:flex;align-items:center}
.st-hero-copy{padding:28px 42px;max-width:760px}
.st-logo-img{max-height:58px;width:auto;display:block}
.st-mobile-menu-btn .st-icon{width:22px;height:22px}
.st-cat-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.st-icon-button{background:transparent;border:0;cursor:pointer;color:var(--st-text);padding:5px;display:grid;place-items:center}
.st-icon-button .st-icon{width:22px;height:22px}
.st-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.st-add-wrap{min-width:0}
.st-product-actions .st-add-btn,
.st-product-actions .st-order-btn{width:100%;margin:0!important;min-height:42px;display:flex;align-items:center;justify-content:center;padding:9px 8px;border-radius:8px;font-weight:800;font-size:13px;text-align:center;text-decoration:none;line-height:1.2}
.st-product-actions .st-add-btn{background:var(--st-primary);color:#fff}
.st-product-actions .st-order-btn{background:var(--st-accent);color:#fff}
.st-product-actions .disabled{opacity:.65;cursor:not-allowed}
.st-card-title{line-height:1.35}
.st-card-media{border-bottom:1px solid #eef2f0}
.st-hero .eyebrow{font-size:14px;font-weight:850;letter-spacing:1.3px}
.st-hero-copy h1{max-width:650px}
.st-arrow{width:40px;height:40px;border:1px solid var(--st-border);background:#fff;border-radius:10px;color:var(--st-primary);font-size:28px;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.st-arrow:hover{background:var(--st-primary);color:#fff}
.st-slider{position:relative}
.st-slider .st-track{padding-left:2px;padding-right:2px}
.st-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.st-promo{min-height:190px}
@media(max-width:900px){
 .st-hero-banner{height:var(--st-hero-mobile-h,220px);border-radius:14px}
 .st-hero-copy{padding:20px 24px}
 .st-hero-copy h1{font-size:34px;margin:7px 0}
 .st-hero-copy p{font-size:14px;margin:6px 0 14px}
 .st-card{flex-basis:calc((100% - 14px)/var(--st-product-mobile,2))}
}
@media(max-width:560px){
 .st-head-row{grid-template-columns:auto 1fr auto}
 .st-mobile-menu-btn{padding:9px 10px}
 .st-mobile-menu-btn .desktop-only{display:none}
 .st-brand{justify-self:center}
 .st-logo-img{max-height:44px;max-width:170px}
 .st-hero-banner{height:var(--st-hero-mobile-h,220px)}
 .st-hero-copy{padding:18px 20px}
 .st-hero-copy h1{font-size:30px}
 .st-hero-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .st-promo-grid{grid-template-columns:1fr}
 .st-product-actions{grid-template-columns:1fr 1fr}
}
@media(min-width:901px){
 .st-card{flex-basis:calc((100% - (var(--st-product-desktop,4) - 1)*14px)/var(--st-product-desktop,4))}
}

.st-arrow .st-icon{width:21px;height:21px}.st-chevron-next{transform:rotate(180deg)}

.signtech-hide-arrows .st-arrow{display:none!important}.signtech-hide-dots .st-dots{display:none!important}

/* v12 premium design system */
:root{
 --st-muted:#64748b;
 --st-surface:#fff;
 --st-border:#e5e7eb;
 --st-header-bg:#fff;
 --st-footer-bg:#0f172a;
 --st-shadow:0 10px 30px rgba(15,23,42,.07);
}
body{background:var(--st-bg);color:var(--st-text)}
.st-header{background:var(--st-header-bg)}
.st-topbar{background:var(--st-primary-dark)}
.st-card,.st-category,.st-feature,.st-checkout-extra>div{background:var(--st-surface);border-color:var(--st-border)}
.st-footer{background:var(--st-footer-bg)}
.st-card,.st-category,.st-feature{border-radius:var(--st-card-radius);box-shadow:var(--st-shadow)}
.st-section{padding-top:var(--st-section-gap);padding-bottom:calc(var(--st-section-gap) * .5)}
.st-card-title{font-size:var(--st-product-title)}
.st-card-media img{height:var(--st-card-image-h);aspect-ratio:auto;object-fit:contain}
.st-btn,.st-product-actions .st-add-btn,.st-product-actions .st-order-btn,.st-cat-btn,.st-search,.st-search button{border-radius:var(--st-button-radius)}
.st-search{height:var(--st-search-h)}
.st-head-row{min-height:var(--st-header-h)}
.st-hero-copy h1{font-size:var(--st-hero-title)}
.st-section-head h2{letter-spacing:-.02em}
.st-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
.st-category{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.st-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(15,23,42,.13);border-color:color-mix(in srgb,var(--st-primary) 28%,var(--st-border))}
.st-category:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(15,23,42,.10)}
.st-card-media img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.st-card:hover .st-card-media img{transform:scale(1.045)}
.st-product-actions .st-add-btn,.st-product-actions .st-order-btn{transition:transform .18s,filter .18s,box-shadow .18s}
.st-product-actions .st-add-btn:hover,.st-product-actions .st-order-btn:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 7px 16px rgba(15,23,42,.13)}
.st-product-actions .st-add-btn:active,.st-product-actions .st-order-btn:active{transform:translateY(0) scale(.97)}
.st-order-btn{background:var(--st-accent)}
.st-add-btn.loading{opacity:.7;pointer-events:none}
.st-cart-fly{position:fixed;z-index:100000;pointer-events:none;border-radius:12px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:transform .65s cubic-bezier(.45,-.05,.2,1),opacity .65s}
.st-cart-pulse{animation:stCartPulse .42s ease-out}
@keyframes stCartPulse{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}
.st-added-flash{animation:stAddedFlash .55s ease-out}
@keyframes stAddedFlash{0%{box-shadow:0 0 0 0 rgba(79,70,229,.45)}100%{box-shadow:0 0 0 13px rgba(79,70,229,0)}}
.st-arrow{border-radius:var(--st-button-radius);color:var(--st-primary)}
.st-promo{border-radius:var(--st-card-radius);box-shadow:var(--st-shadow)}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}
.signtech-reduce-motion *, .signtech-reduce-motion *::before, .signtech-reduce-motion *::after{animation:none!important;transition:none!important}

.st-icon{width:var(--st-icon-size);height:var(--st-icon-size)}
.st-category{flex-basis:var(--st-category-width)}
.st-hero-banner{border-radius:var(--st-hero-radius)}
.st-footer .container{padding-top:var(--st-footer-pad);padding-bottom:var(--st-footer-pad)}
.st-mobile-bottom{min-height:var(--st-mobile-nav-height)}

/* v13 Luxe Forest + Gold Motion System */
:root{
 --st-primary:#0B6B5A;
 --st-primary-dark:#063F36;
 --st-accent:#C99A2E;
 --st-text:#15221F;
 --st-muted:#6B7A75;
 --st-bg:#F7FAF8;
 --st-surface:#FFFFFF;
 --st-border:#E3ECE8;
 --st-header-bg:#FFFFFF;
 --st-footer-bg:#0B211D;
 --st-luxe-shadow:0 14px 38px rgba(6,63,54,.09);
}
body{background:var(--st-bg)}
.st-topbar{background:linear-gradient(90deg,var(--st-primary-dark),var(--st-primary))}
.st-header{background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(12px)}
.st-brand,.st-action,.st-view{transition:color .25s ease}
.st-brand:hover,.st-action:hover,.st-view:hover{color:var(--st-primary)}
.st-brand-mark{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.st-brand:hover .st-brand-mark{transform:rotate(-3deg) scale(1.05);box-shadow:0 9px 20px rgba(11,107,90,.18)}
.st-logo-img{transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s}
.st-brand:hover .st-logo-img{transform:translateY(-1px) scale(1.025)}
.st-search{box-shadow:0 2px 0 rgba(6,63,54,.02);transition:border-color .25s,box-shadow .25s,transform .25s}
.st-search:focus-within{border-color:var(--st-primary);box-shadow:0 0 0 4px rgba(11,107,90,.09);transform:translateY(-1px)}
.st-search button{transition:filter .2s,transform .2s}
.st-search button:hover{filter:brightness(1.06);transform:scale(1.035)}
.st-cat-btn{box-shadow:0 7px 18px rgba(6,63,54,.12);transition:transform .22s,box-shadow .22s,filter .22s}
.st-cat-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(6,63,54,.17);filter:brightness(1.03)}
.st-hero-banner{box-shadow:0 20px 50px rgba(6,63,54,.12);overflow:hidden}
.st-hero-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.11) 50%,transparent 70%);transform:translateX(-120%);animation:stSheen 8s ease-in-out infinite}
.st-hero-banner{position:relative}
.st-hero-copy{position:relative;z-index:1}
@keyframes stSheen{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
.st-hero-copy .eyebrow{animation:stFadeUp .7s .05s both}
.st-hero-copy h1{animation:stFadeUp .75s .12s both}
.st-hero-copy p{animation:stFadeUp .75s .2s both}
.st-hero-copy .st-btn{animation:stFadeUp .75s .28s both}
@keyframes stFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.st-section{animation:stSectionIn .7s both}
@keyframes stSectionIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.st-card,.st-category,.st-feature,.st-promo{box-shadow:var(--st-luxe-shadow)}
.st-card{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .3s}
.st-category{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s}
.st-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(6,63,54,.15);border-color:rgba(11,107,90,.26)}
.st-category:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 20px 42px rgba(6,63,54,.13)}
.st-card-media{overflow:hidden}
.st-card-media img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s}
.st-card:hover .st-card-media img{transform:scale(1.055);filter:saturate(1.04)}
.st-badge{background:linear-gradient(135deg,var(--st-primary),var(--st-primary-dark));box-shadow:0 6px 16px rgba(6,63,54,.16)}
.st-price{color:var(--st-primary)}
.st-product-actions .st-add-btn,.st-product-actions .st-order-btn{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .22s}
.st-product-actions .st-add-btn:before,.st-product-actions .st-order-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.23) 48%,transparent 76%);transform:translateX(-120%);transition:transform .55s}
.st-product-actions .st-add-btn:hover:before,.st-product-actions .st-order-btn:hover:before{transform:translateX(120%)}
.st-product-actions .st-add-btn:hover,.st-product-actions .st-order-btn:hover{transform:translateY(-3px);box-shadow:0 11px 22px rgba(6,63,54,.16)}
.st-product-actions .st-add-btn:active,.st-product-actions .st-order-btn:active{transform:translateY(0) scale(.96)}
.st-product-actions .st-order-btn{background:linear-gradient(135deg,#D3A638,#B88718)}
.st-product-actions .st-add-btn{background:linear-gradient(135deg,var(--st-primary),var(--st-primary-dark))}
.st-feature{transition:transform .3s,box-shadow .3s}
.st-feature:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(6,63,54,.11)}
.st-feature-icon{transition:transform .3s,background .3s}
.st-feature:hover .st-feature-icon{transform:scale(1.08) rotate(-2deg);background:#E7F3EF}
.st-arrow{transition:transform .22s,background .22s,color .22s,box-shadow .22s}
.st-arrow:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(6,63,54,.12)}
.st-promo{transition:transform .35s,box-shadow .35s}
.st-promo:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(6,63,54,.13)}
.st-promo .st-btn,.st-btn-white{transition:transform .22s,box-shadow .22s}
.st-promo .st-btn:hover,.st-btn-white:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(6,63,54,.12)}
.st-cart-fly{border:2px solid rgba(201,154,46,.75);box-shadow:0 18px 42px rgba(6,63,54,.2);will-change:transform,opacity}
.st-cart-pulse{animation:stCartPulseLuxe .55s cubic-bezier(.2,.8,.2,1)}
@keyframes stCartPulseLuxe{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(201,154,46,0))}35%{transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(201,154,46,.42))}70%{transform:scale(.96)}100%{transform:scale(1);filter:none}}
.st-added-flash{animation:stAddedFlashLuxe .65s ease-out}
@keyframes stAddedFlashLuxe{0%{box-shadow:0 0 0 0 rgba(201,154,46,.48)}100%{box-shadow:0 0 0 15px rgba(201,154,46,0)}}
.st-count{background:var(--st-accent);box-shadow:0 3px 9px rgba(201,154,46,.3);transition:transform .2s}
.st-drawer{backdrop-filter:blur(3px)}
.st-drawer-panel{box-shadow:12px 0 40px rgba(6,63,54,.14)}
.st-drawer-panel a{transition:padding-left .2s,color .2s}
.st-drawer-panel a:hover{padding-left:7px;color:var(--st-primary)}
.st-mobile-bottom a{transition:transform .2s,color .2s}
.st-mobile-bottom a:hover,.st-mobile-bottom a.active{color:var(--st-primary)}
.st-mobile-bottom a:active{transform:scale(.94)}
.st-footer a{transition:color .2s,transform .2s}
.st-footer a:hover{color:#fff;transform:translateX(3px)}
.st-no-hover-motion .st-card:hover,.st-no-hover-motion .st-category:hover,.st-no-hover-motion .st-feature:hover,.st-no-hover-motion .st-promo:hover{transform:none;box-shadow:var(--st-luxe-shadow)}
.st-no-hover-motion .st-card:hover .st-card-media img{transform:none}
.st-no-reveal .st-section,.st-no-reveal .st-hero-copy>*{animation:none}

/* Motion intensity presets */
:root{--st-motion:1}
html[data-motion="subtle"]{--st-motion:.65}
html[data-motion="premium"]{--st-motion:1}
html[data-motion="dynamic"]{--st-motion:1.25}
.st-card,.st-category,.st-feature,.st-promo{transition-duration:calc(.32s * var(--st-motion))}
.st-card-media img{transition-duration:calc(.48s * var(--st-motion))}
.st-hero-banner:after{animation-duration:calc(8s / var(--st-motion))}
.st-section{animation-duration:calc(.7s / var(--st-motion))}

/* v14 Premium Emerald + Champagne finishing layer */
:root{
  --st-green:var(--st-primary);
  --st-green-dark:var(--st-primary-dark);
  --st-light:color-mix(in srgb,var(--st-primary) 7%,var(--st-bg));
  --st-logo-color:var(--st-primary);
  --st-logo-mark:var(--st-primary);
  --st-search-color:var(--st-primary);
  --st-search-icon:#fff;
  --st-menu-color:var(--st-primary);
  --st-nav-color:var(--st-text);
  --st-cart-icon:var(--st-primary);
}
body{background:var(--st-bg);color:var(--st-text)}
.st-header{background:color-mix(in srgb,var(--st-header-bg) 94%,transparent);border-bottom-color:var(--st-border)}
.st-brand,.st-logo-link{color:var(--st-logo-color)}
.st-brand-mark{background:linear-gradient(145deg,var(--st-logo-mark),var(--st-primary-dark));box-shadow:0 9px 24px color-mix(in srgb,var(--st-logo-mark) 20%,transparent)}
.st-action{color:var(--st-text)}
.st-cart>.st-icon,.st-mobile-cart>.st-icon{color:var(--st-cart-icon)}
.st-mobile-menu>.st-icon{color:var(--st-menu-color)}
.st-search{border-color:var(--st-search-color);background:var(--st-surface);box-shadow:0 8px 26px color-mix(in srgb,var(--st-primary-dark) 7%,transparent)}
.st-search button{background:linear-gradient(145deg,var(--st-search-color),var(--st-primary-dark));color:var(--st-search-icon)}
.st-search button .st-icon{color:var(--st-search-icon)}
.st-nav{border-bottom-color:var(--st-border);background:var(--st-header-bg)}
.st-nav a{color:var(--st-nav-color)}
.st-cat-btn{background:linear-gradient(145deg,var(--st-primary),var(--st-primary-dark))}
.st-hero-banner{background:linear-gradient(115deg,var(--st-primary-dark) 0%,var(--st-primary) 58%,color-mix(in srgb,var(--st-accent) 38%,var(--st-primary)) 100%)}
.st-badge{background:linear-gradient(135deg,var(--st-primary),var(--st-primary-dark))}
.st-price{color:var(--st-primary)}
.st-product-actions .st-order-btn{background:linear-gradient(135deg,var(--st-accent),color-mix(in srgb,var(--st-accent) 72%,#8a641f))}
.st-product-actions .st-add-btn{background:linear-gradient(135deg,var(--st-primary),var(--st-primary-dark))}
.st-count{background:var(--st-accent);color:#13211d}
.st-mobile-bottom{background:var(--st-surface);border-top-color:var(--st-border)}
.st-mobile-bottom a:hover,.st-mobile-bottom a.active{color:var(--st-primary)}
.st-drawer-panel{background:var(--st-surface);color:var(--st-text)}
.st-drawer-head{border-bottom-color:var(--st-border)}
.st-drawer-head button{color:var(--st-primary)}
.st-drawer-title{color:var(--st-primary);border-top:1px solid var(--st-border);margin-top:10px;padding-top:16px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.1px}
.st-drawer-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}
.st-drawer-quick a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 11px!important;border:1px solid var(--st-border);border-radius:12px;background:color-mix(in srgb,var(--st-primary) 3%,var(--st-surface));font-weight:800}
.st-drawer-quick a .st-icon{width:19px;height:19px;color:var(--st-primary);flex:none}
.st-drawer-quick a:hover{padding-left:11px!important;border-color:color-mix(in srgb,var(--st-primary) 28%,var(--st-border));background:color-mix(in srgb,var(--st-primary) 7%,var(--st-surface))}
.st-drawer-count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--st-accent);font-size:10px;color:#13211d}
.st-drawer-category{border-bottom:1px solid color-mix(in srgb,var(--st-border) 72%,transparent);padding:11px 4px!important}
.st-drawer-category:hover{padding-left:10px!important}
.st-footer{background:var(--st-footer-bg)}

/* Refined icon micro-interactions */
.st-brand-mark .st-icon,.st-action .st-icon,.st-mobile-cart .st-icon,.st-mobile-menu .st-icon,.st-search button .st-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s,color .28s}
.st-logo-link:hover .st-brand-mark .st-icon{transform:rotate(-6deg) scale(1.08)}
.st-action:hover .st-icon{transform:translateY(-2px) scale(1.06)}
.st-cart:hover .st-icon,.st-mobile-cart:hover .st-icon{transform:translateY(-2px) rotate(-5deg) scale(1.08)}
.st-search button:hover .st-icon{transform:scale(1.08) rotate(-4deg)}
.st-mobile-menu:hover .st-icon{transform:scale(1.08)}

/* v15 Premium Hero Product Stack + Footer refinement */
.st-hero-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:26px;align-items:center;padding-right:34px}
.st-hero-products{position:relative;height:218px;max-width:430px;width:100%;justify-self:end;perspective:900px}
.st-hero-product{position:absolute;inset:8px 0 auto auto;width:min(100%,400px);min-height:142px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.96);color:#17322c;text-decoration:none;box-shadow:0 20px 45px rgba(2,32,26,.22);backdrop-filter:blur(12px);transform-origin:right center;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;z-index:3}
.st-hero-product.is-active{transform:translate3d(0,0,0) scale(1);opacity:1;filter:none;z-index:3}
.st-hero-product.is-behind-1{transform:translate3d(-12px,18px,-35px) scale(.95);opacity:.78;z-index:2}
.st-hero-product.is-behind-2{transform:translate3d(-24px,36px,-70px) scale(.90);opacity:.45;z-index:1}
.st-hero-product.is-hidden-stack{transform:translate3d(-34px,52px,-100px) scale(.84);opacity:0;z-index:0;pointer-events:none}
.st-hero-product:hover{transform:translate3d(-6px,-4px,0) scale(1.015)!important;box-shadow:0 25px 55px rgba(2,32,26,.28)}
.st-hero-product-image{width:84px;height:84px;flex:none;border-radius:16px;background:#eef5f2;display:grid;place-items:center;overflow:hidden;color:var(--st-primary);font-size:26px;font-weight:900}
.st-hero-product-image img{width:100%;height:100%;object-fit:contain;padding:7px;transition:transform .5s ease}
.st-hero-product:hover .st-hero-product-image img{transform:scale(1.07)}
.st-hero-product-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.st-hero-product-info small{font-size:10px;letter-spacing:1.3px;font-weight:900;color:var(--st-primary)}
.st-hero-product-info strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-hero-product-info>span{font-size:14px;font-weight:850;color:#8b681d}
.st-hero-product-info del{opacity:.55;margin-right:5px}.st-hero-product-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--st-primary);color:#fff;font-size:18px;flex:none;transition:transform .3s,background .3s}
.st-hero-product:hover .st-hero-product-arrow{transform:translateX(3px) scale(1.06);background:var(--st-accent);color:#17322c}
.st-hero-empty{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;filter:none!important}

.st-footer{background:linear-gradient(145deg,#043D15 0%,#064E1B 55%,#0A6B22 100%);border-top:1px solid rgba(214,179,106,.28);color:#eaf2ef;position:relative;overflow:hidden}
.st-footer:before{content:"";position:absolute;inset:auto -10% -70px auto;width:360px;height:180px;border-radius:50%;background:rgba(214,179,106,.08);filter:blur(2px);pointer-events:none}
.st-footer .container{position:relative;z-index:1}
.st-footer-grid{gap:34px}
.st-footer h3{color:#fff;font-size:15px;font-weight:900;letter-spacing:.2px;margin:0 0 15px;position:relative;padding-bottom:9px}
.st-footer h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;border-radius:4px;background:var(--st-accent)}
.st-footer p{color:#c9d8d3;font-size:13px;line-height:1.75;margin:0 0 8px;max-width:290px}
.st-footer a{color:#c9d8d3!important;font-size:13px;line-height:1.6;margin:7px 0;display:block}
.st-footer a:hover{color:#fff!important;transform:translateX(4px)}
.st-bottom{background:rgba(0,0,0,.14);border-top:1px solid rgba(255,255,255,.08);color:#a9c0b9;font-size:12px;padding:16px 0}

@media(max-width:900px){
 .st-hero-banner{grid-template-columns:1fr;padding-right:0;gap:12px}
 .st-hero-products{height:185px;max-width:410px;justify-self:center;margin:0 auto 8px}
 .st-hero-product{min-height:126px;padding:13px 14px;width:calc(100% - 8px);right:4px}
 .st-hero-product-image{width:70px;height:70px}
 .st-hero-product-info strong{font-size:14px}
 .st-hero-product-arrow{width:30px;height:30px}
}
@media(max-width:520px){
 .st-hero-products{height:170px}
 .st-hero-product{min-height:116px;border-radius:16px;padding:11px 12px;gap:10px}
 .st-hero-product-image{width:62px;height:62px;border-radius:13px}
 .st-hero-product-info small{font-size:8px}.st-hero-product-info strong{font-size:13px}.st-hero-product-info>span{font-size:12px}
 .st-footer-grid{gap:25px}
}
@media(prefers-reduced-motion:reduce){.st-hero-product{transition:none}.st-hero-product:hover{transform:none!important}}

/* v16 explicit product carousel sizing */
@media(min-width:901px){.st-track > .st-card{flex:0 0 calc((100% - (var(--st-product-desktop,4) - 1)*14px)/var(--st-product-desktop,4));min-width:0}}
@media(max-width:900px){.st-track > .st-card{flex:0 0 calc((100% - (var(--st-product-mobile,2) - 1)*14px)/var(--st-product-mobile,2));min-width:0}}

/* =========================================================
   Signtech v17 — Liquid Glass / iPhone-inspired finish
   ========================================================= */
:root{
  --st-glass-bg:rgba(255,255,255,.68);
  --st-glass-bg-strong:rgba(255,255,255,.82);
  --st-glass-border:rgba(255,255,255,.72);
  --st-glass-shadow:0 18px 50px rgba(6,63,54,.10),0 2px 10px rgba(6,63,54,.05);
  --st-glass-blur:22px;
}
html{background:var(--st-bg)}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(214,179,106,.10),transparent 26%),
    radial-gradient(circle at 92% 18%,rgba(15,91,77,.08),transparent 28%),
    linear-gradient(180deg,#fbfdfc 0%,var(--st-bg) 42%,#f7faf8 100%);
}

/* Desktop/mobile header glass */
.st-header{
  background:rgba(255,255,255,.72)!important;
  border-bottom:1px solid rgba(228,232,227,.72)!important;
  backdrop-filter:blur(var(--st-glass-blur)) saturate(145%);
  -webkit-backdrop-filter:blur(var(--st-glass-blur)) saturate(145%);
  box-shadow:0 8px 30px rgba(6,63,54,.045);
}
.st-desktop-head,.st-mobile-head{position:relative}
.st-brand-mark{
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 10px 28px rgba(6,63,54,.18),inset 0 1px 0 rgba(255,255,255,.30)!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
.st-logo-link:hover .st-brand-mark,.st-mobile-brand:hover .st-brand-mark{
  transform:translateY(-2px) scale(1.04) rotate(-2deg);
  box-shadow:0 15px 34px rgba(6,63,54,.23),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.st-action,.st-mobile-menu,.st-mobile-cart{transition:transform .28s,color .28s,filter .28s}
.st-action:hover{transform:translateY(-2px)}
.st-mobile-menu:active,.st-mobile-cart:active{transform:scale(.91)}

/* Search becomes a frosted capsule */
.st-search{
  border:1px solid rgba(15,91,77,.18)!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(6,63,54,.07)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.st-search:focus-within{box-shadow:0 0 0 4px rgba(15,91,77,.08),inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(6,63,54,.10)!important}
.st-search button{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}

/* Navigation / category button glass */
.st-nav{background:rgba(255,255,255,.52)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.st-cat-btn{
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 9px 24px rgba(6,63,54,.13),inset 0 1px 0 rgba(255,255,255,.22);
}

/* Hero gets depth without becoming visually heavy */
.st-hero-banner{
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 60px rgba(6,63,54,.13),inset 0 1px 0 rgba(255,255,255,.18);
}
.st-hero-banner:before{
  content:"";position:absolute;inset:-25% -12%;
  background:radial-gradient(circle at 72% 35%,rgba(255,255,255,.20),transparent 22%),radial-gradient(circle at 92% 80%,rgba(214,179,106,.18),transparent 24%);
  pointer-events:none;mix-blend-mode:screen;
}

/* Product/category cards: frosted premium surfaces */
.st-card,.st-category,.st-feature{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,252,250,.67))!important;
  border:1px solid rgba(214,224,218,.82)!important;
  box-shadow:var(--st-glass-shadow)!important;
  backdrop-filter:blur(12px) saturate(125%);
  -webkit-backdrop-filter:blur(12px) saturate(125%);
}
.st-card-media{background:rgba(246,250,248,.62)!important}
.st-card:hover,.st-category:hover{
  box-shadow:0 24px 55px rgba(6,63,54,.14),0 2px 10px rgba(6,63,54,.05)!important;
}
.st-badge{box-shadow:0 8px 20px rgba(6,63,54,.16),inset 0 1px 0 rgba(255,255,255,.20)}
.st-product-actions .st-add-btn,.st-product-actions .st-order-btn{
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 7px 18px rgba(6,63,54,.10),inset 0 1px 0 rgba(255,255,255,.20);
}

/* Glass arrows */
.st-arrow{
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 12px 30px rgba(6,63,54,.10)!important;
}
.st-arrow:hover{box-shadow:0 16px 34px rgba(6,63,54,.15)!important}

/* Premium liquid-glass side drawer */
.st-drawer{background:rgba(5,25,21,.32)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.st-drawer-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(245,250,248,.78))!important;
  border-right:1px solid rgba(255,255,255,.72);
  box-shadow:18px 0 60px rgba(4,42,35,.20)!important;
  backdrop-filter:blur(28px) saturate(150%);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
}
.st-drawer-head button{
  width:36px;height:36px;border:1px solid rgba(15,91,77,.12);border-radius:50%;background:rgba(255,255,255,.55);color:var(--st-primary);cursor:pointer;
}
.st-drawer-quick a{
  border-bottom:0!important;border-radius:16px;margin:5px 0;padding:12px 13px!important;background:rgba(255,255,255,.38);
}
.st-drawer-quick a:hover{background:rgba(255,255,255,.72);padding-left:13px!important}
.st-drawer-title{margin:18px 0 7px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--st-muted);font-weight:900}
.st-drawer-category{border-bottom:0!important;border-radius:12px;margin:2px 0;background:rgba(255,255,255,.24)}

/* Footer: darker, richer and visually connected to the glass system */
.st-footer{
  background:
    radial-gradient(circle at 15% 0%,rgba(214,179,106,.10),transparent 26%),
    linear-gradient(145deg,#043D15 0%,#043D15 52%,#111443 100%)!important;
  color:rgba(255,255,255,.90);
  border-top:1px solid rgba(214,179,106,.22)!important;
  box-shadow:0 -18px 50px rgba(6,63,54,.08);
}
.st-footer h3{color:#fff;letter-spacing:-.01em}
.st-footer p,.st-footer a{color:rgba(235,244,240,.72)!important}
.st-footer a:hover{color:#f4d998!important}
.st-bottom{border-top:1px solid rgba(255,255,255,.10)!important;color:rgba(235,244,240,.55)!important}

/* iPhone-like floating liquid-glass bottom navigation */
.st-mobile-bottom{
  left:50%!important;right:auto!important;bottom:10px!important;
  transform:translateX(-50%);
  width:min(430px,calc(100% - 20px));
  min-height:66px;
  padding:7px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:25px!important;
  background:rgba(255,255,255,.64)!important;
  box-shadow:0 20px 55px rgba(5,42,35,.20),0 3px 12px rgba(5,42,35,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(26px) saturate(165%);
  -webkit-backdrop-filter:blur(26px) saturate(165%);
  overflow:hidden;
}
.st-mobile-bottom:before{
  content:"";position:absolute;inset:1px;border-radius:24px;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.34),transparent 38%,rgba(255,255,255,.18));
}
.st-mobile-bottom a{
  position:relative;z-index:1;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;
  min-height:52px;
  padding:6px 4px!important;
  border-radius:19px;
  color:#697670!important;
  font-size:10px!important;
  letter-spacing:.1px;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,color .28s,box-shadow .28s;
}
.st-mobile-bottom a .st-icon{width:25px;height:25px;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s}
.st-mobile-bottom a.active{
  color:var(--st-primary)!important;
  background:linear-gradient(145deg,rgba(15,91,77,.13),rgba(255,255,255,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 6px 16px rgba(6,63,54,.08);
}
.st-mobile-bottom a.active .st-icon{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 4px 7px rgba(15,91,77,.18))}
.st-mobile-bottom a:active{transform:scale(.91)!important}

/* Keep page content above the floating navigation */
@media(max-width:900px){
  body{padding-bottom:88px}
  .st-mobile-bottom{display:grid}
  .st-mobile-search{background:rgba(255,255,255,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
@media(min-width:901px){body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){
  .st-mobile-bottom,.st-mobile-bottom a,.st-brand-mark,.st-action{transition:none!important}
}

/* =========================================================
   Signtech v18 — Liquid Checkout + Global Glass UI
   ========================================================= */
:root{
  --st-liquid-bg:rgba(255,255,255,.62);
  --st-liquid-bg-strong:rgba(255,255,255,.78);
  --st-liquid-line:rgba(255,255,255,.76);
  --st-liquid-shadow:0 20px 60px rgba(6,63,54,.11),0 4px 16px rgba(6,63,54,.05);
}

/* Global liquid surfaces */
.st-section,.st-feature,.st-checkout-extra,.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce-cart-form,.cart-collaterals .cart_totals,.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,.woocommerce form.checkout_coupon,.woocommerce form.login,
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce .woocommerce-product-details__short-description,.woocommerce div.product div.images,
.woocommerce div.product div.summary{
  border:1px solid var(--st-liquid-line);
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(247,251,249,.54));
  box-shadow:var(--st-liquid-shadow),inset 0 1px 0 rgba(255,255,255,.90);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}

/* Liquid inputs everywhere */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="number"],
.woocommerce form input[type="password"],
.woocommerce form select,
.woocommerce form textarea{
  width:100%;
  min-height:48px;
  padding:13px 15px;
  color:#18211f;
  background:rgba(255,255,255,.54)!important;
  border:1px solid rgba(15,91,77,.14)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 20px rgba(6,63,54,.045)!important;
  backdrop-filter:blur(15px) saturate(140%);
  -webkit-backdrop-filter:blur(15px) saturate(140%);
  transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce form input:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus{
  outline:none!important;
  background:rgba(255,255,255,.74)!important;
  border-color:rgba(15,91,77,.38)!important;
  box-shadow:0 0 0 4px rgba(15,91,77,.08),inset 0 1px 0 rgba(255,255,255,.95),0 12px 28px rgba(6,63,54,.08)!important;
  transform:translateY(-1px);
}
.woocommerce form .form-row label{font-weight:750;color:#27413a;margin:0 0 7px 3px}
.woocommerce form .form-row label .required{color:#b7791f}

/* Premium checkout layout */
.woocommerce-checkout .site-main .container{max-width:1180px}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}
.woocommerce-checkout #customer_details{border-radius:28px!important;padding:25px!important;position:relative;overflow:hidden}
.woocommerce-checkout #customer_details:before,
.woocommerce-checkout #order_review:before{
  content:"";position:absolute;inset:-35% -10%;pointer-events:none;
  background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.55),transparent 25%),radial-gradient(circle at 90% 75%,rgba(214,179,106,.10),transparent 24%);
}
.woocommerce-checkout #customer_details>*,.woocommerce-checkout #order_review>*{position:relative;z-index:1}
.woocommerce-checkout #order_review{border-radius:28px!important;padding:24px!important;position:sticky;top:92px;overflow:hidden}
.woocommerce-checkout #order_review_heading{font-size:22px;margin:0 0 16px;color:#0b4f43;letter-spacing:-.02em}
.woocommerce-checkout h3{color:#0b4f43;letter-spacing:-.02em}
.woocommerce-checkout .woocommerce-billing-fields h3{font-size:23px;margin:0 0 20px}
.woocommerce-checkout .woocommerce-additional-fields{margin-top:20px;padding-top:18px;border-top:1px solid rgba(15,91,77,.10)}
.woocommerce-checkout-review-order-table{border-collapse:separate!important;border-spacing:0 7px!important}
.woocommerce-checkout-review-order-table tr{background:rgba(255,255,255,.34)}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:11px 10px!important;border:0!important}
.woocommerce-checkout-review-order-table tbody tr:first-child td{border-radius:13px 13px 0 0}
.woocommerce-checkout-review-order-table tbody tr:last-child td{border-radius:0 0 13px 13px}
.woocommerce-checkout .shop_table tfoot tr{background:rgba(255,255,255,.28)}
.woocommerce-checkout .shop_table tfoot th,.woocommerce-checkout .shop_table tfoot td{border:0!important;padding:10px!important}
.woocommerce-checkout #payment{margin-top:17px;border-radius:21px!important;border:1px solid rgba(255,255,255,.70)!important;background:rgba(255,255,255,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 12px 30px rgba(6,63,54,.06)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid rgba(15,91,77,.08)!important}
.woocommerce-checkout #payment .payment_box{background:rgba(15,91,77,.055)!important;border-radius:14px!important}
.woocommerce-checkout #payment .place-order{padding:18px!important}
.woocommerce-checkout #payment #place_order,
.woocommerce-cart .checkout-button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:17px!important;
  min-height:50px;
  background:linear-gradient(135deg,#0B5D1E,#064E1B)!important;
  color:#fff!important;
  box-shadow:0 13px 28px rgba(6,63,54,.18),inset 0 1px 0 rgba(255,255,255,.20)!important;
  transition:transform .25s,box-shadow .25s,filter .25s!important;
}
.woocommerce-checkout #payment #place_order{width:100%;font-size:16px;font-weight:800;letter-spacing:.01em}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce-checkout #payment #place_order:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 17px 34px rgba(6,63,54,.23),inset 0 1px 0 rgba(255,255,255,.26)!important}
.woocommerce-checkout #payment #place_order:active,.woocommerce .button:active{transform:scale(.98)}
.st-checkout-extra{position:relative;display:grid;gap:10px;margin:0 0 20px;padding:13px 15px!important;border-radius:20px!important;overflow:hidden}
.st-checkout-extra:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,91,77,.08),rgba(255,255,255,.18),rgba(214,179,106,.08));pointer-events:none}
.st-checkout-extra>div{position:relative;z-index:1;border:0!important;background:transparent!important;box-shadow:none!important}

/* Global liquid shimmer */
.st-card:after,.st-feature:after,.st-category:after,.st-checkout-extra:after,.woocommerce-checkout #customer_details:after,.woocommerce-checkout #order_review:after{
  content:"";position:absolute;top:-80%;left:-35%;width:28%;height:260%;transform:rotate(20deg) translateX(-220%);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:transform .8s ease;
}
.st-card,.st-feature,.st-category,.st-checkout-extra,.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{position:relative;overflow:hidden}
.st-card:hover:after,.st-feature:hover:after,.st-category:hover:after,.st-checkout-extra:hover:after,.woocommerce-checkout #customer_details:hover:after,.woocommerce-checkout #order_review:hover:after{transform:rotate(20deg) translateX(650%)}

/* Loading overlay */
.st-page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;background:rgba(4,31,26,.18);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transition:opacity .25s,visibility .25s}
.st-page-loader.is-loading{opacity:1;visibility:visible;pointer-events:auto}
.st-loader-glass{min-width:150px;padding:23px 25px;border:1px solid rgba(255,255,255,.78);border-radius:27px;background:rgba(255,255,255,.70);box-shadow:0 24px 70px rgba(4,42,35,.22),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);text-align:center;color:#0b4f43}
.st-loader-orb{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;border:2px solid rgba(15,91,77,.14);border-top-color:#0B5D1E;border-right-color:#d6b36a;animation:stLoaderSpin .85s linear infinite;box-shadow:0 8px 24px rgba(6,63,54,.12)}
.st-loader-dots{font-size:12px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.st-loader-dots:after{content:"";display:inline-block;width:18px;text-align:left;animation:stLoaderDots 1.2s steps(4,end) infinite}
@keyframes stLoaderSpin{to{transform:rotate(360deg)}}
@keyframes stLoaderDots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
.woocommerce-checkout.processing .st-page-loader{opacity:1;visibility:visible;pointer-events:auto}

@media(max-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:15px}
  .woocommerce-checkout #order_review{position:relative;top:auto;padding:18px!important;border-radius:23px!important}
  .woocommerce-checkout #customer_details{padding:18px!important;border-radius:23px!important}
  .woocommerce-checkout .site-main .container{padding-left:12px;padding-right:12px}
  .woocommerce-checkout #payment #place_order{min-height:54px;border-radius:18px!important}
  .woocommerce-checkout-review-order-table{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .st-page-loader,.st-loader-orb,.st-card:after,.st-feature:after,.st-category:after{animation:none!important;transition:none!important}
}

/* v20 universal brand logo support */
.st-custom-brand-logo{max-width:220px;max-height:58px;width:auto;height:auto;object-fit:contain;display:block}
.st-mobile-brand .st-custom-brand-logo{max-width:155px;max-height:44px}
.st-custom-brand-logo:hover{transform:translateY(-1px) scale(1.02)}
@media(max-width:900px){.st-custom-brand-logo{max-width:175px;max-height:50px}}

/* =========================================================
   Signtech v21 — Reference-style Liquid Glass UI polish
   ========================================================= */
:root{
  --st-glass-white:rgba(255,255,255,.70);
  --st-glass-white-strong:rgba(255,255,255,.84);
  --st-glass-line:rgba(255,255,255,.82);
  --st-glass-green:rgba(15,91,77,.12);
}

/* Product cards: clean white/glass base like the reference, with a soft green touch state. */
.st-card{
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(248,252,250,.72))!important;
  border:1px solid rgba(205,218,211,.82)!important;
  border-radius:18px!important;
  box-shadow:0 12px 34px rgba(6,63,54,.075),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.st-card-media{
  margin:9px 9px 0;
  border-radius:14px;
  background:rgba(248,251,249,.72)!important;
  border:1px solid rgba(223,231,226,.72);
  overflow:hidden;
}
.st-card-body{padding:13px 12px 12px}
.st-card-title{color:#14211d;font-weight:800}
.st-price{color:var(--st-primary)!important}

/* Default buttons stay white. Interaction turns them into the brand color. */
.st-product-actions .st-add-btn,
.st-product-actions .st-order-btn{
  position:relative;
  overflow:hidden;
  min-height:43px;
  border-radius:12px!important;
  background:rgba(255,255,255,.78)!important;
  color:var(--st-primary)!important;
  border:1.5px solid rgba(15,91,77,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(6,63,54,.07)!important;
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  transition:background .24s ease,color .24s ease,border-color .24s ease,transform .18s ease,box-shadow .24s ease!important;
}
.st-product-actions .st-order-btn{
  color:#9a711d!important;
  border-color:rgba(201,154,46,.62)!important;
}
.st-product-actions .st-add-btn:hover,
.st-product-actions .st-add-btn:focus-visible,
.st-product-actions .st-add-btn:active,
.st-product-actions .st-add-btn.st-touch-active{
  background:linear-gradient(145deg,var(--st-primary),var(--st-primary-dark))!important;
  color:#fff!important;
  border-color:var(--st-primary)!important;
  box-shadow:0 10px 24px rgba(6,63,54,.18),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.st-product-actions .st-order-btn:hover,
.st-product-actions .st-order-btn:focus-visible,
.st-product-actions .st-order-btn:active,
.st-product-actions .st-order-btn.st-touch-active{
  background:linear-gradient(145deg,#d8b45f,#b98924)!important;
  color:#17231f!important;
  border-color:#c99a2e!important;
  box-shadow:0 10px 24px rgba(201,154,46,.18),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.st-product-actions .st-add-btn:focus-visible,
.st-product-actions .st-order-btn:focus-visible{outline:3px solid rgba(15,91,77,.14);outline-offset:2px}
.st-product-actions .st-add-btn.loading{background:linear-gradient(145deg,var(--st-primary),var(--st-primary-dark))!important;color:#fff!important}
.st-product-actions .st-add-btn:disabled,.st-product-actions .st-add-btn.disabled{opacity:.62}

/* Liquid-glass notices, tables, forms and WooCommerce surfaces. */
.woocommerce .site-main,.woocommerce-page .site-main{position:relative}
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,
.woocommerce .shop_table{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,251,249,.66))!important;
  border:1px solid rgba(213,224,218,.78)!important;
  border-radius:20px!important;
  box-shadow:0 14px 40px rgba(6,63,54,.075),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(15,91,77,.18)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 16px rgba(6,63,54,.04)!important;
  backdrop-filter:blur(10px);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:0!important;
  border-color:rgba(15,91,77,.55)!important;
  box-shadow:0 0 0 4px rgba(15,91,77,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  border-radius:13px!important;
  background:linear-gradient(145deg,var(--st-primary),var(--st-primary-dark))!important;
  box-shadow:0 10px 22px rgba(6,63,54,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Glass floating mobile navigation — closer to the supplied iPhone-like reference. */
@media(max-width:900px){
  .st-mobile-bottom{
    width:min(470px,calc(100% - 16px))!important;
    bottom:9px!important;
    min-height:70px!important;
    padding:7px!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(239,247,243,.58))!important;
    border:1px solid rgba(255,255,255,.90)!important;
    box-shadow:0 22px 60px rgba(6,63,54,.20),0 4px 15px rgba(6,63,54,.08),inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(30px) saturate(175%);
    -webkit-backdrop-filter:blur(30px) saturate(175%);
  }
  .st-mobile-bottom a{
    min-height:54px!important;
    border-radius:21px!important;
    color:#68756f!important;
  }
  .st-mobile-bottom a.active{
    background:linear-gradient(145deg,rgba(15,91,77,.16),rgba(255,255,255,.60))!important;
    color:var(--st-primary)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(6,63,54,.09)!important;
  }
  .st-mobile-bottom a.active:after{
    content:"";position:absolute;top:4px;left:50%;width:34px;height:3px;border-radius:99px;
    transform:translateX(-50%);background:var(--st-primary);opacity:.9;
  }
  .st-mobile-bottom a .st-icon{width:27px!important;height:27px!important}
  body{padding-bottom:96px!important}
}

/* Header/menu/search also share the same frosted surface. */
.st-mobile-head,.st-desktop-head{isolation:isolate}
.st-mobile-menu,.st-mobile-cart{
  border-radius:16px!important;
  background:rgba(255,255,255,.36)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  backdrop-filter:blur(14px) saturate(145%);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
}
.st-mobile-cart .st-count{box-shadow:0 5px 12px rgba(201,154,46,.26)}

/* Section surfaces get a very subtle glass lift without making the page busy. */
.st-feature,.st-promo,.st-category{
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.st-promo{border:1px solid rgba(255,255,255,.22)!important}

/* Keep hover behavior useful on touch devices: no sticky card lift. */
@media(hover:none){
  .st-card:hover,.st-category:hover{transform:none!important}
  .st-product-actions .st-add-btn:hover,.st-product-actions .st-order-btn:hover{transform:none!important}
}

/* =========================================================
   Signtech v24 — reference-inspired product + checkout UI
   ========================================================= */
.st-single-product-page{padding:18px 0 36px}
.st-product-shell{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:28px;align-items:start}
.st-product-gallery,.st-product-summary,.st-product-tabs,.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:rgba(255,255,255,.72);border:1px solid rgba(16,91,77,.13);box-shadow:0 18px 50px rgba(8,63,54,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.st-product-gallery{padding:14px;border-radius:28px;position:relative}
.st-product-main-image{position:relative;min-height:440px;border-radius:22px;background:linear-gradient(145deg,rgba(248,251,249,.96),rgba(233,243,239,.72));display:grid;place-items:center;overflow:hidden}
.st-product-main-img{display:none;width:100%;height:100%;min-height:440px;object-fit:contain;padding:24px;transition:transform .5s ease,opacity .3s ease}
.st-product-main-img.is-active{display:block}
.st-product-main-image:hover .st-product-main-img.is-active{transform:scale(1.025)}
.st-product-sale-badge{position:absolute;top:18px;right:18px;z-index:3;background:#ef3f3f;color:#fff;font-weight:900;padding:9px 13px;border-radius:12px;box-shadow:0 10px 24px rgba(239,63,63,.22)}
.st-product-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:none}
.st-product-thumbs::-webkit-scrollbar{display:none}
.st-product-thumb{width:84px;height:84px;flex:0 0 84px;padding:5px;border:2px solid rgba(16,91,77,.10);border-radius:15px;background:rgba(255,255,255,.72);overflow:hidden;cursor:pointer;transition:.25s;backdrop-filter:blur(12px)}
.st-product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.st-product-thumb.is-active{border-color:var(--st-primary);box-shadow:0 8px 20px rgba(15,91,77,.14);transform:translateY(-2px)}
.st-product-summary{padding:28px;border-radius:28px}
.st-product-category-label{font-size:13px;letter-spacing:2px;font-weight:900;color:var(--st-primary);margin-bottom:8px}
.st-product-summary h1{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:0 0 14px;color:var(--st-text);letter-spacing:-.03em}
.st-product-rating-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;margin-bottom:17px}.st-product-stars .star-rating{margin:0;color:#e9a916}.st-product-rating-row strong{font-size:15px}.st-product-rating-row>span:last-child{color:var(--st-muted)}
.st-product-price-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:34px;font-weight:950;color:var(--st-primary);margin:8px 0 20px}.st-product-price-row del{font-size:20px;color:#9aa29e;font-weight:600}.st-product-price-row ins{text-decoration:none}.st-product-discount{font-size:14px;background:#ef3f3f;color:#fff;border-radius:11px;padding:8px 11px;font-weight:900}
.st-quantity-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:8px 0 15px}.st-quantity-row>strong{width:100%;font-size:17px}.st-qty-control{display:flex;align-items:center;border:1px solid rgba(16,91,77,.18);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}.st-qty-control button,.st-qty-control input{height:48px;width:58px;border:0;background:transparent;text-align:center}.st-qty-control button{font-size:28px;color:var(--st-primary);cursor:pointer}.st-qty-control input{border-left:1px solid rgba(16,91,77,.10);border-right:1px solid rgba(16,91,77,.10);font-weight:800;outline:0;-moz-appearance:textfield}.st-qty-control input::-webkit-outer-spin-button,.st-qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.st-stock-status{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#2d8247}.st-stock-status i{width:12px;height:12px;border-radius:50%;background:#18a957;box-shadow:0 0 0 5px rgba(24,169,87,.10)}.st-stock-status.out-of-stock{color:#b33}.st-stock-status.out-of-stock i{background:#c33}
.st-product-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-single-add,.st-single-order,.st-whatsapp-order{min-height:58px;border-radius:17px;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:17px;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;overflow:hidden}.st-single-add:hover,.st-single-order:hover,.st-whatsapp-order:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(8,63,54,.16)}.st-single-add .st-icon,.st-single-order .st-icon,.st-whatsapp-order .st-icon{width:23px;height:23px}.st-glass-green{background:linear-gradient(135deg,rgba(16,139,94,.94),rgba(8,96,76,.94));color:#fff;box-shadow:0 10px 22px rgba(15,91,77,.18)}.st-glass-dark{background:linear-gradient(135deg,rgba(23,28,26,.97),rgba(7,17,14,.97));color:#fff}.st-single-add.is-loading{opacity:.72;pointer-events:none}.st-single-add.is-loading:after{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:stSpin .7s linear infinite;position:absolute}.st-single-add.is-loading span,.st-single-add.is-loading>.st-icon{opacity:0}.st-single-add.is-added{background:linear-gradient(135deg,#18ad64,#0a8151)}
.st-whatsapp-order{margin-top:12px;background:rgba(17,138,80,.09);color:var(--st-primary);border-color:rgba(17,138,80,.10)}
.st-product-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid rgba(16,91,77,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.58)}.st-product-benefits>div{padding:14px 9px;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid rgba(16,91,77,.10);text-align:left}.st-product-benefits>div:last-child{border-right:0}.st-product-benefits .st-icon{width:24px;height:24px;color:var(--st-primary);flex:none}.st-product-benefits strong,.st-product-benefits small{display:block}.st-product-benefits strong{font-size:11px}.st-product-benefits small{font-size:9px;color:var(--st-muted);margin-top:2px}
.st-product-tabs{margin:22px 0 0;border-radius:24px;padding:8px 18px}.st-product-tabs ul.tabs{display:flex;gap:8px;border:0;padding:0;margin:0 0 8px}.st-product-tabs ul.tabs:before,.st-product-tabs ul.tabs:after{display:none}.st-product-tabs ul.tabs li{border:0!important;background:transparent!important;border-radius:12px!important;padding:0!important;margin:0!important}.st-product-tabs ul.tabs li a{display:block;padding:14px 17px;font-weight:850;color:#68736d}.st-product-tabs ul.tabs li.active a{background:var(--st-primary);color:#fff;border-radius:12px}.st-product-tabs .woocommerce-Tabs-panel{padding:15px 4px 22px;margin:0!important}.st-product-tabs .woocommerce-Tabs-panel h2{font-size:22px}
/* Reference-style checkout */
.woocommerce-checkout .site-main,.woocommerce-page.woocommerce-checkout .site-main{padding:22px 0 50px}.woocommerce-checkout .st-checkout-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:4px 0 18px}.woocommerce-checkout .st-checkout-heading span{font-size:38px;font-weight:900;letter-spacing:-.03em}.woocommerce-checkout .st-checkout-heading small{color:var(--st-primary);font-weight:800}.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{border-radius:24px;padding:24px}.woocommerce-checkout #customer_details{margin-bottom:20px}.woocommerce-checkout #order_review{margin-top:20px}.woocommerce-checkout #customer_details h3{font-size:0;margin:0}.woocommerce-checkout #customer_details h3:after{content:'Billing details';font-size:30px;font-weight:900}.woocommerce-checkout .form-row{margin:0 0 20px}.woocommerce-checkout .form-row label{font-size:17px;font-weight:650;margin:0 0 7px}.woocommerce-checkout .form-row .required{color:#d22}.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{height:54px;border:1px solid rgba(15,91,77,.20);border-radius:15px;background:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 5px 18px rgba(8,63,54,.04);padding:0 15px;font-size:16px;outline:0;backdrop-filter:blur(12px)}.woocommerce-checkout .form-row textarea{height:96px;padding:14px 15px}.woocommerce-checkout .form-row input:focus,.woocommerce-checkout .form-row textarea:focus{border-color:var(--st-primary);box-shadow:0 0 0 4px rgba(15,91,77,.08),0 8px 22px rgba(8,63,54,.07)}.woocommerce-checkout #ship-to-different-address,.woocommerce-checkout .shipping_address{display:none!important}.woocommerce-checkout .woocommerce-additional-fields h3{font-size:20px}.woocommerce-checkout .woocommerce-additional-fields{margin-top:5px}.woocommerce-checkout #order_review_heading{font-size:30px;margin:0 0 15px}.woocommerce-checkout table.shop_table{border:0;border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border-radius:18px}.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{padding:15px;border-bottom:1px solid rgba(16,91,77,.10)}.woocommerce-checkout table.shop_table tr:last-child th,.woocommerce-checkout table.shop_table tr:last-child td{border-bottom:0}.woocommerce-checkout #payment{background:rgba(248,251,249,.58);border:1px solid rgba(16,91,77,.10);border-radius:18px;padding:16px;margin-top:15px}.woocommerce-checkout #place_order{width:100%;min-height:58px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--st-primary),var(--st-primary-dark));color:#fff;font-size:18px;font-weight:900;box-shadow:0 12px 26px rgba(15,91,77,.18)}.woocommerce-checkout .woocommerce-info,.woocommerce-checkout .woocommerce-message,.woocommerce-checkout .woocommerce-error{border-radius:16px;background:rgba(255,255,255,.68);backdrop-filter:blur(14px);border-top-color:var(--st-primary)}
@keyframes stSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){
 .st-product-shell{grid-template-columns:1fr;gap:15px}.st-product-gallery,.st-product-summary{border-radius:22px}.st-product-main-image,.st-product-main-img{min-height:360px}.st-product-summary{padding:21px}.st-product-summary h1{font-size:31px}.st-product-price-row{font-size:29px}.st-product-benefits{grid-template-columns:repeat(2,1fr)}.st-product-benefits>div:nth-child(2){border-right:0}.st-product-benefits>div{border-bottom:1px solid rgba(16,91,77,.10)}.st-product-benefits>div:nth-child(3),.st-product-benefits>div:nth-child(4){border-bottom:0}.woocommerce-checkout .st-checkout-heading span{font-size:31px}
}
@media(max-width:560px){
 .st-single-product-page{padding-top:8px}.st-product-gallery{padding:9px}.st-product-main-image,.st-product-main-img{min-height:310px}.st-product-main-img{padding:15px}.st-product-thumb{width:70px;height:70px;flex-basis:70px}.st-product-summary{padding:18px;border-radius:20px}.st-product-category-label{font-size:11px}.st-product-summary h1{font-size:28px}.st-product-rating-row{font-size:12px;gap:7px}.st-product-price-row{font-size:28px;margin-bottom:15px}.st-product-main-actions{gap:9px}.st-single-add,.st-single-order,.st-whatsapp-order{min-height:54px;font-size:15px;border-radius:15px}.st-product-benefits{margin-top:13px}.st-product-benefits>div{padding:11px 6px}.st-product-tabs{padding:7px 10px;border-radius:20px}.st-product-tabs ul.tabs{overflow-x:auto;white-space:nowrap}.st-product-tabs ul.tabs li a{padding:11px 12px;font-size:13px}.woocommerce-checkout .st-checkout-heading{display:block}.woocommerce-checkout .st-checkout-heading small{display:block;margin-top:5px}.woocommerce-checkout .st-checkout-heading span{font-size:29px}.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{padding:18px;border-radius:20px}.woocommerce-checkout #customer_details h3:after{font-size:27px}.woocommerce-checkout .form-row label{font-size:16px}.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea{border-radius:13px}.woocommerce-checkout #order_review_heading{font-size:27px}
}

/* =========================================================
   Signtech v25 — forced product + reference checkout polish
   ========================================================= */
.st-woocommerce-main{padding-top:0}

/* Product page: keep the reference clean white/glass look on every device. */
.st-single-product-page .st-product-gallery,
.st-single-product-page .st-product-summary,
.st-single-product-page .st-product-tabs{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(15,91,77,.12)!important;
  box-shadow:0 18px 48px rgba(8,63,54,.07), inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.st-single-product-page .st-product-main-image{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,247,244,.76))!important;
  border:1px solid rgba(15,91,77,.07);
}
.st-single-product-page .st-product-main-img{mix-blend-mode:multiply}
.st-single-product-page .st-product-category-label{letter-spacing:1.8px}
.st-single-product-page .st-product-rating-row .star-rating{font-size:17px}
.st-single-product-page .st-product-price-row ins{color:var(--st-primary)}

/* Default buttons are white liquid-glass; touch/click briefly turns green. */
.st-single-product-page .st-single-add,
.st-single-product-page .st-single-order,
.st-single-product-page .st-whatsapp-order{
  background:rgba(255,255,255,.70)!important;
  color:#20312b!important;
  border:1px solid rgba(15,91,77,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(8,63,54,.06)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.st-single-product-page .st-single-add:hover,
.st-single-product-page .st-single-order:hover,
.st-single-product-page .st-whatsapp-order:hover,
.st-single-product-page .st-single-add:focus-visible,
.st-single-product-page .st-single-order:focus-visible,
.st-single-product-page .st-whatsapp-order:focus-visible,
.st-single-product-page .st-single-add.st-touch-active,
.st-single-product-page .st-single-order.st-touch-active,
.st-single-product-page .st-whatsapp-order.st-touch-active,
.st-single-product-page .st-single-add:active,
.st-single-product-page .st-single-order:active,
.st-single-product-page .st-whatsapp-order:active{
  background:linear-gradient(135deg,#168A2E,#064E1B)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 14px 30px rgba(15,91,77,.20),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.st-single-product-page .st-single-order .st-icon,
.st-single-product-page .st-single-add .st-icon,
.st-single-product-page .st-whatsapp-order .st-icon{color:currentColor!important}

/* Reference-style checkout: one clean column on mobile, no unwanted shipping UI. */
.st-checkout-reference-shell{padding:8px 0 50px}
.woocommerce-checkout .st-checkout-heading{margin:18px 0 22px!important;padding:0 2px!important}
.woocommerce-checkout .st-checkout-heading span{font-size:32px!important;font-weight:900!important;color:var(--st-text)!important}
.woocommerce-checkout .st-checkout-heading small{display:none!important}
.woocommerce-checkout form.checkout{margin:0!important}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,91,77,.12)!important;
  box-shadow:0 18px 50px rgba(8,63,54,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.woocommerce-checkout #customer_details h3:after{content:'Billing details'!important}
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .shipping_address,
.woocommerce-checkout .woocommerce-shipping-fields{display:none!important}
.woocommerce-checkout .form-row label{color:#1c2b26!important;font-weight:650!important}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(15,91,77,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 20px rgba(8,63,54,.04)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.woocommerce-checkout .woocommerce-additional-fields h3{display:none}
.woocommerce-checkout .woocommerce-additional-fields{padding-top:0!important;border-top:0!important}
.woocommerce-checkout .woocommerce-additional-fields .form-row{margin-top:2px}
.woocommerce-checkout .woocommerce-additional-fields .form-row label:after{content:' (Optional)';font-weight:500;color:#6c7772}
.woocommerce-checkout #billing_email_field label:after{content:''}
.woocommerce-checkout #order_comments{min-height:100px}
.woocommerce-checkout #order_review{margin-top:18px!important}
.woocommerce-checkout #order_review_heading{color:var(--st-text)!important}
.woocommerce-checkout #payment{background:rgba(255,255,255,.54)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}

@media(max-width:900px){
  .st-checkout-reference-shell{padding:4px 0 42px}
  .woocommerce-checkout .st-checkout-heading{margin:16px 0 18px!important}
  .woocommerce-checkout .st-checkout-heading span{font-size:29px!important}
}
@media(max-width:560px){
  .st-single-product-page .st-product-main-actions{grid-template-columns:1fr 1fr}
  .st-single-product-page .st-product-main-image{min-height:330px}
  .st-single-product-page .st-product-main-img{min-height:330px}
  .woocommerce-checkout .site-main{padding-top:6px!important}
  .woocommerce-checkout .st-checkout-heading span{font-size:28px!important}
  .woocommerce-checkout #customer_details{padding:18px!important}
}


/* v26 — forced reference checkout styling */
.st-checkout-page-main{padding-top:24px!important;padding-bottom:70px!important;background:linear-gradient(180deg,#fbfdfc 0%,#f5faf8 100%)}
.st-checkout-reference-shell{max-width:1180px!important}
.woocommerce-checkout .st-checkout-heading{font-size:0;margin:0 0 22px!important}
.woocommerce-checkout .st-checkout-heading span{font-size:32px;font-weight:850;color:#12351A;letter-spacing:-.035em}
.woocommerce-checkout .woocommerce-billing-fields h3{font-size:0!important;margin:0 0 22px!important}
.woocommerce-checkout .woocommerce-billing-fields h3:after{content:'Billing details';font-size:31px;font-weight:850;color:#12351A;letter-spacing:-.035em}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:rgba(255,255,255,.60)!important;border:1px solid rgba(15,91,77,.12)!important;box-shadow:0 20px 55px rgba(6,63,54,.07),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.woocommerce-checkout .form-row{margin-bottom:20px!important}
.woocommerce-checkout .form-row label{font-size:18px!important;font-weight:650!important;color:#12351A!important;margin:0 0 8px 2px!important}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{min-height:54px!important;border-radius:13px!important;border:1px solid rgba(23,37,31,.55)!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 5px 16px rgba(6,63,54,.035)!important;font-size:17px!important;padding:13px 14px!important}
.woocommerce-checkout .woocommerce-additional-fields{margin-top:8px!important;padding-top:6px!important;border-top:0!important}
.woocommerce-checkout .woocommerce-additional-fields h3{font-size:20px!important;margin:0 0 10px!important}
.woocommerce-checkout #order_comments{min-height:90px!important}
.woocommerce-checkout .woocommerce-shipping-fields,.woocommerce-checkout .shipping_address,.woocommerce-checkout .ship-to-different-address{display:none!important}
.woocommerce-checkout .woocommerce-form-coupon-toggle,.woocommerce-checkout .woocommerce-form-login-toggle{display:none!important}
@media(max-width:900px){
 .st-checkout-page-main{padding-top:12px!important}
 .woocommerce-checkout .st-checkout-heading span,.woocommerce-checkout .woocommerce-billing-fields h3:after{font-size:28px}
 .woocommerce-checkout .site-main .container{padding-left:14px!important;padding-right:14px!important}
 .woocommerce-checkout #customer_details{padding:20px!important;border-radius:24px!important}
 .woocommerce-checkout #order_review{padding:18px!important;border-radius:24px!important}
}


/* v27 — GramBazar signature palette + liquid glass finish */
:root{
  --st-primary:#0B5D1E;
  --st-primary-dark:#064E1B;
  --st-accent:#F5A623;
  --st-text:#12351A;
  --st-muted:#5E7062;
  --st-bg:#F7FBF8;
  --st-surface:#FFFFFF;
  --st-border:#DDE9E1;
  --st-header-bg:rgba(255,255,255,.84);
  --st-footer-bg:#064E1B;
  --st-glass-green:rgba(10,143,60,.10);
  --st-glass-orange:rgba(245,166,35,.12);
  --st-glass-border:rgba(255,255,255,.74);
  --st-green:#0B5D1E;
  --st-green-dark:#064E1B;
  --st-logo-color:#0B5D1E;
  --st-logo-mark:#0B5D1E;
  --st-search-color:#0B5D1E;
  --st-menu-color:#111714;
  --st-cart-icon:#0B5D1E;
  --st-nav-color:#12351A;
}
body{
  background:
    radial-gradient(circle at 7% 6%,rgba(10,143,60,.07),transparent 25%),
    radial-gradient(circle at 93% 14%,rgba(245,166,35,.07),transparent 23%),
    linear-gradient(180deg,#fbfefc 0%,#f7fbf8 46%,#f4faf6 100%) !important;
  color:var(--st-text) !important;
}
.st-topbar{background:linear-gradient(90deg,#064E1B,#0B5D1E,#12351A)!important}
.st-header{
  background:rgba(255,255,255,.76)!important;
  border-bottom:1px solid rgba(10,143,60,.12)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 10px 30px rgba(5,107,45,.06)!important;
}
.st-brand,.st-logo-link{color:#0B5D1E!important}
.st-brand-mark{background:linear-gradient(145deg,#168A2E,#064E1B)!important;box-shadow:0 10px 25px rgba(10,143,60,.20)!important}
.st-action{color:#1B2721!important}
.st-cart>.st-icon,.st-mobile-cart>.st-icon{color:#0B5D1E!important}
.st-mobile-menu>.st-icon{color:#101612!important}
.st-search{
  border-color:rgba(10,143,60,.20)!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 30px rgba(5,107,45,.08)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
.st-search:focus-within{border-color:#0B5D1E!important;box-shadow:0 0 0 4px rgba(10,143,60,.09),0 15px 35px rgba(5,107,45,.10)!important}
.st-search button{background:linear-gradient(145deg,#168A2E,#0A6B22)!important;color:#fff!important}
.st-search button .st-icon{color:#fff!important}
.st-nav{background:rgba(255,255,255,.52)!important;border-bottom-color:rgba(10,143,60,.10)!important;backdrop-filter:blur(18px)!important}
.st-nav a{color:#233129!important}
.st-cat-btn{background:linear-gradient(145deg,#168A2E,#064E1B)!important}
.st-hero-banner{background:linear-gradient(115deg,#064E1B 0%,#0B5D1E 58%,#F0A52A 130%)!important;box-shadow:0 24px 60px rgba(5,107,45,.14)!important}
.st-card,.st-category,.st-feature,.st-promo{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,252,249,.68))!important;
  border-color:rgba(10,143,60,.12)!important;
  box-shadow:0 18px 45px rgba(5,107,45,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
.st-card:hover{border-color:rgba(10,143,60,.28)!important;box-shadow:0 25px 52px rgba(5,107,45,.14)!important}
.st-card-media{background:rgba(246,251,248,.72)!important}
.st-badge{background:linear-gradient(135deg,#0B5D1E,#064E1B)!important}
.st-price{color:#0B5D1E!important}
.st-old{color:#8C9790!important}
.st-product-actions .st-add-btn{background:linear-gradient(135deg,#FFB52E,#EFA51F)!important;color:#fff!important}
.st-product-actions .st-order-btn{background:linear-gradient(135deg,#151817,#050706)!important;color:#fff!important}
.st-product-actions .st-add-btn:active,.st-product-actions .st-order-btn:active{filter:brightness(.94)!important}
.st-count{background:#EF3340!important;color:#fff!important;box-shadow:0 4px 12px rgba(239,51,64,.28)!important}
.st-arrow{background:rgba(255,255,255,.72)!important;border-color:rgba(10,143,60,.13)!important;color:#0B5D1E!important;backdrop-filter:blur(16px)!important}
.st-arrow:hover{background:#0B5D1E!important;color:#fff!important}
.st-feature-icon{background:rgba(10,143,60,.09)!important;color:#0B5D1E!important}
.st-promo{background:linear-gradient(135deg,#0B5D1E,#064E1B)!important;color:#fff!important}
.st-promo:nth-child(2){background:linear-gradient(135deg,#F5A623,#E38D13)!important}
.st-promo:nth-child(3){background:linear-gradient(135deg,#078E61,#056B4D)!important}
.st-footer{background:linear-gradient(145deg,#043D15 0%,#064E1B 58%,#0A6B22 100%)!important;border-top-color:rgba(245,166,35,.34)!important;color:#F4FBF6!important}
.st-footer h3{color:#fff!important}
.st-footer p,.st-footer a{color:#D5E9DC!important}
.st-footer a:hover{color:#fff!important}
.st-bottom{background:rgba(0,0,0,.12)!important;border-top-color:rgba(255,255,255,.10)!important;color:#B9D3C3!important}
.st-drawer{background:rgba(2,27,15,.32)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.st-drawer-panel{background:rgba(250,255,252,.82)!important;border-right:1px solid rgba(255,255,255,.72)!important;backdrop-filter:blur(26px) saturate(145%)!important;-webkit-backdrop-filter:blur(26px) saturate(145%)!important;box-shadow:18px 0 50px rgba(5,107,45,.16)!important}
.st-drawer-panel a:hover{color:#0B5D1E!important}
.st-drawer-quick a{background:rgba(10,143,60,.055)!important;border-color:rgba(10,143,60,.12)!important}
.st-drawer-title{color:#0B5D1E!important}
.st-mobile-bottom{
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(255,255,255,.80)!important;
  box-shadow:0 14px 40px rgba(5,107,45,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
}
.st-mobile-bottom a{color:#5E7062!important}
.st-mobile-bottom a:hover,.st-mobile-bottom a.active{color:#0B5D1E!important}
.st-mobile-bottom a.active:after{background:#0B5D1E!important}
/* Product page */
.st-single-product-page .st-product-main,
.st-single-product-page .st-product-info,
.st-single-product-page .st-product-trust,
.st-single-product-page .st-product-tabs{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(10,143,60,.12)!important;
  box-shadow:0 20px 50px rgba(5,107,45,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
}
.st-single-product-page .st-single-add{background:linear-gradient(135deg,#FFB52E,#EFA51F)!important;color:#fff!important}
.st-single-product-page .st-single-order{background:linear-gradient(135deg,#151817,#050706)!important;color:#fff!important}
.st-single-product-page .st-stock{color:#0B5D1E!important}
.st-single-product-page .st-discount{background:#EF3340!important;color:#fff!important}
.st-single-product-page .st-tab.active{background:#0B5D1E!important;color:#fff!important}
/* Checkout */
.st-checkout-page-main{background:linear-gradient(180deg,#fbfefc 0%,#f3faf5 100%)!important}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(10,143,60,.13)!important;
  box-shadow:0 22px 58px rgba(5,107,45,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
.woocommerce-checkout .woocommerce-billing-fields h3:after{color:#12351A!important}
.woocommerce-checkout .form-row label{color:#12351A!important}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{
  border-color:rgba(10,143,60,.22)!important;
  background:rgba(255,255,255,.72)!important;
}
.woocommerce-checkout .form-row input.input-text:focus,.woocommerce-checkout .form-row textarea:focus,.woocommerce-checkout .form-row select:focus{border-color:#0B5D1E!important;box-shadow:0 0 0 4px rgba(10,143,60,.08),0 8px 22px rgba(5,107,45,.06)!important;outline:none!important}
.woocommerce-checkout #payment{background:rgba(255,255,255,.55)!important}
.woocommerce-checkout #place_order,.woocommerce-checkout button[type="submit"]{background:linear-gradient(135deg,#0B5D1E,#064E1B)!important;color:#fff!important;border-radius:16px!important;box-shadow:0 12px 26px rgba(5,107,45,.18)!important}
.woocommerce-checkout #place_order:hover,.woocommerce-checkout button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.04)}

/* v28: context-aware liquid-glass mobile navigation. The current page gets the active glass pill. */
@media(max-width:900px){
  .st-mobile-bottom a{
    position:relative!important;
    overflow:hidden!important;
    transition:background .28s ease,color .28s ease,box-shadow .28s ease,transform .2s ease,filter .28s ease!important;
  }
  .st-mobile-bottom a.active{
    color:#0B5D1E!important;
    background:linear-gradient(145deg,rgba(10,143,60,.18),rgba(255,255,255,.78))!important;
    border:1px solid rgba(10,143,60,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 8px 22px rgba(10,143,60,.13),0 0 0 1px rgba(255,255,255,.35)!important;
    transform:translateY(-1px);
  }
  .st-mobile-bottom a.active .st-icon{
    color:#0B5D1E!important;
    filter:drop-shadow(0 4px 8px rgba(10,143,60,.22));
    transform:translateY(-1px) scale(1.07);
  }
  .st-mobile-bottom a.active:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.34) 48%,transparent 72%);
    transform:translateX(-120%);animation:stNavGlassSheen 2.8s ease-in-out infinite;
  }
  .st-mobile-bottom a.active:after{
    top:4px!important;width:30px!important;height:3px!important;
    background:#0B5D1E!important;box-shadow:0 0 10px rgba(10,143,60,.34)!important;
  }
}
@keyframes stNavGlassSheen{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}

/* v29: active mobile nav uses the glass icon highlight only — no indicator line. */
@media(max-width:900px){
  .st-mobile-bottom a.active:after,
  .st-mobile-bottom a.active::after{
    display:none!important;
    content:none!important;
  }
  .st-mobile-bottom a.active{
    border-color:rgba(10,143,60,.16)!important;
  }
  .st-mobile-cart-badge{
    display:none;
    position:absolute;
    top:4px;
    right:calc(50% - 22px);
    min-width:18px;
    height:18px;
    padding:0 5px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#EF3340;
    color:#fff;
    border:2px solid rgba(255,255,255,.9);
    box-shadow:0 4px 10px rgba(239,51,64,.28);
    font-size:10px;
    line-height:14px;
    font-weight:900;
    z-index:5;
    transform:translate(50%,-10%);
  }
  .st-mobile-cart-badge.is-visible{display:flex;animation:stCartBadgePop .28s cubic-bezier(.2,.8,.2,1)}
}
@keyframes stCartBadgePop{
  0%{opacity:0;transform:translate(50%,-10%) scale(.55)}
  70%{opacity:1;transform:translate(50%,-10%) scale(1.12)}
  100%{opacity:1;transform:translate(50%,-10%) scale(1)}
}
/* Homepage: keep product cards focused on Add to Cart only. */
.home .st-product-actions .st-order-btn,
.front-page .st-product-actions .st-order-btn{display:none !important;}
.home .st-product-actions,
.front-page .st-product-actions{grid-template-columns:1fr !important;}

/* v32: hard guarantee — homepage product cards show Add to Cart only. */
body.home .st-product-actions .st-order-btn,
body.front-page .st-product-actions .st-order-btn,
body.st-home-force .st-product-actions .st-order-btn{display:none!important;}
body.home .st-product-actions,
body.front-page .st-product-actions,
body.st-home-force .st-product-actions{grid-template-columns:1fr!important;}


/* v33 typography + hero polish */
:root{
  --st-font-scale:92%;
  --st-section-title:22px;
  --st-category-title:14px;
  --st-nav-label:10px;
}
body.signtech-theme{font-size:var(--st-font-scale);}
.st-section-head h2{font-size:var(--st-section-title)!important;line-height:1.15;}
.st-category strong{font-size:var(--st-category-title)!important;}
.st-card-title{font-size:var(--st-product-title)!important;line-height:1.28;}
.st-mobile-bottom a{font-size:var(--st-nav-label)!important;}
.st-hero-banner{height:var(--st-hero-h,340px)!important;}
.st-hero-products{min-height:240px;height:240px;}
@media(max-width:900px){
  .st-hero-banner{height:var(--st-hero-mobile-h,300px)!important;}
  .st-hero-products{height:200px;min-height:200px;margin-top:4px;}
  .st-section-head h2{font-size:var(--st-section-title)!important;}
}
@media(max-width:560px){
  .st-hero-banner{height:var(--st-hero-mobile-h,300px)!important;}
  .st-hero-copy h1{font-size:clamp(24px,7vw,30px)!important;}
  .st-hero-copy p{font-size:13px!important;}
  .st-hero-products{height:195px;min-height:195px;}
  .st-hero-product{min-height:112px;}
  .st-section-head h2{font-size:var(--st-section-title)!important;}
  .st-category strong{font-size:var(--st-category-title)!important;}
}

/* v34 — fixed hero by default; optional stack mode from Customizer */
.st-hero-products:not(.is-stack) .st-hero-product:not(:first-child){display:none!important}
.st-hero-products:not(.is-stack){height:auto;min-height:0}
.st-hero-products:not(.is-stack) .st-hero-product:first-child{position:relative;inset:auto;width:100%;min-height:154px;transform:none!important;opacity:1!important;filter:none!important;z-index:3}
.st-hero-products:not(.is-stack) .st-hero-product:first-child:hover{transform:translateY(-3px) scale(1.012)!important}
@media(max-width:900px){
 .st-hero-products:not(.is-stack){height:auto;min-height:0}
 .st-hero-products:not(.is-stack) .st-hero-product:first-child{min-height:126px}
}
@media(max-width:520px){
 .st-hero-products:not(.is-stack) .st-hero-product:first-child{min-height:116px}
}


/* v36: Equal-height product cards in every horizontal carousel.
 * Cards stretch to the row height; body uses flex so price wrapping cannot push one card lower. */
.st-track{align-items:stretch;}
.st-track > .st-card{height:auto;display:flex;flex-direction:column;align-self:stretch;}
.st-card-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;}
.st-card-title{min-height:2.56em;}
.st-price{min-height:2.75em;display:flex;align-items:flex-start;flex-wrap:wrap;align-content:flex-start;}
.st-product-actions{margin-top:auto;}
.st-product-actions .st-add-wrap,.st-product-actions .st-order-btn{width:100%;}
@media(max-width:900px){
  .st-card-title{min-height:2.56em;}
  .st-price{min-height:2.75em;}
}

/* v40 — desktop stability + clean 3-bar mobile menu */
.st-mobile-menu{
  width:44px!important;height:44px!important;
  padding:0!important;border:0!important;background:transparent!important;
  display:grid!important;place-items:center!important;
  cursor:pointer!important;
}
.st-hamburger{
  width:25px;height:20px;display:flex;flex-direction:column;
  justify-content:space-between;align-items:stretch;
}
.st-hamburger i{
  display:block;width:100%;height:2.5px;border-radius:3px;
  background:#111;transition:transform .2s ease,opacity .2s ease;
}
.st-mobile-menu:active .st-hamburger i{background:#0B5D1E}
@media(min-width:901px) and (max-width:1180px){
  .st-desktop-head{grid-template-columns:190px minmax(300px,1fr) 190px;gap:14px}
  .st-brand{font-size:23px}
  .st-actions{gap:12px}
  .st-nav .container{gap:14px;overflow:hidden}
  .st-nav a{font-size:13px;white-space:nowrap}
  .st-cat-btn{white-space:nowrap;padding:10px 13px}
}
@media(min-width:901px){
  .st-track > .st-card{min-width:0}
  .st-card-title{overflow-wrap:anywhere}
}
@media(max-width:900px){
  .st-mobile-menu svg{display:none!important}
  .st-mobile-head{grid-template-columns:52px minmax(0,1fr) 52px}
  .st-mobile-brand{min-width:0;max-width:100%;overflow:hidden}
  .st-mobile-brand .st-custom-brand-logo{max-width:180px;height:auto}
}

/* v41 — desktop navigation/layout correction */
@media (min-width:901px){
  .st-nav .container{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    min-height:52px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  .st-nav .container > ul.menu,
  .st-nav .container > ul#primary-menu,
  .st-nav .container > .menu-primary-menu-container > ul,
  .st-nav .container > .menu-main-menu-container > ul{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    gap:22px!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  .st-nav .container > ul.menu > li,
  .st-nav .container > ul#primary-menu > li,
  .st-nav .container > .menu-primary-menu-container > ul > li,
  .st-nav .container > .menu-main-menu-container > ul > li{
    display:block!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .st-nav .container > ul.menu > li > a,
  .st-nav .container > ul#primary-menu > li > a,
  .st-nav .container > .menu-primary-menu-container > ul > li > a,
  .st-nav .container > .menu-main-menu-container > ul > li > a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:44px!important;
    white-space:nowrap!important;
  }
  .st-nav .container > a:last-child{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin-left:auto!important;
  }
  .st-cat-btn{flex:0 0 auto!important;white-space:nowrap!important}
}

@media (min-width:901px) and (max-width:1180px){
  .st-nav .container{gap:12px!important}
  .st-nav .container > ul.menu,
  .st-nav .container > ul#primary-menu,
  .st-nav .container > .menu-primary-menu-container > ul,
  .st-nav .container > .menu-main-menu-container > ul{gap:13px!important}
  .st-nav a{font-size:12px!important}
  .st-cat-btn{font-size:12px!important;padding:10px 12px!important}
  .st-nav .container > a:last-child{font-size:12px!important}
}

/* Keep the desktop hero balanced instead of letting the text dominate the banner. */
@media (min-width:901px){
  .st-hero-banner{min-height:340px!important}
  .st-hero-copy{padding:32px 40px!important;max-width:690px!important}
  .st-hero-copy h1{font-size:clamp(34px,4vw,50px)!important;max-width:610px!important}
  .st-hero-copy p{max-width:460px!important}
  .st-hero-products{align-self:center!important}
}


/* v42 — hard-fix desktop WordPress menu wrapper.
 * WordPress may output the primary menu inside a div such as
 * .menu-primary-container. Target the actual ul.menu rather than relying
 * on one generated wrapper class, preventing the default vertical bullets.
 */
@media (min-width:901px){
  .st-nav .container > .menu,
  .st-nav .container > .menu-primary-container,
  .st-nav .container > .menu-primary-menu-container,
  .st-nav .container > .menu-main-menu-container{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .st-nav .container > .menu-primary-container > ul.menu,
  .st-nav .container > .menu-primary-menu-container > ul.menu,
  .st-nav .container > .menu-main-menu-container > ul.menu,
  .st-nav .container > ul.menu{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    gap:22px!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  .st-nav .container ul.menu > li{
    display:block!important;
    float:none!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .st-nav .container ul.menu > li > a{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    min-height:44px!important;
  }
  .st-nav .container ul.menu > li::before,
  .st-nav .container ul.menu > li::marker{
    content:none!important;
    display:none!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .st-nav .container > .menu-primary-container > ul.menu,
  .st-nav .container > .menu-primary-menu-container > ul.menu,
  .st-nav .container > .menu-main-menu-container > ul.menu,
  .st-nav .container > ul.menu{gap:13px!important}
  .st-nav .container ul.menu > li > a{font-size:12px!important}
}

/* v42 — make the custom product template clearly visible on desktop. */
@media (min-width:901px){
  .st-single-product-page{display:block!important;visibility:visible!important;opacity:1!important}
  .st-single-product-page .st-product-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:36px!important;align-items:start!important}
  .st-single-product-page .st-product-gallery,
  .st-single-product-page .st-product-summary{display:block!important;visibility:visible!important}
}

/* v43 — desktop top navigation: icon-only category button + one-line menu */
@media (min-width:901px){
  /* Keep only the 3-line menu icon; hide the "All Categories" text. */
  .st-nav .st-cat-btn{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    font-size:0!important;
    line-height:0!important;
    flex:0 0 46px!important;
    border-radius:12px!important;
  }
  .st-nav .st-cat-btn .st-icon,
  .st-nav .st-cat-btn svg{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    display:block!important;
  }

  /* Force the WordPress primary menu to be a clean horizontal row. */
  .st-nav .container > ul.menu,
  .st-nav .container > ul#primary-menu,
  .st-nav .container > div > ul.menu,
  .st-nav .container > div > ul#primary-menu{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    list-style:none!important;
    list-style-type:none!important;
    margin:0!important;
    padding:0!important;
    gap:24px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .st-nav .container ul.menu > li,
  .st-nav .container ul#primary-menu > li{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    list-style:none!important;
    list-style-type:none!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    position:relative!important;
    white-space:nowrap!important;
  }
  .st-nav .container ul.menu > li::before,
  .st-nav .container ul.menu > li::after,
  .st-nav .container ul.menu > li::marker,
  .st-nav .container ul#primary-menu > li::before,
  .st-nav .container ul#primary-menu > li::after,
  .st-nav .container ul#primary-menu > li::marker{
    display:none!important;
    content:none!important;
  }
  .st-nav .container ul.menu > li > a,
  .st-nav .container ul#primary-menu > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    min-height:46px!important;
    padding:0!important;
    margin:0!important;
    line-height:1.2!important;
  }

  /* Track Order stays on the same line instead of dropping below. */
  .st-nav .container > a:last-child{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin-left:auto!important;
    min-height:46px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .st-nav .container{gap:12px!important}
  .st-nav .container > ul.menu,
  .st-nav .container > ul#primary-menu,
  .st-nav .container > div > ul.menu,
  .st-nav .container > div > ul#primary-menu{gap:15px!important}
  .st-nav .container ul.menu > li > a,
  .st-nav .container ul#primary-menu > li > a,
  .st-nav .container > a:last-child{font-size:12px!important}
}


/* v44 — professional desktop checkout layout */
.woocommerce-checkout .st-checkout-page-main,
.woocommerce-checkout.st-checkout-page-main{min-height:60vh}
.woocommerce-checkout .st-checkout-reference-shell{max-width:1180px!important;margin:0 auto!important;padding:28px 20px 72px!important}
.woocommerce-checkout .st-checkout-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 24px!important;padding:0!important}
.woocommerce-checkout .st-checkout-heading span{font-size:34px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.035em!important;color:#17231d!important}
.woocommerce-checkout .st-checkout-heading small{display:block!important;color:#64736c!important;font-size:15px!important;font-weight:600!important;margin:0 0 3px!important}
.woocommerce-checkout form.checkout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:24px!important;align-items:start!important}
.woocommerce-checkout #customer_details{grid-column:1!important;margin:0!important;padding:28px!important;border-radius:22px!important}
.woocommerce-checkout #order_review{grid-column:2!important;margin:0!important;padding:26px!important;border-radius:22px!important;position:sticky!important;top:24px!important}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.woocommerce-checkout #customer_details .col-2{margin-top:0!important}
.woocommerce-checkout #customer_details .woocommerce-billing-fields,
.woocommerce-checkout #customer_details .woocommerce-additional-fields{width:100%!important;max-width:none!important}
.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row.form-row-first,
.woocommerce-checkout .form-row.form-row-last,
.woocommerce-checkout .form-row.form-row-wide{float:none!important;width:100%!important;max-width:none!important;clear:both!important;margin-left:0!important;margin-right:0!important}
.woocommerce-checkout .form-row label{display:block!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.01em!important;margin:0 0 8px 1px!important}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select{width:100%!important;box-sizing:border-box!important;min-height:56px!important;height:56px!important;border-radius:12px!important;font-size:16px!important;padding:0 16px!important}
.woocommerce-checkout .form-row textarea{height:108px!important;padding:14px 16px!important;resize:vertical!important}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_address_1_field{width:100%!important;float:none!important}
.woocommerce-checkout .woocommerce-billing-fields h3:after{font-size:25px!important;font-weight:850!important}
.woocommerce-checkout .woocommerce-billing-fields h3{margin-bottom:22px!important}
.woocommerce-checkout #order_review_heading{font-size:25px!important;font-weight:850!important;margin:0 0 18px!important}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td{padding:12px 8px!important}
.woocommerce-checkout #payment{padding:15px!important;border-radius:16px!important}
.woocommerce-checkout #place_order{min-height:58px!important;width:100%!important;font-size:17px!important}

@media(max-width:900px){
  .woocommerce-checkout .st-checkout-reference-shell{padding:16px 14px 50px!important}
  .woocommerce-checkout .st-checkout-heading{display:block!important;margin-bottom:18px!important}
  .woocommerce-checkout .st-checkout-heading span{font-size:29px!important}
  .woocommerce-checkout .st-checkout-heading small{margin-top:6px!important}
  .woocommerce-checkout form.checkout{display:block!important}
  .woocommerce-checkout #customer_details{padding:20px!important;margin-bottom:18px!important}
  .woocommerce-checkout #order_review{padding:20px!important;position:static!important}
}

/* v45 FINAL — deterministic desktop navigation + checkout layout */
@media (min-width:901px){
  /* Header/nav: never depend on WordPress menu markup. */
  .st-nav .container{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:22px!important;
    min-height:58px!important;
    overflow:visible!important;
  }
  .st-nav .st-cat-btn{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:0!important;
    line-height:0!important;
    border-radius:10px!important;
  }
  .st-nav .st-cat-btn .st-icon,
  .st-nav .st-cat-btn svg{
    width:21px!important;
    height:21px!important;
    display:block!important;
  }
  .st-primary-links{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:28px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .st-primary-links a,
  .st-track-order-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  .st-track-order-link{margin-left:auto!important}
  .st-nav .st-primary-links + .st-track-order-link{color:#233129!important}
}
@media (min-width:901px) and (max-width:1180px){
  .st-nav .container{gap:14px!important}
  .st-primary-links{gap:16px!important}
  .st-primary-links a,.st-track-order-link{font-size:12px!important}
}

/* Checkout: override WooCommerce's legacy .col2-set/.form-row widths explicitly. */
@media (min-width:901px){
  body.woocommerce-checkout .st-checkout-reference-shell{
    width:100%!important;
    max-width:1240px!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:32px 24px 76px!important;
  }
  body.woocommerce-checkout form.checkout{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
    gap:28px!important;
    align-items:start!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  body.woocommerce-checkout form.checkout #customer_details{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    clear:none!important;
    grid-column:1!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:30px!important;
    border-radius:22px!important;
  }
  body.woocommerce-checkout form.checkout #order_review{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    float:none!important;
    clear:none!important;
    grid-column:2!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:28px!important;
    border-radius:22px!important;
    position:sticky!important;
    top:24px!important;
  }
  body.woocommerce-checkout #customer_details .col2-set,
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    clear:both!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:0!important;
  }
  body.woocommerce-checkout #customer_details .col-2{display:none!important}
  body.woocommerce-checkout .form-row,
  body.woocommerce-checkout .form-row.form-row-first,
  body.woocommerce-checkout .form-row.form-row-last,
  body.woocommerce-checkout .form-row.form-row-wide{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    clear:both!important;
    display:block!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row textarea,
  body.woocommerce-checkout .form-row select{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-checkout #billing_first_name_field,
  body.woocommerce-checkout #billing_phone_field,
  body.woocommerce-checkout #billing_email_field,
  body.woocommerce-checkout #billing_address_1_field,
  body.woocommerce-checkout #order_comments_field{
    width:100%!important;
    float:none!important;
  }
  body.woocommerce-checkout .woocommerce-billing-fields h3:after{
    font-size:27px!important;
  }
  body.woocommerce-checkout .st-checkout-heading{
    display:block!important;
    margin:0 0 20px!important;
  }
  body.woocommerce-checkout .st-checkout-heading span{
    font-size:36px!important;
    line-height:1.15!important;
  }
  body.woocommerce-checkout .st-checkout-heading small{
    display:block!important;
    margin-top:7px!important;
    font-size:14px!important;
  }
}
@media (max-width:900px){
  body.woocommerce-checkout .st-checkout-reference-shell{
    width:100%!important;
    box-sizing:border-box!important;
    padding:18px 14px 50px!important;
  }
  body.woocommerce-checkout form.checkout{width:100%!important;display:block!important}
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-checkout .form-row,
  body.woocommerce-checkout .form-row.form-row-first,
  body.woocommerce-checkout .form-row.form-row-last,
  body.woocommerce-checkout .form-row.form-row-wide{width:100%!important;float:none!important;display:block!important}
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row textarea,
  body.woocommerce-checkout .form-row select{width:100%!important;max-width:none!important;box-sizing:border-box!important}
}


/* =========================================================
   GramBazar Signtech Brand Control Edition v2
   Brand palette sampled from supplied Signtech logo:
   Indigo #0B5D1E + Orange #FFB52E + White
   ========================================================= */
:root{
  --st-primary:#0B5D1E;
  --st-primary-dark:#064E1B;
  --st-green:#0B5D1E;
  --st-green-dark:#064E1B;
  --st-accent:#FFB52E;
  --st-text:#064E1B;
  --st-muted:#5E7062;
  --st-bg:#F3F8F2;
  --st-surface:#FFFFFF;
  --st-border:#D5E8D5;
  --st-header-bg:#FFFFFF;
  --st-footer-bg:#064E1B;
  --st-logo-color:#0B5D1E;
  --st-logo-mark:#0B5D1E;
  --st-search-color:#0B5D1E;
  --st-search-icon:#FFFFFF;
  --st-menu-color:#0B5D1E;
  --st-nav-color:#12351A;
  --st-cart-icon:#0B5D1E;
  --st-light:#F3F4FF;
  --st-shadow-brand:0 12px 32px rgba(45,49,146,.12);
}
body{background:var(--st-bg);color:var(--st-text)}
a{color:inherit}
.st-header{background:#fff;border-color:#E4E6F2}
.st-brand,.st-action,.st-view{color:var(--st-primary)}
.st-brand-mark{background:var(--st-primary);color:#fff;box-shadow:var(--st-shadow-brand)}
.st-search{border-color:var(--st-primary);background:#fff}
.st-search:focus-within{border-color:var(--st-primary);box-shadow:0 0 0 4px rgba(45,49,146,.10)}
.st-search button{background:var(--st-primary);color:#fff}
.st-search button:hover{background:var(--st-primary-dark)}
.st-nav{background:#fff;border-color:#E1E4F0}
.st-cat-btn{background:var(--st-primary);color:#fff}
.st-cat-btn:hover{background:var(--st-primary-dark)}
.st-nav a{color:#12351A}
.st-nav a:hover,.st-action:hover,.st-view:hover{color:var(--st-primary)}
.st-track-order-link{font-weight:800}
.st-count{background:var(--st-accent);color:#064E1B;font-weight:900}
.st-main{background:var(--st-bg)}
.st-hero-banner{background:linear-gradient(115deg,#064E1B 0%,#0B5D1E 58%,#4549B0 100%)}
.st-btn-green,.st-btn-primary,.st-product-actions .st-add-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.st-card .button{background:var(--st-primary);color:#fff}
.st-btn-green:hover,.st-product-actions .st-add-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.st-card .button:hover{background:var(--st-primary-dark);color:#fff}
.st-order-btn,.st-product-actions .st-order-btn{background:var(--st-accent);color:#064E1B}
.st-order-btn:hover,.st-product-actions .st-order-btn:hover{background:#F7A900;color:#064E1B}
.st-badge{background:var(--st-primary);color:#fff}
.st-price{color:var(--st-primary)}
.st-old{color:#647568}
.st-card,.st-category,.st-feature,.st-checkout-extra>div{background:#fff;border-color:var(--st-border)}
.st-card:hover{border-color:rgba(45,49,146,.35);box-shadow:0 18px 42px rgba(45,49,146,.14)}
.st-category strong{color:var(--st-primary-dark)}
.st-category:hover{box-shadow:0 14px 32px rgba(45,49,146,.12)}
.st-arrow{border-color:var(--st-primary);color:var(--st-primary)}
.st-arrow:hover{background:var(--st-primary);color:#fff}
.st-dot.active{background:var(--st-primary)}
.st-feature-icon{background:#E7F3E6;color:var(--st-primary)}
.st-promo{background:linear-gradient(135deg,#064E1B,#0B5D1E)}
.st-promo:nth-child(2){background:linear-gradient(135deg,#B87516,#FFB52E)}
.st-promo:nth-child(3){background:linear-gradient(135deg,#0B5D1E,#0B5D1E)}
.st-promo .st-btn-white{color:var(--st-primary)}
.st-section-head h2{color:#12351A}
.st-view{color:var(--st-primary)}
.st-footer{background:var(--st-footer-bg);color:#fff;border-top-color:#30347E}
.st-footer h3,.st-footer strong{color:#fff}
.st-footer a{color:#DDE1FF}
.st-footer a:hover{color:var(--st-accent)}
.st-bottom{border-color:#363A80;color:#C7CCEA}
.st-drawer-panel{background:#fff}
.st-drawer a:hover{color:var(--st-primary)}
.woocommerce .site-main,.woocommerce-page .site-main{background:var(--st-bg)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-color:#D9DDF0;background:#fff;color:#12351A}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px rgba(45,49,146,.10);outline:none}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:#fff;border-color:#D5E8D5;box-shadow:0 12px 35px rgba(45,49,146,.07)}
.st-mobile-bottom{background:#fff;border-top-color:#D5E8D5}
.st-mobile-bottom a.active{color:var(--st-primary)}
.st-mobile-menu,.st-mobile-cart{color:var(--st-primary)}
.st-mobile-menu:hover,.st-mobile-cart:hover{color:var(--st-primary-dark)}
.st-mobile-brand{color:var(--st-primary)}
.st-mobile-search{border-color:#E3E6F2}
.st-section{background:transparent}
/* Make WooCommerce notices use the brand palette instead of default green. */
.woocommerce-message,.woocommerce-info{border-top-color:var(--st-primary)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--st-primary)}
.woocommerce-error{border-top-color:#D65A4A}
/* Keep the three-bar mobile menu unmistakable. */
.st-hamburger i{background:var(--st-primary)!important}
/* Accessibility: selected/focus states remain brand-consistent. */
:focus-visible{outline:3px solid rgba(252,175,59,.75);outline-offset:2px}
@media(min-width:901px){
  .st-nav .container{gap:28px}
  .st-primary-links{display:flex!important;align-items:center;gap:26px;white-space:nowrap;flex:0 0 auto}
  .st-primary-links a{display:inline-flex!important;align-items:center;white-space:nowrap}
  .st-track-order-link{margin-left:auto;white-space:nowrap}
}


/* =========================================================
   SIGNTECH BRAND V3 — COMPLETE A–Z COLOR SYSTEM
   Primary: Indigo #0B5D1E / Deep Indigo #064E1B
   Accent: Orange #FFB52E / Gold #E49A24
   Neutral: White / Soft Indigo #F3F8F2
   This block intentionally sits LAST so no legacy green rule can win.
   ========================================================= */
:root{
  --brand:#0B5D1E;
  --brand-dark:#064E1B;
  --brand-mid:#3E43A6;
  --brand-soft:#E7F3E6;
  --accent:#FFB52E;
  --accent-dark:#D88C1D;
  --page:#F3F8F2;
  --surface:#FFFFFF;
  --ink:#064E1B;
  --muted:#5E7062;
  --line:#D5E8D5;
  --line-strong:#C9CEE8;
  --success:#0B5D1E;
  --danger:#D94C4C;
  --shadow:0 12px 32px rgba(45,49,146,.10);
}
html,body{background:var(--page)!important;color:var(--ink)!important}
body,body.signtech-theme{background:var(--page)!important;color:var(--ink)!important}
a{color:inherit}

/* Header / navigation */
.st-header,.st-desktop-head,.st-mobile-head,.st-nav,.st-mobile-search{background:#fff!important;border-color:var(--line)!important}
.st-brand,.st-brand span,.st-logo-link,.st-action,.st-mobile-brand{color:var(--brand)!important}
.st-brand small,.st-mobile-brand small{color:var(--muted)!important}
.st-brand-mark{background:linear-gradient(145deg,var(--brand-mid),var(--brand-dark))!important;color:#fff!important;box-shadow:var(--shadow)!important}
.st-search{border-color:var(--brand)!important;background:#fff!important;box-shadow:0 5px 20px rgba(45,49,146,.05)!important}
.st-search:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(45,49,146,.10),0 12px 28px rgba(45,49,146,.08)!important}
.st-search button{background:linear-gradient(145deg,var(--brand),var(--brand-dark))!important;color:#fff!important}
.st-search button:hover{background:var(--brand-dark)!important}
.st-action:hover,.st-nav a:hover,.st-track-order-link:hover{color:var(--brand)!important}
.st-cart>.st-icon,.st-mobile-cart>.st-icon{color:var(--brand)!important}
.st-count{background:var(--accent)!important;color:var(--brand-dark)!important;box-shadow:0 4px 12px rgba(252,175,59,.30)!important}
.st-nav{background:#fff!important}
.st-cat-btn{background:linear-gradient(145deg,var(--brand),var(--brand-dark))!important;color:#fff!important}
.st-cat-btn:hover{background:var(--brand-dark)!important}
.st-primary-links a,.st-track-order-link{color:#12351A!important}
.st-primary-links a:hover,.st-track-order-link:hover{color:var(--brand)!important}
.st-hamburger i{background:var(--brand)!important}

/* Main / hero / sections */
.st-main,.site-main,.st-section{background:var(--page)!important}
.st-hero-banner{background:linear-gradient(120deg,var(--brand-dark) 0%,var(--brand) 58%,#4A4FB4 100%)!important;box-shadow:0 24px 60px rgba(45,49,146,.16)!important}
.st-hero-banner *{border-color:rgba(255,255,255,.20)}
.st-btn-green,.st-btn-primary,.st-product-actions .st-add-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.st-card .button{background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;color:#fff!important;border-color:transparent!important}
.st-btn-green:hover,.st-btn-primary:hover,.st-product-actions .st-add-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.st-card .button:hover{background:var(--brand-dark)!important;color:#fff!important}
.st-order-btn,.st-product-actions .st-order-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;color:var(--brand-dark)!important}
.st-order-btn:hover,.st-product-actions .st-order-btn:hover{background:#F7A900!important;color:var(--brand-dark)!important}
.st-badge{background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;color:#fff!important}
.st-price,.st-product-price-row,.st-view{color:var(--brand)!important}
.st-old{color:#647568!important}
.st-card,.st-category,.st-feature,.st-checkout-extra>div{background:#fff!important;border-color:var(--line)!important;box-shadow:0 8px 26px rgba(45,49,146,.05)!important}
.st-card:hover,.st-category:hover{border-color:rgba(45,49,146,.35)!important;box-shadow:0 18px 42px rgba(45,49,146,.13)!important}
.st-category strong{color:var(--brand-dark)!important}
.st-arrow{background:#fff!important;border-color:rgba(45,49,146,.20)!important;color:var(--brand)!important}
.st-arrow:hover{background:var(--brand)!important;color:#fff!important}
.st-dot.active{background:var(--brand)!important}
.st-feature-icon{background:var(--brand-soft)!important;color:var(--brand)!important}
.st-promo{background:linear-gradient(135deg,var(--brand-dark),var(--brand))!important;color:#fff!important}
.st-promo:nth-child(2){background:linear-gradient(135deg,var(--accent-dark),var(--accent))!important;color:var(--brand-dark)!important}
.st-promo:nth-child(3){background:linear-gradient(135deg,var(--brand),#0B5D1E)!important;color:#fff!important}
.st-section-head h2{color:var(--brand-dark)!important}

/* Footer — fully branded */
.st-footer{background:linear-gradient(145deg,#043D15 0%,var(--brand-dark) 52%,#0B5D1E 100%)!important;color:#fff!important;border-top:3px solid var(--accent)!important}
.st-footer h3,.st-footer strong{color:#fff!important}
.st-footer h3:after{background:var(--accent)!important}
.st-footer p,.st-footer a{color:#E1E4FF!important}
.st-footer a:hover{color:var(--accent)!important}
.st-bottom{background:#043D15!important;border-color:#3B4090!important;color:#C8CCED!important}

/* Drawer / mobile bottom */
.st-drawer-panel{background:#fff!important;border-color:var(--line)!important}
.st-drawer-head{background:linear-gradient(135deg,var(--brand-dark),var(--brand))!important;color:#fff!important}
.st-drawer a:hover,.st-drawer-title{color:var(--brand)!important}
.st-mobile-bottom{background:rgba(255,255,255,.97)!important;border-top-color:var(--line)!important;box-shadow:0 -10px 35px rgba(45,49,146,.10)!important}
.st-mobile-bottom a{color:#5E7062!important}
.st-mobile-bottom a.active,.st-mobile-bottom a:hover{color:var(--brand)!important}
.st-mobile-bottom a.active:after{background:var(--brand)!important}

/* WooCommerce global */
.woocommerce .site-main,.woocommerce-page .site-main{background:var(--page)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-color:var(--line)!important;background:#fff!important;color:var(--ink)!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(45,49,146,.11)!important}
.woocommerce-message,.woocommerce-info{border-top-color:var(--brand)!important;background:#fff!important;color:var(--ink)!important}
.woocommerce-message:before,.woocommerce-info:before{color:var(--brand)!important}
.woocommerce-error{border-top-color:var(--danger)!important}

/* Product page */
.st-single-product-page{background:var(--page)!important}
.st-single-product-page .st-product-price-row ins,.st-single-product-page .st-stock{color:var(--brand)!important}
.st-single-product-page .st-single-add{background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;color:#fff!important}
.st-single-product-page .st-single-order{background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;color:var(--brand-dark)!important}
.st-single-product-page .st-discount{background:var(--danger)!important}
.st-single-product-page .st-tab.active,.st-product-tabs ul.tabs li.active a{background:var(--brand)!important;color:#fff!important}

/* Checkout — same brand system */
.st-checkout-page-main{background:linear-gradient(180deg,#F3F8F2 0%,#E7F3E6 100%)!important}
.woocommerce-checkout .st-checkout-heading span{color:var(--brand-dark)!important}
.woocommerce-checkout .st-checkout-heading small{color:var(--brand)!important}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:#fff!important;border-color:var(--line)!important;box-shadow:0 16px 40px rgba(45,49,146,.08)!important}
.woocommerce-checkout .woocommerce-billing-fields h3:after,.woocommerce-checkout #order_review_heading,.woocommerce-checkout h3{color:var(--brand-dark)!important}
.woocommerce-checkout .form-row label{color:var(--ink)!important}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{border-color:var(--line)!important;background:#fff!important;color:var(--ink)!important}
.woocommerce-checkout .form-row input.input-text:focus,.woocommerce-checkout .form-row textarea:focus,.woocommerce-checkout .form-row select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(45,49,146,.09)!important}
.woocommerce-checkout #payment{background:var(--brand-soft)!important;border-color:var(--line)!important}
.woocommerce-checkout #place_order,.woocommerce-checkout button[type=submit]{background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;color:#fff!important;border-radius:16px!important;box-shadow:0 12px 26px rgba(45,49,146,.20)!important}
.woocommerce-checkout #place_order:hover,.woocommerce-checkout button[type=submit]:hover{background:var(--brand-dark)!important}

/* Cart / buttons / forms / pagination */
.woocommerce-cart .site-main,.woocommerce-checkout .site-main,.woocommerce-account .site-main{background:var(--page)!important}
.woocommerce .cart_totals,.woocommerce .woocommerce-cart-form,.woocommerce .checkout_coupon,.woocommerce .woocommerce-form-login,.woocommerce .woocommerce-MyAccount-content,.woocommerce .woocommerce-MyAccount-navigation{background:#fff!important;border-color:var(--line)!important}
.woocommerce-pagination a,.woocommerce-pagination span,.page-numbers{color:var(--brand)!important;border-color:var(--line)!important}
.woocommerce-pagination .current,.page-numbers.current{background:var(--brand)!important;color:#fff!important}

/* Sale / alerts / miscellaneous accents */
.st-product-sale-badge{background:var(--danger)!important}
.st-stock-status{color:var(--brand)!important}
.st-stock-status i{background:var(--brand)!important;box-shadow:0 0 0 5px rgba(45,49,146,.10)!important}
.st-loader-glass{color:var(--brand-dark)!important}
.st-loader-orb{border-top-color:var(--brand)!important;border-right-color:var(--accent)!important}
:focus-visible{outline:3px solid rgba(252,175,59,.80)!important;outline-offset:2px}

/* Kill legacy green utility colors anywhere they survive through inline-ish classes. */
[class*="green"],.green,.text-green{--green-brand:var(--brand)}

/* =========================================================
   v5 — Checkout final polish
   ========================================================= */
.woocommerce-checkout .st-checkout-reference-shell{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  padding:34px 24px 70px!important;
}
.woocommerce-checkout .st-checkout-heading{
  display:block!important;
  margin:0 0 26px!important;
  padding:0!important;
}
.woocommerce-checkout .st-checkout-heading span{
  display:block!important;
  color:#0B5D1E!important;
  font-size:38px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.woocommerce-checkout .st-checkout-heading small{
  display:block!important;
  margin:8px 0 0!important;
  color:#68708f!important;
  font-size:15px!important;
  font-weight:600!important;
}
.woocommerce-checkout form.checkout{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  gap:28px!important;
  align-items:start!important;
  margin:0!important;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
  width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid rgba(45,49,146,.12)!important;
  box-shadow:0 16px 45px rgba(45,49,146,.08)!important;
}
.woocommerce-checkout #customer_details{
  grid-column:1!important;
  padding:32px!important;
  margin:0!important;
  border-radius:24px!important;
}
.woocommerce-checkout #order_review{
  grid-column:2!important;
  padding:28px!important;
  margin:0!important;
  border-radius:24px!important;
  position:sticky!important;
  top:24px!important;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #customer_details .woocommerce-billing-fields,
.woocommerce-checkout #customer_details .woocommerce-additional-fields{
  width:100%!important;
  max-width:none!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
.woocommerce-checkout .woocommerce-billing-fields h3{
  margin:0 0 24px!important;
  font-size:0!important;
}
.woocommerce-checkout .woocommerce-billing-fields h3:after{
  content:'Billing details'!important;
  display:block!important;
  color:#064E1B!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row.form-row-first,
.woocommerce-checkout .form-row.form-row-last,
.woocommerce-checkout .form-row.form-row-wide{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
  clear:both!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.woocommerce-checkout .form-row label{
  display:block!important;
  color:#064E1B!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  margin:0 0 8px!important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:1px solid #D9DCEF!important;
  background:#F7FBF8!important;
  color:#064E1B!important;
  border-radius:13px!important;
  box-shadow:none!important;
  font-size:16px!important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select{
  height:54px!important;
  min-height:54px!important;
  padding:0 15px!important;
}
.woocommerce-checkout .form-row textarea{
  min-height:105px!important;
  height:105px!important;
  padding:14px 15px!important;
  resize:vertical!important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus{
  border-color:#0B5D1E!important;
  box-shadow:0 0 0 3px rgba(45,49,146,.10)!important;
  outline:none!important;
}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #order_comments_field{
  width:100%!important;
  float:none!important;
}
.woocommerce-checkout .woocommerce-additional-fields{
  margin-top:25px!important;
  padding-top:22px!important;
  border-top:1px solid #E8F2E7!important;
}
.woocommerce-checkout .woocommerce-additional-fields h3{
  margin:0 0 14px!important;
  color:#064E1B!important;
  font-size:19px!important;
  font-weight:850!important;
}
.woocommerce-checkout #order_review_heading{
  margin:0 0 18px!important;
  color:#064E1B!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.woocommerce-checkout #order_review .shop_table{
  width:100%!important;
  table-layout:fixed!important;
  margin:0!important;
  border:0!important;
}
.woocommerce-checkout #order_review .shop_table th:first-child,
.woocommerce-checkout #order_review .shop_table td:first-child{width:68%!important}
.woocommerce-checkout #order_review .shop_table th:last-child,
.woocommerce-checkout #order_review .shop_table td:last-child{width:32%!important;text-align:right!important}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td{
  padding:12px 5px!important;
  border-bottom:1px solid #E8F2E7!important;
  vertical-align:top!important;
  word-break:break-word!important;
}
.woocommerce-checkout #order_review .shop_table tfoot th,
.woocommerce-checkout #order_review .shop_table tfoot td{
  color:#064E1B!important;
  font-weight:800!important;
}
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td{
  font-size:18px!important;
  border-bottom:0!important;
}
.woocommerce-checkout #payment{
  margin-top:20px!important;
  padding:16px!important;
  background:#F7FBF8!important;
  border:1px solid #E5E5F0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.woocommerce-checkout #payment ul.payment_methods{
  margin:0!important;
  padding:0 0 12px!important;
}
.woocommerce-checkout #payment .payment_box{
  background:#EEEFFF!important;
  color:#42476C!important;
  border-radius:11px!important;
}
.woocommerce-checkout #payment .place-order{padding:14px 0 0!important}
.woocommerce-checkout #payment #place_order{
  width:100%!important;
  min-height:56px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0B5D1E,#064E1B)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(45,49,146,.22)!important;
}
.woocommerce-checkout #payment #place_order:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}

/* v6 — Single-column checkout on every screen size.
   Billing first, then Your Order underneath. */
.woocommerce-checkout .st-checkout-reference-shell{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.woocommerce-checkout form.checkout{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
  grid-column:auto!important;
  position:static!important;
  box-sizing:border-box!important;
}
.woocommerce-checkout #customer_details{
  margin:0 0 24px!important;
}
.woocommerce-checkout #order_review{
  margin:0!important;
}

/* Treat tablet / narrow desktop widths as a single clean checkout column.
   This also handles browsers using a desktop-site viewport on phones. */
@media (max-width:1100px){
  .woocommerce-checkout .st-checkout-reference-shell{max-width:760px!important;padding:22px 18px 55px!important}
  .woocommerce-checkout form.checkout{display:block!important}
  .woocommerce-checkout #customer_details{margin:0 0 20px!important;padding:24px!important}
  .woocommerce-checkout #order_review{position:static!important;margin:0!important;padding:24px!important}
}
@media (max-width:600px){
  .woocommerce-checkout .st-checkout-reference-shell{padding:14px 12px 40px!important}
  .woocommerce-checkout .st-checkout-heading span{font-size:30px!important}
  .woocommerce-checkout .st-checkout-heading small{font-size:13px!important}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{padding:18px!important;border-radius:18px!important}
  .woocommerce-checkout .woocommerce-billing-fields h3:after{font-size:22px!important}
  .woocommerce-checkout #order_review_heading{font-size:22px!important}
}


/* v7 — Editable Why Choose Us section */
.st-why-us{padding-top:10px;padding-bottom:34px}
.st-why-head{max-width:760px;margin:0 auto 24px;text-align:center}
.st-why-eyebrow{display:inline-block;color:var(--st-primary);font-size:12px;font-weight:900;letter-spacing:1.8px;margin-bottom:7px}
.st-why-head h2{margin:0 0 8px;color:var(--st-heading,var(--st-primary-dark));font-size:clamp(25px,3vw,34px);font-weight:900}
.st-why-head p{margin:0;color:var(--st-muted);font-size:15px;line-height:1.7}
.st-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.st-why-card{display:flex;gap:13px;align-items:flex-start;background:var(--st-surface,#fff);border:1px solid var(--st-border);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(32,36,111,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.st-why-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(32,36,111,.11);border-color:var(--st-primary)}
.st-why-icon{width:46px;height:46px;min-width:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--st-primary) 10%,#fff);color:var(--st-primary);border:1px solid color-mix(in srgb,var(--st-primary) 15%,#fff)}
.st-why-icon svg{width:22px;height:22px}
.st-why-card h3{margin:2px 0 6px;color:var(--st-heading,var(--st-primary-dark));font-size:16px;font-weight:900}
.st-why-card p{margin:0;color:var(--st-muted);font-size:13px;line-height:1.55}
@media(max-width:1000px){.st-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.st-why-us{padding-top:4px;padding-bottom:22px}.st-why-head{margin-bottom:18px;text-align:left}.st-why-head h2{font-size:26px}.st-why-head p{font-size:14px}.st-why-grid{grid-template-columns:1fr;gap:12px}.st-why-card{padding:16px;border-radius:16px}}


/* =========================================================
   Signtech v8 — HARD SINGLE-COLUMN CHECKOUT
   This intentionally overrides every earlier checkout grid/flex rule.
   Desktop and mobile use the same clean vertical checkout flow.
   ========================================================= */
html body.woocommerce-checkout .site-main .container,
html body.woocommerce-checkout .woocommerce .site-main .container{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout .woocommerce form.checkout{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  float:none!important;
}
/* WooCommerce's default two-column billing wrapper */
html body.woocommerce-checkout #customer_details,
html body.woocommerce-checkout #customer_details.col2-set,
html body.woocommerce-checkout .col2-set,
html body.woocommerce-checkout .col2-set .col-1,
html body.woocommerce-checkout .col2-set .col-2{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout #customer_details{
  order:1!important;
  margin:0 0 22px!important;
  padding:30px!important;
  border-radius:24px!important;
  background:var(--st-color-checkout-card,#fff)!important;
}
html body.woocommerce-checkout #order_review,
html body.woocommerce-checkout .woocommerce-checkout-review-order{
  order:2!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  margin:0 0 24px!important;
  padding:30px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  background:var(--st-color-checkout-card,#fff)!important;
}
html body.woocommerce-checkout #order_review_heading{
  display:block!important;
  width:100%!important;
  margin:0 0 18px!important;
  font-size:30px!important;
  line-height:1.2!important;
}
/* Force every billing field to occupy the full content width. */
html body.woocommerce-checkout #customer_details .form-row,
html body.woocommerce-checkout #customer_details .form-row.form-row-first,
html body.woocommerce-checkout #customer_details .form-row.form-row-last,
html body.woocommerce-checkout #customer_details .form-row-wide{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.woocommerce-checkout #customer_details input.input-text,
html body.woocommerce-checkout #customer_details textarea,
html body.woocommerce-checkout #customer_details select{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout #payment{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-top:20px!important;
}
html body.woocommerce-checkout #payment #place_order{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.woocommerce-checkout .woocommerce-additional-fields{
  width:100%!important;
  max-width:100%!important;
}
@media(max-width:900px){
  html body.woocommerce-checkout .site-main .container,
  html body.woocommerce-checkout .woocommerce .site-main .container{
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.woocommerce-checkout form.checkout{max-width:100%!important}
  html body.woocommerce-checkout #customer_details,
  html body.woocommerce-checkout #order_review{padding:20px!important;border-radius:20px!important}
}


/* =========================================================
   GRAMBAZAR MARKET GREEN — COMPLETE BRAND COLOR OVERRIDES
   Standalone theme edition. Layout/functionality preserved.
   ========================================================= */
:root{
  --gb-primary:#0B5D1E;
  --gb-primary-dark:#064E1B;
  --gb-primary-light:#2FAE45;
  --gb-accent:#FFB52E;
  --gb-bg:#F3F8F2;
  --gb-surface:#FFFFFF;
  --gb-text:#12351A;
  --gb-muted:#5E7062;
  --gb-border:#D5E8D5;
  --gb-success:#168A2E;
}
body{background:var(--gb-bg);color:var(--gb-text)}
a{color:var(--gb-primary)}
a:hover{color:var(--gb-primary-dark)}
.site-header,.header,.main-header,.topbar,.navbar{background:var(--gb-primary)!important;color:#fff!important}
.site-header a,.header a,.main-header a,.topbar a,.navbar a{color:#fff!important}
button,.button,.btn,input[type=submit],input[type=button],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{background:var(--gb-primary)!important;color:#fff!important;border-color:var(--gb-primary)!important}
button:hover,.button:hover,.btn:hover,input[type=submit]:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--gb-primary-dark)!important;border-color:var(--gb-primary-dark)!important}
.hero,.hero-section,.home-hero{background:linear-gradient(135deg,var(--gb-primary-dark),var(--gb-primary))!important}
.hero .btn,.hero a.button{background:var(--gb-accent)!important;color:var(--gb-primary-dark)!important;border-color:var(--gb-accent)!important}
.price,.woocommerce-Price-amount,.product-price{color:var(--gb-primary)!important}
.sale,.onsale,.badge-sale{background:var(--gb-accent)!important;color:var(--gb-primary-dark)!important}
.product-card,.product-item,.category-card,.why-us-card,.cart-collaterals,.checkout-card,.woocommerce form,.woocommerce-checkout-review-order{background:var(--gb-surface);border-color:var(--gb-border)!important}
input,select,textarea{border-color:var(--gb-border)!important;background:#fff;color:var(--gb-text)}
input:focus,select:focus,textarea:focus{border-color:var(--gb-primary)!important;box-shadow:0 0 0 2px rgba(11,93,30,.12)!important;outline:none}
.section-title,.page-title,.entry-title,.product_title,h1,h2,h3,h4{color:var(--gb-text)}
footer,.site-footer{background:var(--gb-primary-dark)!important;color:#fff!important}
footer a,.site-footer a{color:#fff!important}
footer a:hover,.site-footer a:hover{color:var(--gb-accent)!important}
.mobile-nav,.mobile-menu,.offcanvas-menu{background:var(--gb-primary-dark)!important}
.mobile-nav a,.mobile-menu a,.offcanvas-menu a{color:#fff!important}
.mobile-nav a.active,.mobile-menu a.active,.offcanvas-menu a.active{color:var(--gb-accent)!important}
.woocommerce-message{border-top-color:var(--gb-success)!important}
.woocommerce-info{border-top-color:var(--gb-primary)!important}
.woocommerce-error{border-top-color:#C62828!important}
.why-us-section{background:var(--gb-bg)!important}
.why-us-icon{background:var(--gb-primary)!important;color:#fff!important}


/* =========================================================
   GRAMBAZAR FINAL BRAND SAFETY LAYER
   All visible UI colors are driven by Customizer variables.
   No legacy blue/teal palette is allowed to leak into the UI.
   ========================================================= */
html body{
  --st-color-primary:var(--st-primary);
  --st-color-primary-dark:var(--st-primary-dark);
  --st-color-accent:var(--st-accent);
  --st-color-text:var(--st-text);
  --st-color-page-bg:var(--st-bg);
  --st-color-heading:var(--st-primary-dark);
  --st-color-muted:var(--st-muted);
  --st-color-surface:var(--st-surface);
  --st-color-border:var(--st-border);
}
html body .st-section-title, html body .section-title, html body .page-title{color:var(--st-color-heading)!important}
html body .st-feature-icon, html body .st-why-icon, html body .why-us-icon{background:var(--st-color-primary)!important;color:#fff!important}
html body .st-price del, html body .price del{color:var(--st-color-muted)!important}
html body .st-price ins, html body .price ins{color:var(--st-color-primary)!important}
html body .st-track-order-link{color:var(--st-color-nav-text)!important}
html body .woocommerce span.onsale, html body .onsale{background:var(--st-color-badge-bg)!important;color:var(--st-color-badge-text)!important}
html body .woocommerce-message:before, html body .woocommerce-info:before{color:var(--st-color-success)!important}
html body .woocommerce-error:before{color:var(--st-color-error)!important}
html body .select2-container--default .select2-selection--single{background:var(--st-color-input-bg)!important;border-color:var(--st-color-input-border)!important}
html body .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--st-color-input-text)!important}
html body .select2-dropdown{background:var(--st-color-surface)!important;border-color:var(--st-color-input-border)!important}
html body .select2-results__option--highlighted{background:var(--st-color-primary)!important;color:#fff!important}


/* GramBazar bilingual UI + floating WhatsApp */
.gb-lang-switcher{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:12px;border:1px solid var(--st-border);border-radius:999px;padding:3px;background:#fff;font-size:11px;font-weight:800;white-space:nowrap}
.gb-lang-switcher a{padding:5px 8px!important;border-radius:999px;color:#526057!important}
.gb-lang-switcher a.active{background:var(--st-green);color:#fff!important}
.gb-mobile-lang{position:absolute;right:48px;top:7px;font-size:10px;font-weight:800;display:flex;gap:3px;align-items:center;background:#fff;border:1px solid var(--st-border);border-radius:20px;padding:3px 6px;z-index:3}
.gb-mobile-lang a{color:var(--st-green)!important}
.gb-mobile-lang span{color:#aaa}
.gb-floating-whatsapp{position:fixed;right:18px;bottom:88px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;z-index:9998;box-shadow:0 5px 20px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s;text-decoration:none!important}
.gb-floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.25);color:#fff!important}
.gb-wa-icon{display:grid;place-items:center;line-height:1}
.gb-wa-label{position:absolute;right:68px;white-space:nowrap;background:#fff;color:#1b2b20;border:1px solid #e2e9e3;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800;opacity:0;transform:translateX(5px);pointer-events:none;transition:.2s}
.gb-floating-whatsapp:hover .gb-wa-label{opacity:1;transform:none}
@media(max-width:900px){
 .gb-lang-switcher{display:none}
 .gb-floating-whatsapp{right:14px;bottom:82px;width:54px;height:54px}
 .gb-wa-label{display:none}
}


/* GramBazar editable promo-card controls */
.st-promo.gb-editable-promo{
  background:var(--gb-promo-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  color:var(--gb-promo-text)!important;
  border-color:var(--gb-promo-border)!important;
}
.st-promo.gb-editable-promo small,
.st-promo.gb-editable-promo h3,
.st-promo.gb-editable-promo p{color:var(--gb-promo-text)!important}
.st-promo.gb-editable-promo .st-btn,
.st-promo.gb-editable-promo .st-btn-white{
  background:var(--gb-promo-button-bg)!important;
  color:var(--gb-promo-button-text)!important;
  border-color:var(--gb-promo-button-bg)!important;
}


/* =========================================================
   GramBazar FINAL SAFE UI PATCH
   Only: carousel arrow direction + mobile liquid-glass nav
   Existing homepage layouts are intentionally untouched.
   ========================================================= */

/* Carousel arrows */
.st-arrow.st-prev .st-icon{
  transform:none!important;
}
.st-arrow.st-next .st-icon{
  transform:none!important;
}

/* iPhone-style floating liquid glass navigation */
@media (max-width:900px){
  .st-mobile-bottom{
    display:grid!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    width:min(430px,calc(100% - 18px))!important;
    min-height:68px!important;
    padding:7px!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.50)!important;
    box-shadow:
      0 18px 50px rgba(0,0,0,.16),
      0 4px 14px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(24px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
    overflow:hidden!important;
    z-index:99990!important;
  }

  .st-mobile-bottom::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(
      120deg,
      rgba(255,255,255,.56),
      rgba(255,255,255,.10) 46%,
      rgba(255,255,255,.28)
    )!important;
  }

  .st-mobile-bottom a{
    position:relative!important;
    z-index:2!important;
    min-height:52px!important;
    border-radius:21px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    color:rgba(54,66,60,.82)!important;
    background:transparent!important;
    transition:all .2s ease!important;
  }

  .st-mobile-bottom a.active{
    color:#0B5D1E!important;
    background:rgba(255,255,255,.56)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:
      0 5px 14px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  .st-mobile-bottom a.active::after,
  .st-mobile-bottom a.active:after{
    display:none!important;
    content:none!important;
  }

  .st-mobile-bottom .st-icon{
    width:27px!important;
    height:27px!important;
  }

  body{
    padding-bottom:92px!important;
  }

  /* Keep WhatsApp above the glass navigation. */
  .gb-floating-whatsapp{
    z-index:99999!important;
    bottom:90px!important;
    right:15px!important;
  }
}

/* Desktop WhatsApp remains above all normal page content. */
.gb-floating-whatsapp{
  z-index:99999!important;
}

/* Final reliability patch: editable promos + floating WhatsApp */
.st-promo.gb-editable-promo{
  min-height:210px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-style:solid!important;
  border-width:1px!important;
}
.st-promo.gb-editable-promo .gb-promo-content{
  position:relative;
  z-index:2;
}
.gb-floating-whatsapp{
  position:fixed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  right:18px!important;
  bottom:88px!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  box-shadow:0 6px 22px rgba(0,0,0,.22)!important;
  text-decoration:none!important;
}
.gb-floating-whatsapp .gb-wa-icon{
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
}
@media(max-width:900px){
  .gb-floating-whatsapp{
    right:14px!important;
    bottom:92px!important;
    width:56px!important;
    height:56px!important;
  }
}

/* FINAL: WhatsApp must be a true floating circular button above mobile navigation */
a.gb-floating-whatsapp{
  position:fixed!important;
  right:18px!important;
  bottom:105px!important;
  left:auto!important;
  top:auto!important;
  width:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#25D366!important;
  color:#fff!important;
  border:3px solid rgba(255,255,255,.96)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  text-decoration:none!important;
  z-index:2147483647!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
a.gb-floating-whatsapp .gb-wa-icon{
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  line-height:1!important;
}
a.gb-floating-whatsapp .gb-wa-icon svg{
  width:34px!important;
  height:34px!important;
  display:block!important;
  fill:currentColor!important;
}
a.gb-floating-whatsapp:hover,
a.gb-floating-whatsapp:focus{
  color:#fff!important;
  transform:scale(1.06)!important;
}
@media(max-width:900px){
  a.gb-floating-whatsapp{
    right:16px!important;
    bottom:92px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }
}

/* FINAL WhatsApp placement — floating just above the mobile bottom navigation */
html body a.gb-floating-whatsapp{
  position:fixed!important;
  display:flex!important;
  right:18px!important;
  left:auto!important;
  top:auto!important;
  bottom:102px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:#25D366!important;
  color:#fff!important;
  border:3px solid rgba(255,255,255,.96)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.25)!important;
  z-index:2147483647!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
html body a.gb-floating-whatsapp .gb-wa-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
}
html body a.gb-floating-whatsapp .gb-wa-icon svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
}
@media(max-width:900px){
  html body a.gb-floating-whatsapp{
    right:18px!important;
    bottom:98px!important;
    width:58px!important;
    height:58px!important;
  }
}



/* =========================================================
   FINAL DESKTOP TOP HEADER — VERIFIED
   Desktop only. Mobile header/navigation are untouched.
   Actual header order:
   LOGO | SEARCH | LANGUAGE | CART + ACCOUNT
   ========================================================= */
@media (min-width:901px){
  html body .st-header .st-desktop-head{
    display:grid!important;
    grid-template-columns:240px minmax(300px,1fr) auto auto!important;
    align-items:center!important;
    gap:16px!important;
    width:min(1180px,calc(100% - 20px))!important;
    max-width:1180px!important;
    min-height:82px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body .st-header .st-desktop-head > .st-brand{
    grid-column:1!important;
    min-width:0!important;
    white-space:nowrap!important;
  }

  html body .st-header .st-desktop-head > .st-search{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  html body .st-header .st-desktop-head > .gb-lang-switcher{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    margin:0!important;
  }

  html body .st-header .st-desktop-head > .st-actions{
    grid-column:4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:16px!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    margin:0!important;
  }

  html body .st-header .st-desktop-head > .st-actions .st-action{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  html body .st-header .st-desktop-head{
    grid-template-columns:190px minmax(250px,1fr) auto auto!important;
    gap:10px!important;
  }
  html body .st-header .st-desktop-head > .st-actions{
    gap:10px!important;
  }
}

/* =========================================================
   TRUE FINAL DESKTOP HEADER OVERRIDE
   This is intentionally the LAST header rule in the stylesheet.
   Actual order: LOGO | SEARCH | LANGUAGE | CART + ACCOUNT.
   ========================================================= */
@media screen and (min-width:901px){
  html body .st-header .gb-desktop-header-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:calc(100% - 40px)!important;
    max-width:1180px!important;
    min-height:82px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body .st-header .gb-desktop-header-row > .st-brand{
    order:1!important;
    flex:0 0 210px!important;
    width:210px!important;
    min-width:210px!important;
    white-space:nowrap!important;
    margin:0!important;
  }

  html body .st-header .gb-desktop-header-row > form.st-search{
    order:2!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:250px!important;
    margin:0!important;
  }

  html body .st-header .gb-desktop-header-row > .gb-lang-switcher{
    order:3!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  html body .st-header .gb-desktop-header-row > .st-actions{
    order:4!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:15px!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    white-space:nowrap!important;
  }

  html body .st-header .gb-desktop-header-row > .st-actions > .st-action{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    white-space:nowrap!important;
    margin:0!important;
  }

  html body .st-header .gb-desktop-header-row > .st-actions > .st-action .st-icon{
    flex:0 0 auto!important;
  }
}

/* Medium desktop: same one-line layout, tighter dimensions. */
@media screen and (min-width:901px) and (max-width:1180px){
  html body .st-header .gb-desktop-header-row{
    width:calc(100% - 24px)!important;
    gap:9px!important;
  }
  html body .st-header .gb-desktop-header-row > .st-brand{
    flex-basis:175px!important;
    min-width:175px!important;
    width:175px!important;
  }
  html body .st-header .gb-desktop-header-row > form.st-search{
    min-width:210px!important;
  }
  html body .st-header .gb-desktop-header-row > .st-actions{
    gap:9px!important;
  }
}

/* Never let this desktop row appear on mobile. */
@media screen and (max-width:900px){
  html body .st-header .gb-desktop-header-row{
    display:none!important;
  }
}

/* =========================================================
   FINAL DESKTOP HEADER — EXACT TWO ROW DESIGN
   ROW 1: Logo | Search | বাংলা/EN
   ROW 2: ☰ | Shop | Brands | Deals ........ Cart | Account
   Mobile layout is untouched.
   ========================================================= */
@media screen and (min-width:901px){
  html body .st-header .gb-desktop-custom-header{
    display:block!important;
    width:100%!important;
    background:inherit!important;
  }

  html body .st-header .gb-desktop-row-one{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:28px!important;
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    min-height:82px!important;
    margin:0 auto!important;
    padding:12px 0!important;
    box-sizing:border-box!important;
  }

  html body .st-header .gb-desktop-row-one .st-brand{
    order:1!important;
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  html body .st-header .gb-desktop-row-one .gb-desktop-main-search{
    order:2!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:300px!important;
    margin:0!important;
  }

  html body .st-header .gb-desktop-row-one .gb-desktop-language{
    order:3!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    margin:0!important;
    font-weight:700!important;
  }

  html body .st-header .gb-desktop-language a{
    text-decoration:none!important;
    color:var(--brand)!important;
  }

  html body .st-header .gb-desktop-language a.active{
    font-weight:800!important;
  }

  html body .st-header .gb-desktop-row-two{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:20px!important;
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:8px 0!important;
    box-sizing:border-box!important;
    border-top:1px solid rgba(10,143,60,.10)!important;
  }

  html body .st-header .gb-desktop-nav-left,
  html body .st-header .gb-desktop-nav-right{
    display:flex!important;
    align-items:center!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }

  html body .st-header .gb-desktop-nav-left{
    gap:28px!important;
  }

  html body .st-header .gb-desktop-nav-right{
    gap:24px!important;
    margin-left:auto!important;
  }

  html body .st-header .gb-desktop-nav-left a,
  html body .st-header .gb-desktop-nav-right .st-action{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    color:var(--brand)!important;
    margin:0!important;
  }

  html body .st-header .gb-desktop-nav-right .st-action{
    gap:7px!important;
  }

  html body .st-header .gb-desktop-nav-right .st-count{
    margin-left:-3px!important;
  }

  html body .st-header .gb-desktop-menu-button{
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:46px!important;
    flex:0 0 50px!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--brand)!important;
    color:#fff!important;
    cursor:pointer!important;
    padding:0!important;
  }

  html body .st-header .gb-desktop-menu-button .st-icon{
    width:23px!important;
    height:23px!important;
  }

  /* The old standalone desktop nav is no longer used visually. */
  html body .st-header > nav.st-nav{
    display:none!important;
  }
}

@media screen and (min-width:901px) and (max-width:1180px){
  html body .st-header .gb-desktop-row-one,
  html body .st-header .gb-desktop-row-two{
    width:calc(100% - 24px)!important;
  }

  html body .st-header .gb-desktop-row-one{
    gap:16px!important;
  }

  html body .st-header .gb-desktop-row-one .st-brand{
    flex-basis:185px!important;
    width:185px!important;
    min-width:185px!important;
  }

  html body .st-header .gb-desktop-row-one .gb-desktop-main-search{
    min-width:240px!important;
  }

  html body .st-header .gb-desktop-nav-left{
    gap:18px!important;
  }

  html body .st-header .gb-desktop-nav-right{
    gap:16px!important;
  }
}

@media screen and (max-width:900px){
  html body .st-header .gb-desktop-custom-header{
    display:none!important;
  }
}

/* FINAL CLEAN DESKTOP 2-ROW HEADER */
@media screen and (min-width:901px){
  html body .st-header .gb-desktop-custom-header{
    display:block!important;
    width:100%!important;
  }
  html body .st-header .gb-desktop-row-one{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:28px!important;
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    min-height:82px!important;
    margin:0 auto!important;
  }
  html body .st-header .gb-desktop-row-one > .st-brand{
    order:1!important;
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
  }
  html body .st-header .gb-desktop-row-one > .gb-desktop-main-search{
    order:2!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:300px!important;
  }
  html body .st-header .gb-desktop-row-one > .gb-desktop-language{
    order:3!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    white-space:nowrap!important;
    min-width:max-content!important;
  }

  html body .st-header .gb-desktop-row-two{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    min-height:58px!important;
    margin:0 auto!important;
  }
  html body .st-header .gb-desktop-nav-left{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:28px!important;
    white-space:nowrap!important;
  }
  html body .st-header .gb-desktop-nav-right{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:24px!important;
    margin-left:auto!important;
    white-space:nowrap!important;
  }
  html body .st-header .gb-desktop-nav-left a,
  html body .st-header .gb-desktop-nav-right .st-action{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  html body .st-header > nav.st-nav{
    display:none!important;
  }
}
@media screen and (max-width:900px){
  html body .st-header .gb-desktop-custom-header{
    display:none!important;
  }
}

/* =========================================================
   HERO STACK — FINAL FIX
   When Stack is ON, every loaded hero product remains visible.
   ========================================================= */
.st-hero-products.is-stack{
  position:relative!important;
  height:100%!important;
  min-height:180px!important;
  overflow:hidden!important;
}
.st-hero-products.is-stack .st-hero-product{
  display:flex!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:154px!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:1!important;
}
.st-hero-products.is-stack .st-hero-product:nth-child(1){z-index:6!important;transform:translate(0,0) scale(1)!important;}
.st-hero-products.is-stack .st-hero-product:nth-child(2){z-index:5!important;transform:translate(10px,8px) scale(.97)!important;opacity:.95!important;}
.st-hero-products.is-stack .st-hero-product:nth-child(3){z-index:4!important;transform:translate(20px,16px) scale(.94)!important;opacity:.88!important;}
.st-hero-products.is-stack .st-hero-product:nth-child(4){z-index:3!important;transform:translate(30px,24px) scale(.91)!important;opacity:.80!important;}
.st-hero-products.is-stack .st-hero-product:nth-child(5){z-index:2!important;transform:translate(40px,32px) scale(.88)!important;opacity:.72!important;}
.st-hero-products.is-stack .st-hero-product:nth-child(6){z-index:1!important;transform:translate(50px,40px) scale(.85)!important;opacity:.64!important;}

@media(max-width:900px){
  .st-hero-products.is-stack{
    min-height:145px!important;
  }
  .st-hero-products.is-stack .st-hero-product{
    min-height:126px!important;
  }
}

/* HERO CUSTOM IMAGE — FINAL VISIBILITY FIX */
.st-hero-banner.has-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.st-hero-banner.has-image::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.06));
}
.st-hero-banner.has-image .st-hero-copy,
.st-hero-banner.has-image .st-hero-products{
  position:relative;
  z-index:1;
}

/* SHOP ARCHIVE ONLY — prevent an empty shortcode placeholder from creating
   a false "No products found" visual above the real WooCommerce product loop. */
body.woocommerce-shop .gb-no-products,
body.tax-product_cat .gb-no-products,
body.tax-product_tag .gb-no-products{
  display:none!important;
}

/* =========================================================
   MOBILE HERO STACK — FINAL FIX
   Desktop stack remains unchanged.
   Mobile follows the same JS active/behind/hidden states.
   ========================================================= */
@media (max-width:900px){
  html body .st-hero-products.is-stack{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:166px!important;
    min-height:166px!important;
    overflow:visible!important;
    perspective:900px!important;
    isolation:isolate!important;
  }

  html body .st-hero-products.is-stack .st-hero-product{
    display:flex!important;
    position:absolute!important;
    top:8px!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:calc(100% - 10px)!important;
    max-width:none!important;
    min-height:126px!important;
    height:126px!important;
    box-sizing:border-box!important;
    transform-origin:right center!important;
    visibility:visible!important;
    filter:none!important;
    pointer-events:auto!important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s!important;
  }

  /* JS state — active card */
  html body .st-hero-products.is-stack .st-hero-product.is-active{
    transform:translate3d(0,0,0) scale(1)!important;
    opacity:1!important;
    z-index:6!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* JS state — cards behind the active card */
  html body .st-hero-products.is-stack .st-hero-product.is-behind-1{
    transform:translate3d(-9px,12px,0) scale(.96)!important;
    opacity:.86!important;
    z-index:5!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  html body .st-hero-products.is-stack .st-hero-product.is-behind-2{
    transform:translate3d(-18px,24px,0) scale(.92)!important;
    opacity:.68!important;
    z-index:4!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* JS state — remaining cards hidden */
  html body .st-hero-products.is-stack .st-hero-product.is-hidden-stack{
    transform:translate3d(-26px,34px,0) scale(.88)!important;
    opacity:0!important;
    z-index:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body .st-hero-products.is-stack .st-hero-product-image{
    width:68px!important;
    height:68px!important;
    flex:0 0 68px!important;
  }

  html body .st-hero-products.is-stack .st-hero-product-info strong{
    font-size:14px!important;
  }

  html body .st-hero-products.is-stack .st-hero-product-arrow{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
}

/* FINAL SHOP EMPTY-MESSAGE GUARD
   The theme's custom product shortcode must never show a false empty state. */
html body .gb-no-products{
  display:none!important;
}

/* Archive-only safety: never display the theme's own empty-state message. */
body.woocommerce-shop .gb-no-products,
body.tax-product_cat .gb-no-products,
body.tax-product_tag .gb-no-products,
body.post-type-archive-product .gb-no-products{
  display:none!important;
}

/* SIMPLE SHOP: all published products, no archive empty-state UI */
.gb-simple-shop{
  padding:18px 0 80px;
}
.gb-shop-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}
.gb-shop-products-grid > *{
  min-width:0!important;
}
@media(max-width:1100px){
  .gb-shop-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .gb-simple-shop{
    padding:12px 0 70px;
  }
  .gb-shop-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* GramBazar special catalog pages: 4 columns desktop, 2 columns mobile. */
.gb-special-catalog{padding:18px 0 80px}
.gb-special-catalog .st-section-head{margin-bottom:20px}
.gb-special-catalog .st-section-head h1{margin:0}
.gb-special-catalog .st-section-head p{margin:6px 0 0;color:#718078;font-size:14px}
.gb-special-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}
.gb-special-products-grid .st-card{min-width:0!important;width:100%!important}
.gb-special-empty{
  padding:40px 20px;
  border:1px solid rgba(16,91,77,.12);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  text-align:center;
  color:#68736d;
}
@media(max-width:1100px){
  .gb-special-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .gb-special-catalog{padding:12px 0 70px}
  .gb-special-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .gb-special-catalog .st-section-head h1{font-size:25px}
}

/* =========================================================
   GRAMBAZAR FINAL PRODUCT GRID — SHOP / BRANDS / OFFERS
   Desktop = exactly 4 columns | Mobile = exactly 2 columns
   Keep these rules last so older theme rules cannot override them.
   ========================================================= */
.gb-shop-products-grid,
.gb-special-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  align-items:stretch!important;
}

.gb-shop-products-grid > .st-card,
.gb-special-products-grid > .st-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
}

@media (max-width:767px){
  .gb-shop-products-grid,
  .gb-special-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .gb-shop-products-grid > .st-card,
  .gb-special-products-grid > .st-card{
    width:100%!important;
    min-width:0!important;
  }
}

/* GramBazar: editable product card / image shape. Change from Appearance > Customize > Layout & Product Buttons. */
.st-card-media{width:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important;}
.st-card-media img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;display:block!important;}
body.gb-card-shape-square .st-card-media{aspect-ratio:1/1!important;height:auto!important;}
body.gb-card-shape-portrait .st-card-media{aspect-ratio:4/5!important;height:auto!important;}
body.gb-card-shape-portrait_tall .st-card-media{aspect-ratio:3/4!important;height:auto!important;}
body.gb-card-shape-landscape .st-card-media{aspect-ratio:4/3!important;height:auto!important;}
body.gb-card-shape-landscape_wide .st-card-media{aspect-ratio:3/2!important;height:auto!important;}
body.gb-card-shape-wide .st-card-media{aspect-ratio:16/9!important;height:auto!important;}
body.gb-card-shape-custom .st-card-media{aspect-ratio:auto!important;height:var(--st-card-custom-h,250px)!important;}