/* Baloot Commerce 8.0.0 — Modern Storefront UI Refresh */
:root{
  --v8-store-radius-xs:10px;--v8-store-radius-sm:14px;--v8-store-radius:20px;--v8-store-radius-lg:28px;
  --v8-store-shadow-sm:0 4px 16px rgba(15,23,42,.055);
  --v8-store-shadow:0 16px 42px rgba(15,23,42,.09);
  --v8-store-shadow-lg:0 28px 70px rgba(15,23,42,.14);
  --v8-store-soft:color-mix(in srgb,var(--store-primary) 8%,var(--theme-surface));
  --v8-store-line:color-mix(in srgb,var(--store-primary) 20%,var(--theme-line));
}
html{scroll-behavior:smooth}
body.ui-v8-store{background:radial-gradient(900px 430px at 85% -10%,color-mix(in srgb,var(--store-primary) 7%,transparent),transparent 70%),var(--theme-bg)!important;color:var(--theme-text)!important;min-height:100vh}
.ui-v8-store *{scrollbar-color:color-mix(in srgb,var(--theme-muted) 30%,transparent) transparent;scrollbar-width:thin}
.ui-v8-store ::selection{background:color-mix(in srgb,var(--store-primary) 24%,transparent)}
.ui-v8-store a,.ui-v8-store button,.ui-v8-store input,.ui-v8-store select,.ui-v8-store textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.ui-v8-store :focus-visible{outline:3px solid color-mix(in srgb,var(--store-primary) 24%,transparent);outline-offset:2px}

/* Header and navigation */
.ui-v8-store .site-header{background:color-mix(in srgb,var(--theme-surface) 90%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--theme-line) 84%,transparent)!important;box-shadow:0 9px 30px rgba(15,23,42,.035)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.ui-v8-store .site-header-row{max-width:var(--content-width,1400px);margin:0 auto;min-height:78px;padding:0 22px;gap:24px}
.ui-v8-store .site-logo{display:flex;align-items:center;flex:0 0 auto}.ui-v8-store .site-logo img{max-width:145px;max-height:50px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(15,23,42,.08))}
.ui-v8-store .desktop-nav{display:flex;align-items:center;gap:5px;flex:1}.ui-v8-store .desktop-nav a{padding:9px 12px;border-radius:11px;color:var(--theme-text)!important;font-weight:700;font-size:14px;position:relative}
.ui-v8-store .desktop-nav a:hover,.ui-v8-store .desktop-nav a.active{background:var(--v8-store-soft)!important;color:var(--store-primary)!important}
.ui-v8-store .desktop-nav a.active:after{content:'';position:absolute;right:14px;left:14px;bottom:4px;height:2px;border-radius:2px;background:var(--store-primary)}
.ui-v8-store .header-actions{gap:8px}.ui-v8-store .headbtn,.ui-v8-store .theme-toggle-store{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important;background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;box-shadow:none!important;position:relative}
.ui-v8-store .headbtn:hover,.ui-v8-store .theme-toggle-store:hover{background:var(--v8-store-soft)!important;color:var(--store-primary)!important;border-color:var(--v8-store-line)!important;transform:translateY(-1px)}
.ui-v8-store .cart-head .badge{top:-6px;right:-6px;min-width:21px;height:21px;border-radius:999px;background:var(--store-primary)!important;color:#fff!important;border:2px solid var(--theme-surface)!important;font-size:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--store-primary) 28%,transparent)}
.ui-v8-store .trade-strip{background:linear-gradient(90deg,var(--v8-store-soft),color-mix(in srgb,var(--store-primary) 4%,var(--theme-surface)));border-top:1px solid var(--v8-store-line);border-bottom:1px solid var(--v8-store-line);color:var(--theme-text);padding:8px 20px;text-align:center;font-size:12px}
.ui-v8-store .mobile-menu-button{width:44px;height:44px;border-radius:13px;background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important}
.ui-v8-store .mobile-menu{background:var(--theme-surface)!important;border-top:1px solid var(--theme-line)!important;box-shadow:var(--v8-store-shadow)}
.ui-v8-store .mobile-menu a{padding:12px 16px;border-radius:10px;color:var(--theme-text)!important}.ui-v8-store .mobile-menu a:hover{background:var(--v8-store-soft)!important;color:var(--store-primary)!important}

/* Search */
.ui-v8-store .search-panel{background:color-mix(in srgb,var(--theme-surface) 96%,transparent)!important;border-top:1px solid var(--theme-line)!important;box-shadow:0 18px 35px rgba(15,23,42,.06)}
.ui-v8-store .search-inner.search-modern{max-width:880px;margin:0 auto;padding:17px 20px 20px;position:relative}
.ui-v8-store .search-modern input{height:54px;border:1px solid var(--theme-line)!important;border-radius:17px!important;background:var(--theme-input)!important;color:var(--theme-text)!important;padding:0 48px 0 48px!important;box-shadow:var(--v8-store-shadow-sm)}
.ui-v8-store .search-modern input:focus{border-color:var(--v8-store-line)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--store-primary) 10%,transparent),var(--v8-store-shadow-sm)!important}
.ui-v8-store .search-leading{right:35px;color:var(--store-primary);font-size:21px}.ui-v8-store .search-clear{left:34px;width:32px;height:32px;border-radius:10px;background:var(--theme-surface-2)!important;color:var(--theme-muted)!important;border:1px solid var(--theme-line)!important}
.ui-v8-store .search-hint{padding:8px 12px 0;color:var(--theme-muted)!important;font-size:11px}
.ui-v8-store .search-results{top:calc(100% - 8px)!important;border:1px solid var(--theme-line)!important;border-radius:18px!important;background:var(--theme-surface)!important;box-shadow:var(--v8-store-shadow-lg)!important;padding:7px!important;overflow:hidden}
.ui-v8-store .search-result-item{border:1px solid transparent!important;border-radius:13px!important;margin:2px 0!important;padding:10px!important}.ui-v8-store .search-result-item:hover{background:var(--v8-store-soft)!important;border-color:var(--v8-store-line)!important;transform:none!important}
.ui-v8-store .search-result-image{border-radius:11px!important;background:var(--theme-surface-2)!important}.ui-v8-store .search-results-footer{border-top:1px solid var(--theme-line)!important;background:transparent!important}

/* Main layout */
.ui-v8-store main{min-height:calc(100vh - 250px);color:var(--theme-text)}
.ui-v8-store .site-container,.ui-v8-store main>.max-w-7xl{max-width:var(--content-width,1400px)}
.ui-v8-store .home-section{margin-block:clamp(34px,4vw,58px)}
.ui-v8-store .section-head{margin-bottom:20px;align-items:center}.ui-v8-store .section-head h1,.ui-v8-store .section-head h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.45px;color:var(--theme-text)!important}.ui-v8-store .section-head span{color:var(--store-primary)!important;font-weight:800}.ui-v8-store .section-head a{padding:7px 10px;border-radius:10px;color:var(--store-primary)!important}.ui-v8-store .section-head a:hover{background:var(--v8-store-soft)}

/* Hero */
.ui-v8-store .s-hero,.ui-v8-store .home-hero{position:relative;isolation:isolate;border:1px solid var(--theme-line)!important;border-radius:30px!important;overflow:hidden;box-shadow:var(--v8-store-shadow-sm)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 9%,var(--theme-surface)) 0%,var(--theme-surface) 55%,color-mix(in srgb,var(--store-primary) 5%,var(--theme-surface-2)) 100%)!important}
.ui-v8-store .s-hero:before,.ui-v8-store .home-hero:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;left:-100px;top:-150px;background:color-mix(in srgb,var(--store-primary) 11%,transparent);filter:blur(4px);z-index:-1}
.ui-v8-store .s-hero h1,.ui-v8-store .home-hero h1{letter-spacing:-1px;color:var(--theme-text)!important}.ui-v8-store .s-hero p,.ui-v8-store .home-hero p{color:var(--theme-muted)!important}.ui-v8-store .hero-chip{background:var(--v8-store-soft)!important;color:var(--store-primary)!important;border:1px solid var(--v8-store-line)!important;border-radius:999px!important;font-weight:800}

/* Buttons */
.ui-v8-store .primary-btn,.ui-v8-store .btn-primary,.ui-v8-store .btn,.ui-v8-store .add,.ui-v8-store button[type=submit]:not(.secondary-btn){border-radius:13px!important;min-height:44px;font-weight:800;background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 90%,#fff 10%),var(--store-primary))!important;color:#fff!important;border:0!important;box-shadow:0 9px 22px color-mix(in srgb,var(--store-primary) 20%,transparent)}
.ui-v8-store .primary-btn:hover,.ui-v8-store .btn-primary:hover,.ui-v8-store .btn:hover,.ui-v8-store .add:hover,.ui-v8-store button[type=submit]:not(.secondary-btn):hover{transform:translateY(-2px);box-shadow:0 13px 28px color-mix(in srgb,var(--store-primary) 26%,transparent)}
.ui-v8-store .secondary-btn,.ui-v8-store .cart-back-btn,.ui-v8-store .ghost{border-radius:13px!important;min-height:44px;background:var(--theme-surface)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;box-shadow:none!important}.ui-v8-store .secondary-btn:hover,.ui-v8-store .cart-back-btn:hover,.ui-v8-store .ghost:hover{background:var(--theme-surface-2)!important;border-color:var(--v8-store-line)!important;color:var(--store-primary)!important}

/* Product / category cards */
.ui-v8-store .product-grid{gap:17px}.ui-v8-store .s-product-card{background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:21px!important;padding:12px!important;box-shadow:var(--v8-store-shadow-sm)!important;overflow:hidden}
.ui-v8-store .s-product-card:hover{transform:translateY(-5px)!important;border-color:var(--v8-store-line)!important;box-shadow:var(--v8-store-shadow)!important}.ui-v8-store .s-product-image{border-radius:16px!important;background:linear-gradient(145deg,var(--theme-surface-2),color-mix(in srgb,var(--theme-surface) 94%,var(--store-primary) 6%))!important;overflow:hidden}.ui-v8-store .s-product-image img{transition:transform .28s ease}.ui-v8-store .s-product-card:hover .s-product-image img{transform:scale(1.025)}
.ui-v8-store .discount-pill{top:10px;right:10px;border-radius:999px!important;padding:4px 9px;box-shadow:0 5px 12px rgba(239,68,68,.18)}.ui-v8-store .card-add{width:39px;height:39px;border-radius:12px!important;box-shadow:0 7px 18px color-mix(in srgb,var(--store-primary) 20%,transparent)}
.ui-v8-store .home-category{border:1px solid var(--theme-line)!important;background:var(--theme-surface)!important;border-radius:20px!important;box-shadow:var(--v8-store-shadow-sm)!important}.ui-v8-store .home-category:hover{transform:translateY(-4px);border-color:var(--v8-store-line)!important;box-shadow:var(--v8-store-shadow)!important}.ui-v8-store .home-banner{border-radius:22px!important;overflow:hidden;box-shadow:var(--v8-store-shadow-sm)!important}

/* Forms and filter surfaces */
.ui-v8-store .form-card,.ui-v8-store .filter-card,.ui-v8-store .purchase-box,.ui-v8-store .profile-content,.ui-v8-store .profile-menu,.ui-v8-store .auth-card,.ui-v8-store .receipt-box,.ui-v8-store .checkout-section,.ui-v8-store .cart-summary,.ui-v8-store .pay-state,.ui-v8-store .success-card,.ui-v8-store .empty-state{
  background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:21px!important;box-shadow:var(--v8-store-shadow-sm)!important;color:var(--theme-text)!important;
}
.ui-v8-store .filter-card,.ui-v8-store .form-card,.ui-v8-store .purchase-box,.ui-v8-store .profile-content,.ui-v8-store .profile-menu,.ui-v8-store .auth-card{padding:22px}
.ui-v8-store input:not([type=checkbox]):not([type=radio]),.ui-v8-store select,.ui-v8-store textarea{background:var(--theme-input)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;border-radius:13px!important;min-height:45px;padding:10px 12px!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.025)}
.ui-v8-store textarea{min-height:112px}.ui-v8-store input::placeholder,.ui-v8-store textarea::placeholder{color:var(--theme-faint)!important}.ui-v8-store input:focus,.ui-v8-store select:focus,.ui-v8-store textarea:focus{border-color:var(--v8-store-line)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--store-primary) 10%,transparent)!important;outline:none}
.ui-v8-store input[type=checkbox],.ui-v8-store input[type=radio]{accent-color:var(--store-primary);width:17px;height:17px}.ui-v8-store label{color:var(--theme-text)}

/* Product details */
.ui-v8-store .product-detail{gap:20px}.ui-v8-store .product-main-image{background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:23px!important;box-shadow:var(--v8-store-shadow-sm)!important}.ui-v8-store .product-thumbs button{border-radius:12px!important;background:var(--theme-surface)!important;border-color:var(--theme-line)!important}.ui-v8-store .product-thumbs button:hover{border-color:var(--v8-store-line)!important;transform:translateY(-2px)}
.ui-v8-store .product-info h1{color:var(--theme-text)!important;letter-spacing:-.5px}.ui-v8-store .spec-mini div{background:var(--theme-surface-2)!important;border:1px solid var(--theme-line)!important;border-radius:13px!important}.ui-v8-store .spec-mini span,.ui-v8-store .trust-list{color:var(--theme-muted)!important}.ui-v8-store .purchase-box{position:sticky;top:98px}.ui-v8-store .qty-row button,.ui-v8-store .qty-row input{background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;border-radius:11px!important}
.ui-v8-store .tab-head{border-color:var(--theme-line)!important;background:var(--theme-surface)!important;border-radius:18px 18px 0 0;padding-inline:8px}.ui-v8-store .tab-head button{background:transparent!important;color:var(--theme-muted)!important;box-shadow:none!important}.ui-v8-store .tab-head button.active{color:var(--store-primary)!important;border-color:var(--store-primary)!important}.ui-v8-store .pane{background:var(--theme-surface)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line);border-top:0;border-radius:0 0 18px 18px!important}.ui-v8-store .comment{background:var(--theme-surface-2)!important;border-color:var(--theme-line)!important;border-radius:14px!important}

/* Cart / Checkout */
.ui-v8-store .cart-shell{gap:22px}.ui-v8-store .cart-row,.ui-v8-store .cart-item-new{background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:18px!important;box-shadow:var(--v8-store-shadow-sm)!important}.ui-v8-store .cart-row:hover,.ui-v8-store .cart-item-new:hover{border-color:var(--v8-store-line)!important;box-shadow:var(--v8-store-shadow)!important}.ui-v8-store .cart-product-image,.ui-v8-store .cart-thumb{background:var(--theme-surface-2)!important;border-radius:14px!important}.ui-v8-store .qty-control{background:var(--theme-surface-2)!important;border:1px solid var(--theme-line)!important;border-radius:12px!important}.ui-v8-store .cart-remove{border-radius:11px!important}
.ui-v8-store .checkout-page{gap:22px}.ui-v8-store .checkout-heading h1{letter-spacing:-.5px}.ui-v8-store .checkout-section{padding:22px!important;margin-bottom:16px!important}.ui-v8-store .checkout-section-title{border-bottom:1px solid var(--theme-line)!important;padding-bottom:14px!important;margin-bottom:16px!important}.ui-v8-store .checkout-section-title>span:first-child{background:var(--v8-store-soft)!important;color:var(--store-primary)!important;border:1px solid var(--v8-store-line)!important}.ui-v8-store .checkout-option{background:var(--theme-surface-2)!important;border:1px solid var(--theme-line)!important;border-radius:15px!important}.ui-v8-store .checkout-option:hover{border-color:var(--v8-store-line)!important;background:var(--v8-store-soft)!important}.ui-v8-store .summary-line{border-color:var(--theme-line)!important}.ui-v8-store .alert{border-radius:14px!important}

/* Account / auth / orders */
.ui-v8-store .profile-shell{gap:22px}.ui-v8-store .profile-menu{position:sticky;top:98px}.ui-v8-store .profile-menu a,.ui-v8-store .profile-menu button{border-radius:11px!important;color:var(--theme-muted)!important}.ui-v8-store .profile-menu a:hover,.ui-v8-store .profile-menu button:hover,.ui-v8-store .profile-menu .active{background:var(--v8-store-soft)!important;color:var(--store-primary)!important}.ui-v8-store .order-row{background:var(--theme-surface-2)!important;border-color:var(--theme-line)!important;border-radius:15px!important}.ui-v8-store .order-row:hover{border-color:var(--v8-store-line)!important;transform:translateY(-1px)}
.ui-v8-store .auth-shell{padding-block:48px}.ui-v8-store .auth-card{border-radius:26px!important;box-shadow:var(--v8-store-shadow)!important}.ui-v8-store .auth-card h1{letter-spacing:-.45px;color:var(--theme-text)!important}.ui-v8-store .auth-card>p{color:var(--theme-muted)!important}

/* Footer */
.ui-v8-store .site-footer{margin-top:54px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface) 92%,var(--store-primary) 8%),var(--theme-surface))!important;color:var(--theme-text)!important;border-top:1px solid var(--theme-line)!important;padding-top:45px}.ui-v8-store .footer-grid{gap:32px}.ui-v8-store .site-footer h3{font-size:14px;color:var(--theme-text)!important;margin-bottom:14px}.ui-v8-store .site-footer p,.ui-v8-store .site-footer a{color:var(--theme-muted)!important}.ui-v8-store .site-footer a:hover{color:var(--store-primary)!important;transform:translateX(-2px)}.ui-v8-store .footer-socials a{display:inline-flex;padding:7px 10px;background:var(--theme-surface-2);border:1px solid var(--theme-line);border-radius:10px;margin:3px}.ui-v8-store .footer-symbol{background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:14px!important;padding:8px;box-shadow:var(--v8-store-shadow-sm)}.ui-v8-store .footer-bottom{border-top:1px solid var(--theme-line)!important;color:var(--theme-muted)!important;margin-top:32px;padding:18px 20px;text-align:center}

/* Floating contact / modal / toast */
.ui-v8-store .contact-button{width:52px;height:52px;border-radius:17px!important;box-shadow:0 12px 30px color-mix(in srgb,var(--store-primary) 26%,transparent)!important}.ui-v8-store .contact-menu{background:var(--theme-surface)!important;border:1px solid var(--theme-line)!important;border-radius:17px!important;box-shadow:var(--v8-store-shadow-lg)!important}.ui-v8-store .contact-menu a,.ui-v8-store .contact-menu button{background:transparent!important;color:var(--theme-text)!important;border-radius:10px!important;box-shadow:none!important}.ui-v8-store .contact-menu a:hover,.ui-v8-store .contact-menu button:hover{background:var(--v8-store-soft)!important;color:var(--store-primary)!important}.ui-v8-store .ai-dialog{background:var(--theme-surface)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;border-radius:22px!important;box-shadow:var(--v8-store-shadow-lg)!important}.ui-v8-store #toast{border-radius:14px!important;box-shadow:var(--v8-store-shadow)!important}

/* Dark refinements */
html[data-theme=dark] body.ui-v8-store{--v8-store-shadow-sm:0 4px 18px rgba(0,0,0,.17);--v8-store-shadow:0 17px 45px rgba(0,0,0,.25);--v8-store-shadow-lg:0 30px 75px rgba(0,0,0,.34)}
html[data-theme=dark] .ui-v8-store .site-header{background:rgba(15,23,42,.88)!important}
html[data-theme=dark] .ui-v8-store .s-product-image{background:linear-gradient(145deg,#131f32,#17243a)!important}
html[data-theme=dark] .ui-v8-store .site-footer{background:linear-gradient(180deg,#111827,#0d1525)!important}
html[data-theme=dark] .ui-v8-store .search-results{background:#111827!important}

/* Responsive */
@media(max-width:1024px){.ui-v8-store .site-header-row{padding:0 14px;gap:14px}.ui-v8-store .desktop-nav{gap:2px}.ui-v8-store .desktop-nav a{padding-inline:9px;font-size:13px}.ui-v8-store .purchase-box,.ui-v8-store .profile-menu{position:static}}
@media(max-width:767px){
  .ui-v8-store .site-header-row{min-height:68px;padding:0 10px}.ui-v8-store .site-logo img{max-width:110px;max-height:42px}.ui-v8-store .headbtn,.ui-v8-store .theme-toggle-store,.ui-v8-store .mobile-menu-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important}.ui-v8-store .header-actions{gap:5px}.ui-v8-store .search-inner.search-modern{padding:13px 11px 17px}.ui-v8-store .search-modern input{height:50px;border-radius:15px!important}.ui-v8-store .s-hero,.ui-v8-store .home-hero{border-radius:22px!important;padding:24px!important;min-height:260px}.ui-v8-store .home-section{margin-block:34px}.ui-v8-store .product-grid{gap:10px}.ui-v8-store .s-product-card{border-radius:17px!important;padding:9px!important}.ui-v8-store .s-product-image{border-radius:13px!important}.ui-v8-store .filter-card,.ui-v8-store .form-card,.ui-v8-store .purchase-box,.ui-v8-store .profile-content,.ui-v8-store .profile-menu,.ui-v8-store .auth-card,.ui-v8-store .checkout-section{padding:16px!important;border-radius:17px!important}.ui-v8-store .cart-row,.ui-v8-store .cart-item-new{border-radius:16px!important}.ui-v8-store .site-footer{margin-top:38px;padding-top:32px}
}
@media(max-width:420px){.ui-v8-store .site-logo img{max-width:92px}.ui-v8-store .section-head h1,.ui-v8-store .section-head h2{font-size:20px}.ui-v8-store .header-actions{gap:3px}}