:root{ --bt-yellow:#FFD200; --bt-black:#000; --bt-white:#fff; --bt-container:1200px; }
body{font-family:Poppins,Roboto,Arial,sans-serif;color:#000;background:#fff;}
.bt-container{max-width:var(--bt-container);margin:0 auto;padding:0 16px;}

.bt-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);}
.bt-header .bt-container{display:flex;align-items:center;gap:16px;min-height:64px;}
.bt-logo img,.custom-logo{max-height:48px;height:auto;width:auto;}
.bt-menu{list-style:none;margin:0 auto 0 16px;padding:0;}
.bt-menu li{display:inline-block;margin:0 10px;}
.bt-menu a{color:#000;text-decoration:none;padding:8px 2px;position:relative;}
.bt-menu a:after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--bt-yellow);transition:width .2s;}
.bt-menu a:hover:after{width:100%;}

.bt-search{position:relative;flex:0 0 340px;max-width:340px;}
.bt-search input{width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:10px; outline:none;}
.bt-search input:focus{border-color:#000; box-shadow:0 0 0 3px rgba(0,0,0,.06);}
.bt-search-results{position:absolute; top:44px; left:0; right:0; background:#fff; border:1px solid #eee; border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.08); overflow:hidden; max-height:360px; overflow-y:auto;}
.bt-search-item{display:flex; gap:10px; align-items:center; padding:8px 10px; border-bottom:1px solid #f3f3f3; text-decoration:none; color:#000;}
.bt-search-item:hover, .bt-search-item.active{background:#f7f7f7;}
.bt-search-item img{width:40px; height:40px; object-fit:cover; border-radius:6px;}
.bt-search-item .title{flex:1;}
.bt-search-item .price{white-space:nowrap; font-weight:600;}

.bt-actions{display:flex; align-items:center; gap:10px;}
.bt-icon{display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid #e8e8e8; border-radius:10px; color:#000; text-decoration:none;}
.bt-icon:hover{background:#f7f7f7;}
.bt-cart{position:relative; padding-right:8px;}
.bt-cart-subtotal{margin-left:6px; font-size:13px; font-weight:600;}

.bt-cta{display:inline-block;background:var(--bt-yellow);color:#000;padding:10px 14px;border-radius:8px;text-decoration:none;}
.bt-cta:hover{background:#000;color:#fff;}

/* Slider */
.bt-hero-slider{position:relative; overflow:hidden;}
.bt-slider{display:flex; transition:transform .6s ease;}
.bt-slide{min-width:100%; display:flex; align-items:center; background:#0a0a0a; color:#fff; padding:80px 0;}
.bt-slide .bt-container{ text-align:center; }
.bt-slide h1{font-size:44px; margin:0 0 8px;}
.bt-slide p{opacity:.9; margin:0 0 16px;}
.bt-slide.bt-s1{background:linear-gradient(120deg,#0a0a0a 55%, var(--bt-yellow) 55%);}
.bt-slide.bt-s2{background:#0a0a0a;}
.bt-slide.bt-s3{background:#111;}

.bt-dots{position:absolute; left:0; right:0; bottom:16px; display:flex; gap:8px; justify-content:center;}
.bt-dots button{width:10px; height:10px; border-radius:50%; border:0; background:#fff; opacity:.5; cursor:pointer;}
.bt-dots button.active{opacity:1; background:var(--bt-yellow);}

/* Categories */
.bt-categories{padding:36px 0;background:#fff;}
.bt-categories h2,.bt-products h2{text-align:center;margin-bottom:18px;}
.bt-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.bt-cat{background:#fff;border:1px solid #eee;border-radius:12px;text-align:center;padding:18px;text-decoration:none;color:#000;transition:transform .2s, box-shadow .2s;}
.bt-cat img{height:48px;width:auto;margin-bottom:8px;}
.bt-cat:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08);}

/* Brands strip */
.bt-brands{padding:16px 0; background:#fff;}
.bt-brands-row{display:flex; gap:24px; justify-content:center; align-items:center; list-style:none; margin:0; padding:0; flex-wrap:wrap;}
.bt-brands-row img{height:36px; width:auto; object-fit:contain; filter:contrast(105%);}

/* Products & advantages */
.bt-products{padding:30px 0;background:#f7f7f7;}
.bt-advantages{padding:36px 0;background:#fff;}
.bt-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;}
.bt-adv{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;}
.bt-adv-icon{font-size:28px;margin-bottom:8px;}
.bt-promo{padding:36px 0;background:var(--bt-yellow);text-align:center;}
.bt-promo h2{margin:0 0 14px;}

@media (max-width:1024px){
  .bt-grid-5{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .bt-grid-5{grid-template-columns:repeat(2,1fr);}
  .bt-header .bt-container{flex-wrap:wrap;}
  .bt-search{flex:1 1 100%; max-width:none; order:3;}
}