/* Build-A-Bear storefront on Flatsome — colors from the public site chrome */
:root {
  --bab-yellow: #dfe33c;
  --bab-yellow-deep: #cfd400;
  --bab-blue: #0056a2;
  --bab-navy: #1d3557;
  --bab-navy-2: #16324f;
  --bab-red: #d00a2d;
  --bab-text: #0056A2;
  --bab-muted: #0056A2;
  --bab-line: #e5e5e5;
  --bab-bg: #ffffff;
  --bab-cream: #f6f6f6;
  --bab-max: 1280px;
  --bab-radius: 8px;
  --bab-font: "Nunito", "Helvetica Neue", Arial, sans-serif;
}

html {
  background: #f3f3f3;
}
html, body.bab-store {
  font-family: var(--bab-font);
  color: var(--bab-text);
  background: #f3f3f3;
}
body.bab-store #wrapper,
body.bab-store .header,
body.bab-store .footer-wrapper {
  max-width: var(--bab-max);
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  width: 100%;
}

body.bab-store,
body.bab-store #wrapper,
body.bab-store #main,
body.bab-store .header-wrapper,
body.bab-store .header-main,
body.bab-store .header-bottom,
body.bab-store .page-wrapper,
body.bab-store .sticky-header,
body.bab-store .off-canvas .inner {
  background: #ffffff !important;
}

body.bab-store,
body.bab-store a { color: #0056A2; }
body.bab-store img { max-width: 100%; }

.container, .row {
  max-width: var(--bab-max);
}
body.bab-store #header {
  max-width: var(--bab-max);
  margin-left: auto;
  margin-right: auto;
}

/* Brand strip + blue ribbon (source header-ribbon is #0056a2) */
.bab-brands {
  background: #fff;
  border-bottom: 1px solid var(--bab-line);
}
.bab-brands__row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-height: 42px;
}
.bab-brands a {
  display: flex;
  align-items: center;
  padding: 10px 12px 8px;
  font-size: 13px;
  font-weight: 800;
  color: var(--bab-navy);
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
.bab-brands a.is-active {
  color: var(--bab-red);
  border-bottom-color: var(--bab-red);
}
.bab-brands__find { margin-left: auto; font-weight: 700; }
body.bab-store .bab-ribbon {
  background: #0056a2 !important;
  color: #ffffff !important;
  text-align: center;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 16px;
}
body.bab-store .bab-ribbon,
body.bab-store .bab-ribbon a,
body.bab-store .bab-ribbon span,
body.bab-store .bab-ribbon p {
  color: #ffffff !important;
  text-decoration: none;
}
body.bab-store .bab-ribbon a:hover { text-decoration: underline; color: #ffffff !important; }

/* Header */
body.bab-store .header-wrapper,
body.bab-store .header-main,
body.bab-store #masthead {
  background: #fff !important;
  box-shadow: none;
}
body.bab-store .header-main,
body.bab-store #masthead,
body.bab-store .stuck .header-main,
body.bab-store .header.show-on-scroll .header-main,
body.bab-store.sticky-shrink .header-main {
  border-bottom: 0;
  min-height: 0 !important;
  height: auto !important;
}
body.bab-store .header-bottom {
  background: #fff !important;
  border-bottom: 1px solid var(--bab-line);
  min-height: 48px;
}
body.bab-store #logo { width: auto !important; max-width: 340px; }
body.bab-store #logo img,
body.bab-store #logo .header_logo,
body.bab-store #logo .header-logo {
  max-height: 80px !important;
  width: auto !important;
  max-width: 320px !important;
  object-fit: contain;
  object-position: left center;
}
body.bab-store .nav-top-link,
body.bab-store .header-nav a {
  color: var(--bab-navy) !important;
  font-weight: 700;
}
body.bab-store .header-cart-title,
body.bab-store .cart-icon strong { color: var(--bab-navy); }
body.bab-store .header-button, body.bab-store .nav-icon { color: var(--bab-navy); }
body.bab-store .header-nav-main li { margin: 0 4px; }
body.bab-store .top-divider { display: none; }
body.bab-store .header-top { display: none !important; }

.bab-nav-row { padding: 0; }
.bab-nav__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.bab-nav__item { position: relative; }
.bab-nav__item > a {
  display: block;
  padding: 14px 12px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--bab-navy);
  text-decoration: none;
  white-space: nowrap;
}
.bab-nav__item > a:hover,
.bab-nav__item:hover > a { color: var(--bab-red); }
.bab-nav__item.is-sale > a { color: var(--bab-red) !important; }
.bab-mega {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  background: #fff;
  width: min(560px, calc(100vw - 24px));
  min-width: 0;
  box-shadow: 0 16px 48px rgba(29,53,87,.16);
  border-radius: 0 0 16px 16px;
  z-index: 50;
  padding: 20px;
  border-top: 3px solid var(--bab-yellow);
}
.bab-nav__item.has-mega:hover .bab-mega,
.bab-nav__item.has-mega:focus-within .bab-mega { display: block; }
.bab-mega__grid {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 20px;
  align-items: start;
}
.bab-mega__links { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; }
.bab-mega a {
  display: block;
  padding: 8px 4px;
  color: var(--bab-navy);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}
.bab-mega a.is-all { font-weight: 800; text-decoration: underline; grid-column: 1 / -1; }
.bab-mega a:hover { color: var(--bab-red); }
.bab-mega__feat {
  display: block;
  text-align: center;
  background: #f7f9fc;
  border-radius: 12px;
  padding: 10px;
}
.bab-mega__feat img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
}
.bab-mega__feat span {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}
.bab-mega__feat em { font-style: normal; font-weight: 800; font-size: 13px; }

/* Logo above search */
.bab-head { padding: 0 12px; max-width: 100%; }
.bab-head__bar,
.bab-head__logo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 56px;
  min-height: 56px;
  max-width: 100%;
}
.bab-head__left,
.bab-head__icons {
  display: flex;
  align-items: center;
  height: 56px;
}
.bab-head__bar #logo,
.bab-head__logo-row #logo {
  flex: 0 0 auto;
  text-align: left;
  width: auto !important;
  max-width: 340px;
  min-width: 0;
}
.bab-head__bar #logo img,
.bab-head__logo-row #logo img {
  max-height: 80px !important;
  max-width: 320px !important;
  width: auto !important;
  margin: 0;
  display: block;
}
.bab-head__bar .bab-search {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 560px;
}
.bab-head__icons {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 96px;
  justify-content: flex-end;
}
.bab-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #111 !important;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  line-height: 0;
  vertical-align: middle;
}
.bab-ico svg { display: block; width: 24px; height: 24px; }
.bab-cart-count {
  position: absolute;
  top: 4px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 99px;
  background: var(--bab-red);
  color: #fff !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
}
.bab-head__search-row { padding: 4px 0 8px; }
.bab-ico--menu { min-width: 44px; }
@media (min-width: 850px) {
  .bab-head { padding: 10px 12px 12px; }
  .bab-head__bar, .bab-head__left, .bab-head__icons { height: 88px; min-height: 88px; }
  .bab-head__bar #logo { max-width: 340px; }
  .bab-head__bar #logo img { max-height: 80px !important; max-width: 320px !important; }
  .bab-head__left { display: none; }
  .bab-ico--menu, .bab-ico--search { display: none !important; }
}
@media (max-width: 849px) {
  .bab-head { padding: 0 8px; }
  .bab-head__bar {
    display: grid;
    grid-template-columns: 52px 1fr 104px;
    align-items: center;
    height: 56px;
    min-height: 56px;
    gap: 0;
  }
  .bab-head__left,
  .bab-head__icons {
    height: 56px;
    align-items: center;
  }
  .bab-head__icons { justify-content: flex-end; gap: 0; min-width: 0; }
  body.bab-store .bab-head__bar #logo {
    justify-self: center;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
    text-align: center;
  }
  body.bab-store .bab-head__bar #logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
  }
  body.bab-store .bab-head__bar #logo img,
  body.bab-store .bab-head__bar #logo .header_logo,
  body.bab-store .bab-head__bar #logo .header-logo,
  body.bab-store .bab-head__bar #logo .header-logo-sticky {
    max-height: 38px !important;
    max-width: min(160px, 100%) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
  }
  .bab-ico {
    width: 48px;
    height: 48px;
  }
  .bab-ico svg {
    width: 28px !important;
    height: 28px !important;
  }
}
.bab-search .searchform-wrapper,
.bab-search form {
  max-width: 640px;
  margin: 0 auto;
}
.bab-search .flex-row.relative {
  background: #f7f9fc;
  border: 1px solid var(--bab-line);
  border-radius: 999px;
  overflow: hidden;
  align-items: stretch;
}
.bab-search input.form-control,
.bab-search .search-field,
.bab-search input[type="search"] {
  width: 100%;
  height: 44px;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 18px !important;
  font-size: 14px;
  font-family: var(--bab-font);
  background: transparent;
  box-shadow: none !important;
}
.bab-search .submit-button,
.bab-search button[type="submit"] {
  position: static !important;
  transform: none !important;
  background: var(--bab-blue) !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 48px;
  height: 44px;
  min-height: 44px;
  border: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.bab-store .header-cart-title { display: none !important; }
body.bab-store .image-icon[data-icon-label]:after,
body.bab-store .cart-icon strong,
body.bab-store .cart-icon span {
  background: var(--bab-red) !important;
  color: #fff !important;
  font-weight: 800;
}
body.bab-store.sticky-shrink #logo,
body.bab-store .stuck #logo { width: auto !important; max-width: 280px; }

.bab-archive-title {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: var(--bab-navy);
  margin: 8px 0 6px;
}
.bab-mnav-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
  font-size: 12px;
  color: var(--bab-muted);
  margin: 4px 0 12px;
}
.bab-mnav-utils {
  list-style: none;
  margin: 16px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--bab-line);
}
.bab-mnav-utils a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 16px;
  color: var(--bab-navy);
}
body.bab-store .mobile-sidebar {
  padding: 16px 20px 40px;
}
body.bab-store .mobile-sidebar .nav-vertical > li > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
  color: #111;
}
body.bab-store .mobile-sidebar .nav-vertical > li {
  border-bottom: 1px solid #eee;
}

.bab-fan { padding: 8px 0 20px; }
.bab-fan__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.bab-fan__card {
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
  min-height: 340px;
  color: #fff;
}
.bab-fan__card img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  display: block;
}
.bab-fan__card div {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.bab-fan__card h2,
.bab-fan__card h3 { color: #fff; font-size: 26px; margin: 6px 0 14px; font-weight: 800; line-height: 1.2; }

/* Mobile off-canvas */
body.bab-store .nav-vertical li a,
body.bab-store .mobile-sidebar a {
  font-family: var(--bab-font);
  font-weight: 700;
  color: var(--bab-navy);
}
body.bab-store .off-canvas .inner { background: #fff; }

/* Homepage */
.bab-home-wrap { overflow: hidden; }
.bab-quick { padding: 20px 0 10px; background: #fff; }
.bab-quick__scroller {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 8px;
}
.bab-quick__grid {
  display: flex;
  gap: 18px;
  width: max-content;
  margin: 0 auto;
  min-width: 100%;
  justify-content: center;
}
.bab-quick__grid a {
  text-align: center;
  text-decoration: none;
  color: var(--bab-navy);
  font-weight: 800;
  font-size: 12px;
  line-height: 1.25;
  width: 104px;
  flex: 0 0 104px;
}
.bab-quick__pic {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin: 0 auto 8px;
  background: #ffffff;
  border: 1px solid #eee;
}
body.bab-store .bab-quick__pic img {
  width: 88px !important;
  height: 88px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center;
  display: block;
}
.bab-quick__label { display: block; }
.bab-hero { margin: 8px 0 0; }
.bab-hero__banner { display: block; position: relative; color: #fff; }
.bab-hero__banner img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  display: block;
}
.bab-hero__copy {
  position: absolute;
  left: 6%;
  bottom: 12%;
  max-width: 520px;
  text-shadow: 0 2px 16px rgba(0,0,0,.45);
}
.bab-hero__copy h2 {
  font-size: 40px;
  line-height: 1.1;
  margin: 6px 0 10px;
  color: #fff;
  font-weight: 800;
}
.bab-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
  margin: 0;
  color: var(--bab-yellow);
}
.bab-btn {
  display: inline-block;
  background: #fff;
  color: var(--bab-blue) !important;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none !important;
  border: 2px solid #fff;
  cursor: pointer;
  font-size: 15px;
}
.bab-btn:hover { background: var(--bab-yellow); color: #000 !important; border-color: var(--bab-yellow); }
.bab-btn--ghost {
  background: transparent;
  color: #fff !important;
  border-color: #fff;
}
.bab-split { padding: 28px 0; }
.bab-split__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.bab-card-banner {
  position: relative;
  display: block;
  border-radius: var(--bab-radius);
  overflow: hidden;
  min-height: 280px;
  color: #fff;
}
.bab-card-banner img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}
.bab-card-banner div {
  position: absolute;
  left: 24px;
  bottom: 24px;
  text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.bab-card-banner h3 { color: #fff; font-size: 26px; margin: 0 0 12px; font-weight: 800; }
.bab-products { padding: 36px 0 12px; }
.bab-products--alt { background: #f7f9fc; }
.bab-section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 22px;
  color: var(--bab-navy);
}
.bab-center { text-align: center; margin: 18px 0 8px; }
.bab-season { margin: 12px 0 28px; }
.bab-season a { display: block; position: relative; }
.bab-season img { width: 100%; height: 360px; object-fit: cover; display: block; }
.bab-season__copy {
  position: absolute;
  left: 8%;
  bottom: 14%;
  color: #fff;
  max-width: 480px;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.bab-season__copy h2 { color: #fff; font-size: 34px; font-weight: 800; }
.bab-ugc { padding: 20px 0 40px; text-align: center; }
.bab-ugc .bab-h,
.bab-ugc h2 { color: #0056A2 !important; }
.bab-ugc p { color: #0056A2 !important; margin-bottom: 18px; }
.bab-ugc__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.bab-ugc__grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
.bab-newsletter {
  background: var(--bab-navy);
  color: #fff;
  padding: 48px 16px;
  text-align: center;
}
.bab-newsletter h2 { color: #fff; font-size: 28px; margin: 0 0 8px; }
.bab-newsletter p { color: #d7e0ee; }
.bab-newsletter__form {
  display: flex;
  gap: 8px;
  max-width: 480px;
  margin: 18px auto 0;
}
.bab-newsletter__form input {
  flex: 1;
  border: 0;
  border-radius: 8px;
  padding: 12px 16px;
  min-height: 48px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* Product cards */
body.bab-store .products.row,
body.bab-store .row.large-columns-4 {
  display: flex !important;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
body.bab-store .products .product,
body.bab-store .products .product.bab-card,
body.bab-store .product-small.col,
body.bab-store .row.large-columns-4 > .col {
  display: flex;
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
}
body.bab-store .bab-card .col-inner,
body.bab-store .product-small .col-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
body.bab-store .product-small.box {
  background: #fff !important;
  border: 0;
  box-shadow: none !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.bab-store .product-small .box-image {
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  width: 100%;
}
body.bab-store .product-small .box-image > div,
body.bab-store .product-small .box-image a {
  position: absolute;
  inset: 0;
  display: block;
}
body.bab-store .product-small .box-image img,
body.bab-store .product-small .box-image .attachment-woocommerce_thumbnail {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center;
  background: #fff;
}
body.bab-store .product-small .image-tools,
body.bab-store .product-small .quick-view,
body.bab-store .product-small .add-to-cart-button,
body.bab-store .star-rating { display: none !important; }
body.bab-store .product-small .box-text {
  padding: 8px 4px 12px;
  text-align: center;
  background: #fff;
}
body.bab-store .product-small .name.product-title,
body.bab-store .product-small .product-title a,
body.bab-store .product-small .product-title a .woocommerce-loop-product__title {
  font-size: 13px;
  font-weight: 700;
  color: #111111 !important;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}
body.bab-store .product-small .price,
body.bab-store .product-small .price .amount,
body.bab-store .product-small .price bdi,
body.bab-store .product-small .woocommerce-Price-amount,
body.bab-store .product-small .woocommerce-Price-currencySymbol,
body.bab-store .woocommerce-Price-amount,
body.bab-store .woocommerce-Price-amount bdi,
body.bab-store span.amount {
  font-weight: 800 !important;
  color: #0056A2 !important;
  font-size: 15px;
}
body.bab-store .product-small .price {
  margin: 4px 0 8px;
}
body.bab-store .product-small .price del,
body.bab-store .product-small .price del .amount {
  color: #777777 !important;
  font-weight: 600 !important;
}
body.bab-store .product-small .price ins,
body.bab-store .product-small .price ins .amount {
  color: #d00a2d !important;
  text-decoration: none;
}
body.bab-store .product-small .category,
body.bab-store .product-small .product-cat,
body.bab-store .product-small .is-italic,
body.bab-store .product-small .posted_in,
body.bab-store .product-small .posted_in a,
body.bab-store .archive .term-description,
body.bab-store .bab-catnav a,
body.bab-store .woocommerce-breadcrumb,
body.bab-store .woocommerce-breadcrumb a,
body.bab-store .shop-page-title,
body.bab-store h1.page-title,
body.bab-store .bab-archive-title {
  color: #0056A2 !important;
  font-weight: 700;
}
body.bab-store .product-small .box-image .bab-badge,
body.bab-store .product-small .box-image .onsale,
body.bab-store .product-small .box-image .badge {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
  background: var(--bab-red) !important;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 4px;
  letter-spacing: .03em;
}
body.bab-store .product-small .box-text .bab-badge,
body.bab-store .product-small .title-wrapper .bab-badge,
body.bab-store .product-small .box-text .onsale {
  display: none !important;
}
a.bab-addbag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin: 0;
  text-align: center;
  background: #fff;
  color: var(--bab-blue) !important;
  font-weight: 700;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  padding: 8px 10px;
  border-radius: 4px;
  border: 2px solid var(--bab-blue);
  text-decoration: none !important;
  box-sizing: border-box;
}
a.bab-addbag:hover { background: var(--bab-blue); color: #fff !important; }

/* Shop / category */
.bab-catnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 8px 0 18px;
}
.bab-catnav a {
  border: 1px solid var(--bab-line);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  color: var(--bab-navy);
}
.bab-catnav a.is-active,
.bab-catnav a:hover,
.bab-catnav a:active,
.bab-catnav a:focus {
  background: #0056A2;
  border-color: #0056A2;
  color: #ffffff !important;
}
body.bab-store .shop-page-title,
body.bab-store .woocommerce-products-header__title,
body.bab-store h1.page-title {
  text-align: center;
  font-weight: 800;
  color: var(--bab-navy);
  font-size: 32px;
}
body.bab-store .woocommerce-breadcrumb,
.bab-crumbs {
  font-size: 13px;
  color: var(--bab-muted);
  margin-bottom: 12px;
}
body.bab-store .woocommerce-ordering select {
  border: 1px solid var(--bab-line);
  border-radius: 8px;
  padding: 8px 12px;
}

/* PDP */
body.bab-store.single-product .product-main { padding-top: 20px; }
body.bab-store.single-product .product-info,
body.bab-store.single-product .product-info .product-title,
body.bab-store.single-product h1.product-title,
body.bab-store.single-product .product-info p,
body.bab-store.single-product .product-info a,
body.bab-store.single-product .product-info .posted_in,
body.bab-store.single-product .product-info .posted_in a,
body.bab-store.single-product .woocommerce-product-details__short-description,
body.bab-store.single-product .woocommerce-tabs,
body.bab-store.single-product .woocommerce-tabs .tabs li a,
body.bab-store.single-product .woocommerce-Tabs-panel,
body.bab-store.single-product .related.products > h2,
body.bab-store.single-product .related-products-wrapper h3 {
  color: #0056A2 !important;
}
body.bab-store.single-product .product-info .product-title,
body.bab-store.single-product h1.product-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
}
.bab-itemno {
  color: #0056A2 !important;
  font-size: 13px;
  margin: 0 0 10px;
}
body.bab-store.single-product .price-wrapper {
  overflow: visible !important;
  margin: 10px 0 14px;
  padding: 4px 0 6px;
  position: relative;
  z-index: 2;
  clear: both;
}
body.bab-store.single-product .price,
body.bab-store.single-product p.price,
body.bab-store.single-product .product-page-price {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  line-height: 1.45 !important;
  overflow: visible !important;
  margin: 0;
  padding: 2px 0;
  background: transparent !important;
}
body.bab-store.single-product .price .amount,
body.bab-store.single-product .woocommerce-Price-amount,
body.bab-store.single-product .price bdi {
  font-size: 22px;
  font-weight: 800;
  color: #0056A2 !important;
  line-height: 1.45 !important;
  background: none !important;
}
body.bab-store.single-product .price del,
body.bab-store.single-product .price del .amount {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0056A2 !important;
  opacity: .7;
  text-decoration: line-through;
}
body.bab-store.single-product .price ins,
body.bab-store.single-product .price ins .amount {
  color: #0056A2 !important;
  text-decoration: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
}
body.bab-store #place_order,
body.bab-store .checkout-button,
body.bab-store .woocommerce-button {
  background: #0056A2 !important;
  color: #ffffff !important;
  border: 1px solid #0056A2 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: 0;
  min-height: 40px;
  padding: 8px 16px !important;
}
body.bab-store .ux-quantity,
body.bab-store .quantity.buttons_added,
body.bab-store .wc-block-components-quantity-selector {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
body.bab-store .ux-quantity .ux-quantity__button,
body.bab-store .ux-quantity .button.is-form,
body.bab-store .quantity .minus,
body.bab-store .quantity .plus,
body.bab-store .wc-block-components-quantity-selector__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
body.bab-store .ux-quantity input.qty,
body.bab-store .quantity input.qty,
body.bab-store .wc-block-components-quantity-selector input {
  width: 44px !important;
  min-width: 44px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
body.bab-store .wc-block-components-quantity-selector__button span {
  background: transparent !important;
  color: #333333 !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
body.bab-store.single-product .woocommerce-tabs,
body.bab-store.single-product .product-footer .accordion {
  max-width: 920px;
  margin: 24px auto;
}
body.bab-store .woocommerce-tabs .tabs li a {
  font-weight: 800;
  color: #0056A2 !important;
}
body.bab-store.single-product .woocommerce-Tabs-panel,
body.bab-store.single-product .woocommerce-Tabs-panel p,
body.bab-store.single-product .woocommerce-Tabs-panel a,
body.bab-store.single-product #tab-shipping,
body.bab-store.single-product #tab-shipping p,
body.bab-store.single-product #tab-shipping a,
body.bab-store.single-product #tab-returns,
body.bab-store.single-product #tab-returns p,
body.bab-store.single-product #tab-returns a,
body.bab-store.single-product .bab-tab-copy,
body.bab-store.single-product .bab-tab-copy p,
body.bab-store.single-product .bab-tab-copy a,
body.bab-store.single-product .accordion-inner,
body.bab-store.single-product .accordion-inner p,
body.bab-store.single-product .accordion-inner a {
  color: #0056A2 !important;
}
body.bab-store .woocommerce-product-gallery__image img {
  border-radius: 12px;
  background: #f4f6f8;
}
body.bab-store .product-thumbnails img {
  border-radius: 8px;
  background: #f4f6f8;
}
body.bab-store.single-product #product-sidebar { display: none !important; }
body.bab-store.single-product .product-gallery.col.large-6 { max-width: 50%; }
body.bab-store.single-product form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 16px 0 20px;
}
body.bab-store.single-product form.cart .single_add_to_cart_button,
body.bab-store.single-product form.cart .bab-buy-now,
body.bab-store.single-product form.cart .ux-buy-now-button {
  flex: 0 0 140px;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  line-height: 38px !important;
  background: #0056A2 !important;
  color: #ffffff !important;
  border: 1px solid #0056A2 !important;
  border-radius: 4px !important;
  box-sizing: border-box;
  margin: 0 !important;
}
body.bab-store.single-product form.cart .single_add_to_cart_button:hover,
body.bab-store.single-product form.cart .bab-buy-now:hover,
body.bab-store.single-product form.cart .ux-buy-now-button:hover,
body.bab-store.single-product form.cart .single_add_to_cart_button:active,
body.bab-store.single-product form.cart .bab-buy-now:active,
body.bab-store.single-product form.cart .ux-buy-now-button:active {
  background: #0056A2 !important;
  color: #ffffff !important;
  border-color: #0056A2 !important;
}
@media (max-width: 849px) {
  body.bab-store.single-product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }
  body.bab-store.single-product form.cart .ux-quantity,
  body.bab-store.single-product form.cart .quantity {
    flex: 1 1 100%;
    width: 100%;
    margin: 0 0 4px !important;
  }
  body.bab-store.single-product form.cart .single_add_to_cart_button,
  body.bab-store.single-product form.cart .ux-buy-now-button,
  body.bab-store.single-product form.cart .bab-buy-now {
    flex: 1 1 calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    margin: 0 !important;
    float: none !important;
  }
}
body.bab-store.single-product .product-short-description,
body.bab-store.single-product .entry-summary .woocommerce-product-details__short-description {
  font-size: 15px;
  line-height: 1.6;
  color: #0056A2 !important;
}
body.bab-store .product-gallery .flickity-slider img,
body.bab-store .woocommerce-product-gallery__wrapper img {
  background: #f4f6f8;
}
body.bab-store .sku_wrapper { display: none; }
body.bab-store .product-info .posted_in a { font-weight: 700; }
body.bab-store .related-products-wrapper h3,
body.bab-store .related.products > h2 {
  text-align: center;
  font-weight: 800;
  color: var(--bab-navy);
}

.bab-sticky-atc {
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 90;
  background: #fff;
  border-top: 1px solid var(--bab-line);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 10px;
}
.bab-sticky-atc__name {
  flex: 1;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bab-sticky-atc__price { font-weight: 800; }
.bab-sticky-atc__btn {
  background: #fff;
  color: var(--bab-blue);
  font-weight: 700;
  border: 2px solid var(--bab-blue);
  border-radius: 4px;
  padding: 10px 14px;
  text-decoration: none;
  font-size: 13px;
}

/* Cart / checkout */
body.bab-store.woocommerce-cart .cart_totals,
body.bab-store.woocommerce-checkout .woocommerce-checkout {
  font-family: var(--bab-font);
}
body.bab-store table.shop_table th,
body.bab-store table.shop_table td { border-color: var(--bab-line); }
body.bab-store .cart-wrapper, body.bab-store .checkout-page-container {
  max-width: 1100px;
  margin: 0 auto;
}
body.bab-store form.checkout .form-row input.input-text,
body.bab-store form.checkout .form-row textarea,
body.bab-store form.checkout .form-row select,
body.bab-store .woocommerce-cart-form input.input-text {
  border: 1px solid var(--bab-line);
  border-radius: 8px;
  min-height: 44px;
}
body.bab-store .coupon .button,
body.bab-store button[name="apply_coupon"],
body.bab-store button[name="update_cart"] {
  background: var(--bab-navy) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

/* Inner pages */
.bab-page {
  max-width: 820px;
  margin: 24px auto 64px;
  padding: 0 20px;
}
.bab-page__title {
  font-size: 36px;
  font-weight: 800;
  color: var(--bab-navy);
  margin: 8px 0 20px;
  line-height: 1.15;
}
.bab-page__body p { font-size: 16px; line-height: 1.7; margin: 0 0 16px; color: var(--bab-text); }
.bab-page__body h2 { font-size: 22px; font-weight: 800; margin: 28px 0 10px; color: var(--bab-navy); }
.bab-page__body h3 { font-size: 18px; font-weight: 800; margin: 22px 0 8px; }
.bab-page__body ul, .bab-page__body ol { margin: 0 0 16px 20px; line-height: 1.7; }
.bab-faq details {
  border-bottom: 1px solid var(--bab-line);
  padding: 12px 0;
}
.bab-faq summary {
  font-weight: 800;
  cursor: pointer;
  color: var(--bab-navy);
}
.bab-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 12px;
}
.bab-contact-grid form input,
.bab-contact-grid form textarea {
  width: 100%;
  border: 1px solid var(--bab-line);
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  font-family: var(--bab-font);
}
.bab-contact-grid form textarea { min-height: 140px; }

/* Footer */
.footer-wrapper { background: #fff; }
.bab-footer { background: #fff; color: var(--bab-navy); border-top: 1px solid var(--bab-line); }
.bab-footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  gap: 24px;
  padding: 40px 0 28px;
}
.bab-footer__h {
  background: none;
  border: 0;
  font-weight: 800;
  font-size: 16px;
  color: var(--bab-navy);
  margin: 0 0 12px;
  padding: 0;
  display: block;
  text-align: left;
  width: 100%;
}
.bab-footer ul { list-style: none; margin: 0; padding: 0; }
.bab-footer li { margin: 0 0 8px; }
.bab-footer a { color: var(--bab-navy); text-decoration: none; font-size: 14px; }
.bab-footer a:hover { text-decoration: underline; }
.bab-footer__kicker { font-weight: 800; margin: 0 0 12px; }
.bab-social { display: flex; flex-wrap: wrap; gap: 10px; }
.bab-social a {
  display: inline-block;
  border: 1px solid var(--bab-line);
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 700;
  font-size: 12px;
}
.bab-footer__cta {
  display: inline-block;
  margin-top: 8px;
  background: #fff;
  color: var(--bab-blue);
  border: 2px solid var(--bab-blue);
  padding: 8px 14px;
  border-radius: 4px;
  font-weight: 800;
}
.bab-footer__legal {
  border-top: 1px solid var(--bab-line);
  padding: 16px 0 28px;
  font-size: 12px;
  color: var(--bab-muted);
}
.bab-footer__legal .container {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.bab-footer__legal a { margin-right: 12px; color: var(--bab-muted); }

body.bab-store .absolute-footer { display: none !important; }
body.bab-inner .page-title,
body.bab-inner .featured-title,
body.bab-inner .page-header,
body.bab-home .page-title { display: none !important; }
body.bab-store .html.custom.html_topbar_left { font-weight: 800; font-size: 13px; }
body.bab-store .bab-workshop-link { text-transform: none; letter-spacing: 0; }

/* Hide default Flatsome demo bits */
body.bab-store .html_topbar_left strong.uppercase { display: none; }

/* Breakpoints */
@media (max-width: 1024px) {
  .bab-quick__grid { justify-content: flex-start; }
  .bab-ugc__grid { grid-template-columns: repeat(3, 1fr); }
  .bab-footer__top { grid-template-columns: 1fr 1fr; }
  .bab-hero__banner img { height: 380px; }
  .bab-hero__copy h2 { font-size: 30px; }
}
@media (max-width: 850px) {
  .bab-nav-row { display: none !important; }
  .bab-fan__grid, .bab-split__grid, .bab-contact-grid { grid-template-columns: 1fr; }
  .bab-fan__card img { height: 240px; }
  .bab-fan__card h2 { font-size: 22px; }
  .bab-mega { min-width: 0; }
  .bab-hero__banner img { height: 320px; }
  .bab-hero__copy { left: 16px; right: 16px; bottom: 16px; }
  .bab-hero__copy h2 { font-size: 24px; }
  .bab-card-banner img, .bab-season img { height: 240px; }
  .bab-section-title { font-size: 24px; }
  .bab-newsletter__form { flex-direction: column; gap: 12px; }
  .bab-newsletter__form input { min-height: 52px; font-size: 16px; }
  .bab-newsletter__form .bab-cta { width: 100%; min-height: 52px; }
  body.bab-store.single-product .product-gallery.col.large-6 { max-width: 100%; }
  .bab-sticky-atc { display: flex !important; }
  body.bab-store { padding-bottom: 72px; }
  .bab-page__title { font-size: 28px; }
  body.bab-store #logo { width: auto !important; }
}
@media (max-width: 480px) {
  .bab-quick__grid { justify-content: flex-start; gap: 10px; }
  .bab-quick__grid a { font-size: 11px; width: 80px; flex-basis: 80px; }
  .bab-quick__pic { width: 68px; height: 68px; }
  body.bab-store .bab-quick__pic img { width: 68px !important; height: 68px !important; }
  .bab-brands { font-size: 12px; overflow-x: auto; }

  body.bab-store .header-main { min-height: 0 !important; height: auto !important; }
  a.bab-addbag { min-height: 44px; font-size: 12px; }
  body.bab-store .product-small .product-title a { font-size: 12px; }
  body.bab-store .bab-ribbon { font-size: 13px; min-height: 36px; padding: 8px 12px; }
  .bab-ugc__grid { grid-template-columns: repeat(2, 1fr); }
  .bab-footer__top { grid-template-columns: 1fr; padding: 12px 0 8px; gap: 0; }
  .bab-footer__col { border-bottom: 1px solid var(--bab-line); }
  .bab-footer__h {
    padding: 14px 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bab-footer__h:after { content: "+"; font-size: 20px; }
  .bab-footer__col.is-open .bab-footer__h:after { content: "–"; }
  .bab-footer__col ul,
  .bab-footer__contact-body { display: none; padding-bottom: 12px; }
  .bab-footer__col.is-open ul,
  .bab-footer__col.is-open .bab-footer__contact-body { display: block; }
  .bab-promo { font-size: 11px; height: 32px; line-height: 32px; }
  body.bab-store .products .product { margin-bottom: 12px; }
  body.bab-store.single-product h1.product-title { font-size: 22px; }
  .bab-btn { min-height: 44px; padding: 11px 18px; }
}

@media (min-width: 1280px) {
  .bab-hero__banner img { height: 520px; }
}
@media (min-width: 1440px) {
  :root { --bab-max: 1360px; }
}
@media (min-width: 1920px) {
  :root { --bab-max: 1440px; }
}

/* WooCommerce cart/checkout blocks */
body.bab-store .wp-block-woocommerce-cart,
body.bab-store .wp-block-woocommerce-checkout,
body.bab-store .wc-block-cart,
body.bab-store .wc-block-checkout {
  font-family: var(--bab-font);
  color: var(--bab-navy);
}
body.bab-store .wc-block-cart__submit-button,
body.bab-store .wc-block-components-checkout-place-order-button,
body.bab-store .wc-block-components-button,
body.bab-store .wc-block-components-button span {
  background: #0056A2 !important;
  color: #ffffff !important;
  border: 1px solid #0056A2 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: none;
}
body.bab-store .wc-block-grid__product-image img {
  background: #f4f6f8;
  border-radius: 12px;
}
body.bab-store .checkout-breadcrumbs a.current { color: #0056A2; }

body.bab-store.woocommerce-cart,
body.bab-store.woocommerce-checkout,
body.bab-store.woocommerce-cart h1,
body.bab-store.woocommerce-checkout h1,
body.bab-store.woocommerce-cart h2,
body.bab-store.woocommerce-checkout h2,
body.bab-store.woocommerce-cart h3,
body.bab-store.woocommerce-checkout h3,
body.bab-store.woocommerce-cart p,
body.bab-store.woocommerce-checkout p,
body.bab-store.woocommerce-cart label,
body.bab-store.woocommerce-checkout label,
body.bab-store.woocommerce-cart th,
body.bab-store.woocommerce-checkout th,
body.bab-store.woocommerce-cart td,
body.bab-store.woocommerce-checkout td,
body.bab-store.woocommerce-cart a,
body.bab-store.woocommerce-checkout a,
body.bab-store .woocommerce-cart-form,
body.bab-store .cart_totals,
body.bab-store .cart-empty,
body.bab-store .wc-block-cart,
body.bab-store .wc-block-checkout,
body.bab-store .wc-block-components-product-name,
body.bab-store .wc-block-components-product-price,
body.bab-store .wc-block-formatted-money-amount,
body.bab-store .wc-block-components-totals-item,
body.bab-store .wc-block-components-totals-footer-item,
body.bab-store .wc-block-components-order-summary,
body.bab-store .wc-block-components-checkout-step__title,
body.bab-store .wc-block-components-checkout-step__description,
body.bab-store form.checkout .form-row label,
body.bab-store .woocommerce-Price-amount {
  color: #0056A2 !important;
}
body.bab-store.woocommerce-cart .wp-block-button__link,
body.bab-store.woocommerce-cart .wp-block-button__link span,
body.bab-store.woocommerce-cart .wc-block-cart__submit-button,
body.bab-store.woocommerce-cart .wc-block-cart__submit-button span,
body.bab-store.woocommerce-cart .wc-block-components-button,
body.bab-store.woocommerce-cart .wc-block-components-button span,
body.bab-store.woocommerce-cart .wc-block-components-button__text,
body.bab-store.woocommerce-cart a.checkout-button,
body.bab-store.woocommerce-cart .button:not(.minus):not(.plus):not(.is-form):not(.ux-quantity__button),
body.bab-store.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.bab-store.woocommerce-checkout .wc-block-components-checkout-place-order-button span,
body.bab-store.woocommerce-checkout .wc-block-components-button,
body.bab-store.woocommerce-checkout .wc-block-components-button span,
body.bab-store.woocommerce-checkout .wc-block-components-button__text,
body.bab-store.woocommerce-checkout #place_order,
body.bab-store.woocommerce-checkout button[type="submit"] {
  color: #ffffff !important;
  background: #0056A2 !important;
  border: 1px solid #0056A2 !important;
  border-radius: 4px !important;
  min-height: 40px;
  height: auto;
  padding: 8px 16px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
body.bab-store.woocommerce-cart .wc-block-components-button span,
body.bab-store.woocommerce-checkout .wc-block-components-button span,
body.bab-store.woocommerce-cart .wc-block-components-button__text,
body.bab-store.woocommerce-checkout .wc-block-components-button__text {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0;
  color: #ffffff !important;
}

body.bab-store .woocommerce-result-count,
body.bab-store p.woocommerce-result-count {
  color: #0056A2 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  opacity: 1 !important;
  display: block !important;
}
body.bab-store .woocommerce-ordering select.orderby {
  color: #111;
  border: 1px solid #0056A2;
  font-weight: 700;
}
body.bab-store .nav-pagination .page-number,
body.bab-store ul.page-numbers li .page-number,
body.bab-store .woocommerce-pagination .page-number,
body.bab-store .nav-pagination a,
body.bab-store .woocommerce-pagination a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  margin: 0 3px;
  border: 1px solid #0056A2 !important;
  border-radius: 4px;
  background: #0056A2 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body.bab-store .nav-pagination .page-number:hover,
body.bab-store .nav-pagination .page-number:active,
body.bab-store .nav-pagination .page-number:focus,
body.bab-store .nav-pagination .page-number.current,
body.bab-store .nav-pagination a:hover,
body.bab-store .nav-pagination a:active,
body.bab-store .nav-pagination a:focus,
body.bab-store .nav-pagination a:visited,
body.bab-store .woocommerce-pagination .page-number:hover,
body.bab-store .woocommerce-pagination .page-number:active,
body.bab-store .woocommerce-pagination .page-number.current,
body.bab-store .woocommerce-pagination a:hover,
body.bab-store .woocommerce-pagination a:active,
body.bab-store .woocommerce-pagination a:visited {
  background: #0056A2 !important;
  border-color: #0056A2 !important;
  color: #ffffff !important;
}
body.bab-store .nav-pagination .page-number.dots,
body.bab-store .woocommerce-pagination .page-number.dots {
  background: transparent !important;
  border: 0 !important;
  color: #0056A2 !important;
}

/* ===== Homepage layout matching source ===== */
.bab-home-wrap { background: #fff; }
.bab-h {
  text-align: center;
  color: #0056A2 !important;
  font-size: 28px;
  font-weight: 700;
  margin: 8px 0 18px;
  letter-spacing: 0;
}
.bab-block { padding: 8px 0 28px; max-width: 100%; }
.bab-cats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.bab-cats__card {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #111;
  min-width: 0;
}
body.bab-store .bab-cats__card img {
  width: 100% !important;
  aspect-ratio: 1;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 12px;
  display: block;
  background: #fff;
}
.bab-cats__card span {
  display: block;
  margin-top: 10px;
  font-weight: 800;
  font-size: 15px;
  color: #111111;
}

.bab-mfc {
  background: #2E2359;
  max-width: var(--bab-max);
  width: 100%;
  margin: 0 auto;
  padding: 16px 0 12px;
  box-sizing: border-box;
}
.bab-mfc .container {
  padding-left: 16px;
  padding-right: 16px;
}
.bab-mfc--light {
  background: #ffffff;
  border: 0;
}
.bab-mfc__track {
  display: flex;
  flex-wrap: nowrap;
  justify-content: safe center;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 4px 0 12px;
  margin: 0 auto;
  scrollbar-width: thin;
  scrollbar-color: #FFD400 #2E2359;
}
.bab-mfc--light .bab-mfc__track {
  justify-content: center;
  scrollbar-color: #FFD400 #eee;
}
.bab-mfc__item {
  flex: 0 0 100px;
  width: 100px;
  text-align: center;
  text-decoration: none;
  color: #ffffff !important;
  scroll-snap-align: start;
}
.bab-mfc--light .bab-mfc__item,
.bab-mfc--light .bab-mfc__label {
  color: #111111 !important;
}
.bab-mfc__pic {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin: 0 auto 8px;
  background: #fff;
}
body.bab-store .bab-mfc__pic img {
  width: 96px !important;
  height: 96px !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block;
}
.bab-mfc__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: inherit;
}

.bab-hero-slider {
  position: relative;
  background: #111;
  max-width: var(--bab-max);
  margin: 0 auto;
}
.bab-hero-slider__copy {
  position: absolute;
  left: 6%;
  bottom: 16%;
  z-index: 2;
  max-width: 480px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.bab-hero-slider__kicker {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #FFD400;
}
.bab-hero-slider__copy h2 {
  margin: 0 0 14px;
  color: #fff !important;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.15;
}
.bab-hero-slider__viewport { position: relative; overflow: hidden; }
.bab-hero-slider__slide {
  display: none;
  margin: 0;
}
.bab-hero-slider__slide.is-active { display: block; }
body.bab-store .bab-hero-slider__slide img {
  width: 100% !important;
  height: 560px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center;
  display: block;
}
.bab-hero-slider__dots {
  position: absolute;
  left: 0; right: 0; bottom: 12px;
  display: flex;
  justify-content: center;
  gap: 6px;
  z-index: 2;
}
.bab-hero-slider__dots button {
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  min-height: 5px !important;
  border-radius: 50%;
  border: 0;
  background: rgba(255,255,255,.55);
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none;
}
body.bab-store .flickity-page-dots .dot,
body.bab-store .nav-dots span,
body.bab-store .bullet {
  width: 6px !important;
  height: 6px !important;
}
.bab-hero-slider__dots button.is-on { background: #FFD400; }

.bab-sidecars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 16px;
}
.bab-side {
  display: flex;
  background: #2E2359;
  color: #fff;
  min-height: 220px;
  overflow: hidden;
}
.bab-side__img {
  flex: 1 1 52%;
  min-width: 0;
}
body.bab-store .bab-side__img img {
  width: 100% !important;
  height: 100% !important;
  min-height: 220px;
  object-fit: cover !important;
  max-width: none !important;
  display: block;
}
.bab-side__copy {
  flex: 1 1 48%;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.bab-side__copy h3 {
  color: #fff !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}
.bab-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 36px;
  padding: 6px 16px;
  background: #1770A7;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
}
.bab-cta:hover { filter: brightness(1.08); }

.bab-strip {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 12px;
  scrollbar-color: #FFD400 #f2f2f2;
}
.bab-strip__card {
  flex: 0 0 180px;
  width: 180px;
  text-decoration: none;
  color: #111;
  background: #fff;
}
.bab-strip__pic {
  display: block;
  width: 180px;
  height: 180px;
  background: #fff;
  overflow: hidden;
}
body.bab-store .bab-strip__pic img {
  width: 180px !important;
  height: 180px !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block;
}
.bab-strip__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.5em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  margin: 8px 0 4px;
  color: #111;
}
.bab-strip__price {
  display: block;
  font-weight: 800;
  font-size: 14px;
  color: #111;
}

.bab-ugc { padding: 12px 16px 40px; text-align: center; }
.bab-ugc .bab-h,
.bab-ugc h2,
.bab-ugc p { color: #0056A2 !important; }
.bab-ugc p { margin: 0 0 16px; }
.bab-ugc__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .bab-ugc__grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}
body.bab-store .bab-ugc__grid img {
  width: 100% !important;
  aspect-ratio: 1;
  object-fit: cover !important;
  height: auto !important;
}

@media (max-width: 850px) {
  .bab-h { font-size: 22px; }
  .bab-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bab-sidecars { grid-template-columns: 1fr; }
  .bab-hero-slider__copy { left: 16px; right: 16px; bottom: 14%; max-width: none; }
  .bab-hero-slider__copy h2 { font-size: 22px; }
  body.bab-store .bab-hero-slider__slide img { object-position: center 30%; height: 380px !important; }
  body.bab-store .products .product,
  body.bab-store .products .product.bab-card,
  body.bab-store .product-small.col,
  body.bab-store .row.large-columns-4 > .col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    flex-basis: 50% !important;
  }
  body.bab-store .product-small .product-title a { font-size: 11px; min-height: 2.4em; }
  a.bab-addbag { min-height: 32px; font-size: 11px; padding: 4px 6px; }
  .bab-side { flex-direction: column; }
  .bab-side__copy { order: -1; }

  .bab-mfc__item { flex-basis: 88px; width: 88px; }
  .bab-mfc__pic, body.bab-store .bab-mfc__pic img { width: 76px !important; height: 76px !important; }
  .bab-strip__card, .bab-strip__pic, body.bab-store .bab-strip__pic img {
    flex-basis: 148px;
    width: 148px !important;
  }
  body.bab-store .bab-strip__pic img { height: 148px !important; }
  .bab-strip__pic { height: 148px; }
  .bab-ugc__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
  body.bab-store .bab-hero-slider__slide img { height: 300px !important; }
  .bab-side__copy h3 { font-size: 18px; }
  .bab-cta { min-height: 40px; }
}

/* Prevent overflow */
body.bab-store .row, body.bab-store .col, body.bab-store .flex-row {
  max-width: 100%;
}
body.bab-store .product-container,
body.bab-store .cart-container {
  overflow-x: hidden;
}

/* Mobile menu label */
@media (max-width: 849px) {
  body.bab-store .nav-vertical > li > a {
    font-size: 16px;
    padding: 12px 0;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
}

/* White background → #0056A2 text. #0056A2 background → white text. */
body.bab-store,
body.bab-store #wrapper,
body.bab-store #main,
body.bab-store .header-wrapper,
body.bab-store .header-main,
body.bab-store .header-bottom,
body.bab-store .footer-wrapper,
body.bab-store .bab-footer,
body.bab-store .bab-page,
body.bab-store .product-small,
body.bab-store .product-info,
body.bab-store .shop-container,
body.bab-store .woocommerce-cart,
body.bab-store .woocommerce-checkout,
body.bab-store .bab-home-wrap,
body.bab-store .bab-mfc--light,
body.bab-store .bab-ugc,
body.bab-store .off-canvas .inner,
body.bab-store h1,
body.bab-store h2,
body.bab-store h3,
body.bab-store h4,
body.bab-store p,
body.bab-store li,
body.bab-store span,
body.bab-store label,
body.bab-store td,
body.bab-store th,
body.bab-store a {
  color: #0056A2;
}

body.bab-store .bab-ribbon,
body.bab-store .bab-ribbon a,
body.bab-store .bab-ribbon span,
body.bab-store .nav-pagination .page-number,
body.bab-store .nav-pagination a,
body.bab-store .woocommerce-pagination .page-number,
body.bab-store .woocommerce-pagination a,
body.bab-store .bab-catnav a.is-active,
body.bab-store .bab-catnav a:hover,
body.bab-store .bab-catnav a:active,
body.bab-store form.cart .single_add_to_cart_button,
body.bab-store form.cart .ux-buy-now-button,
body.bab-store form.cart .bab-buy-now,
body.bab-store .wc-block-cart__submit-button,
body.bab-store .wc-block-components-button,
body.bab-store .wc-block-components-checkout-place-order-button,
body.bab-store #place_order,
body.bab-store .checkout-button,
body.bab-store .woocommerce-button,
body.bab-store .bab-cta,
body.bab-store .bab-addbag:hover {
  color: #ffffff !important;
}

body.bab-store .bab-mfc:not(.bab-mfc--light),
body.bab-store .bab-mfc:not(.bab-mfc--light) .bab-mfc__item,
body.bab-store .bab-mfc:not(.bab-mfc--light) .bab-mfc__label,
body.bab-store .bab-side,
body.bab-store .bab-side h3,
body.bab-store .bab-hero-slider__copy,
body.bab-store .bab-hero-slider__copy h2,
body.bab-store .bab-hero-slider__kicker,
body.bab-store .bab-newsletter,
body.bab-store .bab-newsletter h2,
body.bab-store .bab-newsletter p {
  color: #ffffff !important;
}
body.bab-store .bab-hero-slider__kicker { color: #FFD400 !important; }
body.bab-store .bab-cta { background: #0056A2 !important; }
body.bab-store .bab-addbag { color: #0056A2 !important; }
body.bab-store .bab-addbag:hover { color: #ffffff !important; }
