/** Shopify CDN: Minification failed

Line 153:42 Unexpected "*"

**/
.xav-tabs {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.xav-container-full {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.xav-tabs__head {
  margin-bottom: 2rem;
}

.xav-tabs__bar {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.xav-tab {
  border: 2px solid rgba(var(--color-foreground), 0.25);
  background: transparent;
  color: rgb(var(--color-foreground));
  padding: 1rem 2.2rem;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.xav-tab:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--color-foreground), 0.45);
}

.xav-tab.is-active {
  border-color: rgba(var(--color-foreground), 0.9);
  background: rgba(var(--color-foreground), 0.04);
}

.xav-panel {
  animation: xavFade 0.2s ease;
}

@keyframes xavFade {
  from { opacity: 0.01; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.xav-tabs__cta {
  margin-top: 2rem;
}

.xav-tabs--full .product-grid {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 749px) {
  .xav-tabs--full .product-grid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* =========================================================
   XAV TABS: CENTER product title + price (Bold, +1 size, no underline)
   ========================================================= */

/* Center everything inside product cards ONLY in Xav Tabs */
.xav-tabs .card__content,
.xav-tabs .card__information,
.xav-tabs .card-information {
  text-align: center !important;
  align-items: center !important;
}

/* Title */
.xav-tabs .card__heading,
.xav-tabs .card__heading a {
  text-align: center !important;
  font-weight: 900 !important;         /* ✅ Bold */
  font-size: 1.15em !important;        /* ✅ +1 step */
  text-decoration: none !important;    /* ✅ No underline */
}

/* No underline on hover either */
.xav-tabs .card__heading a:hover,
.xav-tabs .card__heading a:focus {
  text-decoration: none !important;
}

/* Price */
.xav-tabs .price,
.xav-tabs .price__container {
  justify-content: center !important;
  text-align: center !important;
  font-size: 1.05em !important;        /* ✅ +1 step */
}

/* Keep spacing under image neat */
.xav-tabs .card__content {
  padding-top: 1.2rem !important;
}

/* FIX: prevent any overlay/title-on-image weirdness (Xav Tabs only) */
.xav-tabs .card__content,
.xav-tabs .card__information {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

.xav-tabs .card__inner,
.xav-tabs .card-wrapper {
  position: relative !important;
}

/* =========================================================
   Product card shadow rule:
   Use shadow OR no shadow — not mixed.
   This applies ONLY inside Xav Tabs.
   ========================================================= */

/* ✅ OPTION: CONSISTENT SOFT SHADOW (recommended) */
.xav-tabs .card-wrapper,
.xav-tabs .card,
.xav-tabs .product-card {
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
}

/* If your theme adds hover shadow that differs, keep it consistent */
.xav-tabs .card-wrapper:hover,
.xav-tabs .card:hover,
.xav-tabs .product-card:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* ================================
   XAV TABS — FIX EXTRA TOP SPACE
   ================================ */

/* Dawn-like section padding control */
.section[id^="shopify-section-"] .section-*-padding {}

/* Specific to this section class pattern */
[class*="section-"][class$="-padding"].xav-tabs,
.xav-tabs[class*="section-"][class$="-padding"] {
  padding-top: 28px !important;   /* reduce this */
  padding-bottom: 48px !important;
  margin-top: 0 !important;
}

/* If your theme adds extra spacing via .section wrapper */
.shopify-section.section .xav-tabs {
  margin-top: 0 !important;
}

/* Tighten spacing between heading + tabs bar */
.xav-tabs__head {
  margin-bottom: 14px !important;
}

/* Tighten spacing above heading (sometimes default H tags add margin) */
.xav-tabs__title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* ===== XAV TABS: tighter spacing on mobile ===== */
@media (max-width: 749px){
  .xav-tabs{
    padding-top: 10px !important;
    padding-bottom: 30px !important;
    margin-top: 0 !important;
  }

  .xav-tabs__head{
    margin: 0 0 10px !important;
  }

  .xav-tabs__title{
    margin: 0 0 10px !important;
    line-height: 1.15;
  }

  .xav-tabs__bar{
    margin-top: 8px !important;
  }
}

/* ===== MOBILE: kill extra banner height (Dawn) ===== */
@media (max-width: 749px){

  /* Image banner (Dawn) */
  .shopify-section .banner{
    min-height: 0 !important;
    height: auto !important;
  }

  .shopify-section .banner__media{
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* If theme uses fixed heights on media */
  .shopify-section .banner__media > img,
  .shopify-section .banner__media img{
    height: auto !important;
    max-height: 260px !important;   /* change 260 to 220/300 as you like */
    object-fit: cover !important;
  }

  /* Remove inner padding that adds vertical space */
  .shopify-section .banner__content{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .shopify-section .banner__box{
    padding: 0 !important;
  }
}
@media (max-width: 749px){
  .slideshow,
  .slideshow__slide{
    height: auto !important;
    min-height: 0 !important;
  }

  .slideshow__media,
  .slideshow__media img{
    height: auto !important;
    max-height: 260px !important;
    object-fit: cover !important;
  }
}