:root{--primary:#FF9900;--dark:#111827;--dark2:#111827;--nav:#1f2937;--white:#fff;--bg:#EAEDED;--border:#ddd;--radius:4px;--blue:#007185;--link:#0066c0;--price:#B12704}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:#0f1111;font-size:.9rem}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;color:#c45500}
img{max-width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hdr{background:var(--dark);padding:8px 16px;display:flex;align-items:center;gap:10px;min-height:60px;position:sticky;top:0;z-index:100}
.logo{color:#fff;font-size:1.7rem;font-weight:800;white-space:nowrap}
.logo span{color:var(--primary)}
.hdr-loc{display:flex;flex-direction:column;color:rgba(255,255,255,.85);font-size:.7rem;line-height:1.3;cursor:pointer;white-space:nowrap}
.hdr-loc strong{font-size:.82rem;color:#fff}
.search-wrap{flex:1;display:flex;max-width:none;border-radius:4px;overflow:hidden;border:2px solid #ff6400;margin:0 8px}
.search-wrap:focus-within{border-color:#ff5e1a;box-shadow:0 0 0 3px rgba(255,100,0,.35)}
.search-wrap select{background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);border:none;padding:0 14px 0 8px;font-size:.72rem;cursor:pointer;color:#fff;font-weight:600;max-width:70px;border-right:1px solid rgba(255,255,255,.3);border-radius:4px 0 0 4px}
.search-wrap input{flex:1;border:none;padding:8px 12px;font-size:.95rem;outline:none;min-width:0}
.search-wrap button{background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);border:none;padding:0 16px;cursor:pointer;font-size:1.1rem;color:#fff}
.search-wrap button:hover{filter:brightness(1.08)}
.hdr-nav{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}
.hdr-btn{color:#fff;display:flex;flex-direction:column;line-height:1.25;padding:4px 6px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:.82rem;position:relative}
.hdr-btn small{color:rgba(255,255,255,.7);font-size:.7rem}
.hdr-btn strong{color:#fff}
.hdr-btn:hover{border-color:rgba(255,255,255,.5);text-decoration:none}
.cart-hdr{display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:1rem;padding:4px 6px;border:1px solid transparent;border-radius:4px}
.cart-icon{width:30px;height:30px;color:#fff;flex-shrink:0}
.cart-hdr:hover{border-color:rgba(255,255,255,.5);text-decoration:none}
/* Konto-Dropdown */
.acct-dd-toggle{display:none}
.acct-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.25);min-width:380px;display:none;z-index:200;padding:0;color:#0f1111}
.hdr-acct-wrap{position:relative}
.hdr-acct-wrap .hdr-btn{cursor:pointer}
.hdr-acct-wrap:hover .acct-dropdown{display:block}
.acct-dropdown:hover{display:block}
.acct-dropdown a{position:relative;z-index:210}
.acct-dd-top{padding:16px 20px;text-align:center;border-bottom:1px solid #eee}
.acct-dd-top .acct-dd-btn{display:inline-block;background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);color:#fff;font-weight:700;padding:8px 28px;border-radius:4px;text-decoration:none;font-size:.85rem;box-shadow:0 2px 5px rgba(255,100,0,.3)}
.acct-dd-cols{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee}
.acct-dd-col{padding:16px 20px}
.acct-dd-col h4{font-size:.88rem;font-weight:700;color:#0f1111;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #eee}
.acct-dd-col a{display:block;font-size:.82rem;color:#0f1111;text-decoration:none;padding:3px 0;line-height:1.4}
.acct-dd-col a:hover{color:#c45500;text-decoration:underline}
.cart-bubble{background:var(--primary);color:#111;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:bold}
.hdr-short{display:none}
.hdr-full{display:inline}
.cat-nav{background:var(--dark2);display:flex;align-items:center;overflow-x:auto;padding:0 12px;gap:2px;scrollbar-width:none}
.cat-nav::-webkit-scrollbar{display:none}
.cat-nav a{color:rgba(255,255,255,.88);padding:8px 11px;font-size:.83rem;white-space:nowrap;border:1px solid transparent;border-radius:4px;display:block}
.cat-nav a:hover{border-color:rgba(255,255,255,.5);text-decoration:none;color:#fff}
.cat-nav a.bold{font-weight:700}
.page-body{max-width:1500px;margin:0 auto;padding:8px 12px 24px}
/* Hero */
.hero{position:relative;overflow:hidden;margin-bottom:0}
.hero-slides{position:relative;min-height:260px}
.hero-slide{display:none;min-height:260px;align-items:center;background:linear-gradient(90deg,var(--dark2) 35%,#485769)}
.hero-slide.active{display:flex}
.hero-content{padding:32px 40px;color:#fff;max-width:480px;position:relative;z-index:2}
.hero-content h2{font-size:1.8rem;font-weight:800;margin-bottom:8px;line-height:1.2}
.hero-content p{opacity:.85;margin-bottom:16px;font-size:.95rem}
.hero-btn{background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);color:#fff;padding:9px 20px;border-radius:4px;font-weight:700;font-size:.9rem;display:inline-block;box-shadow:0 2px 5px rgba(255,100,0,.3);transition:filter .15s}
.hero-btn:hover{filter:brightness(1.05);text-decoration:none;color:#fff}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.88);border:none;height:60px;width:30px;cursor:pointer;font-size:1rem;z-index:10;border-radius:0 4px 4px 0}
.hero-nav.next{right:0;border-radius:4px 0 0 4px}
.hero-nav:hover{background:#fff}
/* 4-col block grid */
.block-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.block-card{background:#fff;padding:16px;border-radius:4px;overflow:hidden}
.block-card h3,.block-card .block-title{font-size:1rem;font-weight:700;margin-bottom:10px;color:#0f1111}
.block-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.block-product,.block-product-item{cursor:pointer;display:block;text-decoration:none}
.block-product-img,.block-product-item img{aspect-ratio:1;background:#f7f7f7;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;margin-bottom:4px;width:100%;height:auto;object-fit:contain}
.block-product-item img{padding:8px}
.block-product-item:hover img{opacity:.85}
.block-product-placeholder{font-size:2rem;color:#ddd;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:4px}
.block-product-name{font-size:.73rem;color:var(--link);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.block-more{display:block;font-size:.82rem;color:var(--blue);margin-top:6px}
.block-more:hover{text-decoration:underline}
/* Product grid */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:#ddd}
.product-card{background:#fff;padding:16px;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column;height:100%}
.product-card:hover{box-shadow:0 0 0 2px var(--primary);position:relative;z-index:1}
.product-card-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f7f7f7;margin-bottom:10px;overflow:hidden;border-radius:4px;padding:16px;min-height:220px}
.product-card-img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;mix-blend-mode:multiply}.product-card:hover .product-card-img img{transform:scale(1.05)}
.product-card-placeholder{font-size:3rem;color:#ddd}
.product-card .prod-info{display:flex;flex-direction:column;flex:1}.prod-name{font-size:.88rem;color:var(--link);margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;min-height:2.7em}.prod-name:hover{color:#c7511f}
.prod-vendor{font-size:.75rem;color:#666;margin-bottom:4px}.product-card .prod-price-wrap{margin-top:auto;padding-top:4px}
.prod-stars{color:#FF9900;font-size:.82rem;margin-bottom:4px}
.prod-price{color:var(--price);font-size:1.2rem;font-weight:700}
.prod-price-old{color:#666;font-size:.82rem;text-decoration:line-through}


.section{background:#fff;padding:16px 20px;margin-bottom:12px;border-radius:4px}
.section h2{font-size:1.2rem;font-weight:700;margin-bottom:14px;color:#0f1111}
.subcat-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0 20px}
.subcat-item{text-align:center;cursor:pointer;text-decoration:none}
.subcat-item:hover .subcat-circle{border-color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.subcat-circle{width:90px;height:90px;border-radius:50%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;border:2px solid #e7e7e7;overflow:hidden;font-size:2.2rem;transition:all .2s}
.subcat-circle img{width:100%;height:100%;object-fit:cover}
.subcat-label{font-size:.76rem;color:#0f1111;line-height:1.3;display:block;max-width:90px}
.product-scroller{overflow-x:auto;display:flex;gap:1px;background:#ddd;scrollbar-width:thin}
.product-scroller::-webkit-scrollbar{height:5px}
.product-scroller::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}
.product-scroller .product-card{min-width:260px;flex-shrink:0}
.breadcrumb{font-size:.82rem;color:#666;padding:6px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.breadcrumb a{color:var(--link)}
.sort-select{border:1px solid var(--border);border-radius:4px;padding:5px 8px;font-size:.83rem;background:#fff}
.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:32px 16px}
.auth-box{background:#fff;border:1px solid var(--border);border-radius:4px;padding:28px;width:100%;max-width:360px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.auth-box h1{font-size:1.4rem;font-weight:400;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}
.form-group{margin-bottom:12px}
.form-group label{display:block;font-size:.88rem;font-weight:700;margin-bottom:4px}
.form-group input{width:100%;border:1px solid #a6a6a6;border-radius:4px;padding:8px 10px;font-size:.9rem}
.form-group input:focus{outline:none;border-color:#e77600;box-shadow:0 0 0 2px rgba(228,121,17,.3)}
.btn-primary{background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);border:none;border-radius:4px;padding:10px;width:100%;font-size:.9rem;font-weight:700;cursor:pointer;color:#fff;display:block;text-align:center;box-shadow:0 2px 5px rgba(255,100,0,.3);transition:filter .15s}
.btn-primary:hover{filter:brightness(1.05);box-shadow:0 3px 8px rgba(255,100,0,.4);text-decoration:none;color:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-tabs{display:flex;margin-bottom:16px;border-bottom:2px solid var(--border)}
.auth-tab{flex:1;background:none;border:none;padding:8px;font-size:.9rem;font-weight:700;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}
.auth-tab.active{color:var(--price);border-bottom-color:var(--price)}
.cart-layout{display:grid;grid-template-columns:1fr 280px;gap:14px;margin-top:8px}
.cart-box{background:#fff;padding:16px;border-radius:4px}
.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #eee}
.cart-item:last-child{border-bottom:none}
.cart-img{width:80px;height:80px;object-fit:contain;background:#f7f7f7;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.cart-img img{max-width:80px;max-height:80px;object-fit:contain}
.cart-info{flex:1}
.cart-info h3{font-size:.9rem;margin-bottom:4px}
.cart-price-cell{font-size:1.1rem;font-weight:700;color:var(--price);white-space:nowrap}
.qty-input{width:52px;border:1px solid var(--border);border-radius:4px;padding:4px;text-align:center;font-size:.9rem}
.btn-remove{background:none;border:none;color:var(--link);cursor:pointer;font-size:.82rem;padding:0}
.btn-remove:hover{text-decoration:underline;color:var(--price)}
.cart-summary-box{background:#fff;padding:14px;border-radius:4px;height:fit-content}
.summary-row{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:8px}
.summary-row.total{font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}
.btn-checkout{display:block;background:linear-gradient(263deg,#ff2d0d 2.73%,#ff5e1a 26.36%,#ff6400 50%,#ff7e0d 73.64%,#ffab1a 97.27%);border:none;border-radius:20px;padding:10px;text-align:center;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;margin-top:12px;width:100%;box-shadow:0 2px 5px rgba(255,100,0,.3);transition:filter .15s}
.btn-checkout:hover{filter:brightness(1.05);box-shadow:0 3px 8px rgba(255,100,0,.4);text-decoration:none;color:#fff}
.alert{padding:10px 14px;border-radius:4px;margin-bottom:12px;font-size:.85rem}
.alert-err{background:#fde8e8;border-left:4px solid #c00;color:#c00}
.pagination{display:flex;gap:6px;justify-content:center;padding:16px 0}
.pagination a,.pagination span{padding:5px 11px;border:1px solid var(--border);border-radius:4px;font-size:.85rem}
.pagination a{color:var(--link)}
.pagination a:hover{background:#f0f0f0;text-decoration:none}
.pagination .current{background:var(--primary);color:#111;font-weight:bold;border-color:var(--primary)}
.pagination .dots{border:none;color:#666}
.empty-state{text-align:center;padding:60px 20px;color:#666}
.empty-state .ei{font-size:4rem;margin-bottom:12px}
.prod-detail{display:grid;grid-template-columns:340px 1fr 220px;gap:20px;margin-top:8px}
.prod-main-img{background:#fff;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:300px;padding:16px}
.prod-main-img img{max-height:320px;max-width:100%;object-fit:contain}
.thumb-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.thumb-img{width:54px;height:54px;object-fit:contain;border:2px solid var(--border);border-radius:4px;cursor:pointer;padding:3px;background:#fff}
.thumb-img.active,.thumb-img:hover{border-color:var(--primary)}
.prod-info h1{font-size:1.3rem;font-weight:400;line-height:1.4;margin-bottom:8px}
.prod-stars-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.88rem}
.prod-stars-row .stars{color:#FF9900;font-size:1rem}
.prod-stars-row a{color:var(--blue)}
.prod-price-big{color:var(--price);font-size:1.8rem;font-weight:700}
.prod-price-old{color:#666;font-size:.88rem;text-decoration:line-through}
.prod-save{background:#cc0c39;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:3px;margin-left:6px}
.stock-ok{color:#007600;font-size:.88rem;font-weight:700}
.stock-low{color:#e47911;font-size:.88rem;font-weight:700}
.stock-no{color:var(--price);font-size:.88rem;font-weight:700}
.prod-buy-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px}
.buy-price{color:var(--price);font-size:1.6rem;font-weight:700;margin-bottom:8px}
.qty-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.qty-row input{width:52px;border:1px solid var(--border);border-radius:4px;padding:6px;text-align:center}
.btn-add-cart{width:100%;background:var(--primary);border:1px solid #d18500;border-radius:20px;padding:9px;font-size:.9rem;font-weight:700;cursor:pointer;color:#111;margin-bottom:6px}
.btn-add-cart:hover{background:#e77600}
.btn-wishlist{width:100%;background:#fff;border:1px solid var(--border);border-radius:20px;padding:9px;font-size:.9rem;cursor:pointer;color:#111}
.btn-wishlist:hover{background:#f5f5f5}
.attr-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:8px}
.attr-table tr:nth-child(even){background:#f7f7f7}
.attr-table th,.attr-table td{padding:6px 10px;border:1px solid var(--border);text-align:left}
.attr-table th{background:#f0f0f0;width:35%}
.review-item{padding:12px 0;border-bottom:1px solid #eee}
.review-item:last-child{border-bottom:none}
.review-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}
.review-stars{color:#FF9900}
.review-date{color:#666;font-size:.78rem;margin-left:auto}
footer{background:var(--dark2);color:rgba(255,255,255,.7);margin-top:32px}
.footer-top-bar{background:#1f2937;text-align:center;padding:10px;font-size:.85rem;color:#fff;cursor:pointer}
.footer-top-bar:hover{background:#374151}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:28px 40px;max-width:1200px;margin:0 auto;font-size:.83rem}
.footer-grid h4{color:#fff;margin-bottom:10px;font-size:.88rem}
.footer-grid a{display:block;color:rgba(255,255,255,.65);margin-bottom:5px}
.footer-grid a:hover{color:#fff;text-decoration:underline}
.newsletter-bar{background:linear-gradient(135deg,#232f3e 0%,#37475a 100%);border-top:2px solid var(--primary);border-bottom:1px solid rgba(255,255,255,.1);padding:20px 40px}
.newsletter-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.newsletter-text{display:flex;align-items:center;gap:12px;color:#fff}
.newsletter-icon{font-size:1.6rem}
.newsletter-text strong{font-size:.95rem;display:block}
.newsletter-sub{font-size:.78rem;color:rgba(255,255,255,.65);display:block;margin-top:2px}
.newsletter-form{display:flex;gap:0;flex:0 0 auto}
.newsletter-form input[type="email"]{padding:10px 14px;border:2px solid transparent;border-radius:4px 0 0 4px;font-size:.88rem;width:280px;outline:none}
.newsletter-form input[type="email"]:focus{border-color:var(--primary)}
.newsletter-form button{background:var(--primary);color:#0f1111;border:none;padding:10px 22px;font-weight:700;font-size:.88rem;border-radius:0 4px 4px 0;cursor:pointer;white-space:nowrap}
.newsletter-form button:hover{background:#e68a00}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:14px;font-size:.78rem;color:rgba(255,255,255,.4)}
#searchDropdown a{display:flex;align-items:center;gap:10px;padding:8px 14px;color:#0f1111;border-bottom:1px solid #f0f0f0;font-size:.88rem}
#searchDropdown a:hover{background:#f5f5f5;text-decoration:none}
/* ── Large Desktop (1600px+) ── */
@media(min-width:1600px){
  .page-body{max-width:1800px;padding:12px 24px 32px}
  .block-grid{grid-template-columns:repeat(4,1fr);gap:16px}
  .products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
  .product-card-img{min-height:280px}
  .prod-detail{grid-template-columns:420px 1fr 280px;gap:28px}
  .footer-grid{max-width:1500px;padding:32px 48px}
  .hero-content h2{font-size:2.2rem}
  .hero-slides{min-height:340px}
  .hero-slide{min-height:340px}
  .product-scroller .product-card{min-width:300px}
  .acct-dropdown{min-width:420px}
}
/* ── Wide Desktop (1920px+) ── */
@media(min-width:1920px){
  .page-body{max-width:2100px;padding:16px 32px 40px}
  .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .prod-detail{grid-template-columns:420px 1fr 320px;gap:32px;max-width:1500px}
  .block-grid{gap:20px}
  body{font-size:.95rem}
  .hero-content{max-width:600px;padding:40px 60px}
}
/* ── Medium Desktop (1100-1599px) ── */
@media(max-width:1100px){.prod-detail{grid-template-columns:260px 1fr 200px}}
/* ── Tablet (901-1100px) ── */
@media(max-width:900px){
  .block-grid{grid-template-columns:1fr 1fr}
  .prod-detail{grid-template-columns:1fr}
  .cart-layout{grid-template-columns:1fr}
  .hdr-loc{display:none}
  .acct-dropdown{min-width:320px;right:-40px}
}
/* ── Small Tablet / Large Phone (601-900px) ── */
@media(max-width:768px){
  .page-body{padding:6px 8px 20px}
  .hdr{padding:8px 10px;gap:6px;flex-wrap:wrap}
  .search-wrap{order:3;width:100%;max-width:100%}
  .hdr-nav{margin-left:auto;gap:2px}
  .hdr-btn small{display:none}
  .hdr-btn{padding:4px 5px;font-size:.72rem}
  .hdr-btn strong{font-size:.78rem;white-space:nowrap;display:block}
  .cart-hdr{font-size:.82rem}
  .cat-nav{padding:0 6px}
  .cat-nav a{padding:7px 8px;font-size:.78rem}
  .block-grid{grid-template-columns:1fr 1fr;gap:8px}
  .block-card{padding:12px}
  .block-card h3,.block-card .block-title{font-size:.88rem}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .product-card{padding:10px}
  .product-card-img{min-height:160px;padding:10px}
  .prod-name{font-size:.8rem}
  .prod-price{font-size:1rem}
  .product-scroller .product-card{min-width:200px}
  .hero-slides,.hero-slide{min-height:180px}
  .hero-content{padding:20px 24px}
  .hero-content h2{font-size:1.2rem}
  .hero-content p{font-size:.82rem;margin-bottom:10px}
  .footer-grid{padding:20px 16px;gap:16px;grid-template-columns:1fr 1fr}
  .acct-dropdown{min-width:280px;right:-10px}
  .subcat-circle{width:70px;height:70px}
  .subcat-label{font-size:.7rem;max-width:70px}
  .subcat-row{gap:8px}
  .hdr-loc{display:none}
  .hdr-short{display:inline}
  .hdr-full{display:none}
}
/* ── Phone (≤600px) ── */
@media(max-width:600px){
  .hdr{padding:6px 8px;gap:4px;min-height:auto}
  .logo img{max-height:32px!important;max-width:110px!important}
  .logo{font-size:1.3rem}
  .search-wrap{border-width:1.5px}
  .search-wrap select{max-width:55px;font-size:.65rem;padding:0 4px}
  .search-wrap input{padding:7px 8px;font-size:.88rem}
  .search-wrap button{padding:0 12px;font-size:.95rem}
  .hdr-nav{gap:0}
  .hdr-btn{padding:2px 3px}
  .hdr-btn small{display:none}
  .hdr-btn strong{font-size:.75rem;white-space:nowrap;display:block}
  .cart-hdr{padding:2px 3px;font-size:.78rem;gap:2px}
  .cart-icon{width:24px;height:24px}
  .cart-hdr span:not(.cart-bubble){display:none}
  .cart-bubble{width:17px;height:17px;font-size:.65rem}
  .cat-nav a{padding:6px 7px;font-size:.72rem}
  .page-body{padding:4px 6px 16px}
  .block-grid{grid-template-columns:1fr;gap:6px}
  .block-card{padding:10px}
  .block-products{gap:6px}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .product-card{padding:8px}
  .product-card-img{min-height:130px;padding:6px}
  .prod-name{font-size:.76rem;-webkit-line-clamp:2}
  .prod-price{font-size:.92rem}
  .prod-stars{font-size:.72rem}
  .prod-vendor{font-size:.68rem}
  .section{padding:10px 12px;margin-bottom:8px}
  .section h2{font-size:1rem;margin-bottom:10px}
  .product-scroller .product-card{min-width:170px}
  .product-scroller{gap:0}
  .hero-slides,.hero-slide{min-height:140px}
  .hero-content{padding:14px 16px;max-width:100%}
  .hero-content h2{font-size:1rem;margin-bottom:4px}
  .hero-content p{font-size:.75rem;margin-bottom:8px}
  .hero-btn{padding:6px 14px;font-size:.78rem}
  .hero-nav{width:22px;height:40px;font-size:.8rem}
  .breadcrumb{font-size:.72rem;padding:4px 0 8px}
  .footer-grid{grid-template-columns:1fr 1fr;padding:16px 12px;gap:12px;font-size:.78rem}
  .footer-grid h4{font-size:.82rem;margin-bottom:6px}
  .footer-bottom{padding:10px;font-size:.7rem}
  .footer-top-bar{font-size:.78rem;padding:8px}
  .newsletter-bar{padding:16px}
  .newsletter-inner{flex-direction:column;text-align:center}
  .newsletter-form input[type="email"]{width:200px}
  .newsletter-form{justify-content:center}
  .cart-layout{grid-template-columns:1fr}
  .cart-item{gap:10px;padding:10px 0}
  .cart-img{width:60px;height:60px}
  .cart-img img{max-width:60px;max-height:60px}
  .auth-wrap{padding:16px 10px;min-height:40vh}
  .auth-box{padding:20px 16px}
  .pagination{gap:3px;padding:12px 0}
  .pagination a,.pagination span{padding:4px 8px;font-size:.78rem}
  .empty-state{padding:32px 12px}
  .empty-state .ei{font-size:2.8rem}
  .alert{padding:8px 10px;font-size:.8rem}
  .subcat-row{gap:6px;padding:8px 0 14px}
  .subcat-circle{width:56px;height:56px;font-size:1.5rem}
  .subcat-label{font-size:.65rem;max-width:56px}
}
/* ── Very Small Phones (≤380px) ── */
@media(max-width:380px){
  .hdr{padding:4px 6px}
  .logo img{max-height:28px!important;max-width:90px!important}
  .search-wrap input{padding:6px;font-size:.82rem}
  .search-wrap button{padding:0 10px}
  .hdr-btn{padding:2px 3px}
  .product-card{padding:6px}
  .product-card-img{min-height:110px;padding:4px}
  .prod-price{font-size:.85rem}
  .footer-grid{grid-template-columns:1fr;padding:14px 10px}
}
.skip-link{position:absolute;top:-60px;left:0;background:#232f3e;color:#fff;padding:8px 16px;z-index:9999;font-size:.9rem;transition:top .2s}.skip-link:focus{top:0}

/* Dropdown menus */
.buby-dd-wrap{position:relative}
.buby-dd-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.25);min-width:340px;z-index:9999;padding:0;color:#0f1111}
.buby-dd-wrap:hover .buby-dd-menu,.buby-dd-menu:hover{display:block!important}
.buby-dd-wrap::after{content:'';position:absolute;top:100%;left:0;right:0;height:15px}
.buby-dd-menu a{display:block;font-size:.82rem;color:#0f1111;text-decoration:none;padding:5px 20px;line-height:1.5}
.buby-dd-menu a:hover{color:#c45500;background:#f7f7f7}
.buby-dd-menu h4{font-size:.88rem;font-weight:700;color:#0f1111;margin:0 0 8px;padding:0 20px 8px;border-bottom:1px solid #eee}
.buby-dd-section{padding:14px 0}
.buby-dd-section+.buby-dd-section{border-top:1px solid #eee}
@media(max-width:600px){
  .buby-dd-menu{position:fixed!important;top:auto!important;left:4vw!important;right:4vw!important;width:92vw!important;min-width:auto!important;border-radius:8px!important}
  .buby-dd-menu a{font-size:.82rem;padding:8px 16px}
  .buby-dd-menu h4{font-size:.85rem;padding:0 16px 8px}
  .buby-dd-section{padding:12px 0}
}