/* WordPress/WooCommerce adapter layer for original CBI shop design */
html, body { scroll-behavior: auto !important; }
body.cbi-shop-theme { opacity: 1 !important; background:#fefefe; }
body.cbi-shop-theme.loaded { opacity: 1 !important; }
body.admin-bar .sticky-top { top: 32px; }
body.no-scroll { overflow: hidden; }

.cbi-shop-theme a { text-decoration: none; }
.cbi-shop-theme .container-fluid { max-width: 1480px; }
.cbi-logo-center { min-width: 260px; }
.navbar-brand img { object-fit: contain; max-height: 46px; }
.cbi-cart-count { font-size: 11px; line-height: 1; background:#19233e; color:#fff; min-width:17px; height:17px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; margin-left:3px; vertical-align:top; }
.login-wrapper { color:#000; display:flex; align-items:center; gap:5px; cursor:pointer; }
.login-wrapper:hover { color:#19233e; }

.shop-hero-video { width:100%; overflow:hidden; background:#fff; }
.shop-hero-video video,
.shop-hero-video .shop-hero-fallback { width:100%; height: min(62vh, 620px); min-height: 360px; object-fit: cover; display:block; }
.shop-brand-section { padding: clamp(42px, 7vw, 92px) 0 28px; background:#fff; }
.shop-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; }
.shop-section-head h2 { margin:0; color:#111; font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight:800; }
.shop-brand-grid { display:grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap:14px; }
.shop-brand-card { position:relative; background:#fff; border:1px solid rgba(25,35,62,.12); border-radius:18px; min-height:176px; padding:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; overflow:hidden; }
.shop-brand-card::after { content:""; position:absolute; inset:auto 18px 12px; height:3px; border-radius:99px; background:linear-gradient(90deg,#19233e,#e4a30d); opacity:0; transition:opacity .2s ease; }
.shop-brand-card:hover { transform: translateY(-4px); border-color:rgba(25,35,62,.22); box-shadow: 0 16px 40px rgba(25,35,62,.12); }
.shop-brand-card.active { border-color:#19233e; box-shadow:0 15px 38px rgba(25,35,62,.15); }
.shop-brand-card.active::after { opacity:1; }
.shop-brand-logo-wrap { width:100%; height:92px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.shop-brand-logo { max-width:100%; max-height:88px; width:auto; height:auto; object-fit:contain; filter: grayscale(.12); opacity:.94; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.shop-brand-card:hover .shop-brand-logo,
.shop-brand-card.active .shop-brand-logo { filter:none; opacity:1; transform:scale(1.02); }
.shop-brand-info strong { display:block; color:#19233e; font-size:14.5px; font-weight:800; }
.shop-brand-info span { display:block; color:#666; font-size:13px; margin-top:3px; }
.shop-card-brand { font-size:12px; font-weight:700; color:#19233e; margin-left:-14px; margin-bottom:4px; }

.product.section { width:100%; }
.product-card { background:transparent; }
.product-card .card-title a { color:#111; }
.product-card .card-title a:hover { color:#19233e; }
.product-image-wrapper { aspect-ratio: 1 / 1; background:#f8f8f8; }
.product-image-wrapper img { height:100%; object-fit:cover; display:block; }
.product-image-wrapper .human-view { height:100%; object-fit:cover; }
.badge-price .amount { color:#fff; }
.color-dot { border-radius: 999px; overflow:hidden; }
.cbi-card-actions { display:flex; align-items:center; gap:8px; margin-left:-14px; margin-top:10px; flex-wrap:wrap; }
.cbi-card-actions .button { border:0; background:#19233e; color:#fff; padding:7px 12px; border-radius:8px; font-size:13px; font-weight:700; }
.cbi-card-actions .button:hover { background:#0e1528; color:#fff; }
.cbi-view-detail { color:#333; font-size:13px; }

.cart-dropdown img.attachment-thumbnail,
.cart-dropdown img.size-thumbnail { width:56px; height:56px; object-fit:cover; border-radius:8px; }
.cart-dropdown .remove-item-btn { color:#111; border:0; background:transparent; font-size:22px; line-height:1; }
.cart-dropdown .remove-item-btn:hover { color:#dc3545; }
.cart-footer .checkout-btn { display:block; text-align:center; }

.search-overlay { position:fixed; inset:0; background:rgba(255,255,255,.96); z-index:2000; display:none; align-items:center; justify-content:center; padding:20px; }
.search-overlay.active { display:flex; }
.search-box { width:min(760px, 92vw); position:relative; }
.search-close { position:absolute; top:-58px; right:0; background:none; border:0; font-size:48px; line-height:1; color:#111; }
.search-box form { height:64px; display:flex; align-items:center; border:1px solid rgba(0,0,0,.12); border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.08); background:#fff; }
.search-box input { border:0 !important; box-shadow:none !important; font-size:20px; }

.footer { background:#19233e; color:#fff; padding:38px 0; margin-top:80px; }
.footer-brand { font-weight:800; font-size:24px; letter-spacing:.04em; }
.footer-text, .footer-copy { color:rgba(255,255,255,.75); margin:6px 0 0; }
.social-links { display:flex; gap:10px; margin-top:14px; }
.social-link { width:40px; height:40px; border-radius:999px; background:rgba(255,255,255,.1); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
.social-link:hover { background:#fff; color:#19233e; }
.social-icon { max-width:22px; max-height:22px; object-fit:contain; }
.scroll-top { position:fixed; right:18px; bottom:18px; width:42px; height:42px; border-radius:999px; background:#19233e; color:#fff; z-index:999; visibility:hidden; opacity:0; transition:.2s ease; }
.scroll-top.active { visibility:visible; opacity:1; }

.woocommerce div.product { max-width:1180px; margin:40px auto; padding:0 18px; }
.woocommerce div.product .product_title { font-weight:800; color:#19233e; }
.woocommerce .woocommerce-breadcrumb { max-width:1180px; margin:24px auto 0; padding:0 18px; }
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content,
.cbi-woocommerce-main { max-width:1180px; margin:0 auto; padding:40px 18px; }

@media (max-width: 1199px) { .shop-brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px) {
  body.admin-bar .cbi-mobile-header { top: 46px; }
  .shop-hero-video video { min-height:300px; height:48vh; }
  .shop-brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .container-fluid { width:94% !important; }
  .product-card { width: calc((100% - 12px) / 2) !important; }
  .product-container.shrink { transform:none !important; margin-left:0 !important; }
}
@media (max-width: 575.98px) {
  .shop-brand-grid { grid-template-columns:1fr; }
  .product-card { width:100% !important; }
  .shop-section-head { align-items:flex-start; flex-direction:column; }
}


/* ===== CBI faithful patch v0.2.1 =====
   Fixes: nav-to-video spacing, brand row wrapping/duplicates, filter overflow. */
body.cbi-shop-theme {
  overflow-x: hidden;
}
body.cbi-shop-theme .navone,
body.cbi-shop-theme #header,
body.cbi-shop-theme .header,
body.cbi-shop-theme .navbar,
body.cbi-shop-theme .container-fluid {
  margin-bottom: 0 !important;
}
body.cbi-shop-theme #header.header {
  min-height: 96px;
  padding: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
body.cbi-shop-theme .navone {
  min-height: 36px;
  padding: 0 !important;
}
body.cbi-shop-theme .navmenu {
  min-height: 96px;
  padding: 0 !important;
}
body.cbi-shop-theme main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.cbi-shop-theme .shop-hero-video {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 0;
  background: #fff;
}
body.cbi-shop-theme .shop-hero-video video,
body.cbi-shop-theme .shop-hero-video .shop-hero-fallback {
  width: 100% !important;
  height: clamp(500px, 78vh, 820px) !important;
  min-height: 500px !important;
  object-fit: cover !important;
  display: block !important;
}
body.admin-bar.cbi-shop-theme #header.header {
  top: 32px;
}

body.cbi-shop-theme .shop-brand-section {
  padding: clamp(34px, 4.5vw, 66px) 0 22px !important;
}
body.cbi-shop-theme .shop-brand-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch;
}
body.cbi-shop-theme .shop-brand-card {
  min-height: 150px !important;
  padding: 14px 10px !important;
  border-radius: 14px !important;
}
body.cbi-shop-theme .shop-brand-logo-wrap {
  height: 74px !important;
  margin-bottom: 10px !important;
}
body.cbi-shop-theme .shop-brand-logo {
  max-height: 70px !important;
}
body.cbi-shop-theme .shop-brand-info strong {
  font-size: 14px !important;
}
body.cbi-shop-theme .shop-brand-info span {
  font-size: 12px !important;
  line-height: 1.25;
}

body.cbi-shop-theme .cbi-catalog-layout {
  position: relative;
  align-items: flex-start;
  gap: 20px;
}
body.cbi-shop-theme .filter-menu {
  position: static !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 220px;
  width: 220px !important;
  min-width: 220px;
  max-width: 220px;
  background: #fff !important;
  padding: 8px 10px 18px !important;
  border-radius: 0 !important;
  z-index: 2 !important;
  visibility: hidden;
  opacity: 0;
  display: none;
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  box-shadow: none !important;
  transition: none !important;
}
body.cbi-shop-theme .filter-menu.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.cbi-shop-theme .filter-menu a {
  display: inline-block;
  color: #111;
  line-height: 1.55;
}
body.cbi-shop-theme .filter-menu hr {
  margin: 14px 0;
}
body.cbi-shop-theme .product.section {
  flex: 1 1 auto;
  min-width: 0;
}
body.cbi-shop-theme .product-container {
  transform: none !important;
  margin-left: 0 !important;
  width: 100% !important;
}
body.cbi-shop-theme .product-container.shrink {
  transform: none !important;
  margin-left: 0 !important;
}
body.cbi-shop-theme .footer {
  clear: both;
  margin-top: 60px !important;
}

@media (max-width: 1280px) {
  body.cbi-shop-theme .shop-brand-grid { gap: 10px !important; }
  body.cbi-shop-theme .shop-brand-card { min-height: 140px !important; padding: 12px 8px !important; }
  body.cbi-shop-theme .shop-brand-logo-wrap { height: 66px !important; }
  body.cbi-shop-theme .shop-brand-logo { max-height: 62px !important; }
}
@media (max-width: 991.98px) {
  body.admin-bar.cbi-shop-theme #header.header { top: 46px; }
  body.cbi-shop-theme #header.header { min-height: 64px; }
  body.cbi-shop-theme .shop-hero-video video,
  body.cbi-shop-theme .shop-hero-video .shop-hero-fallback {
    min-height: 300px !important;
    height: 48vh !important;
  }
  body.cbi-shop-theme .shop-brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.cbi-shop-theme .filter-menu {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  body.cbi-shop-theme .shop-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ==========================================================================
   CBI faithful pixel-pass patch v0.2.2
   Goal: closer to the original shop.php layout while keeping WooCommerce.
   Fixes:
   - remove white gap / wrong proportion between nav and hero video
   - restore translucent blurred sticky nav like the old site
   - keep 6 brand cards in one row on desktop/tablet
   - restore original brand spacing/card size
   - prevent filter panel from leaking into footer
   - fix mobile/desktop header breakpoint so tablet does not show broken hamburger bar
   ========================================================================== */

/* Base safety */
html,
body.cbi-shop-theme {
  overflow-x: hidden !important;
}
body.cbi-shop-theme {
  background: #fefefe !important;
}

/* Keep top small nav like original. It scrolls naturally; main header sticks. */
body.cbi-shop-theme .navone {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
  line-height: 1 !important;
  position: relative;
  z-index: 1002;
}
body.cbi-shop-theme .navone .container-fluid {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
}

/* Original-like sticky translucent header */
body.cbi-shop-theme #header.header {
  min-height: 84px !important;
  height: 84px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: none !important;
  transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease, opacity .28s ease !important;
  z-index: 1005 !important;
}
body.cbi-shop-theme.scrolled #header.header,
body.cbi-shop-theme #header.header.header-scrolled {
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .06) !important;
}
body.admin-bar.cbi-shop-theme #header.header {
  top: 32px !important;
}

/* Use original 80% content width for nav/content, but hero remains full width. */
body.cbi-shop-theme #header .container-fluid,
body.cbi-shop-theme .navone .container-fluid,
body.cbi-shop-theme .shop-brand-section .container-fluid,
body.cbi-shop-theme main > .container-fluid {
  width: 80% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.cbi-shop-theme #header .container-fluid,
body.cbi-shop-theme #navbar-scroll,
body.cbi-shop-theme #navbar-scroll > .d-flex {
  height: 84px !important;
  min-height: 84px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center !important;
}
body.cbi-shop-theme .navmenu {
  display: flex !important;
  align-items: center !important;
}

/* Keep center logo and menu proportions close to original */
body.cbi-shop-theme .cbi-logo-center,
body.cbi-shop-theme #header .collapse.navbar-collapse.justify-content-center {
  min-width: 260px !important;
  flex: 0 0 260px !important;
}
body.cbi-shop-theme .navbar-brand {
  position: relative !important;
  left: -5vw !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}
body.cbi-shop-theme .navbar-brand img {
  width: 130px !important;
  height: 25px !important;
  max-width: 130px !important;
  max-height: 25px !important;
  object-fit: contain !important;
}
body.cbi-shop-theme #header .navbar-nav .nav-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.35 !important;
}
body.cbi-shop-theme #header .search-icon {
  margin-right: 1.6rem !important;
}

/* Prevent Bootstrap d-lg-none from showing broken mobile bar on tablet widths.
   Original desktop layout stays until <= 768px. */
@media (min-width: 769px) {
  body.cbi-shop-theme .cbi-mobile-header {
    display: none !important;
  }
  body.cbi-shop-theme .navmenu {
    display: flex !important;
  }
  body.cbi-shop-theme #header .container-fluid > #cartIcon,
  body.cbi-shop-theme #header .container-fluid > .divider,
  body.cbi-shop-theme #header .container-fluid > .login-wrapper,
  body.cbi-shop-theme #header .container-fluid > .dropdown {
    display: flex !important;
  }
}

/* Hero: restore old full-width video block and remove any extra gap. */
body.cbi-shop-theme main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.cbi-shop-theme .shop-hero-video {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  height: clamp(500px, 78vh, 820px) !important;
  min-height: 500px !important;
  max-height: 820px !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: #f7f3ec !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.cbi-shop-theme .shop-hero-video video,
body.cbi-shop-theme .shop-hero-video .shop-hero-fallback {
  width: 100% !important;
  height: clamp(500px, 78vh, 820px) !important;
  min-height: 500px !important;
  max-height: 820px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Brand section: restore old breathing room and smaller cards. */
body.cbi-shop-theme .shop-brand-section {
  padding: clamp(108px, 9vw, 140px) 0 clamp(22px, 4vw, 46px) !important;
  margin: 0 !important;
  background: #fff !important;
}
body.cbi-shop-theme .shop-section-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 22px !important;
}
body.cbi-shop-theme .shop-section-head h2 {
  margin: 0 !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  line-height: 1.15 !important;
}

/* Force 6 equal brand cards in one row from tablet upward. */
body.cbi-shop-theme .shop-brand-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
body.cbi-shop-theme .shop-brand-card {
  min-height: 128px !important;
  height: 128px !important;
  padding: 18px 14px 20px !important;
  border: 1px solid rgba(0,0,0,.075) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.026) !important;
  color: #111 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease !important;
}
body.cbi-shop-theme .shop-brand-card:hover,
body.cbi-shop-theme .shop-brand-card.active {
  transform: translateY(-3px) !important;
  border-color: rgba(25,35,62,.20) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.065) !important;
}
body.cbi-shop-theme .shop-brand-card::after {
  bottom: 13px !important;
  width: 36px !important;
  height: 3px !important;
}
body.cbi-shop-theme .shop-brand-logo-wrap {
  width: 100% !important;
  height: 58px !important;
  margin-bottom: 8px !important;
}
body.cbi-shop-theme .shop-brand-logo {
  width: auto !important;
  height: auto !important;
  max-width: 86px !important;
  max-height: 56px !important;
  object-fit: contain !important;
}
body.cbi-shop-theme .shop-brand-info strong {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
body.cbi-shop-theme .shop-brand-info span {
  color: #555 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin-top: 4px !important;
}

/* Catalog/filter: original slide-in behavior, but safer height and no footer overlap */
body.cbi-shop-theme .cbi-catalog-layout {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0 !important;
  min-height: 240px !important;
}
body.cbi-shop-theme .cbi-catalog-layout.filter-open {
  min-height: 560px !important;
}
body.cbi-shop-theme .filter-menu {
  position: absolute !important;
  top: 0 !important;
  left: -300px !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  background: #fff !important;
  padding: 10px !important;
  border-radius: 5px !important;
  z-index: 25 !important;
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  box-shadow: none !important;
  max-height: min(620px, calc(100vh - 145px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  transition: left .4s ease-in-out, opacity .25s ease !important;
}
body.cbi-shop-theme .filter-menu.active {
  left: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.cbi-shop-theme .filter-menu a {
  color: #000 !important;
  text-decoration: none !important;
  line-height: 1.55 !important;
}
body.cbi-shop-theme .filter-menu hr {
  margin: 14px 0 !important;
  opacity: .18 !important;
}
body.cbi-shop-theme .product.section {
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
body.cbi-shop-theme .product-container {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-left: 0 !important;
  transform: none !important;
  transition: all .4s ease-in-out !important;
}
body.cbi-shop-theme .cbi-catalog-layout.filter-open .product-container,
body.cbi-shop-theme .product-container.shrink {
  transform: scale(.95) translate(20px, -20px) !important;
  margin-left: 210px !important;
  width: calc(100% - 210px) !important;
}
body.cbi-shop-theme .footer {
  position: relative !important;
  clear: both !important;
  margin-top: 72px !important;
  z-index: 1 !important;
}

/* Product cards: keep original proportions */
body.cbi-shop-theme .product-card {
  width: calc((100% - 36px) / 4) !important;
  border: none !important;
  margin-bottom: 20px !important;
}
body.cbi-shop-theme .product-image-wrapper {
  aspect-ratio: auto !important;
}
body.cbi-shop-theme .product-image-wrapper img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}
body.cbi-shop-theme .product-image-wrapper img.human-view {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
}
body.cbi-shop-theme .product-image-wrapper:hover img.human-view {
  opacity: 1 !important;
}

/* Tablet: still use original desktop brand row, but reduce card size a bit. */
@media (min-width: 769px) and (max-width: 1180px) {
  body.cbi-shop-theme #header .container-fluid,
  body.cbi-shop-theme .navone .container-fluid,
  body.cbi-shop-theme .shop-brand-section .container-fluid,
  body.cbi-shop-theme main > .container-fluid {
    width: 90% !important;
  }
  body.cbi-shop-theme .shop-brand-grid {
    gap: 10px !important;
  }
  body.cbi-shop-theme .shop-brand-card {
    height: 118px !important;
    min-height: 118px !important;
    padding: 12px 8px 16px !important;
    border-radius: 16px !important;
  }
  body.cbi-shop-theme .shop-brand-logo-wrap {
    height: 50px !important;
    margin-bottom: 7px !important;
  }
  body.cbi-shop-theme .shop-brand-logo {
    max-width: 72px !important;
    max-height: 48px !important;
  }
  body.cbi-shop-theme .shop-brand-info strong {
    font-size: 12.5px !important;
  }
  body.cbi-shop-theme .shop-brand-info span {
    font-size: 10.5px !important;
  }
}

/* Mobile only: use mobile header and 2-column brand cards. */
@media (max-width: 768px) {
  body.cbi-shop-theme .navone {
    display: none !important;
  }
  body.cbi-shop-theme #header.header {
    height: 64px !important;
    min-height: 64px !important;
    background: rgba(255,255,255,.86) !important;
  }
  body.admin-bar.cbi-shop-theme #header.header {
    top: 46px !important;
  }
  body.cbi-shop-theme .navmenu {
    display: none !important;
  }
  body.cbi-shop-theme .cbi-mobile-header {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 64px !important;
  }
  body.cbi-shop-theme #header .container-fluid,
  body.cbi-shop-theme .shop-brand-section .container-fluid,
  body.cbi-shop-theme main > .container-fluid {
    width: 92% !important;
  }
  body.cbi-shop-theme .shop-hero-video,
  body.cbi-shop-theme .shop-hero-video video,
  body.cbi-shop-theme .shop-hero-video .shop-hero-fallback {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }
  body.cbi-shop-theme .shop-brand-section {
    padding: 54px 0 22px !important;
  }
  body.cbi-shop-theme .shop-section-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  body.cbi-shop-theme .shop-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.cbi-shop-theme .shop-brand-card {
    height: 132px !important;
    min-height: 132px !important;
  }
  body.cbi-shop-theme .filter-menu {
    display: none !important;
  }
  body.cbi-shop-theme .cbi-catalog-layout,
  body.cbi-shop-theme .cbi-catalog-layout.filter-open {
    min-height: auto !important;
  }
  body.cbi-shop-theme .product-container,
  body.cbi-shop-theme .product-container.shrink,
  body.cbi-shop-theme .cbi-catalog-layout.filter-open .product-container {
    transform: none !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  body.cbi-shop-theme .product-card {
    width: calc((100% - 12px) / 2) !important;
  }
}
@media (max-width: 480px) {
  body.cbi-shop-theme .shop-brand-grid {
    grid-template-columns: 1fr !important;
  }
  body.cbi-shop-theme .product-card {
    width: 100% !important;
  }
}