/* KibrisBilgisayarcim Production Frontend — public UI only. Backend/admin untouched. */
:root{
  --kb-brand:#f97316;--kb-brand-strong:#ea580c;--kb-brand-soft:#fff7ed;--kb-brand-pale:#ffedd5;
  --kb-ink:#111827;--kb-ink-2:#1f2937;--kb-muted:#64748b;--kb-muted-2:#94a3b8;
  --kb-surface:#fff;--kb-soft:#f8fafc;--kb-soft-2:#f1f5f9;--kb-line:#e5e7eb;--kb-dark:#0f172a;
  --kb-success:#16a34a;--kb-danger:#dc2626;--kb-warning:#d97706;
  --kb-radius-sm:12px;--kb-radius:18px;--kb-radius-lg:26px;--kb-shadow:0 12px 34px rgba(15,23,42,.08);
  --kb-shadow-lg:0 24px 64px rgba(15,23,42,.14);--kb-shell:1440px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body.kb-frontend{margin:0;background:#f7f8fa;color:var(--kb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.kb-frontend img{max-width:100%} body.kb-frontend a{color:inherit}.kb-shell,.site-shell-container,.container{width:min(var(--kb-shell),calc(100% - 48px));margin-inline:auto}.kb-main{min-height:60vh}
.kb-topbar{background:var(--kb-dark);color:#cbd5e1;font-size:12px}.kb-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.kb-topbar-message{display:flex;gap:8px;align-items:center;min-width:0}.kb-topbar-message i{color:var(--kb-brand)}.kb-topbar-message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-toplinks{display:flex;gap:18px;white-space:nowrap}.kb-toplinks a{text-decoration:none;color:#cbd5e1;font-weight:700}.kb-toplinks a:hover{color:#fff}
.kb-header{position:sticky;top:0;z-index:1200;background:#fff;border-bottom:1px solid rgba(226,232,240,.9);transition:transform .25s ease;box-shadow:0 6px 18px rgba(15,23,42,.04)}.kb-mainbar{background:#fff}.kb-mainbar-inner{min-height:82px;display:grid;grid-template-columns:235px minmax(320px,1fr) auto;align-items:center;gap:28px}.kb-logo{display:flex;align-items:center;min-width:0}.kb-logo img{display:block;width:min(220px,100%);height:auto}.kb-search{height:48px;border:1px solid #dbe2ea;border-radius:15px;background:#f8fafc;display:grid;grid-template-columns:42px 1fr auto;align-items:center;position:relative;transition:.18s}.kb-search:focus-within{background:#fff;border-color:var(--kb-brand);box-shadow:0 0 0 4px rgba(249,115,22,.10)}.kb-search>i{color:#94a3b8;text-align:center}.kb-search input{border:0;background:transparent;outline:0;width:100%;height:46px;font:inherit;color:var(--kb-ink);min-width:0}.kb-search button{height:38px;margin-right:5px;border:0;border-radius:11px;background:var(--kb-brand);color:#fff;padding:0 20px;font-weight:850;cursor:pointer}.kb-search button:hover,.kb-btn-primary:hover{background:var(--kb-brand-strong)}
.kb-actions{display:flex;align-items:center;gap:9px}.kb-action{min-height:48px;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:6px 8px;border-radius:13px;text-decoration:none;color:var(--kb-ink);cursor:pointer;text-align:left}.kb-action:hover{background:var(--kb-soft)}.kb-action-icon{position:relative;width:38px;height:38px;border:1px solid var(--kb-line);border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--kb-ink-2);flex:0 0 auto}.kb-action-icon b{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--kb-brand);color:#fff;font-size:10px;display:grid;place-items:center}.kb-action-copy{display:grid;line-height:1.15;white-space:nowrap}.kb-action-copy small{font-size:11px;color:var(--kb-muted)}.kb-action-copy strong{font-size:13px;margin-top:3px}.kb-user-mobile{display:none}.kb-mobile-menu{display:none}
.kb-navrow{border-top:1px solid #f1f5f9;background:#fff}.kb-navrow-inner{height:52px;display:flex;align-items:center;gap:22px}.kb-category-trigger{height:38px;display:flex;align-items:center;gap:9px;border:0;border-radius:11px;background:var(--kb-dark);color:#fff;padding:0 15px;font-weight:850;cursor:pointer;white-space:nowrap}.kb-category-trigger i:first-child{color:#fdba74}.kb-primary-nav{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;height:100%}.kb-primary-nav::-webkit-scrollbar{display:none}.kb-primary-nav a{position:relative;display:flex;align-items:center;gap:7px;height:100%;text-decoration:none;font-weight:750;font-size:13px;white-space:nowrap;color:#334155}.kb-primary-nav a:hover{color:var(--kb-brand-strong)}.kb-primary-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--kb-brand)}.kb-primary-nav .kb-highlight{color:var(--kb-brand-strong)}
.kb-overlay{position:fixed;inset:0;z-index:1490;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s}.kb-overlay.is-open{opacity:1;pointer-events:auto}.kb-panel{position:fixed;z-index:1500;background:#fff;box-shadow:var(--kb-shadow-lg);opacity:0;visibility:hidden;transition:.24s ease}.kb-panel.is-open{opacity:1;visibility:visible}.kb-panel-head{min-height:70px;padding:14px 18px;border-bottom:1px solid var(--kb-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.kb-panel-head>div{display:grid}.kb-panel-head small{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--kb-brand-strong)}.kb-panel-head strong{font-size:18px}.kb-panel-head button{width:40px;height:40px;border:1px solid var(--kb-line);background:#fff;border-radius:12px;cursor:pointer;color:#475569}.kb-category-panel{left:50%;top:128px;transform:translate(-50%,-12px);width:min(1180px,calc(100vw - 36px));max-height:calc(100vh - 150px);border-radius:24px;overflow:hidden}.kb-category-panel.is-open{transform:translate(-50%,0)}.kb-category-layout{display:grid;grid-template-columns:280px 1fr;min-height:520px;max-height:calc(100vh - 222px)}.kb-category-rail{padding:12px;background:#f8fafc;border-right:1px solid var(--kb-line);overflow:auto}.kb-cat-tab{width:100%;min-height:54px;border:0;background:transparent;border-radius:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;padding:7px 10px;color:#334155;font-weight:800;cursor:pointer}.kb-cat-tab:hover,.kb-cat-tab.is-active{background:#fff;color:var(--kb-brand-strong);box-shadow:0 3px 14px rgba(15,23,42,.06)}.kb-cat-icon{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--kb-line);display:grid;place-items:center;overflow:hidden;color:var(--kb-brand)}.kb-cat-icon img{width:100%;height:100%;object-fit:cover}.kb-category-content{overflow:auto;padding:25px}.kb-cat-pane{display:none}.kb-cat-pane.is-active{display:block}.kb-pane-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--kb-line);padding-bottom:18px;margin-bottom:20px}.kb-pane-title small{color:var(--kb-muted);font-weight:800}.kb-pane-title h3{margin:3px 0 0;font-size:25px}.kb-pane-title a{text-decoration:none;color:var(--kb-brand-strong);font-weight:850;font-size:13px}.kb-pane-grid{display:grid;grid-template-columns:minmax(210px,.7fr) 1.3fr;gap:28px}.kb-subcats{display:grid;align-content:start;gap:6px}.kb-subcats a{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:10px;text-decoration:none;color:#334155;font-weight:750}.kb-subcats a:hover{background:var(--kb-brand-soft);color:var(--kb-brand-strong)}.kb-menu-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-menu-product{display:grid;grid-template-columns:82px 1fr;gap:12px;border:1px solid var(--kb-line);border-radius:15px;padding:10px;text-decoration:none;background:#fff}.kb-menu-product>span{height:82px;border-radius:11px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.kb-menu-product img{width:90%;height:90%;object-fit:contain}.kb-menu-product div{min-width:0;display:grid;align-content:center;gap:4px}.kb-menu-product small{font-size:10px;color:var(--kb-brand-strong);font-weight:900}.kb-menu-product strong{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-menu-product b{font-size:12px;color:var(--kb-ink)}
.kb-search-panel{left:50%;top:120px;transform:translate(-50%,-12px);width:min(780px,calc(100vw - 28px));border-radius:22px;padding-bottom:18px}.kb-search-panel.is-open{transform:translate(-50%,0)}.kb-mobile-search-form{margin:18px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border:1px solid var(--kb-line);border-radius:14px;background:#f8fafc;overflow:hidden}.kb-mobile-search-form>i{text-align:center;color:#94a3b8}.kb-mobile-search-form input{height:50px;border:0;outline:0;background:transparent;font:inherit;min-width:0}.kb-mobile-search-form button{height:40px;margin-right:5px;border:0;border-radius:10px;padding:0 18px;background:var(--kb-brand);color:#fff;font-weight:850}.kb-search-shortcuts{padding:0 18px}.kb-search-shortcuts h4{font-size:13px;margin:0 0 10px}.kb-search-shortcuts>div{display:flex;flex-wrap:wrap;gap:8px}.kb-search-shortcuts a{padding:8px 11px;border:1px solid var(--kb-line);border-radius:999px;text-decoration:none;font-size:12px;font-weight:750;background:#fff}.kb-search-shortcuts a:hover{background:var(--kb-brand-soft);border-color:#fed7aa;color:var(--kb-brand-strong)}
.kb-live-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:#fff;border:1px solid var(--kb-line);border-radius:16px;box-shadow:var(--kb-shadow-lg);padding:8px;max-height:420px;overflow:auto}.kb-live-results[hidden]{display:none}.kb-live-item{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:11px;text-decoration:none}.kb-live-item:hover{background:#f8fafc}.kb-live-item img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:9px}.kb-live-item strong{font-size:12px;line-height:1.3}.kb-live-item small{display:block;color:var(--kb-brand-strong);font-size:10px;font-weight:800;margin-bottom:3px}.kb-live-item b{font-size:12px;white-space:nowrap}.kb-mobile-results{position:relative;top:auto;margin:0 18px 16px}
.kb-cart-panel{right:0;top:0;bottom:0;width:min(430px,100vw);transform:translateX(100%);display:flex;flex-direction:column}.kb-cart-panel.is-open{transform:translateX(0)}.kb-cart-items{padding:14px;overflow:auto;flex:1;display:grid;align-content:start;gap:10px}.kb-cart-item{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:10px;border:1px solid var(--kb-line);border-radius:14px;text-decoration:none}.kb-cart-item>span{height:74px;border-radius:10px;background:#f8fafc;display:grid;place-items:center}.kb-cart-item img{width:90%;height:90%;object-fit:contain}.kb-cart-item div{display:grid;gap:4px;align-content:center}.kb-cart-item strong{font-size:13px;line-height:1.35}.kb-cart-item small{color:var(--kb-muted);font-size:11px}.kb-cart-item b{font-size:12px;color:var(--kb-brand-strong)}.kb-cart-footer{padding:16px;border-top:1px solid var(--kb-line);display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff}.kb-cart-footer>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.kb-cart-footer span{color:var(--kb-muted);font-size:12px}.kb-cart-footer strong{font-size:18px}.kb-btn{min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;padding:0 16px}.kb-btn-primary{background:var(--kb-brand);color:#fff!important}.kb-btn-secondary{background:#fff;color:var(--kb-ink)!important;border:1px solid var(--kb-line)}.kb-empty-state{text-align:center;padding:44px 18px;color:var(--kb-muted)}.kb-empty-state i{font-size:34px;color:#cbd5e1}.kb-empty-state strong{display:block;color:var(--kb-ink);margin:12px 0 5px}.kb-empty-state p{margin:0;font-size:13px;line-height:1.5}
.kb-bottom-nav{display:none}.kb-alert{margin:18px 0 0;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-weight:750;font-size:13px}.kb-alert-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.kb-alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
/* Universal page skin */
body.kb-frontend .homepage,body.kb-frontend .shop-page,body.kb-frontend .category-shell,body.kb-frontend .product-page-shell,body.kb-frontend .cart-shell,body.kb-frontend .request-page,body.kb-frontend .account-shell,body.kb-frontend .orders-shell,body.kb-frontend .login-shell,body.kb-frontend .auth-register-wrap,body.kb-frontend .contact-shell,body.kb-frontend .support-shell,body.kb-frontend .blog-page{width:min(var(--kb-shell),calc(100% - 48px));margin-inline:auto;padding-top:28px;padding-bottom:58px}
body.kb-frontend :is(.home-card,.shop-card,.products-card,.cart-card,.request-card,.account-card,.order-card,.contact-card,.support-card,.blog-card,.content-card,.product-card,.toolbar-card,.breadcrumb-card){background:#fff;border:1px solid var(--kb-line);box-shadow:0 8px 28px rgba(15,23,42,.05)}
body.kb-frontend :is(.hero-grid,.shop-hero,.category-hero,.product-hero,.cart-hero,.request-hero,.account-hero,.orders-hero,.login-hero,.contact-hero,.support-hero,.blog-hero){border-radius:28px;overflow:hidden}
body.kb-frontend :is(.shop-kicker,.category-kicker,.cart-kicker,.request-kicker,.account-kicker,.orders-kicker,.login-kicker,.contact-kicker,.support-kicker,.blog-kicker,.kicker){color:var(--kb-brand-strong)!important}
body.kb-frontend :is(.btn,.btn-modern,.product-btn-primary,.request-submit,.btn-auth-modern,.campaign-side-btn){background:var(--kb-brand)!important;border-color:var(--kb-brand)!important;color:#fff!important;box-shadow:none!important}
body.kb-frontend :is(.btn,.btn-modern,.product-btn-primary,.request-submit,.btn-auth-modern,.campaign-side-btn):hover{background:var(--kb-brand-strong)!important;border-color:var(--kb-brand-strong)!important;transform:translateY(-1px)}
body.kb-frontend :is(.btn-light-modern,.secondary,.product-btn-secondary){background:#fff!important;color:var(--kb-ink)!important;border:1px solid var(--kb-line)!important}
body.kb-frontend input:focus,body.kb-frontend select:focus,body.kb-frontend textarea:focus{border-color:var(--kb-brand)!important;outline:none!important;box-shadow:0 0 0 3px rgba(249,115,22,.10)!important}
body.kb-frontend :is(.product-card-modern,.shop-product-card,.product-card-item,.blog-card){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}body.kb-frontend :is(.product-card-modern,.shop-product-card,.product-card-item,.blog-card):hover{transform:translateY(-3px);border-color:#fed7aa;box-shadow:0 16px 38px rgba(15,23,42,.09)}
/* homepage */
body.kb-frontend .homepage{display:grid;gap:24px}body.kb-frontend .hero-grid{background:var(--kb-dark)!important;box-shadow:var(--kb-shadow-lg)}body.kb-frontend .hero-content{max-width:680px}body.kb-frontend .hero-title{letter-spacing:-.04em}body.kb-frontend .hero-btn-light{background:var(--kb-brand)!important;color:#fff!important;border-color:var(--kb-brand)!important}body.kb-frontend .hero-btn-outline{border-color:rgba(255,255,255,.45)!important;color:#fff!important}body.kb-frontend .benefits-row{gap:12px}body.kb-frontend .benefit-item{border-radius:16px;background:#fff;border:1px solid var(--kb-line);box-shadow:none}body.kb-frontend .category-tree-grid,body.kb-frontend .category-grid{gap:12px}body.kb-frontend .category-tree-item,body.kb-frontend .category-item{border:1px solid var(--kb-line)!important;background:#fff!important;border-radius:16px!important}body.kb-frontend .section-head h2{letter-spacing:-.025em;color:var(--kb-ink)}body.kb-frontend .brand-pill{border-color:var(--kb-line)!important;background:#fff!important}body.kb-frontend .brand-pill:hover{border-color:#fdba74!important;background:var(--kb-brand-soft)!important;color:var(--kb-brand-strong)!important}
/* shop/category showroom */
body.kb-frontend .shop-hero,body.kb-frontend .category-hero{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;box-shadow:none!important}body.kb-frontend .shop-layout{gap:22px}body.kb-frontend .shop-sidebar{position:sticky;top:188px;align-self:start}body.kb-frontend .filter-card{border-radius:20px!important}body.kb-frontend .filter-section{border-color:#eef2f7!important}body.kb-frontend .filter-section-title{color:var(--kb-ink)!important}body.kb-frontend .product-grid-modern,body.kb-frontend .shop-product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}body.kb-frontend .product-card-modern{border-radius:18px!important;overflow:hidden;background:#fff!important}body.kb-frontend .product-media{background:#fff!important;aspect-ratio:1/1;display:grid!important;place-items:center!important}body.kb-frontend .product-media img{max-height:90%!important;object-fit:contain!important}body.kb-frontend .product-content{padding:14px!important}body.kb-frontend .product-title{font-size:14px!important;line-height:1.42!important;color:var(--kb-ink)!important}body.kb-frontend .product-price-current{color:var(--kb-ink)!important;font-weight:900!important}body.kb-frontend .product-badge.sale{background:var(--kb-brand)!important;color:#fff!important}body.kb-frontend .product-badge.category{background:#f1f5f9!important;color:#475569!important}body.kb-frontend .product-badge.stock{background:#f0fdf4!important;color:#15803d!important}body.kb-frontend .toolbar-card{border-radius:17px!important}
/* product detail */
body.kb-frontend .product-page-shell,body.kb-frontend .product-container,body.kb-frontend .product-shell{width:min(var(--kb-shell),calc(100% - 48px));margin-inline:auto}body.kb-frontend .product-hero{background:#fff!important;border:1px solid var(--kb-line)!important;box-shadow:var(--kb-shadow)!important}body.kb-frontend .product-gallery,body.kb-frontend .product-info{background:#fff!important}body.kb-frontend .product-title-main,body.kb-frontend .product-info h1{color:var(--kb-ink)!important;letter-spacing:-.03em}body.kb-frontend .product-price{color:var(--kb-ink)!important}body.kb-frontend .product-price-sale,body.kb-frontend .sale-price{color:var(--kb-brand-strong)!important}body.kb-frontend .pd-highlight-card i{background:var(--kb-brand-soft)!important;color:var(--kb-brand)!important}body.kb-frontend .product-tabs-nav{background:#f8fafc!important;border-color:var(--kb-line)!important}body.kb-frontend .product-tabs-nav a.active,body.kb-frontend .product-tabs-nav button.active{color:var(--kb-brand-strong)!important;border-color:var(--kb-brand)!important}
/* cart/request */
body.kb-frontend .cart-hero,body.kb-frontend .request-hero{background:linear-gradient(135deg,#fff7ed,#fff)!important;color:var(--kb-ink)!important;border:1px solid #fed7aa!important}body.kb-frontend .cart-layout,body.kb-frontend .request-grid{gap:18px!important}body.kb-frontend .cart-card,body.kb-frontend .request-card{border-radius:20px!important}body.kb-frontend .cart-item-card{padding:14px!important}body.kb-frontend .shipping-progress-fill{background:var(--kb-brand)!important}body.kb-frontend .request-success-icon{background:#f0fdf4!important;color:var(--kb-success)!important}body.kb-frontend .request-submit{min-height:50px!important;border-radius:13px!important}
/* account/orders */
body.kb-frontend .account-hero,body.kb-frontend .orders-hero{background:linear-gradient(135deg,#111827,#293548)!important;color:#fff!important}body.kb-frontend .account-layout{gap:20px!important}body.kb-frontend .account-sidebar{position:sticky;top:188px;align-self:start}body.kb-frontend .account-card{border-radius:20px!important}body.kb-frontend .account-menu-link{border-radius:12px!important;color:#475569!important}body.kb-frontend .account-menu-link.active{background:var(--kb-brand-soft)!important;color:var(--kb-brand-strong)!important;border-color:#fed7aa!important}body.kb-frontend .quick-action{background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:16px!important}body.kb-frontend .quick-action-icon{background:var(--kb-brand-soft)!important;color:var(--kb-brand)!important}body.kb-frontend .orders-stat-card{background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:17px!important}body.kb-frontend .order-card{border-radius:20px!important}
/* auth */
body.kb-frontend .login-hero{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important}body.kb-frontend .auth-card-modern,body.kb-frontend .auth-register-card{border:1px solid var(--kb-line)!important;box-shadow:var(--kb-shadow)!important;border-radius:26px!important;overflow:hidden;background:#fff!important}body.kb-frontend .auth-left-modern,body.kb-frontend .auth-register-side{background:linear-gradient(155deg,#111827,#1f2937)!important;color:#fff!important}body.kb-frontend .auth-feature-icon{background:rgba(249,115,22,.16)!important;color:#fdba74!important}body.kb-frontend .account-type-option.active,body.kb-frontend .account-type-option:has(input:checked){border-color:var(--kb-brand)!important;background:var(--kb-brand-soft)!important}
/* contact/support/blog */
body.kb-frontend .contact-hero,body.kb-frontend .support-hero,body.kb-frontend .blog-hero{background:linear-gradient(135deg,#111827,#243041)!important;color:#fff!important}body.kb-frontend .contact-card,body.kb-frontend .support-card{border-radius:20px!important}body.kb-frontend .info-icon,body.kb-frontend .quick-icon{background:var(--kb-brand-soft)!important;color:var(--kb-brand)!important}body.kb-frontend .blog-grid{gap:18px!important}body.kb-frontend .blog-card{border-radius:20px!important;overflow:hidden}body.kb-frontend .blog-date,body.kb-frontend .blog-read{color:var(--kb-muted)!important}
/* footer */
.kb-footer{margin-top:56px;background:#0f172a;color:#cbd5e1}.kb-footer-trust{border-bottom:1px solid rgba(255,255,255,.08);padding:24px 0}.kb-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kb-trust-item{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}.kb-trust-item i{width:38px;height:38px;border-radius:11px;background:rgba(249,115,22,.13);color:#fdba74;display:grid;place-items:center}.kb-trust-item strong{display:block;color:#fff;font-size:13px}.kb-trust-item small{font-size:11px;color:#94a3b8}.kb-footer-main{padding:36px 0 28px}.kb-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.kb-footer-brand img{max-width:230px;filter:brightness(0) invert(1);opacity:.96}.kb-footer-brand p{font-size:13px;line-height:1.7;color:#94a3b8;max-width:420px}.kb-social{display:flex;gap:8px;margin-top:16px}.kb-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;place-items:center;text-decoration:none;color:#cbd5e1}.kb-social a:hover{background:var(--kb-brand);border-color:var(--kb-brand);color:#fff}.kb-footer-col h4{margin:0 0 14px;color:#fff;font-size:13px}.kb-footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.kb-footer-col a{text-decoration:none;color:#94a3b8;font-size:12px}.kb-footer-col a:hover{color:#fff}.kb-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0 90px}.kb-footer-bottom-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:#64748b}.kb-whatsapp{position:fixed;right:20px;bottom:22px;z-index:1000;width:54px;height:54px;border-radius:999px;background:#22c55e;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:23px;box-shadow:0 14px 34px rgba(34,197,94,.28)}
@media(max-width:1180px){.kb-mainbar-inner{grid-template-columns:200px minmax(260px,1fr) auto;gap:14px}.kb-action-copy{display:none}.kb-primary-nav{gap:18px}.kb-category-layout{grid-template-columns:240px 1fr}.product-grid-modern,.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.kb-footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}.kb-footer-col:last-child{grid-column:2/-1}}
@media(max-width:900px){.kb-shell,.site-shell-container,.container{width:min(100% - 28px,var(--kb-shell))}.kb-toplinks{display:none}.kb-topbar-inner{min-height:30px}.kb-mainbar-inner{min-height:68px;grid-template-columns:42px 1fr auto;gap:10px}.kb-mobile-menu{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--kb-line);border-radius:11px;background:#fff;color:#334155}.kb-logo img{width:190px}.kb-search{display:none}.kb-actions .kb-action:first-child .kb-action-copy{display:none}.kb-actions .kb-cart-trigger .kb-action-copy{display:none}.kb-navrow{display:none}.kb-category-panel,.kb-search-panel{top:10px;bottom:82px;left:10px;right:10px;width:auto;max-height:none;transform:translateY(12px);border-radius:20px}.kb-category-panel.is-open,.kb-search-panel.is-open{transform:translateY(0)}.kb-category-layout{grid-template-columns:1fr;height:calc(100% - 70px);min-height:0;max-height:none}.kb-category-rail{display:flex;overflow:auto;gap:7px;border-right:0;border-bottom:1px solid var(--kb-line);padding:10px}.kb-cat-tab{flex:0 0 auto;width:auto;grid-template-columns:32px auto;min-height:42px;padding:4px 10px}.kb-cat-tab>i:last-child{display:none}.kb-cat-icon{width:30px;height:30px}.kb-category-content{padding:16px}.kb-pane-grid{grid-template-columns:1fr}.kb-menu-products{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1400;height:66px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid rgba(226,232,240,.95);border-radius:19px;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(15,23,42,.16)}.kb-bottom-nav a,.kb-bottom-nav button{border:0;background:transparent;border-radius:13px;display:grid;place-items:center;align-content:center;gap:4px;text-decoration:none;color:#475569;font-size:10px;font-weight:800;min-width:0}.kb-bottom-nav i{font-size:16px;color:#334155}.kb-bottom-nav button:nth-child(3){background:var(--kb-brand-soft);color:var(--kb-brand-strong)}.kb-bottom-nav button:nth-child(3) i{color:var(--kb-brand)}body.kb-frontend{padding-bottom:80px}.kb-cart-panel{bottom:0}.kb-whatsapp{bottom:88px;right:14px}.kb-footer-bottom{padding-bottom:100px}.shop-sidebar,.account-sidebar{position:static!important}.shop-layout,.account-layout{grid-template-columns:1fr!important}.product-grid-modern,.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.kb-trust-grid{grid-template-columns:repeat(2,1fr)}.kb-footer-grid{grid-template-columns:1fr 1fr}.kb-footer-brand{grid-column:1/-1}}
@media(max-width:640px){.kb-shell,.site-shell-container,.container,body.kb-frontend .homepage,body.kb-frontend .shop-page,body.kb-frontend .category-shell,body.kb-frontend .product-page-shell,body.kb-frontend .cart-shell,body.kb-frontend .request-page,body.kb-frontend .account-shell,body.kb-frontend .orders-shell,body.kb-frontend .login-shell,body.kb-frontend .auth-register-wrap,body.kb-frontend .contact-shell,body.kb-frontend .support-shell,body.kb-frontend .blog-page{width:calc(100% - 20px);padding-top:14px}.kb-topbar-message{font-size:10px}.kb-mainbar-inner{min-height:60px}.kb-logo img{width:150px}.kb-action{padding:3px}.kb-action-icon{width:36px;height:36px}.kb-actions{gap:2px}.kb-user-mobile{display:block}.kb-user-desktop{display:none}.kb-category-panel,.kb-search-panel{left:6px;right:6px;top:6px;bottom:78px;border-radius:18px}.kb-panel-head{min-height:62px;padding:10px 12px}.kb-category-content{padding:12px}.kb-pane-title h3{font-size:20px}.kb-pane-grid{gap:14px}.kb-menu-products{grid-template-columns:1fr}.kb-menu-product{grid-template-columns:68px 1fr}.kb-menu-product>span{height:68px}.kb-cart-panel{width:100%}.kb-bottom-nav{left:6px;right:6px;height:64px;border-radius:17px}.product-grid-modern,.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card-modern .product-content{padding:10px!important}.product-card-modern .product-title{font-size:12px!important}.hero-grid,.shop-hero,.category-hero,.product-hero,.cart-hero,.request-hero,.account-hero,.orders-hero,.login-hero,.contact-hero,.support-hero,.blog-hero{border-radius:20px!important}.kb-trust-grid{grid-template-columns:1fr}.kb-footer-grid{grid-template-columns:1fr;gap:24px}.kb-footer-brand{grid-column:auto}.kb-footer-col:last-child{grid-column:auto}.kb-footer-main{padding:28px 0}.kb-footer-bottom-inner{display:grid}.kb-live-item{grid-template-columns:46px 1fr}.kb-live-item>b{grid-column:2}.kb-whatsapp{width:50px;height:50px;font-size:21px}}
@media(max-width:380px){.kb-logo img{width:132px}.product-grid-modern,.shop-product-grid{grid-template-columns:1fr!important}.kb-bottom-nav span{font-size:9px}.kb-topbar-message span{max-width:280px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.kb-nav-item{position:relative;height:100%;display:flex;align-items:center;flex:0 0 auto}.kb-nav-item>a{height:100%}.kb-nav-item>a i{font-size:9px}.kb-nav-dropdown{position:absolute;top:calc(100% - 3px);left:-12px;min-width:210px;padding:8px;background:#fff;border:1px solid var(--kb-line);border-radius:14px;box-shadow:var(--kb-shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;display:grid;z-index:30}.kb-nav-dropdown a{height:auto!important;min-height:38px;padding:0 10px;border-radius:9px;font-size:12px!important}.kb-nav-dropdown a:hover{background:var(--kb-brand-soft)}.kb-nav-item:hover .kb-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.kb-header-hidden{transform:translateY(-100%)}body.kb-lock{overflow:hidden}

/* ======================================================================
   FINAL RESPONSIVE CONTRACT
   One source of truth for category showroom + product showroom.
   Categories scroll horizontally on mobile.
   Products: phone 2, tablet 3, desktop 4, wide desktop 5.
   ====================================================================== */

/* CATEGORY SHOWROOM */
body.kb-frontend .category-carousel,
body.kb-frontend .mh-category-rail{
  min-width:0;
}

@media (max-width: 767px){
  body.kb-frontend .category-carousel{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:4px;
  }
  body.kb-frontend .category-carousel::-webkit-scrollbar{display:none}

  body.kb-frontend .category-track,
  body.kb-frontend .category-tree-track,
  body.kb-frontend .mh-category-track{
    display:flex !important;
    grid-template-columns:none !important;
    width:max-content !important;
    min-width:100% !important;
    gap:10px !important;
    overflow:visible !important;
  }

  body.kb-frontend .category-pill,
  body.kb-frontend .category-tree-pill,
  body.kb-frontend .mh-cat-card{
    flex:0 0 clamp(142px,44vw,168px) !important;
    width:clamp(142px,44vw,168px) !important;
    min-width:clamp(142px,44vw,168px) !important;
    max-width:168px !important;
    scroll-snap-align:start;
  }

  body.kb-frontend .category-tree-children{
    display:none !important;
  }

  body.kb-frontend .category-tree-main,
  body.kb-frontend .category-pill,
  body.kb-frontend .mh-cat-card{
    min-height:142px;
  }

  body.kb-frontend .category-pill-icon,
  body.kb-frontend .mh-cat-card-icon{
    width:58px !important;
    height:58px !important;
  }
}

/* PRODUCT SHOWROOM: all real product listing containers only */
body.kb-frontend .product-grid,
body.kb-frontend .mini-grid,
body.kb-frontend .deal-mini-grid,
body.kb-frontend .mh-products,
body.kb-frontend .product-grid-modern,
body.kb-frontend .shop-product-grid{
  display:grid !important;
  align-items:stretch;
  min-width:0;
}

@media (min-width: 1400px){
  body.kb-frontend .product-grid,
  body.kb-frontend .mini-grid,
  body.kb-frontend .deal-mini-grid,
  body.kb-frontend .mh-products,
  body.kb-frontend .product-grid-modern,
  body.kb-frontend .shop-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:16px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1399px){
  body.kb-frontend .product-grid,
  body.kb-frontend .mini-grid,
  body.kb-frontend .deal-mini-grid,
  body.kb-frontend .mh-products,
  body.kb-frontend .product-grid-modern,
  body.kb-frontend .shop-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px){
  body.kb-frontend .product-grid,
  body.kb-frontend .mini-grid,
  body.kb-frontend .deal-mini-grid,
  body.kb-frontend .mh-products,
  body.kb-frontend .product-grid-modern,
  body.kb-frontend .shop-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}

@media (max-width: 767px){
  body.kb-frontend .product-grid,
  body.kb-frontend .mini-grid,
  body.kb-frontend .deal-mini-grid,
  body.kb-frontend .mh-products,
  body.kb-frontend .product-grid-modern,
  body.kb-frontend .shop-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  /* regular homepage/store product card */
  body.kb-frontend .product-card,
  body.kb-frontend .product-card-modern,
  body.kb-frontend .mh-product,
  body.kb-frontend .mini-product{
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
  }

  body.kb-frontend .product-media,
  body.kb-frontend .product-card-modern .product-media,
  body.kb-frontend .mh-product-media,
  body.kb-frontend .mini-image{
    aspect-ratio:1/1 !important;
    min-height:0 !important;
    height:auto !important;
  }

  body.kb-frontend .product-media img,
  body.kb-frontend .product-card-modern .product-media img,
  body.kb-frontend .mh-product-media img,
  body.kb-frontend .mini-image img{
    width:88% !important;
    height:88% !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  body.kb-frontend .product-body,
  body.kb-frontend .product-card-modern .product-content,
  body.kb-frontend .mh-product-body{
    padding:10px !important;
    gap:7px !important;
  }

  body.kb-frontend .product-title,
  body.kb-frontend .product-card-modern .product-title,
  body.kb-frontend .mh-product h3,
  body.kb-frontend .mini-title{
    font-size:12px !important;
    line-height:1.35 !important;
    min-height:33px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  body.kb-frontend .product-top,
  body.kb-frontend .mh-product-meta{
    gap:5px !important;
  }

  body.kb-frontend .product-category,
  body.kb-frontend .product-brand,
  body.kb-frontend .mh-product-meta{
    font-size:9px !important;
  }

  body.kb-frontend .price-current,
  body.kb-frontend .product-price-current,
  body.kb-frontend .mh-price strong,
  body.kb-frontend .mini-price{
    font-size:15px !important;
    line-height:1.15 !important;
  }

  body.kb-frontend .price-old,
  body.kb-frontend .mh-old-price{
    font-size:10px !important;
  }

  body.kb-frontend .product-actions,
  body.kb-frontend .mh-product-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  body.kb-frontend .product-btn-main,
  body.kb-frontend .product-btn-soft,
  body.kb-frontend .mh-cart,
  body.kb-frontend .mh-view,
  body.kb-frontend .product-card-modern :is(.btn,.btn-primary,.product-btn,.add-to-cart-btn,.request-btn){
    min-width:0 !important;
    width:100% !important;
    min-height:36px !important;
    padding:0 7px !important;
    font-size:10px !important;
  }

  /* Do not let legacy mobile rules collapse product listings back to one column */
  body.kb-frontend .homepage .product-grid,
  body.kb-frontend .homepage .mini-grid,
  body.kb-frontend .homepage .deal-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 359px){
  body.kb-frontend .product-grid,
  body.kb-frontend .mini-grid,
  body.kb-frontend .deal-mini-grid,
  body.kb-frontend .mh-products,
  body.kb-frontend .product-grid-modern,
  body.kb-frontend .shop-product-grid{
    gap:7px !important;
  }
  body.kb-frontend .product-body,
  body.kb-frontend .product-card-modern .product-content,
  body.kb-frontend .mh-product-body{
    padding:8px !important;
  }
}