/** Shopify CDN: Minification failed

Line 374:0 Expected "}" to go with "{"

**/
/* ============================================================
   TBS Global — site-wide overrides
   ============================================================ */

html, body {
  overflow-x: hidden;
  max-width: 100%;
}





/* ----- Hero ----- */
.hero-wrapper .hero__container {
  border-radius: 4px;
}


/* ----- Quick add: force visible on mobile ----- */
@media screen and (max-width: 749px) {
  .quick-add__button {
    display: flex !important;
    opacity: 1 !important;
  }
}

/* ----- TBS Hero Slider — prevent z-index bleed through mobile menu ----- */
.tbs-hero-slider {
  isolation: isolate;
}

/* ----- Typography ----- */
h1, .h1.h1, .text-block.h1 > *, .text-block.h1 :is(h1, h2, h3, h4, h5, h6) {
  letter-spacing: 0.12em !important;
}

/* ----- Free delivery progress bar ----- */
.tbs-free-shipping {
  padding: 12px 16px;
  font-size: 13px;
}

/* ----- Cart item image size ----- */
.cart-drawer .cart-items__media {
  --cart-item-media-width-min: 80px !important;
  --cart-item-media-width-max: 110px !important;
}

.cart-drawer .cart-items__media-image {
  width: 70% !important;
  height: auto !important;
}

.cart-drawer .cart-items__table-row {
  grid-template-columns: 110px minmax(0, 1fr) minmax(5rem, auto) !important;
}

.cart-drawer__header {
  border-bottom: 1px solid rgb(0 0 0 / 0.1);
  padding-bottom: 12px;
  margin-bottom: 0 !important;
}

.tbs-free-shipping__text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.tbs-free-shipping__bar {
  height: 4px;
  background: rgb(0 0 0 / 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.tbs-free-shipping__fill {
  height: 100%;
  background: #000;
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* ----- Cart View Cart button ----- */
.cart__ctas {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.cart__view-cart-button,
.cart__checkout-button {
  flex: 1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 16px !important;
}

.cart__view-cart-button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

/* ----- Sale nav link red ----- */
.menu-list__link[href*="/collections/sale"],
.menu-list__link[href*="/collections/sale"] .menu-list__link-title {
  color: red !important;
}


/* ----- Social icons: force visible ----- */
.social-icons__icon {
  display: block !important;
  width: var(--icon-size-lg, 24px) !important;
  height: var(--icon-size-lg, 24px) !important;
}

.social-icons__icon-label {
  display: none !important;
}

/* ----- Tablet nav: use hamburger drawer below 990px ----- */
/* Hide hamburger on tablet (750-989px) — revert to drawer */
@media screen and (min-width: 750px) and (max-width: 989px) {
  #header-component[data-menu-style='menu'] .header__drawer {
    display: flex !important;
    min-height: var(--header-drawer-min-height, 60px) !important;
  }

  #header-component[data-menu-style='menu'] .header-menu {
    display: none !important;
  }
}

/* ----- Navigation bar: black background, white links ----- */

/* Only the nav bar row — not the whole header */
.header__navigation-bar-row,
#header-component .header-menu,
#header-component [data-menu-style='menu'] .header__row--bottom {
  background-color: #000 !important;
}

/* Top-level nav links */
.header-menu .menu-list__link,
.header-menu .menu-list__link--parent {
  color: #fff !important;
  font-size: 0.79rem !important;
  letter-spacing: 0.12em !important;
  font-weight: 600 !important;
}

.header-menu .menu-list__link:hover,
.header-menu .menu-list__link--parent:hover {
  color: #aaa !important;
  opacity: 1 !important;
}

/* Active underline */
.header-menu .menu-list__link--active,
.header-menu .menu-list__link[aria-current] {
  color: #fff !important;
  border-bottom-color: #fff !important;
}

/* Caret/arrow icons in nav */
.header-menu .icon-caret svg,
.header-menu .svg-wrapper svg {
  stroke: #fff !important;
  fill: none !important;
}

/* ----- Mega menu: style brands grid ----- */

/* Light grey background panel */
.menu-list__submenu {
  background-color: #f5f5f5 !important;
}

.menu-list__submenu-inner {
  background-color: #f5f5f5 !important;
}

/* Generous padding inside the dropdown */
.mega-menu {
  padding-block: 36px 48px !important;
  padding-inline: 40px !important;
}

.menu-list__submenu,
.overflow-menu::part(overflow) {
  --submenu-animation-speed: 150ms !important;
}

/* Brand links: uppercase, spaced, clean */
.mega-menu__link {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.mega-menu__link:hover {
  color: #555 !important;
  text-decoration: none !important;
}

/* Parent link (section headings) */
.mega-menu__link--parent {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #111 !important;
}

/* Shop by Style — keep parent headings normal weight */
#submenu-3 .mega-menu__link--parent {
  font-weight: 500 !important;
  font-size: 0.72rem !important;
}

/* Shop by Style — 4 items per column then wrap */
#submenu-3 .mega-menu__column {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  grid-template-rows: repeat(4, auto) !important;
  grid-auto-flow: column !important;
  gap: 0 60px !important;
}

/* Remove column dividers / borders */
.mega-menu__column {
  border: none !important;
}

.mega-menu__column .wrap-text,
.mega-menu__link .wrap-text,
.mega-menu__link--parent .wrap-text {
  white-space: nowrap !important;
}

/* Row gaps */
.mega-menu__grid {
  gap: 0 !important;
  grid-template-columns: repeat(5, 1fr) !important;
}

/* Constrain mega menu content to page width */
.mega-menu .section {
  max-width: var(--page-width, 1400px) !important;
  margin: 0 auto !important;
  padding-inline: 0 !important;
}

.menu-list__submenu-inner {
  max-width: var(--page-width, 1400px) !important;
  margin-inline: auto !important;
  padding-inline: 60px !important;
}

/* ----- Breadcrumb ----- */
.breadcrumb-wrapper {
  padding: 12px 20px 0;
  max-width: var(--page-width, 1400px);
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .breadcrumb-wrapper {
    padding: 14px 40px 0;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  font-size: 0.72rem;
  letter-spacing: 0;
  color: #999;
  margin: 0;
  padding: 0;
}

.breadcrumb a {
  color: #999;
  text-decoration: none;
  transition: color 0.15s;
  font-weight: 400;
}

.breadcrumb a:hover {
  color: #333;
}

.breadcrumb__sep {
  color: #999;
  padding: 0 3px;
  font-size: 0.7rem;
  user-select: none;
}

.breadcrumb span:not(.breadcrumb__sep) {
  color: #111;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.72rem;
}

/* ----- Featured collection: View All button centered ----- */
.section-resource-list__content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 24px;
}

 .section-resource-list__content .button,
.section-resource-list__content .button-secondary {
  
  letter-spacing: 0.06em !important;
  text-transform: capitalize !important;
  padding-block:8px  !important;
  padding-inline: 12px  !important;

  /*
  border-radius: 30px !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  padding: 14px 36px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  
  text-decoration: none !important;
} */
   

/* .section-resource-list__content .button:hover,
.section-resource-list__content .button-secondary:hover {
  background-color: #222 !important;
  border-color: #222 !important;
} 
  */

/* ----- Product card background ----- */
.card__inner,
.card-wrapper .card,
.card {
  background-color: #fffefe !important;
}