/* Desktop & Tablet */
@media (min-width:768px) and (max-width:1023px){
 :root{--mw:720px;--px:14px;--bot:0px}
 .bottom-nav{display:none}
 .site-wrap{padding-bottom:16px;max-width:var(--mw)}
 .products-grid,.woocommerce ul.products,.woocommerce .products,ul.products{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
 .hero-card{padding:28px 24px}
 .cat-pills{flex-wrap:wrap;overflow-x:visible}
 
 
 .detail-full-desc{grid-column:1/-1}
}
@media (min-width:1024px){
 :root{--mw:1300px;--px:20px;--hdr:66px;--bot:0px}
 body{background:linear-gradient(135deg,#f4f8f9,#e8f2f5,#f4f8f9);background-attachment:fixed}
 .site-wrap{padding-bottom:32px;max-width:var(--mw);margin:0 auto}
 .bottom-nav,.hamburger,.mobile-nav,.mobile-nav-overlay{display:none!important}
 .site-header{height:var(--hdr);background:rgba(255,255,255,0.94);border-bottom:1px solid var(--border)}
 .header-inner{max-width:var(--mw)}
 .site-logo{font-size:1.2rem}
 .desktop-nav{display:flex!important;gap:2px;align-items:center}
 .desktop-nav .menu-item-has-children{position:relative}
 .desktop-nav .sub-menu,.desktop-nav>div>.sub-menu{position:absolute;top:calc(100%+4px);right:0;min-width:210px;background:#fff;border-radius:8px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04);padding:6px;opacity:0;visibility:hidden;transform:translateY(4px);z-index:100}
 .desktop-nav .menu-item-has-children:hover>.sub-menu,.desktop-nav>div:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
 .desktop-nav .sub-menu a{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-sm);font-size:0.76rem;color:var(--txt)}
 .desktop-nav .sub-menu a:hover{background:rgba(61,218,215,0.06);color:var(--acc)}
 .products-grid,.woocommerce ul.products,.woocommerce .products,ul.products{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
 .hero{padding:24px var(--px)}
 .hero-card{padding:44px 36px;display:flex;align-items:center;justify-content:space-between}
 .hero-card h1{font-size:1.7rem;flex:1}
 .cat-pills{gap:7px;flex-wrap:wrap;overflow-x:visible}
 .cat-pill{font-size:0.74rem;padding:8px 16px}
 .section-title{font-size:1.15rem;padding:6px var(--px);margin-bottom:10px}
 .search-bar{margin:0 var(--px) 16px;max-width:500px}
 .sp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:start;max-width:1100px;margin:0 auto;padding:12px var(--px)}.sp-gal{position:sticky;top:calc(var(--hdr)+16px)}.sp-sec{grid-column:1/-1}.spbar{display:none!important}.sp-btns{display:flex!important;gap:8px}.sp-btn{flex:1;padding:14px;font-size:.88rem}.sp-buy{flex:1;padding:14px;font-size:.86rem}
spbar{max-width:1000px!important;left:50%!important;transform:translateX(-50%)!important;border-radius:10px 10px 0 0!important}
 .detail-full-desc{grid-column:1/-1}
 .detail-title{font-size:1.4rem}
 .detail-price{font-size:1.6rem}
 .empty-state{padding:52px 20px}
 .section-box{margin:8px var(--px) 16px;padding:22px}
 .scroll-top{bottom:28px;right:28px;width:42px;height:42px}
 .account-wrap{max-width:960px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:18px}
 
 /* CART */
 .cart-page{max-width:1000px;margin:0 auto}
 .cart-layout{display:grid!important;grid-template-columns:1fr 320px!important;gap:14px!important;align-items:start}
 .cart-summary-card{position:sticky;top:calc(var(--hdr)+14px)}
 .cart-line-img{width:64px;height:64px;min-width:64px}
 .cart-line-name{font-size:0.8rem}
 .cart-line-sub{font-size:0.84rem}
 .cart-act{padding:14px;font-size:0.82rem}
 
 /* CHECKOUT */
 .checkout-page{max-width:1000px;margin:0 auto}
 .checkout-layout{display:grid!important;grid-template-columns:1fr 380px!important;gap:12px!important;align-items:start}
 .checkout-card{padding:16px}
 .checkout-order-card{padding:16px;position:sticky;top:calc(var(--hdr)+14px)}
 .checkout-item-img{width:56px;height:56px}
 .checkout-item-name{font-size:0.78rem}
 .checkout-item-total{font-size:0.82rem}
 .checkout-total-row{font-size:0.8rem}
 .checkout-total-final{font-size:0.96rem}
 .checkout-submit{padding:16px;font-size:0.94rem}


 /* INVOICE */
 .inv-page{max-width:1000px;margin:0 auto}
 .inv-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
 .inv-item{grid-template-columns:1fr 80px 100px 100px;font-size:0.76rem}
 .inv-item-head{font-size:0.68rem}
 .inv-item-thumb{width:36px;height:36px}
 .inv-total-row{font-size:0.78rem}
 .inv-total-final{font-size:0.96rem}
 .inv-card{padding:20px}

}
@media (min-width:1600px){
 :root{--mw:1500px}
 .products-grid,.woocommerce ul.products,.woocommerce .products,ul.products{grid-template-columns:repeat(5,1fr)!important;gap:14px!important}
 .cart-page,.checkout-page,.inv-page{max-width:1060px}
}

/* pcard desktop */
.pcard-title{font-size:0.76rem}
.pcard-desc{font-size:0.64rem}
.pcard-price-new{font-size:0.8rem}
.pcard-price-old{font-size:0.66rem}
.pcard-cart{width:32px;height:32px;min-width:32px}
.pcard-cart svg{width:17px;height:17px}
.pcard-body{padding:10px}

/* Desktop: hide mobile spbar */
@media (min-width:1024px){
  .spbar{display:none!important}
}