/*
 * Kibris Bilgisayarcim Frontend Rebuild 2026
 * Public storefront only. Backend/admin/data contracts are untouched.
 */
:root{
  --kb-brand-50:#fff7ed;
  --kb-brand-100:#ffedd5;
  --kb-brand-200:#fed7aa;
  --kb-brand-300:#fdba74;
  --kb-brand-400:#fb923c;
  --kb-brand-500:#f97316;
  --kb-brand-600:#ea580c;
  --kb-brand-700:#c2410c;
  --kb-ink-950:#0b1220;
  --kb-ink-900:#111827;
  --kb-ink-800:#1f2937;
  --kb-ink-700:#374151;
  --kb-ink-600:#4b5563;
  --kb-ink-500:#6b7280;
  --kb-ink-400:#94a3b8;
  --kb-surface:#fff;
  --kb-surface-soft:#f8fafc;
  --kb-surface-muted:#f1f5f9;
  --kb-line:#e5e7eb;
  --kb-line-soft:#eef2f7;
  --kb-success:#16a34a;
  --kb-danger:#dc2626;
  --kb-warning:#d97706;
  --kb-radius-sm:12px;
  --kb-radius:18px;
  --kb-radius-lg:26px;
  --kb-shadow-sm:0 8px 24px rgba(15,23,42,.06);
  --kb-shadow:0 18px 50px rgba(15,23,42,.09);
  --kb-shadow-hover:0 22px 56px rgba(15,23,42,.13);
  --kb-container:min(1440px,calc(100vw - 48px));
}

html{scroll-behavior:smooth;background:var(--kb-surface-soft)}
body{
  margin:0;
  background:linear-gradient(180deg,#fff 0,#f8fafc 24rem,#f6f7f9 100%);
  color:var(--kb-ink-900);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
.site-shell-container,.container{width:var(--kb-container);max-width:1440px;margin-inline:auto}

/* ---------- HEADER ---------- */
.site-header{
  position:sticky!important;
  top:0;
  z-index:1200;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(229,231,235,.8);
  box-shadow:0 5px 20px rgba(15,23,42,.045)!important;
  backdrop-filter:saturate(160%) blur(16px);
  transition:transform .28s ease,box-shadow .2s ease,background .2s ease;
}
.site-header.kb-scrolled{box-shadow:0 12px 34px rgba(15,23,42,.09)!important}
.top-strip{
  background:var(--kb-ink-950)!important;
  color:#dbe4ef!important;
  border:0!important;
  min-height:34px!important;
}
.top-strip-inner{min-height:34px!important}
.top-strip-left,.top-strip-right a{color:#dbe4ef!important;font-size:12px!important}
.top-strip-left{letter-spacing:.01em}
.top-strip-right a:hover{color:var(--kb-brand-300)!important}
.header-main{background:transparent!important;border:0!important}
.header-main-inner{padding-block:14px!important;gap:18px!important}
.logo{font-weight:900!important;letter-spacing:-.045em!important;color:var(--kb-ink-950)!important}
.logo-accent,.logo span:last-child{color:var(--kb-brand-500)!important}
.header-search,.search-trigger{
  border:1px solid #dce3eb!important;
  background:#f8fafc!important;
  border-radius:16px!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.header-search:focus-within,.search-trigger:focus-within{
  background:#fff!important;
  border-color:var(--kb-brand-400)!important;
  box-shadow:0 0 0 4px rgba(249,115,22,.09)!important;
}
.header-search input,.search-trigger input{color:var(--kb-ink-900)!important}
.header-search button,.search-trigger-btn{
  background:var(--kb-brand-500)!important;
  color:#fff!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.header-actions{gap:9px!important}
.header-icon{
  min-height:44px!important;
  border:1px solid var(--kb-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--kb-ink-800)!important;
  box-shadow:none!important;
}
.header-icon:hover{border-color:var(--kb-brand-200)!important;background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important}
.header-icon-emoji,.header-icon i{color:var(--kb-ink-800)!important}
.cart-count,.header-cart-count{background:var(--kb-brand-500)!important;color:#fff!important}
.main-nav,.nav-row{background:#fff!important;border-top:1px solid var(--kb-line-soft)!important;border-bottom:1px solid var(--kb-line-soft)!important}
.mega-menu-trigger,.category-trigger{
  background:var(--kb-brand-500)!important;
  border-color:var(--kb-brand-500)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.clean-header-menu a{color:var(--kb-ink-800)!important;font-weight:750!important}
.clean-header-menu a i{color:var(--kb-ink-500)!important}
.clean-header-menu a:hover,.clean-header-menu a:hover i{color:var(--kb-brand-600)!important}
.clean-header-menu .campaign-link{background:var(--kb-ink-950)!important;color:#fff!important;box-shadow:none!important}
.clean-header-menu .campaign-link i{color:var(--kb-brand-400)!important}

.mega-menu{
  background:#fff!important;
  border:1px solid var(--kb-line)!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:var(--kb-shadow)!important;
}
.mega-left{background:#f8fafc!important;border-right:1px solid var(--kb-line-soft)!important}
.mega-left-item{color:var(--kb-ink-700)!important;border-radius:12px!important}
.mega-left-item.active{background:#fff!important;color:var(--kb-brand-700)!important;box-shadow:0 3px 10px rgba(15,23,42,.06)!important}
.mega-cat-visual{background:var(--kb-brand-50)!important;color:var(--kb-brand-600)!important}
.mega-subcat-link:hover{color:var(--kb-brand-600)!important;background:var(--kb-brand-50)!important}
.mega-pane-all{background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important;border-color:var(--kb-brand-200)!important}
.mega-product-card{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:16px!important}
.mega-product-card:hover{border-color:var(--kb-brand-200)!important;box-shadow:var(--kb-shadow-sm)!important}
.mega-product-price{color:var(--kb-brand-600)!important}

.search-panel{
  background:#fff!important;
  border:1px solid var(--kb-line)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.18)!important;
}
.search-panel-head{background:#fff!important;border-bottom:1px solid var(--kb-line-soft)!important}
.search-panel-form{border-color:#dce3eb!important;background:#f8fafc!important;box-shadow:none!important}
.search-panel-form:focus-within{border-color:var(--kb-brand-400)!important;box-shadow:0 0 0 4px rgba(249,115,22,.08)!important}
.search-panel-form button{color:var(--kb-brand-600)!important}
.search-panel-live-brand{color:var(--kb-brand-600)!important}
.search-panel-footer{background:#f8fafc!important;border-color:var(--kb-line-soft)!important}

/* ---------- GLOBAL CONTENT ---------- */
.homepage,.shop-page,.category-shell,.product-page,.cart-shell,.request-page,
.account-page,.orders-page,.support-page,.contact-page,.blog-page,.track-shell,
.order-detail-shell,.login-shell,.auth-register-wrap{
  width:var(--kb-container)!important;
  max-width:1440px!important;
  margin-inline:auto!important;
}
.homepage{padding-top:26px!important;padding-bottom:56px!important}
.homepage>section{margin-top:34px!important}
.section-head,.section-head-modern{align-items:flex-end!important;margin-bottom:16px!important}
.section-head h2,.section-head-modern h2{color:var(--kb-ink-950)!important;font-size:clamp(22px,2vw,32px)!important;letter-spacing:-.035em!important}
.section-head p,.section-head-modern p{color:var(--kb-ink-500)!important}
.kicker{background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important;border:1px solid var(--kb-brand-100)!important}
.btn-main,.hero-btn-light,.product-btn-main,.btn-modern,.request-submit,.checkout-btn,.filter-submit,
.shop-primary-btn,.campaign-side-btn{
  background:var(--kb-brand-500)!important;
  color:#fff!important;
  border-color:var(--kb-brand-500)!important;
  box-shadow:none!important;
}
.btn-main:hover,.hero-btn-light:hover,.product-btn-main:hover,.btn-modern:hover,.request-submit:hover,.checkout-btn:hover{background:var(--kb-brand-600)!important}
.btn-soft,.hero-btn-outline,.product-btn-main.outline,.product-btn-soft,.btn-light-modern{
  background:#fff!important;
  color:var(--kb-ink-800)!important;
  border:1px solid #dce3eb!important;
  box-shadow:none!important;
}
.btn-soft:hover,.hero-btn-outline:hover,.product-btn-main.outline:hover,.product-btn-soft:hover{border-color:var(--kb-brand-300)!important;color:var(--kb-brand-700)!important;background:var(--kb-brand-50)!important}
.home-card,.shop-card,.products-card,.product-card,.cart-card,.request-card,.account-card,.order-card,.order-detail-card,
.track-card,.contact-card,.blog-card,.auth-card-modern,.auth-register-card{
  background:#fff!important;
  border:1px solid var(--kb-line-soft)!important;
  box-shadow:var(--kb-shadow-sm)!important;
}

/* ---------- HOME SHOWROOM ---------- */
.hero-grid{gap:18px!important}
.hero-left,.hero-slider-shell{border-radius:30px!important;overflow:hidden!important}
.hero-slider-shell{box-shadow:var(--kb-shadow)!important;background:var(--kb-ink-950)!important}
.hero-slide{min-height:clamp(420px,42vw,610px)!important}
.hero-overlay{background:linear-gradient(90deg,rgba(11,18,32,.90) 0%,rgba(11,18,32,.67) 48%,rgba(11,18,32,.16) 100%)!important}
.hero-content{max-width:650px!important;padding:clamp(28px,5vw,72px)!important}
.hero-badge{background:rgba(249,115,22,.16)!important;color:#fed7aa!important;border:1px solid rgba(251,146,60,.34)!important}
.hero-title{font-size:clamp(36px,5vw,68px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:13ch!important}
.hero-text{font-size:clamp(15px,1.3vw,19px)!important;line-height:1.65!important;max-width:58ch!important;color:#d8e1ec!important}
.hero-btn-light{border-radius:14px!important;padding:0 20px!important;min-height:48px!important}
.hero-btn-outline{border-color:rgba(255,255,255,.35)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
.hero-search-wrap{margin-top:24px!important;max-width:590px!important}
.hero-search-form{background:#fff!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.5)!important;padding:5px!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}
.hero-search-form button{background:var(--kb-brand-500)!important;border-radius:12px!important}
.hero-dots button,.hero-dot{background:rgba(255,255,255,.38)!important}
.hero-dots .active,.hero-dot.active{background:var(--kb-brand-400)!important}

.category-tree-grid,.category-grid,.home-category-grid{gap:14px!important}
.category-tree-card,.category-card,.home-category-card{
  background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:18px!important;box-shadow:none!important;transition:.2s ease!important;
}
.category-tree-card:hover,.category-card:hover,.home-category-card:hover{transform:translateY(-3px)!important;border-color:var(--kb-brand-200)!important;box-shadow:var(--kb-shadow-sm)!important}

.product-grid,.mini-grid,.deal-mini-grid{gap:16px!important}
.product-card{
  border-radius:20px!important;
  overflow:hidden!important;
  min-width:0!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.product-card:hover{transform:translateY(-4px)!important;border-color:var(--kb-brand-200)!important;box-shadow:var(--kb-shadow-hover)!important}
.product-media{background:linear-gradient(180deg,#fbfcfd,#f5f7fa)!important;aspect-ratio:1.1/1!important;padding:18px!important}
.product-media img{width:100%!important;height:100%!important;object-fit:contain!important;transition:transform .25s ease!important}
.product-card:hover .product-media img{transform:scale(1.035)!important}
.product-body{padding:16px!important}
.product-category{color:var(--kb-ink-500)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.055em!important}
.product-brand{color:var(--kb-brand-600)!important;font-weight:850!important}
.product-title{font-size:14px!important;line-height:1.4!important;min-height:2.8em!important;color:var(--kb-ink-900)!important}
.price-current,.mini-price,.related-price,.product-price-current{color:var(--kb-brand-600)!important;font-weight:900!important;letter-spacing:-.025em!important}
.price-old{color:var(--kb-ink-400)!important}
.badge.sale,.badge.hot{background:var(--kb-brand-500)!important;color:#fff!important}
.badge.stock,.badge.in-stock{background:#ecfdf3!important;color:#15803d!important}
.product-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.product-actions .product-btn-soft{grid-column:1/-1!important}
.product-actions>a,.product-actions>button{min-height:40px!important;border-radius:12px!important;font-size:12px!important}

.pro-service-strip{border-radius:24px!important;background:linear-gradient(120deg,var(--kb-ink-950),#1f2937)!important;color:#fff!important;border:0!important;padding:28px!important}
.pro-service-strip h2,.pro-service-strip p{color:#fff!important}
.brand-pill{border:1px solid var(--kb-line)!important;background:#fff!important;color:var(--kb-ink-800)!important}
.brand-pill:hover{border-color:var(--kb-brand-300)!important;color:var(--kb-brand-700)!important;background:var(--kb-brand-50)!important}

/* ---------- SHOP / CATEGORY ---------- */
.shop-page,.category-shell{padding-top:26px!important;padding-bottom:56px!important}
.shop-hero,.category-hero{
  border-radius:26px!important;
  background:linear-gradient(120deg,var(--kb-ink-950),#1f2937)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:var(--kb-shadow)!important;
}
.shop-hero h1,.shop-hero p,.category-hero h1,.category-hero p{color:#fff!important}
.shop-trust-strip{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:18px!important;box-shadow:var(--kb-shadow-sm)!important}
.shop-trust-item i,.shop-trust-item .icon{color:var(--kb-brand-600)!important;background:var(--kb-brand-50)!important}
.shop-layout{gap:20px!important}
.shop-sidebar{position:sticky!important;top:152px!important;align-self:start!important}
.filter-card{border-radius:20px!important}
.filter-section{border-color:var(--kb-line-soft)!important}
.filter-option input:checked+span,.filter-option input:checked~span{color:var(--kb-brand-700)!important}
.shop-toolbar,.toolbar-card{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:18px!important;box-shadow:var(--kb-shadow-sm)!important}
.shop-product-grid,.product-grid-modern{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.shop-product-card,.product-card-modern{border:1px solid var(--kb-line-soft)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;transition:.2s ease!important}
.shop-product-card:hover,.product-card-modern:hover{transform:translateY(-4px)!important;border-color:var(--kb-brand-200)!important;box-shadow:var(--kb-shadow-hover)!important}
.product-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.pagination a,.pagination span{border-color:var(--kb-line)!important;background:#fff!important;color:var(--kb-ink-700)!important;border-radius:10px!important}
.pagination .active,.pagination a:hover{background:var(--kb-brand-500)!important;color:#fff!important;border-color:var(--kb-brand-500)!important}
.breadcrumb{color:var(--kb-ink-500)!important}
.breadcrumb a:hover{color:var(--kb-brand-600)!important}

/* ---------- PRODUCT DETAIL ---------- */
.product-page{padding-top:24px!important;padding-bottom:64px!important}
.product-hero{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;gap:20px!important;align-items:start!important}
.product-gallery-card,.product-info-card{border-radius:24px!important;box-shadow:var(--kb-shadow-sm)!important}
.product-image-shell{background:linear-gradient(180deg,#fbfcfd,#f4f6f8)!important;border-radius:20px!important}
.product-detail-image-inner{min-height:480px!important}
.product-info-card h1{font-size:clamp(26px,2.4vw,38px)!important;line-height:1.12!important;letter-spacing:-.04em!important;color:var(--kb-ink-950)!important}
.meta-box{background:#f8fafc!important;border:1px solid var(--kb-line-soft)!important;border-radius:14px!important}
.price-panel{background:linear-gradient(135deg,var(--kb-brand-50),#fff)!important;border:1px solid var(--kb-brand-100)!important;border-radius:18px!important}
.price-panel .current-price,.product-current-price{color:var(--kb-brand-600)!important}
.product-tabs,.product-tabs-shell{border-radius:24px!important;border:1px solid var(--kb-line-soft)!important;background:#fff!important;box-shadow:var(--kb-shadow-sm)!important}
.product-tabs-nav{background:#f8fafc!important;border-color:var(--kb-line-soft)!important}
.product-tabs-nav button.active,.product-tab-btn.active{color:var(--kb-brand-700)!important;border-color:var(--kb-brand-500)!important;background:#fff!important}
.pd-highlight-card i{background:var(--kb-brand-50)!important;color:var(--kb-brand-600)!important}
.pd-sticky-cta{border-radius:18px!important;border-color:var(--kb-line)!important;box-shadow:var(--kb-shadow)!important}

/* ---------- CART / REQUEST ---------- */
.cart-shell,.request-page{padding-top:26px!important;padding-bottom:64px!important}
.cart-hero,.request-hero{background:linear-gradient(120deg,var(--kb-ink-950),#1f2937)!important;color:#fff!important;border-radius:26px!important;border:0!important;box-shadow:var(--kb-shadow)!important}
.cart-hero h1,.cart-hero p,.request-hero h1,.request-hero p{color:#fff!important}
.cart-layout,.request-grid{gap:20px!important}
.cart-item-card,.cart-summary-card,.request-card{border-radius:20px!important}
.cart-item-image{background:#f8fafc!important;border:1px solid var(--kb-line-soft)!important;border-radius:16px!important}
.cart-summary-card,.request-summary{position:sticky!important;top:152px!important;align-self:start!important}
.cart-summary-total strong,.request-total strong{color:var(--kb-brand-600)!important}
.shipping-progress-fill{background:linear-gradient(90deg,var(--kb-brand-400),var(--kb-brand-600))!important}
.request-field input,.request-field select,.request-field textarea,
.form-group input,.form-group select,.form-group textarea,
.track-field input,.contact-form input,.contact-form textarea{
  border:1px solid #d8e0e9!important;
  background:#fff!important;
  color:var(--kb-ink-900)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
.request-field input:focus,.request-field select:focus,.request-field textarea:focus,
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,
.track-field input:focus,.contact-form input:focus,.contact-form textarea:focus{
  outline:none!important;border-color:var(--kb-brand-400)!important;box-shadow:0 0 0 4px rgba(249,115,22,.09)!important;
}
.request-note{background:var(--kb-brand-50)!important;border-color:var(--kb-brand-100)!important;color:var(--kb-ink-700)!important}
.request-success-icon{background:#ecfdf3!important;color:var(--kb-success)!important}

/* ---------- ACCOUNT / ORDERS ---------- */
.account-page,.orders-page,.order-detail-shell,.track-shell{padding-top:26px!important;padding-bottom:64px!important}
.account-layout,.orders-layout{gap:20px!important}
.account-sidebar,.orders-sidebar{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:22px!important;box-shadow:var(--kb-shadow-sm)!important}
.account-menu a,.orders-sidebar a{border-radius:12px!important;color:var(--kb-ink-700)!important}
.account-menu a.active,.account-menu a:hover,.orders-sidebar a.active,.orders-sidebar a:hover{background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important}
.order-stat-card,.stat-card{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:18px!important;box-shadow:none!important}
.orders-filter,.order-filter{background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:18px!important;box-shadow:var(--kb-shadow-sm)!important}
.order-status-badge.pending{background:#fffbeb!important;color:#a16207!important}
.order-status-badge.delivered,.order-status-badge.completed{background:#ecfdf3!important;color:#15803d!important}
.order-status-badge.cancelled{background:#fef2f2!important;color:#b91c1c!important}
.visual-timeline-fill,.order-progress-fill{background:var(--kb-brand-500)!important}

/* ---------- AUTH / SUPPORT / CONTENT ---------- */
.login-shell,.auth-register-wrap,.support-page,.contact-page,.blog-page,.track-shell,.order-detail-shell{padding-top:26px!important;padding-bottom:64px!important}
.login-hero,.blog-hero,.support-hero,.contact-hero,.track-hero,.order-detail-hero{
  background:linear-gradient(120deg,var(--kb-ink-950),#1f2937)!important;color:#fff!important;border-radius:26px!important;box-shadow:var(--kb-shadow)!important;border:0!important;
}
.login-hero h1,.login-hero p,.blog-hero h1,.blog-hero p,.support-hero h1,.support-hero p,.contact-hero h1,.contact-hero p,.track-hero h1,.track-hero p,.order-detail-hero h1,.order-detail-hero p{color:#fff!important}
.auth-card-modern,.auth-register-card{border-radius:26px!important;overflow:hidden!important}
.auth-left-modern,.auth-register-side{background:linear-gradient(145deg,var(--kb-ink-950),#1f2937)!important;color:#fff!important}
.auth-feature-icon{background:rgba(249,115,22,.15)!important;color:var(--kb-brand-300)!important}
.auth-right-modern,.auth-register-form-area{background:#fff!important}
.blog-card{border-radius:20px!important;overflow:hidden!important;transition:.2s ease!important}
.blog-card:hover{transform:translateY(-3px)!important;box-shadow:var(--kb-shadow-hover)!important;border-color:var(--kb-brand-200)!important}
.contact-card,.support-card{border-radius:20px!important}

/* ---------- FOOTER ---------- */
.footer-clean-premium{background:var(--kb-ink-950)!important;color:#cbd5e1!important;margin-top:64px!important}
.footer-trust-pill{box-shadow:none!important;border-color:var(--kb-line)!important}
.footer-trust-pill span{background:var(--kb-brand-50)!important;color:var(--kb-brand-600)!important}
.footer-brand-card,.footer-products-card{box-shadow:none!important;border:1px solid rgba(255,255,255,.09)!important}
.footer-card-head strong,.footer-live-brand{color:var(--kb-brand-600)!important}
.footer-links a{color:#aebdce!important}
.footer-links a:hover{color:#fff!important}
.footer-social-clean a:hover{background:var(--kb-brand-500)!important}
.footer-payment-strip{box-shadow:none!important}
.live-sale-toast{display:none!important}
.whatsapp-floating-bubble{bottom:22px!important;right:22px!important}

/* ---------- MOBILE NAV ---------- */
.mobile-bottom-nav{
  left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.94)!important;border:1px solid rgba(229,231,235,.96)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.17)!important;border-radius:20px!important;padding:7px!important;
  backdrop-filter:blur(18px)!important;
}
.mobile-bottom-nav a,.mobile-bottom-nav button{color:var(--kb-ink-600)!important;border-radius:14px!important;min-height:52px!important}
.mobile-bottom-nav i{color:var(--kb-ink-700)!important}
.mobile-bottom-nav a:hover,.mobile-bottom-nav button:hover{background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important}
.mobile-bottom-nav a:hover i,.mobile-bottom-nav button:hover i{color:var(--kb-brand-600)!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  :root{--kb-container:min(100% - 32px,1120px)}
  .shop-product-grid,.product-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .product-hero{grid-template-columns:1fr 1fr!important}
  .clean-header-menu{gap:14px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .clean-header-menu::-webkit-scrollbar{display:none}
  .clean-header-menu a{flex:0 0 auto!important}
}

@media(max-width:900px){
  :root{--kb-container:calc(100% - 24px)}
  body{background:#f7f8fa!important}
  .top-strip{display:none!important}
  .header-main-inner{padding-block:10px!important;gap:10px!important}
  .header-main-inner .logo{font-size:18px!important}
  .header-actions{margin-left:auto!important}
  .main-nav,.nav-row{overflow:hidden!important}
  .clean-header-menu{padding:9px 0!important;gap:8px!important}
  .clean-header-menu a{padding:0 10px!important;min-height:36px!important;background:#fff!important;border:1px solid var(--kb-line-soft)!important;border-radius:10px!important;font-size:12px!important}
  .clean-header-menu .campaign-link{background:var(--kb-ink-950)!important;color:#fff!important}
  .hero-slide{min-height:470px!important}
  .hero-content{padding:34px!important;max-width:82%!important}
  .hero-title{font-size:clamp(34px,8vw,54px)!important}
  .product-grid,.shop-product-grid,.product-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shop-layout{display:block!important}
  .shop-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(88vw,360px)!important;z-index:10000!important;transform:translateX(-105%);transition:.25s ease!important;overflow:auto!important;background:#fff!important;padding:12px!important}
  .shop-sidebar.open,.shop-sidebar.active{transform:translateX(0)!important}
  .product-hero{grid-template-columns:1fr!important}
  .product-detail-image-inner{min-height:390px!important}
  .cart-layout,.request-grid,.account-layout,.orders-layout{grid-template-columns:1fr!important;display:grid!important}
  .cart-summary-card,.request-summary,.account-sidebar,.orders-sidebar{position:static!important}
  .account-sidebar,.orders-sidebar{overflow-x:auto!important;white-space:nowrap!important;padding:10px!important}
  .account-menu,.orders-sidebar nav{display:flex!important;gap:8px!important}
  .account-menu a,.orders-sidebar a{flex:0 0 auto!important}
  .footer-prime-grid,.footer-links-grid{grid-template-columns:1fr 1fr!important}
  .whatsapp-floating-bubble{bottom:84px!important}
}

@media(max-width:640px){
  :root{--kb-container:calc(100% - 20px)}
  body{padding-bottom:84px!important}
  .site-shell-container,.container{width:var(--kb-container)!important}
  .site-header{background:#fff!important}
  .header-main-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .header-main-inner .logo{max-width:190px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .header-search,.search-trigger{grid-column:1/-1!important;order:4!important;width:100%!important;min-height:48px!important;border-radius:14px!important}
  .header-search input,.search-trigger input{font-size:14px!important;min-width:0!important}
  .header-icon{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important}
  .header-user .header-icon span:last-child,.header-mini-cart .header-icon span:last-child{display:none!important}
  .clean-header-menu{margin-inline:-10px!important;padding-inline:10px!important}
  .hero-grid{display:block!important}
  .hero-left,.hero-slider-shell{border-radius:22px!important}
  .hero-slide{min-height:510px!important}
  .hero-overlay{background:linear-gradient(0deg,rgba(11,18,32,.92),rgba(11,18,32,.35) 80%)!important}
  .hero-content{max-width:none!important;padding:28px 22px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;height:100%!important}
  .hero-title{font-size:38px!important;max-width:10ch!important}
  .hero-text{font-size:14px!important;line-height:1.55!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hero-actions a{width:100%!important;justify-content:center!important;padding-inline:10px!important}
  .hero-search-wrap{display:none!important}
  .homepage>section{margin-top:26px!important}
  .section-head{align-items:flex-start!important;gap:10px!important}
  .section-head h2,.section-head-modern h2{font-size:24px!important}
  .category-tree-grid,.category-grid,.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-grid,.shop-product-grid,.product-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card,.shop-product-card,.product-card-modern{border-radius:16px!important}
  .product-media{padding:10px!important;aspect-ratio:1/1!important}
  .product-body{padding:11px!important}
  .product-title{font-size:12.5px!important;min-height:3.5em!important}
  .product-top{gap:5px!important}
  .product-category,.product-brand{font-size:9.5px!important}
  .price-current{font-size:16px!important}
  .product-actions{grid-template-columns:1fr!important}
  .product-actions .js-quick-view{display:none!important}
  .product-actions .product-btn-main.outline,.product-actions .product-btn-soft{grid-column:auto!important;min-height:38px!important}
  .shop-hero,.category-hero,.cart-hero,.request-hero,.login-hero,.blog-hero,.support-hero,.contact-hero,.track-hero,.order-detail-hero{border-radius:20px!important}
  .shop-hero-inner,.category-hero-content,.cart-hero-inner,.request-hero{padding:22px!important}
  .shop-trust-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}
  .shop-trust-item{min-width:0!important;padding:12px!important;border-bottom:1px solid var(--kb-line-soft)!important}
  .toolbar-card,.shop-toolbar{padding:10px!important;border-radius:14px!important}
  .product-gallery-card,.product-info-card{border-radius:18px!important}
  .product-detail-image-inner{min-height:320px!important}
  .product-info-card h1{font-size:25px!important}
  .product-meta-grid{grid-template-columns:1fr 1fr!important}
  .cart-item-card{display:grid!important;grid-template-columns:88px 1fr!important;gap:12px!important}
  .cart-item-image{width:88px!important;height:88px!important}
  .cart-item-meta{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important}
  .request-fields,.register-grid{grid-template-columns:1fr!important}
  .request-field.full,.form-group.full{grid-column:auto!important}
  .footer-trust-row,.footer-prime-grid,.footer-links-grid{grid-template-columns:1fr!important}
  .footer-clean-premium{margin-top:40px!important;padding-bottom:92px!important}
  .footer-live-card{width:190px!important}
  .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
  .mobile-bottom-nav span{font-size:10px!important}
  .search-panel{position:fixed!important;inset:10px 10px auto 10px!important;top:10px!important;width:auto!important;max-height:calc(100dvh - 20px)!important;border-radius:22px!important;overflow:auto!important}
  .mega-menu{position:fixed!important;left:10px!important;right:10px!important;top:10px!important;bottom:88px!important;width:auto!important;max-height:none!important;border-radius:22px!important;overflow:auto!important}
  .mega-grid{grid-template-columns:1fr!important}
  .mega-left{display:flex!important;overflow-x:auto!important;gap:8px!important;border-right:0!important;border-bottom:1px solid var(--kb-line-soft)!important;padding:10px!important}
  .mega-left-item{min-width:160px!important;flex:0 0 auto!important}
  .mega-pane-layout{grid-template-columns:1fr!important}
  .mega-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cart-drawer{top:8px!important;right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;border-radius:22px!important}
}

@media(max-width:390px){
  :root{--kb-container:calc(100% - 16px)}
  .hero-title{font-size:34px!important}
  .category-tree-grid,.category-grid,.home-category-grid{grid-template-columns:1fr 1fr!important}
  .product-grid,.shop-product-grid,.product-grid-modern{gap:8px!important}
  .product-title{font-size:12px!important}
  .price-current{font-size:15px!important}
  .product-actions>a,.product-actions>button{font-size:11px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.mobile-bottom-nav a.is-active,.mobile-bottom-nav button.is-active{background:var(--kb-brand-50)!important;color:var(--kb-brand-700)!important}
.mobile-bottom-nav a.is-active i,.mobile-bottom-nav button.is-active i{color:var(--kb-brand-600)!important}
body.kb-overlay-open{overflow:hidden}