/* Mobile layouts use the same storefront components, colors and product card. */
@media (max-width: 991.98px) {
  html body.kg-desktop-store { background:#fff!important; color:#242a30; }
  html body.kg-desktop-store :is(.kg-home-legacy-topbar,.kg-home-mobile-copy,.kg-home-legacy-collections,.kg-home-legacy-brands,.kg-favorites-legacy) { display:none!important; }
  html.kg-shared-cards-ready body.kg-desktop-store .kg-card-mobile { display:none!important; }
  html body.kg-desktop-store > .container-fluid:first-of-type > .row.bg-secondary { display:none!important; }
  html body.kg-desktop-store :is(.kg-desk-container,.kg-desk-content) { width:calc(100% - 32px); max-width:760px; padding:0!important; margin:0 auto 24px; }
  html body.kg-desktop-store .kg-desk-content > .row { margin:0!important; padding:0!important; }
  html body.kg-desktop-store .kg-desk-content > .row > [class*="col-"] { padding-left:0!important; padding-right:0!important; min-width:0; }
  html body.kg-desktop-store :is(.kg-page-box,.kg-filter-card,.kg-results-bar,.kg-checkout-section,.kg-checkout-summary,.kg-auth-box) { border:1px solid #e5e6e8!important; border-radius:4px!important; box-shadow:none!important; background:#fff!important; }
  html body.kg-desktop-store .kg-page-box { padding:20px!important; }
  html body.kg-desktop-store :is(.kg-breadcrumb,.breadcrumb) { padding:8px 0!important; margin:0!important; background:none!important; box-shadow:none!important; border:0!important; border-radius:0!important; font-size:12px; }
  html body.kg-desktop-store .kg-desk-content:has(> .row > div > .kg-breadcrumb) { margin-bottom:16px; }
  html body.kg-desktop-store :is(.btn,.form-control,.custom-select,.kg-account-tab,.kg-order-address-card,.kg-checkout-method,.kg-checkout-method__label,.kg-coupon-box,.kg-order-method,.kg-order-cancel-panel,.kg-account-order,.kg-account-product,.kg-order-item) { border-radius:4px!important; box-shadow:none!important; }
  html body.kg-desktop-store :is(input.form-control,select.form-control,textarea.form-control,.custom-select) { font-size:16px!important; border-color:#dedfe2!important; }
  html body.kg-desktop-store .btn { min-height:44px; font-size:14px; }
  html body.kg-desktop-store .btn-primary { background:#e30613!important; border-color:#e30613!important; }
  html body.kg-desktop-store :is(h1,h2,h3,h4) { color:#17191c; letter-spacing:-.02em; }
  html body.kg-desktop-store :is(.kg-auth-box,.kg-page-copy) h1, html body.kg-desktop-store .kg-page-box > h3:first-child { font-size:25px!important; line-height:1.3; }
  html body.kg-desktop-store .kg-page-copy :is(p,li) { font-size:14px; line-height:1.8; }
  html body.kg-desktop-store .kg-page-copy h2 { font-size:20px; }
  html body.kg-desktop-store .kg-legal-section { border-top:1px solid #ececee; padding-top:20px; margin-top:20px; }
  html body.kg-desktop-store .kg-legal-meta { background:#f6f6f7!important; border-radius:4px!important; }
  html body.kg-desktop-store .kg-auth-box { margin-top:12px; padding:22px!important; }
  html body.kg-desktop-store .kg-site-footer { margin-top:36px!important; background:#111216!important; content-visibility:visible; }
  html body.kg-desktop-store .kg-site-footer::before { display:none!important; }
  html body.kg-desktop-store .kg-site-footer > .row { padding-top:8px!important; }
  html body.kg-desktop-store .kg-site-footer h5 { color:#fff!important; }

  /* Compact white header. Category navigation and account menu keep their controls. */
  html body.kg-desktop-store .kg-nav-fixed { position:relative!important; top:auto!important; padding:0 16px!important; margin:0 0 20px!important; background:#fff!important; box-shadow:none!important; border-bottom:1px solid #e5e6e8; }
  html body.kg-desktop-store .kg-nav-fixed > .row { display:flex!important; flex-direction:column; margin:0!important; padding:0!important; }
  html body.kg-desktop-store .kg-nav-fixed > .row > .col-lg-3 { order:2; max-width:100%; width:100%; padding:0!important; margin:0 0 12px!important; }
  html body.kg-desktop-store .kg-nav-fixed > .row > .col-lg-9 { order:1; max-width:100%; width:100%; padding:0!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) { display:grid!important; grid-template-columns:minmax(0,1fr) 88px 44px!important; gap:10px!important; padding:12px 0!important; background:#fff!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .kg-mobile-logo-link { grid-column:1!important; grid-row:1!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .navbar-toggler { grid-column:3!important; grid-row:1!important; width:44px!important; min-width:44px!important; height:44px!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .kg-nav-icons { grid-column:2!important; grid-row:1!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .kg-mobile-search { grid-column:1/-1!important; grid-row:2!important; order:4!important; margin:0!important; width:100%!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .navbar-collapse { grid-column:1/-1!important; grid-row:3!important; }
  html body.kg-desktop-store .kg-nav-fixed .kg-nav-icons .kg-nav-icon-link > i { color:#17191c!important; }
  html body.kg-desktop-store .kg-nav-fixed .kg-mobile-logo-link { order:1!important; grid-column:1; width:auto!important; min-width:0; margin:0!important; }
  html body.kg-desktop-store .kg-nav-fixed .kg-logo-phone { width:160px!important; max-width:100%!important; height:42px!important; object-fit:contain; object-position:left center; }
  html body.kg-desktop-store .kg-nav-fixed .navbar-toggler { order:3!important; grid-column:3; width:44px; height:44px; padding:8px!important; border:1px solid #dedfe2!important; border-radius:4px!important; color:#17191c!important; background:#f6f6f7!important; }
  html body.kg-desktop-store .kg-nav-fixed .navbar-toggler-icon { filter:brightness(0); width:24px; height:24px; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .kg-nav-icons { order:2!important; grid-column:2; width:88px!important; min-height:44px!important; margin:0!important; padding:0!important; gap:0!important; }
  html body.kg-desktop-store .kg-nav-fixed .kg-nav-icons .kg-nav-icon-link { width:44px!important; min-width:44px!important; height:44px!important; color:#17191c!important; border-radius:4px!important; }
  html body.kg-desktop-store .kg-nav-fixed .kg-nav-badge { background:#e30613!important; box-shadow:none!important; }
  html body.kg-desktop-store .kg-mobile-search { order:4!important; grid-column:1/-1; width:100%!important; padding:0!important; margin:0!important; }
  html body.kg-desktop-store .kg-mobile-search .kg-mobile-search__field { border:1px solid #dedfe2!important; border-radius:4px!important; background:#f6f6f7!important; box-shadow:none!important; }
  html body.kg-desktop-store .kg-mobile-search .form-control { padding-left:14px!important; border-radius:4px!important; font-size:16px!important; }
  html body.kg-desktop-store .kg-mobile-search :is(.kg-mobile-search__submit,.kg-mobile-search-submit) { border-radius:4px!important; }
  html body.kg-desktop-store .kg-nav-fixed nav.navbar.navbar-expand-lg:not(.navbar-vertical) > .navbar-collapse { order:5!important; grid-column:1/-1; background:#fff; border:0; }
  html body.kg-desktop-store .kg-nav-fixed #navbarCollapse .nav-link { color:#242a30!important; min-height:44px; border-bottom:1px solid #ececee; }
  html body.kg-desktop-store .kg-nav-fixed a[href="#navbar-vertical"] { height:44px!important; min-height:44px!important; padding:0 16px!important; border-radius:4px!important; background:#e30613!important; }
  html body.kg-desktop-store .kg-nav-fixed a[href="#navbar-vertical"] :is(h6,i) { color:#fff!important; }
  html body.kg-desktop-store #navbar-vertical { width:100%!important; border:1px solid #dedfe2!important; border-radius:4px!important; }

  /* Home sections now share the desktop content and product renderer. */
  html body.kg-desktop-store :is(#kgDesktopStore,.kg-desktop-favorites) { display:block!important; }
  html body.kg-desktop-store .kg-hero { width:calc(100% - 32px); max-width:760px; margin:0 auto 28px!important; padding:0!important; }
  html body.kg-desktop-store .kg-hero :is(.row,.col-12) { margin:0!important; padding:0!important; }
  html body.kg-desktop-store .kg-hero__inner { min-height:390px!important; padding:32px 24px!important; border-radius:4px!important; }
  html body.kg-desktop-store .kg-hero__inner::after { background:none!important; }
  html body.kg-desktop-store .kg-hero__slide { display:none!important; }
  html body.kg-desktop-store .kg-hero__slide:first-child { display:block!important; opacity:1!important; transform:none!important; background-position:62% center!important; }
  html body.kg-desktop-store .kg-hero__media::after { z-index:4!important; background:linear-gradient(90deg,#080a0df2,#080a0d80)!important; }
  html body.kg-desktop-store .kg-hero .kg-desk-only { display:block!important; }
  html body.kg-desktop-store .kg-hero__kicker { border:0!important; border-left:3px solid #e30613!important; border-radius:0!important; padding:0 0 0 10px!important; color:#fff!important; background:none!important; font-size:10px!important; letter-spacing:.12em; }
  html body.kg-desktop-store .kg-hero__title { color:#fff!important; font-size:36px!important; line-height:1.06!important; font-weight:700!important; letter-spacing:-.035em; text-shadow:none!important; -webkit-text-stroke:0!important; margin:18px 0!important; }
  html body.kg-desktop-store .kg-hero__text { font-size:14px!important; line-height:1.7; color:#e6e7e8!important; text-shadow:none!important; }
  html body.kg-desktop-store .kg-hero__actions { display:flex!important; flex-wrap:wrap; gap:10px; margin-top:24px!important; }
  html body.kg-desktop-store .kg-hero__actions .kg-desk-only { display:inline-flex!important; align-items:center; justify-content:space-between; gap:16px; min-height:46px; padding:12px 15px!important; font-size:13px!important; border-radius:4px!important; }
  html body.kg-desktop-store .kg-hero__actions .btn-outline-light { border:1px solid #ffffff80!important; background:#0002!important; color:#fff!important; }
  html body.kg-desktop-store .kg-hero__trust { display:none!important; }
  html body.kg-desktop-store .kg-desk-store > section { margin-top:36px; }
  html body.kg-desktop-store .kg-desk-section-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px; }
  html body.kg-desktop-store .kg-desk-eyebrow { font-size:9px; font-weight:700; letter-spacing:.13em; color:#ad0712; margin:0 0 8px; }
  html body.kg-desktop-store .kg-desk-section-head :is(h1,h2) { font-size:24px; line-height:1.2; font-weight:700; margin:0; letter-spacing:-.025em; }
  html body.kg-desktop-store .kg-desk-text-link { display:inline-flex; align-items:center; gap:16px; min-height:30px; color:#242a30; font-size:12px; }
  html body.kg-desktop-store .kg-desk-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  html body.kg-desktop-store .kg-desk-category-grid > a { min-width:0; padding:10px; border:1px solid #e5e6e8; border-radius:4px; color:#242a30; text-decoration:none; }
  html body.kg-desktop-store .kg-desk-category-grid img { width:100%; height:78px; object-fit:contain; margin-bottom:10px; }
  html body.kg-desktop-store .kg-desk-category-grid > a > span { display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:11px; font-weight:500; line-height:1.4; }
  html body.kg-desktop-store .kg-desk-brand-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  html body.kg-desktop-store .kg-desk-brand-grid a { display:grid; place-items:center; min-height:65px; }
  html body.kg-desktop-store .kg-desk-brand-grid img { max-width:100%; width:100px; height:45px; object-fit:contain; }
  html body.kg-desktop-store .kg-desk-brands { border-top:1px solid #e5e6e8; padding-top:28px; margin-bottom:40px; }

  /* Product layouts only. Shared card styles are in krosgear-desktop.css. */
  html body.kg-desktop-store :is(.kg-desk-product-grid,#kgProducts) { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0!important; }
  html body.kg-desktop-store #kgProducts > .kg-product-col { padding:0!important; max-width:none!important; width:100%!important; min-width:0; }
  html body.kg-desktop-store #kgProducts > .col-12 { grid-column:1/-1; }
  html body.kg-desktop-store .kg-shop-layout { margin:0!important; }
  html body.kg-desktop-store #kgCatalogColumn { padding:0!important; }
  html body.kg-desktop-store #kgResultsBar { border:0!important; border-bottom:1px solid #e5e6e8!important; padding:0 0 18px!important; margin-bottom:20px!important; }
  html body.kg-desktop-store #kgCatalogTitle { font-size:25px!important; }
  html body.kg-desktop-store .kg-mobile-filter-button { border-radius:4px!important; box-shadow:none!important; }
  html body.kg-desktop-store #kgFilterDialog { width:min(100%,460px); border-radius:4px 0 0 4px; }
  html body.kg-desktop-store #kgFilterDialog :is(.btn,.form-control,.kg-audience-btn,.kg-size-filter-btn,.kg-tree-toggle,.kg-tree-brand-toggle,.kg-close-filters,button) { border-radius:4px!important; box-shadow:none!important; }
  html body.kg-desktop-store .kg-product-layout { margin:0!important; }
  html body.kg-desktop-store .kg-product-layout > div { padding:0!important; }
  html body.kg-desktop-store .kg-product-main { padding:22px!important; min-height:0!important; border-radius:4px!important; border:1px solid #e5e6e8!important; box-shadow:none!important; }
  html body.kg-desktop-store #kgImage { max-height:360px!important; width:100%; object-fit:contain; }
  html body.kg-desktop-store .kg-product-info { padding:22px 0!important; border:0!important; }
  html body.kg-desktop-store #kgName { font-size:24px!important; line-height:1.3; }
  html body.kg-desktop-store #kgPrice { font-size:28px!important; }
  html body.kg-desktop-store #kgDesc { font-size:14px; line-height:1.7; }
  html body.kg-desktop-store .kg-product-info .kg-product-actions { display:flex!important; flex-wrap:wrap; gap:12px!important; }
  html body.kg-desktop-store #kgAddToCart { flex:1; min-width:140px; min-height:46px; }
  html body.kg-desktop-store #kgFavoriteBtn { min-height:44px; }
  html body.kg-desktop-store .kg-product-list-box { border:0!important; padding:0!important; margin-top:24px; }
  html body.kg-desktop-store .kg-rail { padding:0!important; margin:20px 0 66px!important; overflow:visible!important; }
  html body.kg-desktop-store .kg-rail__viewport { overflow:hidden!important; }
  html body.kg-desktop-store .kg-rail__track { gap:12px!important; }
  html body.kg-desktop-store .kg-rail__slide { flex:0 0 calc((100% - 12px)/2)!important; min-width:0; }
  html body.kg-desktop-store .kg-rail__nav { top:auto!important; bottom:-52px!important; width:44px!important; height:44px!important; transform:none!important; border:1px solid #dedfe2!important; border-radius:4px!important; background:#fff!important; color:#242a30!important; box-shadow:none!important; }
  html body.kg-desktop-store .kg-rail__nav--prev { left:auto!important; right:54px!important; }
  html body.kg-desktop-store .kg-rail__nav--next { right:0!important; }

  /* Cart, checkout and account surfaces. */
  html body.kg-desktop-store .kg-cart-table { border:0!important; border-radius:0!important; box-shadow:none!important; }
  html body.kg-desktop-store .kg-cart-table tbody tr { border:1px solid #e5e6e8!important; border-radius:4px!important; box-shadow:none!important; background:#fff!important; }
  html body.kg-desktop-store .kg-cart-product-name { color:#242a30; font-size:14px; line-height:1.5; }
  html body.kg-desktop-store .kg-cart-product-thumb { border-radius:4px!important; }
  html body.kg-desktop-store .kg-checkout-section__head { background:#f7f7f8!important; border-bottom:1px solid #e5e6e8; }
  html body.kg-desktop-store :is(.kg-checkout-step-number,.kg-checkout-total-row,.kg-payment-info,.kg-coupon-box__head i) { border-radius:4px!important; }
  html body.kg-desktop-store .kg-checkout-section__head h5 { font-size:18px; }
  html body.kg-desktop-store .kg-checkout-summary-sticky { position:static!important; }
  html body.kg-desktop-store .kg-account-sidebar { position:static!important; }
  html body.kg-desktop-store .kg-quantity-stepper { border-radius:4px!important; box-shadow:none!important; border:1px solid #dedfe2!important; }
  html body.kg-desktop-store .kg-page-box .kg-product-actions:not(.product-action) .kg-quantity-stepper { display:grid!important; grid-template-columns:42px minmax(0,1fr) 42px!important; width:136px!important; min-width:136px!important; height:46px!important; margin:0!important; }
  html body.kg-desktop-store .kg-page-box .kg-product-actions:not(.product-action) #kgQty { width:100%!important; min-width:0!important; max-width:none!important; height:100%!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; text-align:center!important; background:#fff!important; font-size:16px!important; line-height:normal!important; appearance:textfield; }
  html body.kg-desktop-store .kg-quantity-stepper__button { background:#f6f6f7!important; color:#242a30!important; width:100%!important; height:100%!important; border-radius:0!important; }
  html body.kg-desktop-store .kg-quantity-stepper__value { padding:0!important; margin:0!important; background:#fff!important; }
  html body.kg-desktop-store .kg-quantity-stepper input::-webkit-inner-spin-button, html body.kg-desktop-store .kg-quantity-stepper input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
  html body.kg-desktop-store .back-to-top { width:44px; height:44px; padding:0!important; border-radius:4px!important; box-shadow:none!important; }

  /* Quick panels and size selection keep touch-sized actions. */
  html body.kg-desktop-store .kg-drawer { width:min(440px,100%)!important; max-width:100%!important; height:100dvh; visibility:hidden; border-radius:0!important; background:#fff!important; }
  html body.kg-desktop-store .kg-drawer.is-open { visibility:visible; }
  html body.kg-desktop-store :is(.kg-drawer__header,.kg-drawer__body,.kg-drawer__footer) { padding:20px!important; }
  html body.kg-desktop-store .kg-drawer__header h5 { font-size:23px; letter-spacing:-.025em; }
  html body.kg-desktop-store .kg-drawer__close { width:44px!important; height:44px!important; border:1px solid #dedfe2!important; border-radius:4px!important; background:#fff!important; color:#242a30!important; box-shadow:none!important; }
  html body.kg-desktop-store :is(.kg-cart-drawer-item,.kg-fav-card) { padding:14px!important; border:1px solid #e5e6e8!important; border-radius:4px!important; box-shadow:none!important; background:#fff!important; }
  html body.kg-desktop-store .kg-favorites-drawer__footer { display:block!important; }
  html body.kg-desktop-store .kg-drawer .btn { min-height:44px; }
  html body.kg-desktop-store #kgQuickSizeModal { padding:16px!important; }
  html body.kg-desktop-store #kgQuickSizeModal .kg-modal__dialog { width:min(540px,100%)!important; border:1px solid #e5e6e8; border-radius:4px!important; }
  html body.kg-desktop-store #kgQuickSizeModal :is(.kg-modal__header,.kg-modal__body,.kg-modal__footer) { padding:18px!important; }
  html body.kg-desktop-store #kgQuickSizeModal :is(.kg-variant-modal__product,.kg-modal__close) { border-radius:4px!important; box-shadow:none!important; }
  html body.kg-desktop-store #kgQuickSizeModal .kg-modal__close { min-width:44px; min-height:44px; }
  html body.kg-desktop-store :is(a,button,input,select,textarea):focus-visible { outline:2px solid #e30613; outline-offset:3px; }

  /* Administration uses the same panels while keeping its mobile menu. */
  html body.kg-admin-v8 .kg-admin-shell { grid-template-columns:minmax(0,1fr); }
  html body.kg-admin-v8 .kg-admin-main { padding:20px 16px 40px; }
  html body.kg-admin-v8 .kg-admin-sidebar { width:min(290px,calc(100vw - 44px)); }
  html body.kg-admin-v8 .kg-admin-topbar { flex-direction:column; align-items:stretch; gap:16px; padding-bottom:20px; margin-bottom:20px; }
  html body.kg-admin-v8 .kg-admin-topbar h1 { font-size:24px; }
  html body.kg-admin-v8 .kg-admin-topbar__actions { justify-content:flex-start; }
  html body.kg-admin-v8 .kg-admin-topbar p { font-size:12px; }
  html body.kg-admin-v8 .kg-admin-card { padding:18px; margin-bottom:18px; }
  html body.kg-admin-v8 :is(.kg-admin-card,.kg-admin-grid,.kg-admin-form-grid,.kg-admin-form-grid > .form-group,.kg-v9-card,.kg-v9-grid2,.kg-v9-grid3,.kg-admin-provider) { min-width:0; max-width:100%; }
  html body.kg-admin-v8 :is(.kg-admin-grid--2,.kg-v9-grid2,.kg-v9-grid3) { grid-template-columns:minmax(0,1fr)!important; }
  html body.kg-admin-v8 :is(select,input,textarea) { max-width:100%; min-width:0; }
  html body.kg-admin-v8 .kg-admin-grid { gap:12px; }
  html body.kg-admin-v8 .kg-admin-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.kg-admin-v8 .kg-admin-stat { padding:16px; }
  html body.kg-admin-v8 .kg-admin-stat strong { font-size:28px; }
  html body.kg-admin-v8 .kg-admin-stat i { top:16px; right:12px; }
  html body.kg-admin-v8 :is(.btn,.kg-admin-nav button) { min-height:44px; }
  html body.kg-admin-v8 :is(input.form-control,select.form-control,textarea.form-control,.kg-v9-card input,.kg-v9-card select) { font-size:16px!important; }
  html body.kg-admin-v8 .kg-v9-modal__card { padding:18px; max-width:calc(100vw - 24px); }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  html body.kg-desktop-store :is(.kg-desk-product-grid,#kgProducts) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html body.kg-desktop-store .kg-rail__slide { flex-basis:calc((100% - 24px)/3)!important; }
  html body.kg-desktop-store .kg-desk-category-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
}