/* Presentation only. Preserve Bootstrap, gallery and checkout control behavior. */
body.storefront-2026 {
  --navy: #142c3b;
  --navy2: #102532;
  --blue: #087f72;
  --soft: #f5f7f6;
  --line: #e2e8e5;
  --ink: #223842;
  --muted: #73817f;
  --orange: #087f72;
  --green: #087f72;
  --red: #b34a42;
  --shadow: 0 8px 24px #142c3b0b;
  --radius: 10px;
  background: #fff;
  font-size: 14px;
  line-height: 1.65;
}
.storefront-2026 h1, .storefront-2026 h2, .storefront-2026 h3 { letter-spacing: -.65px; }
.storefront-2026 a:focus-visible, .storefront-2026 button:focus-visible,
.storefront-2026 select:focus-visible, .storefront-2026 input:focus-visible {
  outline: 3px solid #58bfa9;
  outline-offset: 3px;
}
.storefront-2026 .container, .storefront-2026 .container-fluid { width: min(1280px, calc(100% - 64px)); }
.storefront-2026 .site-utility { background: #142c3b; font-size: 11px; }
.storefront-2026 .utility-inner { min-height: 34px; }
.storefront-2026 .utility-inner p { color: #dce6e4; }
.storefront-2026 .utility-actions > a { color: #dce6e4; font-weight: 400; }
.storefront-2026 .utility-actions > a:hover { color: #fff; }
.storefront-2026 .site-header { border-bottom: 0; }
.storefront-2026 .header-main { min-height: 106px; grid-template-columns: 224px minmax(200px,1fr) auto; gap: 42px; }
.storefront-2026 .site-logo { flex-direction: column; align-items: flex-start; gap: 5px; }
.storefront-2026 .site-logo img { width: 205px; height: auto; max-height: 62px; }
.storefront-2026 .store-brand-caption { margin-left: 52px; color: #82928e; font-size: 8px; font-weight: 700; letter-spacing: 2.8px; }
.storefront-2026 .site-search { height: 48px; }
.storefront-2026 .site-search input { height: 48px !important; border-color: #e0e7e3; border-radius: 8px; background: #f6f8f7; font-size: 13px !important; }
.storefront-2026 .site-search input:focus { border-color: #087f72; box-shadow: 0 0 0 3px #087f7212; }
.storefront-2026 .site-search button { top: 5px; right: 5px; border-radius: 6px; background: #142c3b; }
.storefront-2026 .site-search button:hover { background: #087f72; }
.storefront-2026 .account-nav { gap: 25px; font-size: 12px; }
.storefront-2026 .account-link, .storefront-2026 .account-dropdown > a, .storefront-2026 .header-cart { gap: 11px; font-weight: 600; }
.storefront-2026 .account-link > i, .storefront-2026 .account-dropdown > a > i:first-child,
.storefront-2026 .header-cart > i { color: #314b54; font-size: 23px; }
.storefront-2026 .account-link small, .storefront-2026 .account-dropdown small { margin-bottom: 4px; color: #84938d; }
.storefront-2026 .header-cart { padding: 10px 14px; border: 1px solid #e0e7e3; border-radius: 8px; }
.storefront-2026 .header-cart strong { top: 2px; left: 30px; background: #087f72; }
.storefront-2026 .categories { min-height: 47px; background: #fff; border-top: 1px solid #edf0ed; border-bottom: 1px solid #e2e8e5; box-shadow: 0 3px 9px #142c3b03; }
.storefront-2026 .categories .nav { justify-content: space-between; flex-wrap: nowrap; }
.storefront-2026 .categories .nav > li > a { padding: 14px 8px !important; color: #475b5e; font-size: 10px; font-weight: 600; letter-spacing: .1px; line-height: 19px; }
.storefront-2026 .categories .nav > li > a:hover, .storefront-2026 .categories .nav > li > a:focus { background: #f1f7f4; color: #087f72; }
.storefront-2026 .categories .navbar-toggle { color: #243d44; }
.storefront-2026 .categories .navbar-toggle:focus { outline-color: #087f72; }
.storefront-2026 .store-eyebrow { margin: 0 0 13px; color: #087f72; font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: 1.7px; }
.storefront-2026 .store-hero {
  display: block;
  width: min(1280px,calc(100% - 64px));
  margin: 30px auto 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e5ebe5;
  border-radius: 12px;
  background: #fff;
}
.storefront-2026 .store-hero .slider { width: 100%; margin: 0; background: #fff; }
.storefront-2026 .store-hero .rslides img { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: auto; object-fit: contain; }
.storefront-2026 .callbacks_nav { width: 32px !important; height: 32px !important; margin-top: -16px !important; background: #142c3be8 !important; box-shadow: none; }
.storefront-2026 .callbacks_nav:before { width: 8px; height: 8px; }
.storefront-2026 .callbacks_nav.prev { left: 8px !important; }
.storefront-2026 .callbacks_nav.next { right: 8px !important; }
.storefront-2026 .store-collection-section { padding: 49px 0 9px; scroll-margin-top: 70px; }
.storefront-2026 .store-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 25px; }
.storefront-2026 .store-section-heading .store-eyebrow { margin-bottom: 6px; font-size: 9px; }
.storefront-2026 .store-section-heading h2, .storefront-2026 .store-section-heading h3 { margin: 0; color: #233b40; font-size: 25px; font-weight: 750; text-align: left; }
.storefront-2026 .store-section-heading > p { color: #849087; font-size: 12px; }
.storefront-2026 .store-section-heading h3:after { display: none; }
.storefront-2026 .store-collection-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.storefront-2026 .store-collection-grid > a { display: flex; flex-direction: column; align-items: flex-start; padding: 21px; border: 1px solid #e1e8e3; border-radius: 9px; background: #fbfcfa; }
.storefront-2026 .store-collection-grid > a:hover { border-color: #aacdbf; background: #f0f8f2; }
.storefront-2026 .store-collection-grid > a > .fa { margin-bottom: 21px; color: #71917f; font-size: 23px; }
.storefront-2026 .store-collection-grid strong { color: #304b46; font-size: 12px; font-weight: 600; }
.storefront-2026 .store-collection-grid span { margin-top: 5px; color: #909b92; font-size: 10px; }
.storefront-2026 .store-collection-grid span .fa { margin-left: 3px; }
.storefront-2026 .featured { padding: 45px 0 10px; }
.storefront-2026 .store-featured { scroll-margin-top: 72px; }
.storefront-2026 .featured > .container-fluid > .row { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.storefront-2026 .featuredbox, .storefront-2026 .product-grid,
.storefront-2026 .featured > .container-fluid > ul > li { padding: 17px !important; border: 1px solid #e5eae6; border-radius: 10px; background: #fff; box-shadow: none; }
.storefront-2026 .featuredbox:hover, .storefront-2026 .product-grid:hover { border-color: #b6cfc1; box-shadow: 0 7px 25px #173f3010; transform: translateY(-2px); }
.storefront-2026 .featuredbox > a { display: flex; flex-direction: column; align-items: stretch; }
.storefront-2026 .featuredbox > a > div { float: none; width: 100%; padding: 0; }
.storefront-2026 .featuredbox img { height: 206px; padding: 6px; }
.storefront-2026 .featuredbox h4 { min-height: 47px; margin: 17px 0 11px; font-size: 13px; line-height: 1.6; font-weight: 600; }
.storefront-2026 .featuredbox p, .storefront-2026 .featured li p { margin-bottom: 0; font-size: 16px; font-weight: 700; }
.storefront-2026 .saleprice { color: #1e6858 !important; }
.storefront-2026 .strikethrough { color: #99a29c !important; font-size: 11px !important; font-weight: 400 !important; }
.storefront-2026 .featured > .container-fluid > ul { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.storefront-2026 .featured > .container-fluid > ul > li { min-height: 0; }
.storefront-2026 .featured li img { height: 206px; padding: 6px; }
.storefront-2026 .featured li h4 { min-height: 63px; margin: 16px 0 11px; font-size: 13px; line-height: 1.6; font-weight: 600; }
.storefront-2026 .recommendation { margin-top: 35px; padding: 43px 0; background: #f5f8f5; }
.storefront-2026 .recmnd-head h3 { margin-bottom: 22px; font-size: 24px; }
.storefront-2026 .recmnd-head h3:after { display: none; }
.storefront-2026 .bikes-grids { width: min(1280px,calc(100% - 64px)); }
.storefront-2026 #flexiselDemo1 h4 { color: #42574d; font-weight: 600; }
.storefront-2026 .breadcrumb { margin: 0 0 30px; padding: 17px max(32px,calc((100vw - 1280px)/2)); background: #f6f8f6; border-bottom: 1px solid #eef1ed; }
.storefront-2026 .breadcrumb > li, .storefront-2026 .breadcrumb > li > a { font-size: 11px; color: #859288; }
.storefront-2026 .breadcrumb > .active, .storefront-2026 .breadcrumb > .active > a { color: #4c6e5d; }
.storefront-2026 .product-model { background: #f8faf8; }
.storefront-2026 .product-model .col-md-2.nophone { padding: 20px 17px; border-radius: 9px; box-shadow: none; position: static; }
.storefront-2026 .product-model .col-md-2.nophone h3 { margin: 0 0 19px; color: #3d594c; font-size: 13px; letter-spacing: 1px; }
.storefront-2026 .product-model .col-md-2.nophone strong { color: #7d8d81; font-size: 11px; text-transform: uppercase; letter-spacing: .6px; }
.storefront-2026 .checkbox label { color: #5d6e63; font-size: 11px; line-height: 1.8; }
.storefront-2026 input[type="checkbox"], .storefront-2026 input[type="radio"] { accent-color: #087f72; }
.storefront-2026 .product-results-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.storefront-2026 .product-grid { min-height: 0; height: 100%; }
.storefront-2026 .product-grid > a > img { height: 215px; padding: 6px; }
.storefront-2026 .product-info h4 { margin: 0 0 14px; min-height: 65px; color: #314a41; font-size: 13px; font-weight: 600; line-height: 1.65; }
.storefront-2026 .product-info .item_price { font-size: 17px; font-weight: 700; }
.storefront-2026 .product-grid .tag { pointer-events: none; }
.storefront-2026 .subcategory-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.storefront-2026 .subcategory-grid > h3 { margin: 3px 0 8px; font-size: 24px; text-align: left; }
.storefront-2026 .subcatback { border-radius: 6px; background: #f3f7f3; }
.storefront-2026 .subcatback a { color: #385848; font-size: 13px; font-weight: 600; }
.storefront-2026 .search-results-grid > h3 { font-size: 23px; }
.storefront-2026 .single-sec { background: #f8faf8; }
.storefront-2026 .single-sec .det { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 48px; padding: 36px; border-radius: 12px; border-color: #e4eae4; box-shadow: none; }
.storefront-2026 .single_left { min-width: 0; }
.storefront-2026 .single-right { min-width: 0; }
.storefront-2026 .single-right h1 { margin: 8px 0 15px; font-size: 26px; line-height: 1.45; font-weight: 700; }
.storefront-2026 .product-brand { color: #648773; font-size: 10px; letter-spacing: 1.5px; }
.storefront-2026 .product-sku { font-size: 11px; color: #93a091; }
.storefront-2026 .single-right .cost { padding: 21px; margin-top: 22px; background: #f3f7f2; border: 1px solid #e4ece1; border-radius: 9px; }
.storefront-2026 .current-price { color: #214837; font-size: 32px; font-weight: 750; letter-spacing: -.9px; }
.storefront-2026 .cost small { color: #7a9179; font-size: 11px; }
.storefront-2026 .saving-badge { padding: 4px 8px; border-radius: 4px; background: #e0edde; color: #4f7a4c; font-size: 10px; }
.storefront-2026 .product-buy-form { gap: 12px; }
.storefront-2026 .product-buy-form label { color: #758571; font-size: 12px; font-weight: 500; }
.storefront-2026 .product-buy-form select { height: 48px; min-width: 68px; border-radius: 7px; background: #fff; }
.storefront-2026 .product-buy-form .btn { flex: 1; min-height: 48px; }
.storefront-2026 .product-specs { padding: 20px; border-color: #e5ebe2; background: #fcfdfa; }
.storefront-2026 .product-specs li { color: #76836e; font-size: 12px; padding: 6px 0; }
.storefront-2026 .product-specs strong { color: #4d6347; font-weight: 600; }
.storefront-2026 .single-bottom1 { padding: 22px; border-color: #e5ebe2; }
.storefront-2026 .single-bottom1 h2 { margin: 0 0 15px; font-size: 17px; }
.storefront-2026 .single-bottom1 h2:not(:first-child) { margin-top: 24px; }
.storefront-2026 .single-bottom1 .nl2 li { margin-bottom: 9px; color: #71816e; font-size: 13px; line-height: 1.85; }
.storefront-2026 .btn { padding: 11px 18px; border-radius: 7px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.storefront-2026 .btn:hover { transform: none; box-shadow: none; }
.storefront-2026 .btn-primary, .storefront-2026 .btn-info, .storefront-2026 .btn-success { border-color: #087f72; background: #087f72; }
.storefront-2026 .btn-primary:hover, .storefront-2026 .btn-info:hover, .storefront-2026 .btn-success:hover { border-color: #06675d; background: #06675d; }
.storefront-2026 .btn-default { background: #fff; border-color: #d9e3db; color: #4f6855; }
.storefront-2026 .btn-default:hover { background: #f0f6ef; }
.storefront-2026 .btn-lg { padding: 13px 23px; font-size: 14px; }
.storefront-2026 .btn-sm { padding: 8px 13px; font-size: 12px; }
.storefront-2026 .btn[disabled] { transform: none; }
.storefront-2026 .form-control { height: 47px; padding: 11px 14px; border-radius: 7px; border-color: #dce5dc; font-size: 14px; }
.storefront-2026 .form-control:focus { border-color: #429e82; box-shadow: 0 0 0 3px #087f7210; }
.storefront-2026 .form-control::placeholder { color: #97a28f; }
.storefront-2026 .form-control[disabled], .storefront-2026 .form-control[readonly] { background: #f0f3ed; }
.storefront-2026 .form-group { margin-bottom: 22px; }
.storefront-2026 .form-group > label, .storefront-2026 #addressform label { margin-bottom: 8px; color: #586f58; font-size: 12px; font-weight: 600; }
.storefront-2026 .input-group-addon { min-width: 43px; color: #6b927e; border-color: #dce5dc; border-radius: 0 7px 7px 0; background: #f3f7ef; }
.storefront-2026 .input-group .form-control { border-radius: 7px 0 0 7px; }
.storefront-2026 .cart_main, .storefront-2026 .regback, .storefront-2026 .support { background: #f8faf8; }
.storefront-2026 .cart-items, .storefront-2026 .cart-total, .storefront-2026 .registration,
.storefront-2026 #addressform, .storefront-2026 .payoptions .row, .storefront-2026 .addressradio,
.storefront-2026 #gettouch, .storefront-2026 #support, .storefront-2026 .payment-card,
.storefront-2026 .order-success { border-color: #e2e9e2; border-radius: 12px; box-shadow: none; }
.storefront-2026 .cart-items, .storefront-2026 .cart-total { padding: 28px; }
.storefront-2026 .cart-items h2, .storefront-2026 .cart-total h2 { margin-bottom: 23px; font-size: 21px; }
.storefront-2026 .carttitle { color: #3e5844; font-size: 14px; font-weight: 600; }
.storefront-2026 .cart-product-image img { border-color: #edf0e8; background: #fff; }
.storefront-2026 .cart-line-price strong { color: #2e6043; font-size: 20px; }
.storefront-2026 .cart-line-price small { display: block; margin: 5px 0 0; color: #7c9279; font-size: 11px; }
.storefront-2026 .quantity-control .btn { width: 38px; height: 38px; border-radius: 6px; }
.storefront-2026 .quantity-control span { min-width: 24px; color: #405739; }
.storefront-2026 .deletebutton { font-size: 11px; font-weight: 500; }
.storefront-2026 .price-details { gap: 13px 16px; color: #72806a; font-size: 12px; }
.storefront-2026 .cart-grand-total { padding-top: 20px; }
.storefront-2026 .cart-grand-total .last-price { font-size: 15px; }
.storefront-2026 .cart-total .final { color: #345a3e; font-size: 25px; }
.storefront-2026 .cart-note { margin-top: 17px; line-height: 1.8; }
.storefront-2026 .nothing { padding: 39px; margin: 20px auto; border: 1px dashed #d4e0d0; background: #fbfdf8; color: #7a8b71; font-size: 14px; }
.storefront-2026 .nothing > .fa { font-size: 32px; color: #95b795; margin-bottom: 12px; }
.storefront-2026 .nothing h3 { color: #4c6f4a; font-size: 23px; }
.storefront-2026 .nothing .btn { margin-top: 20px; }
.storefront-2026 .registration { width: 455px !important; max-width: 100%; padding: 35px; margin: 28px auto 18px; }
.storefront-2026 .registration h2 { font-size: 27px; letter-spacing: -.8px; }
.storefront-2026 .registration .form-intro { font-size: 12px; line-height: 1.8; }
.storefront-2026 .registration .boxbottom { font-size: 12px; }
.storefront-2026 .registration .terms-check { font-weight: 400; line-height: 1.7; }
.storefront-2026 .registration .terms-check input { margin-right: 5px; }
.storefront-2026 #addressform { padding: 32px; }
.storefront-2026 .address-page-header { padding: 25px 29px; box-shadow: none; }
.storefront-2026 .address-page-header h1 { font-size: 26px; }
.storefront-2026 .addressradio { padding: 25px; font-size: 13px; line-height: 1.9; }
.storefront-2026 .checkout-step { color: #829779; font-size: 9px; letter-spacing: 1.4px; }
.storefront-2026 .payment-choices label { padding: 20px; color: #607253; border-color: #dfe8d9; border-radius: 8px; font-size: 13px; font-weight: 400; cursor: pointer; }
.storefront-2026 .payment-choices label:has(input:checked) { border-color: #73ab8d; background: #f1f8ef; box-shadow: inset 3px 0 #268568; }
.storefront-2026 .payment-choices input { margin-right: 9px; }
.storefront-2026 .payment-choices strong { color: #385f3c; font-weight: 650; }
.storefront-2026 .payment-card .razorpay-payment-button { padding: 13px 24px; border: 1px solid #087f72; border-radius: 7px; background: #087f72; color: #fff; font-family: inherit; font-weight: 600; }
.storefront-2026 .declaration-check { color: #627256; font-size: 12px; line-height: 1.8; }
.storefront-2026 .declaration-check input { margin-right: 7px; }
.storefront-2026 .support #gettouch h2, .storefront-2026 .support #support h2 { font-size: 25px; }
.storefront-2026 .support #gettouch p { color: #718069; font-size: 14px; }
.storefront-2026 #privacypolicy { padding: 28px 36px; border: 1px solid #e1e8df; border-radius: 12px; background: #fff; }
.storefront-2026 #privacypolicy > .row { margin: 0; }
.storefront-2026 #privacypolicy p, .storefront-2026 #privacypolicy li { color: #687861; font-size: 14px; line-height: 1.9; }
.storefront-2026 .leftside { margin: 0 0 24px; padding: 10px; border: 1px solid #ccd9d3; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px #142c3b08; }
.storefront-2026 .leftside li { margin: 0; padding: 0; border: 0; background: transparent; list-style: none; }
.storefront-2026 .leftside li + li { margin-top: 7px; }
.storefront-2026 .leftside li a { display: block; min-height: 48px; padding: 13px 15px; border: 1px solid #d8e3df; border-radius: 7px; background: #f2f6f4; color: #243d44; font-size: 14px; font-weight: 600; line-height: 1.5; }
.storefront-2026 .leftside li a:hover, .storefront-2026 .leftside li a:focus { background: #e0eee9; border-color: #9bbbad; color: #173f35; }
.storefront-2026 .leftside li.active a, .storefront-2026 .leftside li.active a:hover, .storefront-2026 .leftside li.active a:focus { background: #142c3b; border-color: #142c3b; color: #fff !important; box-shadow: inset 3px 0 #63c9b7; }
.storefront-2026 .card { padding: 28px; border: 1px solid #e0e8dc; border-radius: 11px; background: #fff; }
.storefront-2026 .store-help { padding: 36px 0; border-top: 1px solid #e4ebe4; background: #edf4ed; }
.storefront-2026 .store-help .container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.storefront-2026 .store-help .container:before, .storefront-2026 .store-help .container:after { display: none; }
.storefront-2026 .store-help .store-eyebrow { display: block; color: #849a7e; font-size: 9px; margin-bottom: 7px; }
.storefront-2026 .store-help h2 { margin: 0 0 7px; color: #304e35; font-size: 26px; }
.storefront-2026 .store-help p { color: #7a8d72; font-size: 12px; }
.storefront-2026 .store-help .btn { flex-shrink: 0; color: #537249; border-color: #cedcc6; padding: 13px 20px; font-size: 12px; }
.storefront-2026 .store-help .btn .fa { margin-left: 15px; }
.storefront-2026 .trust-strip { padding: 30px 0; border-top: 0; }
.storefront-2026 .trust-grid > div { justify-content: flex-start; gap: 14px; }
.storefront-2026 .trust-grid i { flex: 0 0 42px; border-radius: 10px; color: #698e68; background: #f0f5eb; }
.storefront-2026 .trust-grid strong { display: block; color: #3c5639; font-size: 12px; margin-bottom: 4px; }
.storefront-2026 .trust-grid span { color: #8d9a83; font-size: 10px; }
.storefront-2026 .site-footer { background: #142c3b; }
.storefront-2026 .footer-grid { grid-template-columns: 1.25fr .8fr .9fr 1.2fr; gap: 50px; padding-top: 46px; padding-bottom: 40px; }
.storefront-2026 .footer-brand img { width: 190px; padding: 12px; border-radius: 8px; }
.storefront-2026 .footer-brand p { color: #a0b2b4; font-size: 12px; line-height: 1.9; }
.storefront-2026 .site-footer h4 { font-size: 12px; font-weight: 600; letter-spacing: .2px; }
.storefront-2026 .site-footer li { margin: 10px 0; color: #a0b2b4; font-size: 11px; line-height: 1.85; }
.storefront-2026 .site-footer a { color: #a0b2b4; }
.storefront-2026 .site-footer a:hover { color: #fff; }
.storefront-2026 .footer-bottom p { font-size: 10px; color: #829b9f; }
.storefront-2026 .whatsapp { width: 48px; height: 48px; background: #198c68; font-size: 25px; line-height: 48px; box-shadow: 0 5px 18px #123e3c20; }
@media (min-width: 768px) and (max-width: 1199px) {
  .storefront-2026 .categories .nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .storefront-2026 .categories .nav > li > a { color: #53645a; }
  .storefront-2026 .header-main { grid-template-columns: 190px minmax(160px,1fr) auto; gap: 25px; }
  .storefront-2026 .site-logo img { width: 180px; }
  .storefront-2026 .store-collection-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .storefront-2026 .featured > .container-fluid > .row, .storefront-2026 .featured > .container-fluid > ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .storefront-2026 .single-sec .det { gap: 27px; padding: 25px; }
  .storefront-2026 .single-right h1 { font-size: 22px; }
  .storefront-2026 .footer-grid { gap: 25px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .storefront-2026 .product-model .col-md-2.nophone { margin: 0 15px 25px; }
  .storefront-2026 .product-model .col-md-2.nophone form { max-height: 250px; overflow: auto; }
  .storefront-2026 .single-sec .det { display: block; }
  .storefront-2026 .single_left { max-width: 500px; margin: 0 auto 35px; }
  .storefront-2026 .subcategory-grid, .storefront-2026 .search-results-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .storefront-2026 .container, .storefront-2026 .container-fluid, .storefront-2026 .bikes-grids { width: calc(100% - 32px); }
  .storefront-2026 .header-main { min-height: 132px; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 76px 50px; gap: 0 16px; }
  .storefront-2026 .site-logo { gap: 3px; }
  .storefront-2026 .site-logo img { width: 175px; max-height: 49px; }
  .storefront-2026 .store-brand-caption { margin-left: 47px; font-size: 7px; letter-spacing: 2px; }
  .storefront-2026 .account-nav { gap: 17px; }
  .storefront-2026 .header-cart { padding: 8px 10px; }
  .storefront-2026 .header-cart strong { left: 21px; top: 0; }
  .storefront-2026 .site-search { height: 44px; }
  .storefront-2026 .site-search input { height: 44px !important; font-size: 16px !important; }
  .storefront-2026 .site-search button { height: 34px; }
  .storefront-2026 .categories .container { width: calc(100% - 32px); }
  .storefront-2026 .categories .navbar-toggle { height: 46px; color: #4e6757; font-size: 12px; }
  .storefront-2026 .categories .nav { display: block; }
  .storefront-2026 .categories .nav > li > a { padding: 12px !important; font-size: 11px; }
  .storefront-2026 .store-hero { width: calc(100% - 32px); margin-top: 17px; border-radius: 8px; }
  .storefront-2026 .store-showcase-label, .storefront-2026 .store-showcase-bottom { padding: 14px; font-size: 9px; }
  .storefront-2026 .store-showcase-label > span:first-child { font-size: 8px; }
  .storefront-2026 .store-showcase-bottom > span { display: none; }
  .storefront-2026 .store-showcase-bottom > a { font-size: 10px; }
  .storefront-2026 .callbacks_nav { width: 27px !important; height: 27px !important; margin-top: -13px !important; }
  .storefront-2026 .store-collection-section { padding-top: 34px; }
  .storefront-2026 .store-section-heading { align-items: flex-start; flex-direction: column; gap: 7px; margin-bottom: 18px; }
  .storefront-2026 .store-section-heading h2, .storefront-2026 .store-section-heading h3 { font-size: 22px; }
  .storefront-2026 .store-section-heading > p { font-size: 11px; }
  .storefront-2026 .store-collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .storefront-2026 .store-collection-grid > a { padding: 18px; }
  .storefront-2026 .store-collection-grid > a > .fa { margin-bottom: 16px; font-size: 21px; }
  .storefront-2026 .store-collection-grid strong { font-size: 11px; }
  .storefront-2026 .featured { padding-top: 30px; }
  .storefront-2026 .featured > .container-fluid > .row, .storefront-2026 .featured > .container-fluid > ul,
  .storefront-2026 .product-results-grid, .storefront-2026 .subcategory-grid,
  .storefront-2026 .search-results-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .storefront-2026 .featuredbox, .storefront-2026 .product-grid, .storefront-2026 .featured > .container-fluid > ul > li { padding: 11px !important; min-height: 0; }
  .storefront-2026 .featuredbox img, .storefront-2026 .featured li img, .storefront-2026 .product-grid > a > img { height: 155px; padding: 3px; }
  .storefront-2026 .featuredbox h4, .storefront-2026 .featured li h4, .storefront-2026 .product-info h4 { font-size: 11px; min-height: 62px; margin: 13px 0 9px; line-height: 1.65; }
  .storefront-2026 .featuredbox p, .storefront-2026 .featured li p, .storefront-2026 .product-info .item_price { font-size: 14px; }
  .storefront-2026 .strikethrough { font-size: 10px !important; }
  .storefront-2026 .right10 { margin-right: 5px; }
  .storefront-2026 .breadcrumb { padding: 13px 16px; margin-bottom: 20px; }
  .storefront-2026 .single-sec .det { display: block; padding: 18px; border-radius: 10px; }
  .storefront-2026 .single-right h1 { font-size: 22px; }
  .storefront-2026 .single-right .cost { padding: 17px; }
  .storefront-2026 .current-price { font-size: 29px; }
  .storefront-2026 .product-specs, .storefront-2026 .single-bottom1 { padding: 17px; }
  .storefront-2026 .product-buy-form { align-items: center; }
  .storefront-2026 .product-buy-form .btn { min-width: 0; }
  .storefront-2026 .form-control, .storefront-2026 .product-buy-form select { font-size: 16px; }
  .storefront-2026 .cart-items, .storefront-2026 .cart-total { padding: 21px; }
  .storefront-2026 .cart-items h2, .storefront-2026 .cart-total h2 { font-size: 20px; }
  .storefront-2026 .cart-product-image { margin-bottom: 19px; }
  .storefront-2026 .cart-actions { gap: 20px; }
  .storefront-2026 .registration { padding: 27px 23px; margin: 10px auto; }
  .storefront-2026 .registration h2 { font-size: 24px; }
  .storefront-2026 #addressform, .storefront-2026 .payoptions .row, .storefront-2026 .payment-card { padding: 22px; }
  .storefront-2026 .address-page-header { padding: 23px; }
  .storefront-2026 .address-page-header h1 { font-size: 22px; }
  .storefront-2026 .payment-choices label { padding: 17px; line-height: 1.9; }
  .storefront-2026 .payoptions h3 { font-size: 22px; }
  .storefront-2026 .nothing { padding: 25px 17px; font-size: 13px; }
  .storefront-2026 #privacypolicy { padding: 23px; }
  .storefront-2026 .leftside { margin-bottom: 22px; }
  .storefront-2026 .store-help { padding: 29px 0; }
  .storefront-2026 .store-help .container { align-items: flex-start; flex-direction: column; gap: 22px; }
  .storefront-2026 .store-help h2 { font-size: 23px; }
  .storefront-2026 .trust-grid { gap: 22px 16px; }
  .storefront-2026 .trust-grid > div { gap: 10px; }
  .storefront-2026 .trust-grid i { flex-basis: 35px; width: 35px; height: 35px; line-height: 35px; font-size: 16px; }
  .storefront-2026 .trust-grid strong { font-size: 11px; }
  .storefront-2026 .trust-grid span { font-size: 9px; }
  .storefront-2026 .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; padding-top: 34px; }
  .storefront-2026 .footer-brand { grid-column: 1/-1; }
  .storefront-2026 .footer-contact { overflow-wrap: anywhere; }
  .storefront-2026 .whatsapp { right: 13px; bottom: 14px; width: 44px; height: 44px; line-height: 44px; font-size: 23px; }
}
@media (max-width: 359px) {
  .storefront-2026 .site-logo img { width: 145px; }
  .storefront-2026 .store-brand-caption { margin-left: 38px; font-size: 6px; }
  .storefront-2026 .product-buy-form .btn { flex-basis: 100%; }
  .storefront-2026 .featuredbox img, .storefront-2026 .featured li img, .storefront-2026 .product-grid > a > img { height: 125px; }
}
@media print {
  .storefront-2026 .site-utility, .storefront-2026 .site-header, .storefront-2026 .categories,
  .storefront-2026 .store-help, .storefront-2026 .trust-strip, .storefront-2026 .site-footer,
  .storefront-2026 .whatsapp { display: none; }
  .storefront-2026 .container { width: 100%; }
}