/* =========================================================
   KIBRIS BILGISAYARCIM — ALL PUBLIC PAGES DESIGN LAYER
   Loaded after page-specific styles. Backend/admin untouched.
   ========================================================= */
:root{
  --kb-brand:#f97316;
  --kb-brand-strong:#ea580c;
  --kb-brand-deep:#c2410c;
  --kb-brand-soft:#fff7ed;
  --kb-brand-pale:#ffedd5;
  --kb-ink:#111827;
  --kb-ink-2:#1f2937;
  --kb-ink-3:#334155;
  --kb-muted:#64748b;
  --kb-muted-2:#94a3b8;
  --kb-bg:#f6f7f9;
  --kb-surface:#fff;
  --kb-soft:#f8fafc;
  --kb-soft-2:#f1f5f9;
  --kb-line:#e5e7eb;
  --kb-line-2:#dbe3ec;
  --kb-dark:#0f172a;
  --kb-success:#16a34a;
  --kb-danger:#dc2626;
  --kb-warning:#d97706;
  --kb-r-sm:12px;
  --kb-r:18px;
  --kb-r-lg:24px;
  --kb-r-xl:30px;
  --kb-shadow-sm:0 5px 18px rgba(15,23,42,.05);
  --kb-shadow:0 14px 36px rgba(15,23,42,.08);
  --kb-shadow-lg:0 24px 60px rgba(15,23,42,.12);
  --kb-shell:1440px;
}

body.kb-frontend{
  background:var(--kb-bg)!important;
  color:var(--kb-ink)!important;
}
body.kb-frontend main{min-height:58vh}
body.kb-frontend :where(h1,h2,h3,h4,h5,h6){color:var(--kb-ink);letter-spacing:-.025em}
body.kb-frontend :where(p,li,small){text-wrap:pretty}
body.kb-frontend :where(input,select,textarea,button){font:inherit}

/* ---------- shared page shells ---------- */
body.kb-frontend :where(
  .shop-page,.category-shell,.brand-shell,.product-page-shell,.cart-shell,.request-page,
  .account-shell,.account-edit-shell,.orders-shell,.order-detail-shell,.order-success-shell,
  .track-shell,.login-shell,.auth-register-wrap,.contact-shell,.support-shell,.blog-page,
  .blog-detail-page,.campaign-shell,.info-page-shell,.info-page-wrap
){
  width:min(var(--kb-shell),calc(100% - 40px))!important;
  margin-inline:auto!important;
}

body.kb-frontend :where(
  .shop-page,.category-shell,.brand-shell,.product-page-shell,.cart-shell,.request-page,
  .account-shell,.account-edit-shell,.orders-shell,.order-detail-shell,.order-success-shell,
  .track-shell,.login-shell,.auth-register-wrap,.contact-shell,.support-shell,.blog-page,
  .blog-detail-page,.campaign-shell,.info-page-shell
){padding-top:24px!important;padding-bottom:44px!important}

/* ---------- hero language ---------- */
body.kb-frontend :where(
  .shop-hero,.category-hero,.brand-hero,.cart-hero,.request-hero,.account-hero,.account-edit-hero,
  .orders-hero,.order-detail-hero,.order-success-hero,.track-hero,.login-hero,.contact-hero,
  .support-hero,.blog-hero,.blog-detail-hero,.campaign-hero,.info-hero
){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:var(--kb-r-xl)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(249,115,22,.24),transparent 25%),
    linear-gradient(135deg,#0f172a 0%,#172033 56%,#1f2937 100%)!important;
  color:#fff!important;
  box-shadow:var(--kb-shadow)!important;
}
body.kb-frontend :where(
  .shop-hero,.category-hero,.brand-hero,.cart-hero,.request-hero,.account-hero,.account-edit-hero,
  .orders-hero,.order-detail-hero,.order-success-hero,.track-hero,.login-hero,.contact-hero,
  .support-hero,.blog-hero,.blog-detail-hero,.campaign-hero,.info-hero
)::after{
  content:"";position:absolute;right:-70px;bottom:-90px;width:250px;height:250px;border-radius:50%;
  background:rgba(249,115,22,.09);border:1px solid rgba(249,115,22,.16);pointer-events:none
}
body.kb-frontend :where(
  .shop-hero,.category-hero,.brand-hero,.cart-hero,.request-hero,.account-hero,.account-edit-hero,
  .orders-hero,.order-detail-hero,.order-success-hero,.track-hero,.login-hero,.contact-hero,
  .support-hero,.blog-hero,.blog-detail-hero,.campaign-hero,.info-hero
) :where(h1,h2,h3,strong){color:#fff!important}
body.kb-frontend :where(
  .shop-hero,.category-hero,.brand-hero,.cart-hero,.request-hero,.account-hero,.account-edit-hero,
  .orders-hero,.order-detail-hero,.order-success-hero,.track-hero,.login-hero,.contact-hero,
  .support-hero,.blog-hero,.blog-detail-hero,.campaign-hero,.info-hero
) :where(p,span,small){color:rgba(255,255,255,.78)}
body.kb-frontend :where(
  .shop-kicker,.category-kicker,.brand-kicker,.cart-kicker,.request-kicker,.account-kicker,
  .account-edit-kicker,.orders-kicker,.order-detail-kicker,.order-success-kicker,.track-kicker,
  .login-kicker,.contact-kicker,.support-kicker,.blog-kicker,.blog-detail-kicker,.campaign-kicker,
  .info-kicker
){
  display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 11px!important;
  border-radius:999px!important;background:rgba(249,115,22,.16)!important;color:#fed7aa!important;
  border:1px solid rgba(251,146,60,.22)!important;font-size:11px!important;font-weight:900!important;
  letter-spacing:.08em!important;text-transform:uppercase!important
}

/* ---------- cards / panels ---------- */
body.kb-frontend :where(
  .toolbar-card,.products-card,.filter-card,.cart-card,.request-card,.account-card,.orders-card,
  .orders-stat-card,.order-card,.order-detail-card,.track-card,.track-summary-card,.order-success-card,
  .side-panel,.contact-card,.support-card,.blog-card,.blog-side-card,.campaign-list-card,
  .campaign-toolbar,.campaign-side-card,.info-card,.auth-card-modern,.auth-register-card,
  .shipping-progress-card,.summary-card,.visual-timeline,.breadcrumb-card
){
  background:var(--kb-surface)!important;
  border:1px solid var(--kb-line)!important;
  border-radius:var(--kb-r-lg)!important;
  box-shadow:var(--kb-shadow-sm)!important;
}
body.kb-frontend :where(.toolbar-card,.campaign-toolbar){padding:14px!important}
body.kb-frontend :where(.breadcrumb-card){box-shadow:none!important;background:transparent!important;border-color:transparent!important;padding-inline:0!important}
body.kb-frontend :where(.breadcrumb,.blog-breadcrumb,.info-breadcrumb){color:var(--kb-muted)!important}
body.kb-frontend :where(.breadcrumb a,.blog-breadcrumb a,.info-breadcrumb a){color:var(--kb-ink-3)!important;text-decoration:none}
body.kb-frontend :where(.breadcrumb a:hover,.blog-breadcrumb a:hover,.info-breadcrumb a:hover){color:var(--kb-brand-strong)!important}

/* ---------- buttons ---------- */
body.kb-frontend :where(
  .btn-modern,.btn-primary,.request-submit,.hero-btn,.campaign-hero-btn,.blog-side-btn.primary,
  .auth-submit,.register-submit,.track-form .btn-modern,.contact-submit,.support-submit,
  button[type="submit"]
){
  border-color:var(--kb-brand)!important;background:var(--kb-brand)!important;color:#fff!important;
  box-shadow:none!important;font-weight:850!important
}
body.kb-frontend :where(
  .btn-modern,.btn-primary,.request-submit,.hero-btn,.campaign-hero-btn,.blog-side-btn.primary,
  .auth-submit,.register-submit,.contact-submit,.support-submit,button[type="submit"]
):hover{background:var(--kb-brand-strong)!important;border-color:var(--kb-brand-strong)!important;transform:translateY(-1px)}
body.kb-frontend :where(.btn-light-modern,.secondary,.blog-side-btn:not(.primary),.campaign-share button){
  background:#fff!important;color:var(--kb-ink-3)!important;border:1px solid var(--kb-line-2)!important;box-shadow:none!important
}
body.kb-frontend :where(.btn-light-modern,.secondary,.blog-side-btn:not(.primary),.campaign-share button):hover{
  background:var(--kb-brand-soft)!important;color:var(--kb-brand-deep)!important;border-color:#fed7aa!important
}

/* ---------- forms ---------- */
body.kb-frontend :where(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea
){
  border:1px solid var(--kb-line-2)!important;
  background:#fff!important;
  color:var(--kb-ink)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
body.kb-frontend :where(input:not([type="checkbox"]):not([type="radio"]),select){min-height:46px}
body.kb-frontend textarea{min-height:118px}
body.kb-frontend :where(input,select,textarea):focus{
  outline:none!important;border-color:var(--kb-brand)!important;box-shadow:0 0 0 4px rgba(249,115,22,.10)!important
}
body.kb-frontend :where(label,.form-label,.request-field label,.track-field label){color:var(--kb-ink-3)!important;font-weight:800!important}

/* ---------- product listing ---------- */
body.kb-frontend :where(.shop-layout){gap:22px!important}
body.kb-frontend :where(.shop-sidebar){align-self:start}
body.kb-frontend :where(.product-grid-modern,.shop-product-grid){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.kb-frontend .product-card-modern{
  min-width:0!important;background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:20px!important;
  box-shadow:none!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important
}
body.kb-frontend .product-card-modern:hover{transform:translateY(-3px)!important;border-color:#fed7aa!important;box-shadow:var(--kb-shadow)!important}
body.kb-frontend .product-card-modern .product-media{background:#fff!important;aspect-ratio:1/1!important;display:grid!important;place-items:center!important;overflow:hidden!important}
body.kb-frontend .product-card-modern .product-media img{width:90%!important;height:90%!important;object-fit:contain!important;transition:transform .22s ease}
body.kb-frontend .product-card-modern:hover .product-media img{transform:scale(1.03)}
body.kb-frontend .product-card-modern .product-content{padding:13px!important}
body.kb-frontend .product-card-modern .product-title{color:var(--kb-ink)!important;font-size:13px!important;line-height:1.45!important;font-weight:800!important}
body.kb-frontend :where(.product-price-current,.product-price){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:var(--kb-soft-2)!important;color:var(--kb-ink-3)!important}
body.kb-frontend .product-badge.stock{background:#f0fdf4!important;color:#15803d!important}

/* ---------- shop/category/brand ---------- */
body.kb-frontend :where(.shop-trust-strip,.shop-mobile-actions){border-radius:var(--kb-r)!important}
body.kb-frontend .shop-trust-strip{background:#fff!important;border:1px solid var(--kb-line)!important;box-shadow:var(--kb-shadow-sm)!important}
body.kb-frontend .shop-trust-item i{color:var(--kb-brand)!important}
body.kb-frontend :where(.toolbar-form,.filter-card){color:var(--kb-ink-3)!important}
body.kb-frontend .toolbar-check input:checked{accent-color:var(--kb-brand)}

/* ---------- product detail ---------- */
body.kb-frontend :where(.product-page,.product-detail-page,.pd-page){color:var(--kb-ink)}
body.kb-frontend :where(.product-detail-shell,.product-main,.product-detail-card,.product-gallery,.product-summary){
  border-color:var(--kb-line)!important
}
body.kb-frontend :where(.product-gallery,.product-summary,.product-tabs,.product-description,.product-specifications){
  background:#fff!important;border-radius:var(--kb-r-lg)!important
}
body.kb-frontend :where(.product-title-main,.product-title,.pd-title){color:var(--kb-ink)!important}
body.kb-frontend :where(.product-price-main,.current-price,.pd-price){color:var(--kb-ink)!important}
body.kb-frontend :where(.quantity-box,.product-option,.pd-conversion-card,.pd-highlight-card){border-color:var(--kb-line)!important;background:#fff!important}
body.kb-frontend .pd-highlight-card i{background:var(--kb-brand-soft)!important;color:var(--kb-brand)!important}
body.kb-frontend :where(.product-tabs-nav){background:var(--kb-soft)!important;border-color:var(--kb-line)!important}
body.kb-frontend :where(.product-tabs-nav a,.product-tabs-nav button).active{color:var(--kb-brand-strong)!important}

/* ---------- cart / request ---------- */
body.kb-frontend .cart-layout{gap:22px!important}
body.kb-frontend .cart-item-card{padding:15px!important}
body.kb-frontend .cart-item-image{background:var(--kb-soft)!important;border-radius:14px!important}
body.kb-frontend .shipping-progress-fill{background:var(--kb-brand)!important}
body.kb-frontend :where(.cart-summary,.request-summary){position:sticky!important;top:128px!important;align-self:start!important}
body.kb-frontend .request-grid{gap:22px!important}
body.kb-frontend .request-success{border-color:#bbf7d0!important;background:#f0fdf4!important}
body.kb-frontend .request-success-icon{background:#dcfce7!important;color:var(--kb-success)!important}
body.kb-frontend .request-alert.error{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}
body.kb-frontend .request-note{background:var(--kb-brand-soft)!important;border-color:#fed7aa!important;color:#9a3412!important}

/* ---------- account / orders ---------- */
body.kb-frontend :where(.account-layout){gap:22px!important}
body.kb-frontend :where(.account-sidebar){align-self:start}
body.kb-frontend .account-avatar{background:var(--kb-brand)!important;color:#fff!important;box-shadow:0 10px 24px rgba(249,115,22,.20)!important}
body.kb-frontend .account-menu-link{color:var(--kb-ink-3)!important;border-radius:12px!important}
body.kb-frontend .account-menu-link:hover{background:var(--kb-soft)!important;color:var(--kb-ink)!important}
body.kb-frontend .account-menu-link.active{background:var(--kb-brand-soft)!important;color:var(--kb-brand-deep)!important}
body.kb-frontend .account-menu-link.danger{color:#b91c1c!important}
body.kb-frontend .orders-stat-card{box-shadow:none!important}
body.kb-frontend .orders-stat-card :where(strong,b){color:var(--kb-ink)!important}
body.kb-frontend :where(.order-status-badge.pending,.status-pending){background:#fffbeb!important;color:#a16207!important}
body.kb-frontend :where(.order-status-badge.completed,.order-status-badge.delivered,.status-completed,.status-delivered){background:#f0fdf4!important;color:#15803d!important}
body.kb-frontend :where(.order-status-badge.cancelled,.status-cancelled){background:#fef2f2!important;color:#b91c1c!important}
body.kb-frontend :where(.order-status-badge.processing,.status-processing){background:#f1f5f9!important;color:#475569!important}

/* ---------- order detail / tracking / success ---------- */
body.kb-frontend :where(.visual-timeline-track){background:var(--kb-soft-2)!important}
body.kb-frontend :where(.visual-timeline-fill){background:var(--kb-brand)!important}
body.kb-frontend .visual-step.active :where(.step-dot,.visual-step-dot){background:var(--kb-brand)!important;border-color:var(--kb-brand)!important}
body.kb-frontend .track-summary{gap:12px!important}
body.kb-frontend .success-check{background:#dcfce7!important;color:var(--kb-success)!important}
body.kb-frontend .info-box{background:var(--kb-soft)!important;border-color:var(--kb-line)!important}

/* ---------- auth ---------- */
body.kb-frontend :where(.auth-card-modern,.auth-register-card){overflow:hidden!important}
body.kb-frontend :where(.auth-left-modern,.auth-register-side){
  background:linear-gradient(145deg,#0f172a,#1f2937)!important;color:#fff!important
}
body.kb-frontend :where(.auth-left-modern,.auth-register-side) :where(h1,h2,h3,strong){color:#fff!important}
body.kb-frontend :where(.auth-left-modern,.auth-register-side) :where(p,span,small){color:#cbd5e1!important}
body.kb-frontend :where(.auth-feature-icon){background:rgba(249,115,22,.15)!important;color:#fdba74!important}
body.kb-frontend :where(.auth-brand,.auth-register-badge){color:#fed7aa!important}
body.kb-frontend .account-type-option.active{border-color:var(--kb-brand)!important;background:var(--kb-brand-soft)!important;color:var(--kb-brand-deep)!important}

/* ---------- contact / support ---------- */
body.kb-frontend :where(.contact-grid,.support-grid){gap:20px!important}
body.kb-frontend :where(.info-icon,.quick-icon){background:var(--kb-brand-soft)!important;color:var(--kb-brand)!important}
body.kb-frontend :where(.contact-stat,.support-point){border-color:rgba(255,255,255,.14)!important}
body.kb-frontend :where(.quick-box){background:var(--kb-soft)!important;border-color:var(--kb-line)!important;border-radius:16px!important}

/* ---------- blog ---------- */
body.kb-frontend .blog-grid{gap:18px!important}
body.kb-frontend .blog-card{overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease!important}
body.kb-frontend .blog-card:hover{transform:translateY(-3px)!important;box-shadow:var(--kb-shadow)!important}
body.kb-frontend .blog-card-media{background:var(--kb-soft)!important}
body.kb-frontend .blog-chip{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
body.kb-frontend .blog-detail-layout{gap:24px!important}
body.kb-frontend .blog-detail-content{background:#fff!important;border:1px solid var(--kb-line)!important;border-radius:var(--kb-r-lg)!important;box-shadow:var(--kb-shadow-sm)!important}
body.kb-frontend .blog-detail-content :where(h2,h3,h4){color:var(--kb-ink)!important}
body.kb-frontend .blog-detail-content a{color:var(--kb-brand-deep)!important}

/* ---------- campaigns ---------- */
body.kb-frontend .campaign-list-grid{gap:16px!important}
body.kb-frontend .campaign-list-card{overflow:hidden!important}
body.kb-frontend .campaign-list-media{background:var(--kb-soft)!important}
body.kb-frontend :where(.campaign-pill){background:var(--kb-brand-soft)!important;color:var(--kb-brand-deep)!important;border-color:#fed7aa!important}
body.kb-frontend .campaign-pill.dark{background:var(--kb-dark)!important;color:#fff!important;border-color:var(--kb-dark)!important}

/* ---------- info pages ---------- */
body.kb-frontend .info-page-shell{display:grid!important;gap:22px!important}
body.kb-frontend .info-main{padding:24px!important}
body.kb-frontend .info-content{color:var(--kb-ink-3)!important;line-height:1.75!important}
body.kb-frontend .info-content a{color:var(--kb-brand-deep)!important}
body.kb-frontend .info-side-links a{border-color:var(--kb-line)!important;color:var(--kb-ink-3)!important}
body.kb-frontend .info-side-links a:hover{background:var(--kb-brand-soft)!important;color:var(--kb-brand-deep)!important;border-color:#fed7aa!important}
body.kb-frontend .info-cta{background:linear-gradient(135deg,var(--kb-brand-soft),#fff)!important;border-color:#fed7aa!important}

/* ---------- tables ---------- */
body.kb-frontend :where(table){border-collapse:separate;border-spacing:0;width:100%}
body.kb-frontend :where(th){background:var(--kb-soft)!important;color:var(--kb-ink-3)!important;font-weight:850!important}
body.kb-frontend :where(td,th){border-color:var(--kb-line)!important}
body.kb-frontend :where(tbody tr:hover){background:#fffaf5}

/* ---------- semantic alerts ---------- */
body.kb-frontend :where(.alert-success,.alert-modern.success){background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important}
body.kb-frontend :where(.alert-danger,.alert-error,.alert-modern.danger){background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}
body.kb-frontend :where(.alert-warning){background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}

/* ---------- homepage component separation ---------- */
@media(max-width:767px){
  body.kb-frontend :where(.mh-category-track,.category-tree-track,.category-track){
    display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;
    gap:12px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px
  }
  body.kb-frontend :where(.mh-category-track,.category-tree-track,.category-track)::-webkit-scrollbar{display:none}
  body.kb-frontend :where(.mh-cat-card,.category-tree-pill,.category-pill){flex:0 0 160px!important;width:160px!important;min-width:160px!important;scroll-snap-align:start}
  body.kb-frontend :where(.mh-products,.mini-grid,.product-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.kb-frontend .mh-product-body{padding:10px!important}
  body.kb-frontend .mh-product h3{font-size:12px!important;line-height:1.38!important;min-height:auto!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.kb-frontend .mh-price strong{font-size:14px!important}
  body.kb-frontend .mh-product-actions{grid-template-columns:1fr!important}
}

/* ---------- responsive ---------- */
@media(min-width:1400px){
  body.kb-frontend :where(.product-grid-modern,.shop-product-grid){grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(min-width:1024px) and (max-width:1399px){
  body.kb-frontend :where(.product-grid-modern,.shop-product-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:768px) and (max-width:1023px){
  body.kb-frontend :where(.product-grid-modern,.shop-product-grid,.mh-products,.mini-grid,.product-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:1023px){
  body.kb-frontend :where(.shop-layout,.account-layout,.order-detail-layout,.blog-detail-layout,.cart-layout,.request-grid,.contact-grid,.support-grid){grid-template-columns:1fr!important}
  body.kb-frontend :where(.shop-sidebar,.account-sidebar,.cart-summary,.request-summary,.blog-detail-sidebar){position:static!important;top:auto!important}
  body.kb-frontend :where(.auth-card-modern,.auth-register-card){grid-template-columns:1fr!important}
  body.kb-frontend :where(.auth-left-modern,.auth-register-side){min-height:auto!important}
}

@media(max-width:767px){
  body.kb-frontend :where(
    .shop-page,.category-shell,.brand-shell,.product-page-shell,.cart-shell,.request-page,
    .account-shell,.account-edit-shell,.orders-shell,.order-detail-shell,.order-success-shell,
    .track-shell,.login-shell,.auth-register-wrap,.contact-shell,.support-shell,.blog-page,
    .blog-detail-page,.campaign-shell,.info-page-shell,.info-page-wrap
  ){
    width:calc(100% - 20px)!important;padding-top:14px!important;padding-bottom:28px!important
  }

  body.kb-frontend :where(
    .shop-hero,.category-hero,.brand-hero,.cart-hero,.request-hero,.account-hero,.account-edit-hero,
    .orders-hero,.order-detail-hero,.order-success-hero,.track-hero,.login-hero,.contact-hero,
    .support-hero,.blog-hero,.blog-detail-hero,.campaign-hero,.info-hero
  ){border-radius:20px!important}

  body.kb-frontend :where(.product-grid-modern,.shop-product-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.kb-frontend .product-card-modern .product-content{padding:9px!important}
  body.kb-frontend .product-card-modern .product-title{font-size:11.5px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.kb-frontend .product-card-modern :where(.product-price-current,.product-price){font-size:14px!important}
  body.kb-frontend :where(.toolbar-card){overflow-x:auto!important}
  body.kb-frontend :where(.orders-stats,.track-summary,.contact-stats,.account-mini-stats){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.kb-frontend :where(.request-fields,.register-grid){grid-template-columns:1fr!important}
  body.kb-frontend :where(.blog-grid,.campaign-list-grid){grid-template-columns:1fr!important}
  body.kb-frontend .info-main{padding:17px!important}
  body.kb-frontend :where(.visual-timeline-steps){overflow-x:auto!important;padding-bottom:6px!important}
}

@media(max-width:380px){
  body.kb-frontend :where(.orders-stats,.track-summary,.contact-stats,.account-mini-stats){grid-template-columns:1fr!important}
  body.kb-frontend :where(.product-grid-modern,.shop-product-grid,.mh-products,.mini-grid,.product-grid){gap:7px!important}
}

@media(prefers-reduced-motion:reduce){
  body.kb-frontend *,body.kb-frontend *:before,body.kb-frontend *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* =========================================================
   AUTH MOBILE HARDENING — Login / Register
   Prevent horizontal clipping and keep form unobstructed.
   ========================================================= */
body.kb-frontend :where(.login-shell,.auth-register-wrap,.auth-page,.auth-card-modern,.auth-register-card,.auth-left-modern,.auth-right-modern,.auth-register-side,.auth-register-main){
  min-width:0!important;
  max-width:100%!important;
}
body.kb-frontend :where(.auth-card-modern,.auth-register-card){
  width:100%!important;
}
body.kb-frontend :where(.auth-feature-item,.auth-feature-item>div:last-child,.auth-brand,.auth-form-head){
  min-width:0!important;
}
body.kb-frontend :where(.auth-feature-item span,.auth-feature-item strong,.auth-brand p,.auth-form-head p){
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:767px){
  body.kb-frontend :where(.login-shell,.auth-register-wrap){
    overflow-x:hidden!important;
    padding-bottom:96px!important;
  }

  body.kb-frontend :where(.auth-card-modern,.auth-register-card){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    border-radius:20px!important;
  }

  body.kb-frontend :where(.auth-left-modern,.auth-register-side){
    padding:18px!important;
    gap:14px!important;
    min-height:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }

  body.kb-frontend .auth-brand h2{
    font-size:22px!important;
    line-height:1.15!important;
  }
  body.kb-frontend .auth-brand p{
    font-size:12.5px!important;
    line-height:1.55!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  body.kb-frontend .auth-feature-list{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 0 4px!important;
    margin:0!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.kb-frontend .auth-feature-list::-webkit-scrollbar{display:none}

  body.kb-frontend .auth-feature-item{
    flex:0 0 218px!important;
    width:218px!important;
    min-width:218px!important;
    padding:12px!important;
    border-radius:15px!important;
    gap:10px!important;
    scroll-snap-align:start;
  }
  body.kb-frontend .auth-feature-icon{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  body.kb-frontend .auth-feature-item strong{
    font-size:12px!important;
    margin-bottom:2px!important;
  }
  body.kb-frontend .auth-feature-item span{
    font-size:11px!important;
    line-height:1.4!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  body.kb-frontend :where(.auth-right-modern,.auth-register-main){
    padding:20px!important;
    width:100%!important;
  }
  body.kb-frontend .auth-form-head{
    margin-bottom:16px!important;
  }
  body.kb-frontend .auth-form-head h1{
    font-size:27px!important;
    line-height:1.1!important;
  }
  body.kb-frontend .auth-form-head p{
    font-size:13px!important;
    line-height:1.55!important;
  }

  body.kb-frontend :where(.auth-form-modern,.register-form){
    width:100%!important;
    min-width:0!important;
  }
  body.kb-frontend :where(.auth-form-modern input,.register-form input,.register-form select,.register-form textarea){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
  }

  body.kb-frontend .g-recaptcha{
    max-width:100%!important;
    overflow:hidden!important;
    transform-origin:left top;
  }
  body.kb-frontend .g_id_signin,
  body.kb-frontend .g_id_signin>div{
    max-width:100%!important;
  }

  body.kb-frontend :where(.auth-links){
    gap:8px!important;
  }

  /* The floating WhatsApp button must not cover auth fields. */
  body.kb-frontend:has(.login-shell) .kb-whatsapp,
  body.kb-frontend:has(.auth-register-wrap) .kb-whatsapp{
    display:none!important;
  }
}