/* Tech Bazar v2: storefront-only visual system. Admin and Theme Studio untouched. */
:root{--tb-ink:#121923;--tb-blue:#1f4589;--tb-orange:#f26522}
body{background:#f5f6f8;color:#172033;font-family:Inter,"Segoe UI",Arial,sans-serif}
#shop-header{background:#111822!important;color:#fff!important}
.header-inner{max-width:1500px;min-height:76px;padding:12px 20px;gap:16px}
#shop-header .logo{font-size:clamp(21px,2.1vw,32px);font-weight:900;letter-spacing:-1.2px;white-space:nowrap;color:white}
#shop-header .store-branding{color:white}
#shop-header .search{flex:1;max-width:760px;min-width:220px;background:white;border-radius:8px;overflow:hidden}
#shop-header .search input{background:white;color:#162031;min-height:44px}
#shop-header .search button{background:#344760;color:#fff;min-width:55px;min-height:44px}
#shop-header .header-actions{gap:8px}
#shop-header .header-action{border-radius:7px;color:#fff;padding:9px 10px;font-weight:600}
#shop-header .header-action:hover{background:#2d3a50}
#shop-nav{background:#fff!important;color:#1a2332!important;border-bottom:1px solid #e0e4e9;box-shadow:0 2px 8px #15213a0a}
#shop-nav .nav-inner{max-width:1500px;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;padding:14px 20px}
#shop-nav a{color:#182235;font-weight:600}
#shop-nav a:hover{color:var(--tb-orange)}
.wrap{max-width:1500px;padding:20px 20px 50px}
.hero-layout{gap:14px}
.hero-main{background:linear-gradient(115deg,#102b80,#1163b8 65%,#16b9e0)!important;min-height:300px}
.hero-side{background:linear-gradient(135deg,#e7f3ff,#d1e6ff)!important;min-height:300px}
.banner{border-radius:9px;overflow:hidden}
.hero-main .banner-content{max-width:75%}
.hero-main .banner-content h1{font-weight:900;font-size:clamp(26px,3.6vw,50px);line-height:1.1;color:#fff}
.hero-main .banner-content p{color:#eef6ff}
.section-title,.section-head h2{font-size:23px!important;font-weight:800!important;color:#152136!important;letter-spacing:-.3px}
.category-strip{gap:10px}
.category-card{background:#fff!important;border:1px solid #e2e6eb!important;border-radius:9px!important;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600;color:#202c40;transition:transform .18s,box-shadow .18s}
.category-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #1a2c4218}
.category-image{height:75px;display:flex;align-items:center;justify-content:center}
.category-image img{max-height:75px;object-fit:contain}
.product,.product-card{background:#fff!important;border:1px solid #e1e5ec!important;border-radius:9px!important;box-shadow:none;transition:transform .18s,box-shadow .18s}
.product:hover,.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #16253b18}
.product-image{height:180px}
.product-image img{object-fit:contain}
.product .btn.solid,.btn.solid{background:#172131;border-color:#172131;color:white;border-radius:5px}
.product .btn.solid:hover,.btn.solid:hover{background:var(--tb-orange);border-color:var(--tb-orange)}
#shop-footer{background:#111822!important;color:#e7edf5}
#shop-footer a{color:#dce5f2}
#shop-footer a:hover{color:#ff965f}
@media(min-width:1150px){.category-strip{grid-template-columns:repeat(8,minmax(0,1fr))}.top-grid,.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.header-inner{flex-wrap:wrap}.header-inner .search{order:3;max-width:none;flex-basis:100%}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-main,.hero-side{min-height:240px}}
@media(max-width:550px){.wrap{padding:14px 12px 32px}.header-inner{padding:10px 12px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{min-height:105px}.category-image{height:55px}.hero-main .banner-content{max-width:95%}.hero-main .banner-content h1{font-size:26px}.section-title,.section-head h2{font-size:19px!important}}