/** Shopify CDN: Minification failed

Line 155:10 Unexpected "{"
Line 155:19 Expected ":"
Line 156:14 Expected identifier but found whitespace
Line 156:16 Unexpected "{"
Line 156:25 Expected ":"
Line 156:51 Expected ":"
Line 157:17 Expected identifier but found whitespace
Line 157:19 Unexpected "{"
Line 157:28 Expected ":"
Line 157:57 Expected ":"

**/
/* =============================================
   Product Tabs Section — Dawn Theme
   File: assets/product-tabs.css
   ============================================= */

/* --- Tab Navigation --- */
.product-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3rem;
  border-bottom: none;
  padding-bottom: 0;

  justify-content: center; /* ✅ Center align tabs */
}

/* --- Tab Buttons --- */
.product-tabs__tab-btn {
  position: relative;
  background: #f5f5f5; /* light background for all tabs */
  border: none;
  padding: 1rem 2rem;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
  outline-offset: 0.3rem;

  border-radius: 4px;
}

/* Hover */
.product-tabs__tab-btn:hover {
  background: #eaeaea;
  color: rgb(var(--color-foreground));
}

/* Active Tab */
.product-tabs__tab-btn.is-active {
  background-color: #BF9232; /* ✅ your color */
  color: #ffffff;
}

/* ❌ Remove underline */
.product-tabs__tab-btn::after {
  display: none;
}

/* --- Tab Panels --- */
.product-tabs__panel {
  display: none;
  animation: tabFadeIn 0.3s ease;
}

.product-tabs__panel.is-active {
  display: block;
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(0.6rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Product Grid --- */
.product-tabs__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 750px) {
  .product-tabs__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing);
  }
}

@media screen and (min-width: 990px) {
  .product-tabs__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Override to max 3 cols when 6 products shown */
.product-tabs__grid:has(li:nth-child(4)) {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 750px) {
  .product-tabs__grid:has(li:nth-child(4)) {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 990px) {
  .product-tabs__grid:has(li:nth-child(4)) {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- Empty State --- */
.product-tabs__empty {
  grid-column: 1 / -1;
  padding: 4rem;
  text-align: center;
  color: rgba(var(--color-foreground), 0.5);
}

/* --- View All Button --- */
.product-tabs__view-all {
  display: flex;
  justify-content: center;
  margin-top: 3.6rem;
}

/* --- Placeholder (Theme Editor only) --- */
.product-tabs__placeholder {
  padding: 4rem;
  text-align: center;
  border: 0.2rem dashed rgba(var(--color-foreground), 0.15);
  border-radius: var(--inputs-radius);
  color: rgba(var(--color-foreground), 0.5);
  font-size: 1.4rem;
}

/* --- Section Padding (from schema settings) --- */
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}