/** Shopify CDN: Minification failed

Line 137:0 Unexpected "@media"
Line 304:0 Unexpected "@media"
Line 314:6 Expected ":"
Line 334:0 Unexpected "@media"
Line 346:6 Expected ":"
Line 549:0 Unexpected "@media"
Line 559:6 Expected ":"
Line 581:0 Unexpected "@media"
Line 593:6 Expected ":"
Line 617:0 Unexpected "}"
... and 27 more hidden warnings

**/
/* ========================================
   TEMPLATE-COLLECTION.CSS
   Consolidated: 2026-03-05
   Source files merged in load order
   ============================================================================== */

/* BEGIN cinema-collection.css */

/**
 * cinema-collection.css
 * Consolidated from 7 source files
 * Generated: 2026-03-03T09:21:19.556Z
 */

/* ============================================
   collection-premium.css
   ============================================================================== */

/* ========================================
   AGRIKO COLLECTION PREMIUM POLISH
   Adapted from Next.js Premium Polish v4
   ============================================================================== */

/* ===== CSS CUSTOM PROPERTIES ===== */
:root {
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --shadow-sm: 0 2px 8px rgba(14, 62, 41, 0.04);
  --shadow-md: 0 4px 16px rgba(14, 62, 41, 0.06);
  --shadow-lg: 0 8px 24px rgba(14, 62, 41, 0.08);
  --shadow-xl: 0 12px 32px rgba(14, 62, 41, 0.1);
}

/* Template-specific tokens - scoped to body.template-collection {
  overflow-x: clip !important;
}

body.template-collection */
body.template-collection {
  --products-forest: #0E3E29;
  --products-forest-light: #1D4E35;
  --products-forest-dark: #0A2A1F;
  --products-gold: #F6B900;
  --products-gold-warm: #D4941A;
  --products-gold-deep: #A67C1A;
  --products-cream: #FAF9F6;
  --products-cream-deep: #F5EDE3;
  --products-cream-darker: #E8DFD0;
  --products-ink: #4A6A5C;
  --products-ink-muted: #6B8076;
  --products-terra: #C9754B;
  --products-orange: #f35201;
  --products-charcoal: #2A2520;
  --products-section-py: clamp(2.5rem, 6vw, 5rem);
  --products-section-px: clamp(1rem, 4vw, 2.5rem);
  --products-card-radius: clamp(1.125rem, 3vw, 1.75rem);
  --products-card-padding: clamp(1.25rem, 3.5vw, 2rem);
}

/* ===== COLLECTION HERO SECTION ===== */

/* Remove striped overlay pattern from hero */

/* ===== COLLECTION SECTION ===== */

/* ===== SECTION HEADING ===== */

/* ===== PRODUCT GRID ===== */

@media (min-width: 640px) {
  .ag-product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .ag-product-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

@media (min-width: 1280px) {
  .ag-product-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}

/* ===== PRODUCT CARDS (Mapped to .ag-card) ===== */

/* Image Area */

/* Floating Badge */

/* Content Area */

/* Add Button */

/* Product Card Rating */

/* Product Card Badge */

/* Filter Panel (Mapped to .ag-filter-panel) */

body.template-collection .ag-filter-pill:hover,
body.template-collection 

/* Pagination (Mapped to .ag-pagination-wrapper) */

body.template-collection .ag-pagination-wrapper .page,
body.template-collection 
body.template-collection .ag-pagination-wrapper .next,
body.template-collection 

/* Banner Inline */

/* Responsive adjustments */
@media (min-width: 768px) {
  .ag-collection-section {
    padding: 3.25rem 2.125rem;
  }

}

@media (min-width: 1024px) {
  .ag-product-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

}

@media (min-width: 1280px) {
  .ag-product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Mobile Responsive Styles */
@media (max-width: 767px) {
  .ag-collection-hero {
    min-height: 50vh;
  }

}

/* Heritage Section Styles */

@media (min-width: 1024px) {
  .ag-heritage-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8rem;
  }
}

/* Story Badge */

/* Additional parity refinements */

@media (min-width: 1024px) {
  .ag-product-grid {
    gap: 1.5rem;
  }
}

@media (max-width: 767px) {
  .ag-collection-hero {
    min-height: 50vh;
  }

}

/* ============================================
   collections-all-editorial.css
   ============================================================================== */

/* ============================================================================
   AGRIKO COLLECTIONS PAGE — EDITORIAL POLISH OVERLAY
   Fine-tuning the Farmers Market Editorial aesthetic for /collections/all

   Focus Areas:
   - Premium Wellness Collections cards with specimen-style depth
   - Filter pills with warm, tactile feel
   - Product grid with enhanced card interactions
   - Heritage section with refined typography and shadows
   - Consistent with homepage Farmers Market Editorial aesthetic

   Excludes: Hero, Header, Footer
   ============================================================================== */

/* ============================================================================
   GLOBAL EASING — Premium motion curves
   ============================================================================== */

body.template-collection .ag-card,
body.template-collection .ag-filter-pill,

/* ============================================================================
   PREMIUM WELLNESS COLLECTIONS — Specimen card refinement
   ============================================================================== */

/* Premium cards with layered depth */

/* Enhanced hover with elegant lift */

/* Premium card media with subtle gradient */

/* Premium card title polish */

/* Premium card price refinement */
body.template-collection .ag-premium-collections .ag-card__price,

/* Premium add to cart button polish */
body.template-collection .ag-premium-collections .ag-card__add-btn,

body.template-collection .ag-premium-collections .ag-card__add-btn:hover,

/* ============================================================================
   FILTER PANEL — Tactile pill refinement
   ============================================================================== */

/* Filter pills with warm, organic feel */

/* Active filter pill state */

/* Filter panel heading typography */

/* ============================================================================
   PRODUCT GRID — Main collection cards refinement
   ============================================================================== */

/* Collection cards with specimen-style background */

/* Enhanced hover for collection cards */

/* Collection card title */

/* Collection card price */

/* Collection card excerpt */

/* Collection add button polish */

/* ============================================================================
   HERITAGE SECTION — Editorial refinement
   ============================================================================== */

/* Heritage section background depth */

/* Heritage kicker with golden glow */

/* Heritage title polish */

/* Heritage copy refinement */

/* Heritage stats with golden glow */

/* Heritage image card refinement */

/* Story badge polish */

/* Heritage quote refinement */

/* ============================================================================
   PAGINATION — Refined pagination controls
   ============================================================================== */

/* Pagination buttons with polish */
body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,

/* Active/current page */

/* ============================================================================
   RATING STARS — Subtle refinement
   ============================================================================== */

/* ============================================================================
   RESPONSIVE REFINEMENTS
   ============================================================================== */

@media (max-width: 768px) {

  /* Lighter shadows for mobile */
  .template-collection .ag-premium-collections .ag-card,
  .template-collection .ag-collection-section--products-shell .ag-card--collection {
    box-shadow:
      0 2px 6px rgba(14, 62, 41, 0.03),
      0 4px 12px rgba(14, 62, 41, 0.04);
  }

  body.template-collection .ag-premium-collections .ag-card:hover,
  body.template-collection 

  /* Reduce filter pill shadow on mobile */
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   ============================================================================== */

body.template-collection .ag-filter-pill:focus-visible,
body.template-collection .ag-card__add-btn:focus-visible,
body.template-collection .ag-pagination-wrapper .page:focus-visible,
body.template-collection .ag-pagination-wrapper .next:focus-visible,
body.template-collection .ag-pagination-wrapper .prev:focus-visible,

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   ============================================================================== */

@media (prefers-reduced-motion: reduce) {

  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-button,
  .template-collection .ag-pagination-wrapper .page,
  .template-collection .ag-pagination-wrapper .next,
  .template-collection .ag-pagination-wrapper .prev {
    transition: none !important;
    transform: none !important;
  }

  body.template-collection .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-filter-pill:hover,
  body.template-collection 
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   ============================================================================== */

@media print {

  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-heritage-section--shell {
    box-shadow: none;
    transform: none;
  }

}

/* ============================================================================
   END OF COLLECTIONS PAGE EDITORIAL POLISH
   ============================================================================== */

/* ============================================
   collections-premium-refined.css
   ============================================================================== */

/* ============================================================================
   AGRIKO COLLECTIONS PAGE — PREMIUM REFINEMENT
   Editorial Agricultural Heritage aesthetic

   Design Philosophy: "From Sacred Soil" — Premium farm-to-table magazine
   meets organic apothecary. Warm, earthy, refined but never rustic.

   Key Elements:
   - Botanical decorative accents (herbs, leaves, grains)
   - Burlap-textured cards with premium finish
   - Heritage color blocking (forest greens, golds, earth tones)
   - Editorial typography hierarchy
   - Sophisticated micro-interactions

   Excludes: Hero, Header, Footer
   ============================================================================== */

/* Template-specific tokens - scoped to body.template-collection */
body.template-collection {
  --ag-collections-forest: #0E3E29;
  --ag-collections-forest-light: #1a4d38;
  --ag-collections-forest-dark: #061a12;
  --ag-collections-gold: #c9a227;
  --ag-collections-gold-light: #e8c078;
  --ag-collections-cream: #f8f5f0;
  --ag-collections-ivory: #faf8f3;
  --ag-collections-sand: #e8ddd4;
  --ag-collections-terra: #b07d4b;
  --ag-collections-rice: #f5efe6;
  --ag-collections-sage: #8b9a6d;
  --ag-collections-charcoal: #2d2d2d;
}

/* ============================================================================
   SECTION SPACING & DIVIDERS — Organic separators
   ============================================================================== */

/* Premium section spacing with breathable rhythm */

/* Organic wave divider between sections */

/* ============================================================================
   PREMIUM WELLNESS COLLECTIONS — Specimen card enhancement
   ============================================================================== */

/* Section header with editorial typography */

/* Botanical decoration - wheat grain pattern */

/* Enhanced section heading */

/* Golden accent in heading */

/* Subtle glow on accent */

/* Centered subheading */

/* Bundle note with pill styling */

/* ============================================================================
   PREMIUM CARDS — Specimen-style depth with botanical accents
   ============================================================================== */

/* Premium cards with layered depth and burlap texture */

/* Burlap texture overlay on premium cards */

/* Botanical corner decoration */

/* Enhanced hover with elegant lift and glow */

/* Premium card media with vignette */

/* Badge styling with premium finish */

/* Premium card typography */

/* Rating stars with golden warmth */

/* Premium price display */
body.template-collection .ag-premium-collections .ag-card__price,

/* Add to cart button with premium gold gradient */
body.template-collection .ag-premium-collections .ag-card__add-btn,

body.template-collection .ag-premium-collections .ag-card__add-btn:hover,

/* Micro-copy with refined styling */

/* ============================================================================
   FILTER PANEL — Tactile, organic pill refinement
   ============================================================================== */

/* Filter section with botanical decoration */

/* Leaf decoration on filter section */

/* Filter panel heading with editorial styling */

/* Filter pills with warm, organic feel */

/* Burlap texture on filter pills */

/* Active filter pill with forest green */

/* ============================================================================
   PRODUCT GRID — Main collection cards with burlap texture
   ============================================================================== */

/* Product grid with refined spacing */

/* Collection cards with specimen-style background */

/* Burlap texture on main grid cards */

/* Botanical accent on card hover */

/* Enhanced hover for collection cards */

/* Collection card typography */

/* Collection card price */

/* Collection card excerpt */

/* Collection add button polish */

/* ============================================================================
   HERITAGE SECTION — Editorial typography with agricultural motifs
   ============================================================================== */

/* Heritage section with forest gradient */

/* Subtle grain texture on heritage section */

/* Rice grain decoration */

/* Heritage kicker with handwritten style */

/* Heritage title polish */

/* Heritage copy with refined typography */

/* Heritage stats with golden glow */

/* Heritage image card refinement */

/* Story badge polish */

/* Heritage quote refinement */

/* ============================================================================
   PAGINATION — Refined controls
   ============================================================================== */

/* Pagination container */

/* Pagination buttons */
body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,

/* Active/current page */

/* ============================================================================
   RATING STARS — Golden warmth
   ============================================================================== */

/* ============================================================================
   RESPONSIVE REFINEMENTS
   ============================================================================== */

@media (max-width: 768px) {

  /* Lighter shadows for mobile */
  .template-collection .ag-premium-collections .ag-card,
  .template-collection .ag-collection-section--products-shell .ag-card--collection {
    box-shadow:
      0 2px 6px rgba(14, 62, 41, 0.04),
      0 4px 12px rgba(14, 62, 41, 0.06);
  }

  body.template-collection .ag-premium-collections .ag-card:hover,
  body.template-collection 

  /* Smaller decorative elements on mobile */

  /* Adjust filter pill spacing */
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   ============================================================================== */

body.template-collection .ag-filter-pill:focus-visible,
body.template-collection .ag-card__add-btn:focus-visible,
body.template-collection .ag-pagination-wrapper .page:focus-visible,
body.template-collection .ag-pagination-wrapper .next:focus-visible,
body.template-collection .ag-pagination-wrapper .prev:focus-visible,

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   ============================================================================== */

@media (prefers-reduced-motion: reduce) {

  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-button,
  .template-collection .ag-pagination-wrapper .page,
  .template-collection .ag-pagination-wrapper .next,
  .template-collection .ag-pagination-wrapper .prev {
    transition: none !important;
    transform: none !important;
  }

  body.template-collection .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-filter-pill:hover,
  body.template-collection 

  body.template-collection .ag-card::after,
  body.template-collection 
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   ============================================================================== */

@media print {

  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-heritage-section--shell {
    box-shadow: none;
    transform: none;
  }

  body.template-collection .ag-card::before,
  body.template-collection 
}

/* ============================================================================
   END OF COLLECTIONS PAGE PREMIUM REFINEMENT
   ============================================================================== */

/* ============================================
   collections-refined.css
   ============================================================================== */

/* ============================================================================
   AGRIKO COLLECTIONS PAGE — REFINED POLISH LAYER
   Farmers Market Editorial Aesthetic — Premium refinements

   Design Philosophy:
   - Caveat handwriting font for all kickers/eyebrows
   - Fraunces display for headings (refined letter-spacing)
   - Multi-layered shadows for specimen card depth
   - Premium easing curves (cubic-bezier 0.22, 1, 0.36, 1))
   - Enhanced hover states with golden accents
   - Warm gradient backgrounds

   Sections Enhanced:
   1. Hero - Enhanced typography and button polish
   2. Premium Wellness Collections - Botanical specimen cards
   3. Product Grid - Main collection cards refinement
   4. Filter Pills - Tactile warm feel
   5. Heritage Section - Editorial polish
   ============================================================================== */

/* ============================================================================
   GLOBAL EASING & MOTION
   ============================================================================== */

body.template-collection .ag-card,
body.template-collection .ag-filter-pill,
body.template-collection .ag-button,

/* ============================================================================
   1. HERO SECTION — Enhanced typography & polish
   ============================================================================== */

/* Eyebrow with Caveat handwriting font */

/* Main title refinement */

/* Highlight text with golden gradient */

/* Subheading polish */

/* Text wrapper - clean, no glass effect */

/* Primary button styling - overridden by editorial.css */
body.template-collection .ag-collection-hero__btn.ag-button--primary {
  /* Styles moved to collections-premium-editorial.css for brand consistency */
}

/* Secondary button - glass blur with white border */

/* ============================================================================
   2. PREMIUM WELLNESS COLLECTIONS — Botanical specimen cards
   ============================================================================== */

/* Section intro refinement */

/* Kicker with Caveat */
body.template-collection .ag-collection-section__intro .ag-kicker,

/* Remove star decoration for cleaner look */
body.template-collection .ag-filter-panel__label::before,

/* Main heading refinement */

/* Golden accent text */

/* Subheading refinement */

/* Bundle note refinement */

/* Premium cards with layered depth */

/* Enhanced hover */

/* Card title refinement */

/* Card price display */
body.template-collection .ag-card__price,

/* Card button polish */
body.template-collection .ag-card__add-btn,

body.template-collection .ag-card__add-btn:hover,

/* Badge refinement */

/* Micro copy polish */

/* ============================================================================
   3. PRODUCT GRID — Main collection cards refinement
   ============================================================================== */

/* Collection cards with specimen-style background */

/* Enhanced hover */

/* Card excerpt */

/* Rating stars polish */

/* Card footer - ensure form area is above overlays */

/* Actions row - add spacing above, align items horizontally */

/* Override premium collections footer to use row layout */
body.template-collection .ag-premium-collections .ag-card__footer,
body.template-collection .ag-card--premium .ag-card__footer,

/* Price: don't grow, allow shrinking if needed */

/* Variant selector wrapper: grow to fill available space */
body.template-collection .ag-card__variant-select,

/* Add button: don't grow, fixed size */

/* Card content - ensure proper stacking */

body.template-collection .ag-card__title,
body.template-collection .ag-card__excerpt,
body.template-collection .ag-card__price,
body.template-collection .ag-card__rating,

/* Content spacer - push footer to bottom */

/* ============================================================================
   4. FILTER PANEL — Tactile pill refinement
   ============================================================================== */

/* Filter heading refinement */

/* Filter subheading */

/* Filter pills with warm, organic feel */

/* Active filter pill state */

/* ============================================================================
   5. HERITAGE SECTION — Editorial polish
   ============================================================================== */

/* Heritage section background refinement */

/* Texture overlay */

/* Heritage section kicker */

/* Heritage heading */

/* ============================================================================
   6. PRODUCT CARD COMPONENT — Full polish
   ============================================================================== */

/* Card base styles with specimen depth */

/* Texture overlay */

/* Enhanced hover */

/* Media wrapper polish */

/* Vignette polish */

/* Wellness label polish */

/* Floating badge polish - transparent/clear */

/* Rating polish */

/* ============================================================================
   RESPONSIVE REFINEMENTS
   ============================================================================== */

@media (max-width: 768px) {

  /* Lighter shadows for mobile */
  .template-collection .ag-card,
  .template-collection .ag-filter-pill {
    box-shadow:
      0 2px 6px rgba(14, 62, 41, 0.04),
      0 4px 12px rgba(14, 62, 41, 0.02);
  }

  /* Reduce hover lift on mobile */
  body.template-collection .ag-card:hover,
  body.template-collection 

  /* Tighter letter-spacing on mobile */
  body.template-collection .ag-section-heading,
  body.template-collection 
  body.template-collection .ag-filter-panel__heading,
  body.template-collection 

  /* Mobile button adjustments */
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   ============================================================================ */

body.template-collection a:focus-visible,
body.template-collection button:focus-visible {
  outline: 2px solid var(--ag-color-gold-bright, #f6b900);
  outline-offset: 3px;
}

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-button,
  .template-collection .ag-collection-hero__btn {
    transition: none !important;
  }
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   ============================================================================== */

@media print {
  .template-collection .ag-card {
    box-shadow: none;
    transform: none;
    break-inside: avoid;
  }

}

/* ============================================================================
   SECTION SPACING — Better rhythm
   ============================================================================== */

/* ============================================================================
   TEXT SELECTION — Golden highlights
   ============================================================================== */

/* ============================================================================
   MOBILE FIXES — Button overflow and H1 wrapping issues
   ============================================================================== */

/* Fix 1: Product card button overflow at 390px, 414px */
@media (max-width: 420px) {

  /* Constrain card footer to prevent overflow */
  .template-collection .ag-card__footer {
    max-width: 100%;
    overflow: visible;
    padding: 0 0.375rem 0.375rem;
    /* No top padding to keep footer flush */
  }

  /* Constrain actions row */

  /* Fix button sizing for narrow viewports */
  body.template-collection .ag-card__add-btn,
  body.template-collection 

  /* Shrink icon inside button */
  body.template-collection .ag-card__add-btn svg,
  body.template-collection 

  /* Constrain variant select */

  /* Card form with variants - constrain width */

  /* Premium collection card fixes */

  /* Collection card fixes */

  /* Price adjustment */
  body.template-collection .ag-card__price,
  body.template-collection 
}

/* Extra narrow viewport fixes (375px and below) */
@media (max-width: 375px) {

  .template-collection .ag-card__add-btn,
  .template-collection .ag-pwc__add .ag-card__add-btn {
    font-size: 0.45rem;
    padding: 0.3rem 0.4rem;
  }

}

/* Fix 2: H1 title excessive wrapping at narrow viewports */
@media (max-width: 420px) {
  .template-collection .ag-collection-hero__title {
    /* Reduce viewport-based font size to prevent excessive wrapping */
    font-size: clamp(1.5rem, 7.5vw, 2.5rem);
    /* Increase line-height for better readability */
    line-height: 1.2;
    /* Reduce letter-spacing slightly for narrow screens */
    letter-spacing: -0.015em;
    /* Ensure text doesn't overflow */
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Highlight text adjustment */

  /* Subheading adjustment */
}

/* Extra narrow viewport title fixes (375px and below) */
@media (max-width: 375px) {
  .template-collection .ag-collection-hero__title {
    font-size: clamp(1.35rem, 8vw, 2rem);
    line-height: 1.25;
  }
}

/* ============================================================================
   END OF COLLECTIONS REFINED POLISH LAYER
   ============================================================================== */

/* ============================================
   collections-herbarium-editorial.css
   ============================================================================== */

/* ============================================================================
   AGRIKO COLLECTIONS — LIVING HERBARIUM EDITORIAL
   ================================================================

   Design Direction: "Living Herbarium" — Editorial Botanical Journal

   A distinctive approach treating products like specimens in a botanist's
   field journal combined with high-end editorial magazine layouts.

   KEY DIFFERENTIATORS:
   - Oversized typography that breaks grid boundaries
   - Specimen-sheet product cards with technical metadata
   - Hand-drawn decorative elements (organic, asymmetrical)
   - Unexpected section transitions (diagonal cuts, layered backgrounds)
   - Editorial magazine-style article layouts for products
   - Alternating warm/cool dramatic backgrounds

   TYPOGRAPHY:
   - Fraunces for dramatic oversized headlines
   - JetBrains Mono for technical "catalog" data
   - Crimson Text for editorial body copy
   - Caveat for handwritten annotations

   COLORS BEYOND STANDARD:
   - Deep Forest (#0E3E29) — primary
   - Golden Amber (#D4941A) — accent
   - Terra Cotta (#B07D4B) — warm secondary
   - Sage Muted (#8B9A6D) — organic accent
   - Cream Paper (#FAF8F3) — canvas

   ============================================================================== */

/* ============================================================================
   GLOBAL SECTION TRANSITIONS — Dramatic, non-standard breaks
   ============================================================================== */

/* Diagonal section transitions for visual interest */

/* Hero section gets full treatment */

/* Premium section with warm gradient */

/* Products section with subtle warm tone */

/* Heritage section gets dramatic forest gradient */

/* ============================================================================
   ORGANIC DECORATIVE ELEMENTS — Hand-drawn feel
   ============================================================================== */

/* Floating botanical elements */

/* ============================================================================
   EDITORIAL SECTION HEADERS — Oversized, dramatic typography
   ============================================================================== */

/* Hand-drawn underline accent */

/* Kicker styling - editorial label */
body.template-collection .ag-filter-panel__label,

body.template-collection .ag-filter-panel__label::before,

/* Main heading - dramatic oversized */
body.template-collection .ag-section-heading,

/* Accent text with animated gradient */

@keyframes herbarium-gold-shimmer {

  0%,
  100% {
    background-position: 0% center;
  }

}

/* Section subheading */
body.template-collection .ag-collection__subheading,

/* Bundle note - editorial tag style */

/* ============================================================================
   SPECIMEN CARDS — Product cards with botanical journal styling
   ============================================================================== */

/* Grid refinement */

/* Premium cards */

/* Top accent bar - gold gradient */

/* Hover effect */

/* Main collection cards */

/* Top accent for main cards */

/* Card titles - serif elegance */

/* Card prices */

/* Card footer - ensure form area is above overlays */

/* Add buttons - warm gold */

/* ============================================================================
   EDITORIAL FILTER PILLS — Tag styling with character
   ============================================================================== */

/* Subtle texture on pills */

/* ============================================================================
   HERITAGE SECTION — Enhanced editorial treatment
   ============================================================================== */

/* Grain texture overlay */

/* Large decorative botanical element */

/* Ensure content is above textures */

/* Heritage kicker */

/* Heritage title */

/* Heritage stats */

/* Story badge */

/* Heritage quote */

/* ============================================================================
   PAGINATION — Editorial treatment
   ============================================================================== */

body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,

/* ============================================================================
   SCROLL REVEAL ANIMATIONS — Cinematic staggered reveals
   ============================================================================== */

@supports (animation-timeline: view()) {

  .template-collection .ag-card,
  .template-collection .ag-product-grid__item,
  .template-collection .ag-collection-section__intro {
    animation: herbarium-reveal linear both;
    animation-timeline: view();
    animation-range: entry 15% entry 35%;
  }

  @keyframes herbarium-reveal {
    from {
      opacity: 0;
      transform: translateY(40px) scale(0.97);
    }

  }

  /* Stagger based on position */

}

/* Fallback for browsers without View Timeline */
@supports not (animation-timeline: view()) {

  .template-collection .ag-card,
  .template-collection .ag-product-grid__item {
    opacity: 0;
    transform: translateY(30px) scale(0.97);
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.template-collection .ag-card.is-visible,
  body.template-collection 
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================== */

@media (max-width: 768px) {

  /* Smaller decorative elements */
  .template-collection .ag-collection-section::before,
  .template-collection .ag-collection-section::after {
    width: 40px;
    height: 40px;
  }

  /* Adjust heading sizes */
  body.template-collection .ag-section-heading,
  body.template-collection 

  /* Compact spacing */

  /* Heritage section single column */

  /* Smaller filter pills */

  /* Smaller pagination */
  body.template-collection .ag-pagination-wrapper .page,
  body.template-collection 
  body.template-collection .ag-pagination-wrapper .next,
  body.template-collection 
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   ============================================================================== */

body.template-collection .ag-filter-pill:focus-visible,
body.template-collection .ag-card__add-btn:focus-visible,
body.template-collection .ag-pagination-wrapper .page:focus-visible,
body.template-collection .ag-pagination-wrapper .next:focus-visible,
body.template-collection .ag-pagination-wrapper .prev:focus-visible,

/* ============================================================================
   REDUCED MOTION
   ============================================================================== */

@media (prefers-reduced-motion: reduce) {

  .template-collection .ag-card,
  .template-collection .ag-filter-pill,
  .template-collection .ag-button,
  .template-collection .ag-pagination-wrapper .page,
  .template-collection .ag-pagination-wrapper .next,
  .template-collection .ag-pagination-wrapper .prev {
    transition: none !important;
    animation: none !important;
  }

  body.template-collection .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-filter-pill:hover,
  body.template-collection 

}

/* ============================================================================
   OPTIONAL ENHANCEMENT CLASSES — Add via HTML for special effects
   ============================================================================== */

/* Catalog number badge */

/* Specimen label */

/* Editorial divider */

body.template-collection .herbarium-divider::before,
body.template-collection 

/* ============================================================================
   END OF LIVING HERBARIUM EDITORIAL
   ============================================================================== */

/* ============================================
   herbal-blends-laboratory.css
   ============================================================================== */

/* ============================================================================
   AGRIKO HERBAL BLENDS — DARK BOTANICAL APOTHECARY
   A bold, unexpected redesign with dramatic aesthetics

   Design Philosophy:
   - Dark apothecary aesthetic (deep charcoal backgrounds)
   - Electric botanical accents (lime, magenta, amber)
   - Brutalist typography with dramatic scale shifts
   - Asymmetric layouts breaking the grid
   - Glassmorphism specimen cards
   - Interactive micro-animations
   - Vintage botanical illustrations as decorative elements

   ============================================================================== */

/* ============================================================================
   DESIGN TOKENS
   ============================================================================== */

:root {
  --apothecary-charcoal: #0d0d0d;
  --apothecary-dark: #1a1a1a;
  --apothecary-surface: #252525;
  --apothecary-light: #333333;
  --electric-lime: #b4ff00;
  --electric-magenta: #ff0080;
  --electric-amber: #ff6b00;
  --electric-cyan: #00ffcc;
  --botanical-sage: #6b8e23;
  --botanical-fern: #2d5016;
  --botanical-wine: #722f37;
  --text-primary: #f5f5f5;
  --text-secondary: #a0a0a0;
  --text-muted: #606060;
  --border-glow: rgba(180, 255, 0, 0.3);
  --glass-surface: rgba(37, 37, 37, 0.7);
  --glass-border: rgba(255, 255, 255, 0.1);
}

/* ============================================================================
   ARTICLE BODY — Dark apothecary atmosphere
   ============================================================================== */

/* Botanical texture overlay */

/* ============================================================================
   HERO SECTION — Dramatic asymmetric layout
   ============================================================================== */

/* Hero decorative accent */

/* Hero content container */

/* Left side - Vertical text accent */

/* Hero title wrapper */

/* Numbered chapter accent */

/* Hero title - Brutalist scale */

/* Hero subtitle with electric accent */

/* Hero metadata */

/* Scroll indicator - animated */

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

}

/* ============================================================================
   SECTION HEADINGS — Brutalist typography
   ============================================================================== */

/* Electric accent line */

/* ============================================================================
   PARAGRAPH TEXT — Editorial readability
   ============================================================================== */

/* ============================================================================
   BLEND CARDS — Glassmorphism specimen cards
   ============================================================================== */

/* Blend card container */

/* Glow effect on hover */

/* Blend card heading wrapper */

/* Percentage badge */

/* Blend card title */

/* Ingredient list */

/* Blend card description */

/* ============================================================================
   HERB REFERENCE CARDS — Specimen grid
   ============================================================================== */

/* Specimen card accent */

/* Herb name */

/* Herb properties grid */

/* ============================================================================
   BREWING STEPS — Numbered cards with electric accents
   ============================================================================== */

/* Step number */

/* Step description */

/* ============================================================================
   PRINCIPLES SECTION — Alternating layout
   ============================================================================== */

/* Principle heading */

/* Principle list */

/* ============================================================================
   FINAL THOUGHT BOX — Highlighted quote
   ============================================================================== */

/* ============================================================================
   CTA SECTION — Electric call to action
   ============================================================================== */

/* ============================================================================
   RESPONSIVE DESIGN
   ============================================================================== */

@media (max-width: 1024px) {

  /* Hero - Stack on tablet */
  body.template-article article section:first-child {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 4rem 2rem;
  }

  /* Brewing steps - 2x2 grid */

  /* Principles - Stack */

}

@media (max-width: 640px) {

  /* Hero mobile */
  body.template-article article section:first-child h1 {
    font-size: clamp(2rem, 8vw, 3rem);
  }

  /* Brewing steps - Stack */

  /* Herb reference - Stack */

  /* Blend cards - Full width ingredients */

  /* Section headings mobile */
}

/* ============================================================================
   ACCESSIBILITY
   ============================================================================== */

body.template-collection body.template-article article a:focus-visible,
body.template-collection 

/* ============================================================================
   MOTION PREFERENCES
   ============================================================================== */

@media (prefers-reduced-motion: reduce) {
  body.template-article article section:first-child>div>div:last-child {
    animation: none !important;
  }

  body.template-collection body.template-article article section>div>.space-y-8>div,
  body.template-collection 
  body.template-collection body.template-article article section:has(h2) .grid>div,
  body.template-collection 

}

/* ============================================================================
   CARD BADGE — Clear dark apothecary style (no green)
   ============================================================================== */

/* ============================================================================
   PREMIUM REFINEMENTS — Enhanced details and polish
   ============================================================================== */

/* Enhanced drop cap with decorative ring */

/* Section dividers with botanical pattern */

/* Decorative corner accents on cards */

/* Enhanced image containers with glow */

/* Animated gradient text on key headings */

@keyframes shimmer {
  0% {
    background-position: 0% center;
  }

}

/* Enhanced list items with custom bullets */

/* Subtle floating animation on cards */
@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

}

/* Pause animation on hover */

/* Enhanced progress/percentage indicators */
body.template-collection body.template-article article section>div>.space-y-8>div>div:first-child>div:first-child,
body.template-collection 

body.template-collection body.template-article article section>div>.space-y-8>div>div:first-child>div:first-child::after,
body.template-collection 

@keyframes progress {
  from {
    width: 0%;
  }

}

/* Reading progress indicator at top */

/* Decorative botanical illustrations (CSS-only) */

/* Enhanced quote styling */

/* Smooth scroll behavior */

/* Selection styling */

/* Focus ring enhancement */
body.template-collection body.template-article article a:focus-visible,
body.template-collection 

/* ============================================================================
   BRAND ORANGE ACCENT — Wellness Collections
   ============================================================================== */

/* Global selector - works everywhere */

/* Article page specific */

/* Collection page specific */

/* Product card badges on collection page - clear/transparent */

/* ============================================================================
   FILTER PANEL LAYOUT — Move label above heading
   ============================================================================== */

/* Target the section with "Find Your Perfect Match" heading */

/* Reorder elements to place label first */

/* ============================================================================
   UNIVERSAL BADGE TRANSPARENCY — All pages, all contexts
   ============================================================================== */

/* Maximum specificity rules to override ALL other badge styling */
body.template-collection .ag-card__badge-floating,
body.template-collection .ag-premium-collections .ag-card__badge-floating,
body.template-collection .ag-collection-section--products-shell .ag-card__badge-floating,

/* Badge icon styling - white/light icon for dark backgrounds */
body.template-collection .ag-card__badge-icon,
body.template-collection .ag-premium-collections .ag-card__badge-icon,

body.template-collection .ag-card__badge-icon svg,
body.template-collection .ag-premium-collections .ag-card__badge-icon svg,

/* Badge text styling - white/light text */
body.template-collection .ag-card__badge-text,
body.template-collection .ag-premium-collections .ag-card__badge-text,

/* ============================================================================
   END OF DARK BOTANICAL APOTHECARY STYLES
   ============================================================================== */

/* ============================================================================
   END OF DARK BOTANICAL APOTHECARY STYLES
   ============================================================================== */

/* ============================================
   collections-premium-body-upgrade-v2.css
   ============================================================================== */

/* =============================================================================
   PREMIUM BODY UPGRADE V2 - Collection Page
   STRICT SCOPE: Body sections only
   Does NOT affect: header, hero, footer, global styles, design tokens
   ============================================================================== */

/* =============================================================================
   SECTION ROOT SELECTORS (SCOPING GUARANTEE)
   ✓ .ag-premium-collections — Premium Wellness Collections
   ✓ .ag-collection-section--products-shell — Filters + Product Grid
   ✓ .ag-heritage-section--shell — From Sacred Soil block
   ============================================================================== */

/* =============================================================================
   SECTION 1 — PREMIUM WELLNESS COLLECTIONS
   Root: .ag-premium-collections
   ============================================================================== */

/* H2: Increase size ~12%, tighten line-height */

/* Script accent: reduce dominance (weight only, no color change) */

/* Subcopy: better contrast via opacity (no color change), more breathing room */

/* Section intro: increased spacing below heading block */

/* CTA button: height increase +8px, premium hover */
body.template-collection .ag-premium-collections .ag-button,
body.template-collection 

body.template-collection .ag-premium-collections .ag-button:hover,
body.template-collection 

body.template-collection .ag-premium-collections .ag-button:focus-visible,
body.template-collection 

/* =============================================================================
   SECTION 2 — FILTER CHIPS
   Root: .ag-collection-section--products-shell
   ============================================================================== */

/* Filter panel: better breathing room */

/* Filter list: increased gap */

/* Filter chips: increased padding */

/* Filter chip: hover (background deepen) */

/* Filter chip: active state (darker tone, inset, subtle scale) */

/* Filter chip: keyboard focus */

/* =============================================================================
   SECTION 3 — PRODUCT GRID
   Root: .ag-collection-section--products-shell
   ============================================================================== */

/* Product grid: better spacing */

/* Card: increased padding 12-16px equivalent */

/* Title: increased spacing below */

/* Description: clamp to 2 lines, increased spacing above price */

/* Price: increased weight, increased size */

/* Currency symbol: reduced size */

/* Card footer: ensure alignment, spacing above price */

/* Badge: increased inset, smaller text, larger radius */

/* Card: depth system */

/* Card hover: translateY(-4px), stronger shadow */

/* =============================================================================
   SECTION 4 — FROM SACRED SOIL BLOCK
   Root: .ag-heritage-section--shell
   ============================================================================== */

/* Main headline: increase size slightly */

/* Metric number: increase size and weight */

/* Metric label: improve spacing below number */

/* Left column: increase padding */

/* Background overlay: reduce opacity */

/* Image card: subtle depth only */

/* =============================================================================
   SCROLL RHYTHM UPGRADE (BODY ONLY)
   ============================================================================== */

/* Section spacing: subtle increase between major blocks */

/* Background modulation: extremely subtle beige tone shift */

/* =============================================================================
   RESPONSIVE BREAKPOINTS
   ============================================================================== */

@media (max-width: 767px) {

  /* Premium Collections mobile */
  .ag-premium-collections .ag-section-heading {
    font-size: clamp(1.8rem, 6.5vw, 2.5rem);
  }

  body.template-collection .ag-premium-collections .ag-button,
  body.template-collection 

  /* Filter chips mobile */

  /* Product grid mobile */

  /* Heritage mobile */

}

/* =============================================================================
   MOTION & ACCESSIBILITY
   ============================================================================== */

@media (prefers-reduced-motion: reduce) {

  .ag-premium-collections .ag-button,
  .ag-premium-collections .ag-collection-hero__btn,
  .ag-collection-section--products-shell .ag-filter-pill,
  .ag-collection-section--products-shell .ag-card--collection {
    transition: none !important;
  }

  body.template-collection .ag-premium-collections .ag-button:hover,
  body.template-collection 
  body.template-collection .ag-premium-collections .ag-collection-hero__btn:hover,
  body.template-collection 
  body.template-collection .ag-collection-section--products-shell .ag-filter-pill:hover,
  body.template-collection 
}

/* =============================================================================
   CARD LAYOUT FIXES - Ensure footer alignment
   These rules must be at the end to override all other styles
   ============================================================================== */

/* Remove card bottom padding */
body.template-collection .ag-card--collection,

/* Remove content bottom padding to eliminate gap */
body.template-collection .ag-card--collection .ag-card__content,

/* Remove footer padding */
body.template-collection .ag-card--collection .ag-card__footer,

/* Reserve heights for variable content to ensure consistent card heights */

/* Reserve space for rating when present */

/* Remove shadow from Add to Cart button within collection cards */
body.template-collection .ag-card__add-btn,

body.template-collection .ag-card__add-btn:hover,

/* ========================================
   PREMIUM COLLECTION CARDS FIX
   Normalize premium collection cards to match
   regular collection card heights
   ======================================== */

/* Premium section titles - match product section sizing */

/* Premium section excerpts - match product section height */

/* Normalize premium section media height to match products section */

/* Normalize badge heights across all collection cards */

/* Normalize content spacer height for consistent card heights */

/* Normalize footer height across all collection cards */

/* Normalize content padding-top across all collection cards */

/* Normalize rating margin-bottom across all collection cards */

/* Normalize excerpt margin-bottom across all collection cards */

/* Normalize content height across all collection cards - match taller product cards */

/* Normalize title-link height across all collection cards */

/* More specific normalization for premium section */

/* More specific normalization for products section */

/* Normalize media height across all sections */

/* ===== EMPTY STATE TYPOGRAPHY ===== */
/* Added 2026-03-04 - Typography audit fix */

/* Responsive adjustments */
@media (max-width: 768px) {
  .ag-empty-state {
    padding: clamp(2rem, 10vw, 3rem) 1rem;
  }

}

/* ============================================================================
   EDITORIAL POLISH — Filter Panel Kicker
   "Shop by Wellness Goal" kicker cleanup (no box, doubled size)
   ============================================================================== */

/* Center and refine the filter panel header layout */
/* END cinema-collection.css */

/* BEGIN products-page-parity.css */

/* ========================================
   AGRIKO PRODUCTS PAGE - PARITY CSS v1
   Bringing Shopify collections/all to parity with
   Next.js localhost:3000/products design

   Key additions:
   - Enhanced product card animations
   - Background patterns
   - Typography refinements
   - Premium polish effects

   IMPORTANT FIX: One surface per card (no stacked whites)
   ============================================================================== */

/* ==========================================================================
   CARD SURFACE NORMALIZATION (fix uneven whites / banding)
   Goal: ONE background per card, inner wrappers transparent
   ============================================================================== */

/* 1) Ensure the OUTER card owns the surface */
body.template-collection .ag-card,
body.template-collection 

/* 2) Force common INNER wrappers to be transparent (these cause the stripes) */
body.template-collection .ag-card__content,
body.template-collection 
body.template-collection .ag-card__body,
body.template-collection 
body.template-collection .ag-card__footer,
body.template-collection 
body.template-collection .ag-product-card__content,
body.template-collection 

/* 3) Kill gradient/overlay pseudo-elements that tint whites */
body.template-collection .ag-card::before,
body.template-collection 
body.template-collection .ag-card::after,
body.template-collection 
body.template-collection .ag-product-card::before,
body.template-collection 

/* 4) Remove inset shadows that create "panel" lines */
body.template-collection .ag-card,
body.template-collection 

/* 5) Fix action rows and price blocks that might have backgrounds */
body.template-collection .ag-card__actions-row,
body.template-collection 
body.template-collection .ag-card__price-block,
body.template-collection 
body.template-collection .ag-pwc__actions,
body.template-collection 

/* 6) Ensure form elements are transparent */
body.template-collection .ag-card__form,
body.template-collection 

/* 7) Kill any panel-like backgrounds */
body.template-collection .ag-card__content-spacer,
body.template-collection 
body.template-collection .ag-card__variant-select,
body.template-collection 

/* ===== CSS CUSTOM PROPERTIES (Parity) ===== */
:root {
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --shadow-sm: 0 2px 8px rgba(14, 62, 41, 0.04);
  --shadow-md: 0 4px 16px rgba(14, 62, 41, 0.06);
  --shadow-lg: 0 8px 24px rgba(14, 62, 41, 0.08);
  --shadow-xl: 0 12px 32px rgba(14, 62, 41, 0.1);
}

/* Template-specific tokens - scoped to body.template-collection */
body.template-collection {
  --products-forest: #0E3E29;
  --products-forest-light: #1D4E35;
  --products-gold: #F6B900;
  --products-gold-warm: #D4941A;
  --products-cream: #FAF9F6;
  --products-cream-deep: #F5EDE3;
  --products-ink: #4A6A5C;
  --products-ink-muted: #6B8076;
  --products-section-py: clamp(2.5rem, 6vw, 5rem);
  --products-section-px: clamp(1rem, 4vw, 2.5rem);
  --products-card-radius: clamp(1.125rem, 3vw, 1.75rem);
}

/* ===== PRODUCTS COLLECTION BACKGROUND PATTERN ===== */

/* ===== ENHANCED PRODUCT CARD ANIMATIONS ===== */

/* ===== PRODUCT IMAGE ENHANCEMENTS ===== */

/* ===== FIRST CARD PROMINENCE ===== */

/* ===== FILTER PILL ENHANCEMENTS ===== */

/* ===== COLLECTION HERO WRAPPER ===== */

/* ===== RESPONSIVE TYPOGRAPHY ===== */
@media (max-width: 767px) {
  .ag-filter-panel__heading {
    font-size: clamp(1.625rem, 5vw, 2.5rem);
  }

}

/* ===== SMOOTH SCROLL BEHAVIOR ===== */
html {
  scroll-behavior: smooth;
}

/* ===== FOCUS VISIBLE STATES ===== */
body.template-collection .ag-button:focus-visible,
body.template-collection 
body.template-collection .ag-filter-pill:focus-visible,
body.template-collection 

/* ===== REDUCED MOTION SUPPORT ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

}

/* ===== LOADING STATES ===== */

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
}

/* ===== BREADCRUMB ENHANCEMENTS ===== */

/* ===== PAGINATION ENHANCEMENTS ===== */

body.template-collection .ag-pagination-wrapper .page,
body.template-collection 
body.template-collection .ag-pagination-wrapper .next,
body.template-collection 

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection 
body.template-collection .ag-pagination-wrapper .next:hover,
body.template-collection 

/* ===== EMPTY STATE ENHANCEMENTS ===== */

/* ===== HERITAGE SECTION ENHANCEMENTS ===== */

/* ===== PREMIUM COLLECTIONS BADGE ===== */

/* ===== PRINT STYLES ===== */
@media print {
  .ag-collection-hero,
  .ag-filter-panel,
  .ag-pagination-wrapper {
    display: none;
  }

}

/* END products-page-parity.css */

/* BEGIN cinema-collection-refinements.css */

/**
 * cinema-collection-refinements.css
 * Surgical UI Refinement Pass for SHOP / COLLECTION PAGE Only
 *
 * GOALS:
 * 1. Make grid browsing faster: strengthen title/price/button hierarchy
 * 2. Normalize card heights: clamp text and align footers; eliminate "stacked white panels"
 * 3. Improve filters/sort UX: spacing, active states, focus states, wrapping
 * 4. Improve section rhythm inside shop page
 *
 * SCOPE: Collection template (.template-collection) ONLY
 * Does NOT modify: header, footer, hero/collection banner structure, global tokens
 */

/* ============================================================================
   SIMPLE ORANGE ACCENT - No Shadows, No Fluff
   ============================================================================== */

/* Override ALL effects on accent text - force simple orange */
body.template-collection .ag-collection-accent,
body.template-collection .ag-premium-collections .ag-collection-accent,

/* Remove pseudo-element glow effects */
body.template-collection .ag-collection-accent::after,
body.template-collection .ag-collection-accent::before,
body.template-collection .ag-collection-accent::after,

/* ============================================================================
   SIMPLE FILTER LABEL - No background, just text
   ============================================================================== */

/* ============================================================================
   RESPONSIVE H1 HEADING
   ============================================================================== */

@media (max-width: 768px) {
  .template-collection .ag-filter-panel__heading {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }
}

@media (max-width: 480px) {
  .template-collection .ag-filter-panel__heading {
    font-size: clamp(1.25rem, 6vw, 1.75rem);
  }
}

/* ============================================================================
   A) PAGE RHYTHM - Consistent vertical spacing
   ============================================================================== */

/* Collection page-specific section spacing */

/* Apply spacing between banner → filters → grid → pagination */

/* Filter panel spacing */

/* Product grid container spacing */

/* ============================================================================
   B) PRODUCT GRID CARDS - SCANABILITY + CONSISTENCY
   Image → Title → Price → Action hierarchy
   ============================================================================== */

/* Grid: consistent alignment */

@media (max-width: 768px) {
  .template-collection .ag-product-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
    gap: 1rem;
  }
}

/* Card: normalize appearance */
body.template-collection .ag-card,

body.template-collection .ag-card:hover,

/* Card content: flex column, push footer to bottom */

/* Title: dominate, clamp to 2 lines */
body.template-collection .ag-card__title,

/* Rating: secondary, reduce visual weight - TARGET CORRECT CLASS */

/* Excerpt: subdued, clamp to 2 lines desktop, 1-2 mobile */

@media (max-width: 768px) {
  .template-collection .ag-card__excerpt {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    min-height: 1.4em;
  }
}

/* Content spacer: push footer to bottom */

/* Footer: aligned at bottom */

/* Price: stronger than body text */

/* Add button: less heavy */

/* ============================================================================
   C) ROOT-CAUSE FIX - Remove stacked white panels
   Flatten inner card elements; remove backgrounds/shadows from descendants
   ============================================================================== */

/* All card inner elements must be transparent - no nested panels */
body.template-collection .ag-card__content,
body.template-collection .ag-card__footer,
body.template-collection .ag-card__actions-row,
body.template-collection .ag-card__price-block,
body.template-collection .ag-card__form,
body.template-collection .ag-card--collection .ag-card__content,
body.template-collection .ag-card--collection .ag-card__footer,
body.template-collection .ag-card--collection .ag-card__actions-row,
body.template-collection .ag-card--collection .ag-card__price-block,

/* Hide texture overlay and vignette */
body.template-collection .ag-card__texture-overlay,
body.template-collection .ag-card__vignette,
body.template-collection .ag-card--collection .ag-card__texture-overlay,

/* ============================================================================
   D) VARIANT SELECT + BUTTON POLISH
   Variant select secondary; button not too heavy; consistent heights
   ============================================================================== */

/* Variant select: visually secondary */

/* Action row: consistent alignment */

/* Price block alignment - centered by default (no variant dropdown) */

/* Form alignment */

/* When there IS a variant dropdown: change layout to space-between */
body.template-collection .ag-card__form:has(.ag-card__variant-select) ~ .ag-card__price-block,

/* ============================================================================
   E) FILTERS / SORT / PAGINATION - UX improvements
   ============================================================================== */

/* Filter list: better wrapping and spacing */

@media (min-width: 768px) {
  .template-collection .ag-filter-list {
    gap: 0.85rem;
  }
}

/* Filter pill: clearer states */

/* Inactive pill: outlined/subtle */

/* Active pill: filled background + strong contrast */

/* Static (disabled) pills: muted appearance */

/* Pagination: clearer current page state */

/* ============================================================================
   F) ACCESSIBILITY / STATES
   Focus visible outlines; hover transforms; reduced motion
   ============================================================================== */

/* Focus visible: clear outlines for keyboard navigation */
body.template-collection .ag-card:focus-visible,
body.template-collection .ag-card--collection:focus-visible,
body.template-collection .ag-filter-pill:focus-visible,
body.template-collection .ag-card__add-btn:focus-visible,

/* Hover transforms: use translate only */
body.template-collection .ag-card:hover,
body.template-collection .ag-card--collection:hover,

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .template-collection .ag-card:hover,
  .template-collection .ag-card--collection:hover,
  .template-collection .ag-filter-pill:hover,
  .template-collection .ag-card__add-btn:hover,
  .template-collection .ag-card__variant-select:hover {
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================== */

@media (max-width: 768px) {
  /* Smaller text on mobile */
  .template-collection .ag-card__title,
  .template-collection .ag-card--collection .ag-card__title {
    font-size: 1rem;
  }

  /* Filter pills smaller on mobile */

  /* Card content padding smaller on mobile */
}

@media (max-width: 480px) {
  /* Even smaller on very small screens */
  .template-collection .ag-card__title,
  .template-collection .ag-card--collection .ag-card__title {
    font-size: 0.95rem;
  }

  /* Filter pills stack better */

}

/* ============================================================================
   CLEANUP: Remove duplicate/override rules from main-collection.liquid inline styles
   These rules override the problematic inline styles that create stacked panels
   ============================================================================== */

/* Specific override for inline styles in main-collection.liquid */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__content,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__footer,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__actions-row,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__price-block,

body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__texture-overlay,

/* Ensure proper z-index stacking */
body.template-collection .ag-card--collection .ag-card__content,

/* END cinema-collection-refinements.css */

/* ========================================
   Page-specific rules from theme-components.css
   2026-03-05
   ======================================== */
.ag-button--primary.ag-collection-hero__btn {
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);
  border: none;
}

.ag-button--ghost.ag-collection-hero__btn {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  box-shadow: none;
}

.ag-button--ghost.ag-collection-hero__btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}

  .ag-collection-banner__content {
    padding: 2rem 1.5rem;
  }

  .ag-collection-banner__title {
    font-size: 1.5rem;
  }

  .ag-collection-banner__text {
    font-size: 1rem;
  }

  .ag-collection-banner__footer {
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
  }

  .ag-collection-banner__card {
    border-radius: 1.25rem;
  }

  .ag-collection-banner__content {
    padding: 1.5rem 1rem;
  }

  .ag-collection-banner__title {
    font-size: 1.375rem;
    margin-bottom: 0.5rem;
  }

  .ag-collection-banner__text {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }

  .ag-collection-banner__footer {
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.6875rem;
  }

  .ag-collection-banner__content {
    padding: 1.25rem 0.875rem;
  }

  .ag-collection-banner__icon svg {
    width: 24px;
    height: 24px;
  }

  .ag-collection-banner__title {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }

  .ag-collection-banner__text {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }

  .ag-collection-banner__card {
    border-radius: 1rem;
  }

  .ag-collection-banner__content {
    padding: 1.25rem 1rem;
  }

  .ag-collection-banner__icon svg {
    width: 24px;
    height: 24px;
  }

  .ag-collection-banner__title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .ag-collection-banner__text {
    font-size: 0.8125rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
  }

  .ag-collection-banner__footer {
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.5625rem;
    margin-top: 1.5rem;
  }

  .ag-collection-banner__card {
    border-radius: 1rem;
  }

  .ag-collection-banner__content {
    padding: 1.25rem 1rem;
  }

  .ag-collection-banner__icon svg {
    width: 24px;
    height: 24px;
  }

  .ag-collection-banner__title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .ag-collection-banner__text {
    font-size: 0.8125rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
  }

  .ag-collection-banner__footer {
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.5625rem;
    margin-top: 1.5rem;
  }

  .ag-collection-hero {
    min-height: 50vh;
  }

  .ag-collection-hero__content {
    padding: 2rem 0.75rem;
  }

  .ag-collection-hero__text-wrapper {
    padding: 1rem;
    border-radius: 1rem;
  }

  .ag-collection-hero__eyebrow {
    font-size: 0.5625rem;
    margin-bottom: 0.375rem;
  }

  .ag-collection-hero__title {
    font-size: 1.25rem;
    line-height: 1.1;
    margin-bottom: 0.625rem;
  }

  .ag-collection-hero__subheading {
    font-size: 0.75rem;
    line-height: 1.4;
    margin-bottom: 1rem;
  }

  .ag-collection-hero__actions {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }

  .ag-collection-hero__btn {
    width: 100%;
    min-width: unset;
    min-height: 44px;
    font-size: 0.6875rem;
    padding: 0.75rem 1rem;
    justify-content: center;
  }

  .ag-collection-section {
    padding-block: 2.5rem 1.5rem;
  }
/* ========================================
   MIGRATED FROM cinema-global.css and base.css
   Collection page NEW rules only (non-conflicting)
   2026-03-05
   ======================================== */

.ag-product-card {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(14, 62, 41, 0.05);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s ease;
}

.ag-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(14, 62, 41, 0.08);
  border-color: rgba(246, 185, 0, 0.45);
}

.ag-product-card__content {
  padding: 1.75rem;
}

.ag-product-card__title {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.ag-product-card__rating {
  margin-bottom: 0.6rem;
}

.ag-product-card__stars {
  font-size: 13px;
  color: #f38f18;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.ag-product-card__excerpt {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #6b7280;
  margin-bottom: 1.5rem;
}

.ag-product-card__footer {
  padding-top: 0.875rem;
  border-top: 1px solid rgba(14, 62, 41, 0.06);
}

.ag-product-card__price {
  font-size: 1.5rem;
  font-weight: 900;
}

.ag-product-card__cta {
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 10px;
  background: #edb44d;
  color: #0e3e29;
  box-shadow: 0 4px 12px rgba(237, 180, 77, 0.3);
}

.ag-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.5625rem, 1.3vw, 0.6875rem) clamp(0.875rem, 1.8vw, 1.125rem);
  background: linear-gradient(145deg, #ffffff 0%, #fcfaf7 100%);
  border: 1px solid rgba(14, 62, 41, 0.1);
  border-radius: 12px;
  font-size: clamp(0.8125rem, 1.8vw, 0.9375rem);
  font-weight: 600;
  color: #0E3E29;
  text-decoration: none;
  transition: all 300ms cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  cursor: pointer;
}

.ag-filter-pill:hover {
  border-color: rgba(14, 62, 41, 0.2);
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(14, 62, 41, 0.08),
    0 2px 8px rgba(14, 62, 41, 0.06);
  transform: translateY(-1px);
}

.ag-filter-pill.is-active {
  background: #0E3E29;
  color: #fff;
  border-color: #0E3E29;
  box-shadow: 0 8px 20px -4px rgba(14, 62, 41, 0.2);
}

.ag-collection-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(14, 62, 41, 0.45) 0%, rgba(14, 62, 41, 0.2) 50%, rgba(14, 62, 41, 0.6) 100%);
  pointer-events: none;
}

.ag-card .ag-product-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-family: var(--ag-font-ui);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #0e3e29;
  color: #f6b900;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.ag-product-card__badge.is-featured {
  background: #0e3e29;
  color: #f6b900;
}

.ag-product-card__badge-star {
  font-size: 12px;
  line-height: 1;
}

.ag-product-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.5rem;
}

.ag-product-card__stars {
  font-size: 12px;
  color: #f38f18;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.ag-filter-panel {
  padding: 2rem 0;
}

.ag-filter-panel__header {
  margin-bottom: 2rem;
}

.ag-filter-panel__label {
  background: var(--ag-color-forest-900);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 1rem;
}

.ag-collection-hero__title-main {
  display: block;
  font-weight: 300;
}

.ag-collection-hero__title-highlight {
  color: #f6b900;
  opacity: 0.95;
}

.ag-collection-hero__btn--secondary {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
}

.ag-collection-hero__btn--secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}

.ag-collection-banner {
  max-width: 48rem;
  margin-inline: auto;
}

.ag-collection-banner__icon {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  color: var(--ag-color-forest-900);
}

.ag-filter-list {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.ag-filter-panel__subheading {
  font-size: 1rem;
  color: var(--ag-color-ink-600);
  max-width: 32rem;
  margin: 0 auto;
  line-height: 1.5;
}

.ag-collection-hero__btn--primary {
  background: linear-gradient(180deg, #F97316 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.ag-collection-hero__btn--primary:hover {
  background: linear-gradient(180deg, #fb923c 0%, #f97316 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(249, 115, 22, 0.45);
}

.ag-collection-hero__btn--secondary {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  box-shadow: none;
}

.ag-collection-hero__btn--secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.7);
  transform: translateY(-2px);
}

.ag-card .ag-product-card__badge {
  background: #1a4731;
}

.ag-filter-pill.is-active {
  background: #1a4731;
  border-color: #1a4731;
}

.ag-collection-section:first-of-type .ag-card {
  border-radius: 1.25rem;
}

.ag-collection-section:first-of-type .ag-card__content {
  padding: 1.5rem 1.75rem;
}

.ag-collection-section:first-of-type .ag-card__title {
  font-size: 1.125rem;
}

.ag-collection-section:first-of-type .ag-card__excerpt {
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.ag-collection-section:first-of-type .ag-card__price {
  font-size: 1.375rem;
}

.ag-collection-hero__grain {
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image:
    transparent;
  background-size: 4px 4px, 5px 5px;
  opacity: 0.04;
  pointer-events: none;
}

.ag-collection-hero__btn--primary {
  background: linear-gradient(180deg, #F97316 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.ag-collection-hero__btn--primary:hover {
  background: linear-gradient(180deg, #fb923c 0%, #f97316 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(249, 115, 22, 0.45);
}

.ag-collection-hero__img {
  opacity: 0.5;
}

.ag-collection-hero__overlay {
  display: none;
}

.ag-collection-section--premium {
  padding-block: 5rem 3rem;
  background: #fffcf5;
}

.ag-product-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.6rem;
}

.ag-product-card__stars {
  font-size: 13px;
  color: #f38f18;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.ag-card .ag-product-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-family: var(--ag-font-ui);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #0e3e29;
  color: #f6b900;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.ag-collection-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ag-collection-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ag-collection-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(14, 62, 41, 0.45) 0%,
      rgba(14, 62, 41, 0.2) 50%,
      rgba(14, 62, 41, 0.6) 100%);
  z-index: 1;
}

.template-collection .ag-collection-hero__eyebrow {
  font-family: var(--ag-font-ui);
  font-size: clamp(0.65rem, 0.9vw, 0.8rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  color: rgb(255 244 228);
  text-transform: uppercase;
}

.ag-collection-hero__title-main {
  display: block;
  font-weight: 300;
  font-size: 78.4px;
}

.ag-collection-hero__title-highlight {
  color: #f6b900;
  opacity: 0.95;
  font-size: 78.4px;
  font-weight: 400;
}

.ag-filter-panel {
  padding: 2rem 0;
  text-align: center;
}

.ag-filter-panel__header {
  margin-bottom: 2rem;
}

.ag-filter-panel__label {
  background: #0e3e29;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 1rem;
}

.ag-filter-panel__subheading {
  font-size: 1rem;
  color: #5a6370;
  max-width: 32rem;
  margin: 0 auto;
  line-height: 1.5;
}

.ag-filter-list {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.ag-product-card {
  background: #ffffff;
  border: 1px solid rgba(14, 62, 41, 0.05);
  border-radius: 16px;
  overflow: visible;
  box-shadow: 0 4px 16px rgba(14, 62, 41, 0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ag-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(14, 62, 41, 0.08);
  border-color: rgba(246, 185, 0, 0.45);
}

.ag-product-card:hover .ag-product-card__image {
  transform: scale(1.06);
}

.ag-product-card__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.5rem;
}

.ag-product-card__stars {
  font-size: 11px;
  color: #f38f18;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-family: var(--ag-font-ui);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.ag-product-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-family: var(--ag-font-ui);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #0e3e29;
  color: #f6b900;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.ag-collection-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ag-collection-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(14, 62, 41, 0.45) 0%,
      rgba(14, 62, 41, 0.2) 50%,
      rgba(14, 62, 41, 0.6) 100%);
  z-index: 1;
}

.ag-product-card__media {
  aspect-ratio: 4 / 5;
}

.ag-collection-hero__title-highlight {
  color: #f6b900;
}

.ag-product-card__price {
  font-weight: 900;
}

.ag-collection-hero__btn.ag-button--primary {
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
  color: #fff;
}

.ag-filter-panel__label {
  background: #0e3e29;
  color: #fff;
}

.ag-card .ag-product-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 999px;
}

.ag-product-card__content {
  padding: 1.25rem 1.5rem 1.5rem;
}

.ag-product-card__title {
  font-family: var(--ag-font-display);
  font-size: 1.125rem;
  font-weight: 700;
  color: #0e3e29;
  margin-bottom: 0.5rem;
}

.ag-product-card__price {
  font-family: var(--ag-font-display);
  font-size: 1.375rem;
  font-weight: 800;
  color: #0e3e29;
}

.ag-product-card__cta {
  background: #edb44d;
  color: #0e3e29;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 4px 12px rgba(237, 180, 77, 0.3);
  border: none;
}

.ag-product-card__cta:hover {
  background: #f1c575;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(237, 180, 77, 0.4);
}

.ag-product-card__stars {
  color: #f38f18;
  font-size: 12px;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.ag-product-card__excerpt {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.5;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ag-product-card__footer {
  border-top: 1px solid rgba(14, 62, 41, 0.06);
  padding-top: 0.875rem;
  margin-top: auto;
}

.ag-product-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 12px 32px rgba(14, 62, 41, 0.08),
    0 4px 12px rgba(14, 62, 41, 0.04);
  border-color: rgba(246, 185, 0, 0.3);
}

.ag-product-card:hover .ag-product-card__image {
  transform: scale(1.05);
}

.ag-collection-hero__btn--primary {
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);
}

.ag-collection-hero__btn--secondary {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
}

.ag-featured-collection__grid--home .ag-product-card {
  height: 100%;
  width: 100%;
}

section:not(.ag-collection-hero-wrapper):not([class*="hero"]) {
  --section-spacing-desktop: clamp(4rem, 6.5vw, 5.5rem);
  --section-spacing-mobile: clamp(3rem, 7vw, 4rem);
}

.ag-price::first-letter {
  font-size: 0.72em;
  opacity: 0.82;
}

.template-collection .ag-card--collection {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.template-collection .ag-card--collection:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}

.ag-card--collection .ag-product-card__rating {
  min-height: 1.5em;
}

.ag-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.5rem;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--ag-color-forest-900) 12%, transparent);
  border-radius: var(--ag-radius-pill);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ag-color-forest-900);
  text-decoration: none;
  transition: all var(--ag-motion-duration-medium) var(--ag-motion-ease-standard);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  cursor: pointer;
}

.ag-filter-pill:hover {
  border-color: var(--ag-color-forest-900);
  background: var(--ag-color-cream-100);
  transform: translateY(-1px);
}

.ag-filter-pill.is-active {
  background: var(--ag-color-forest-900);
  color: #fff;
  border-color: var(--ag-color-forest-900);
  box-shadow: 0 8px 20px -4px rgb(14 62 41 / 0.2);
}

.ag-filter-pill:focus-visible {
  outline: 2px solid var(--ag-color-action);
  outline-offset: 3px;
}

.ag-filter-panel {
  text-align: center;
  margin-bottom: var(--ag-section-gap);
}

.ag-filter-panel__header {
  margin-bottom: var(--ag-space-6);
}

.ag-filter-panel__label {
  display: block;
  background: var(--ag-color-forest-900);
  color: #fff;
  padding: 0.4rem 1rem;
  border-radius: var(--ag-radius-pill);
  box-shadow: 0 4px 12px rgba(14, 62, 41, 0.15);
  margin-bottom: 1rem;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.ag-filter-panel__subheading {
  font-size: 1rem;
  color: var(--ag-color-ink-600);
  margin-inline: auto;
  max-width: 32rem;
  margin-top: 0.75rem;
}

.ag-filter-panel__controls {
  margin-top: 2rem;
}

.ag-collection {
  display: grid;
  gap: clamp(var(--ag-space-4), 3vw, var(--ag-space-6));
  padding-block: clamp(2rem, 3.5vw, 3rem);
  border-top: 1px solid color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-900)) 10%, white);
}

.ag-collection--premium {
  padding-block: clamp(3.4rem, 5vw, 4.6rem);
}

.ag-collection__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(0.8rem, 1.4vw, 1.4rem);
  padding: clamp(1rem, 1.8vw, 1.4rem);
  border: 1px solid var(--ag-border-subtle);
  border-radius: var(--ag-radius-lg);
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.88) 0%, rgb(255 255 255 / 0.72) 100%);
}

.ag-collection__intro {
  max-width: 66ch;
}

.ag-collection__intro .ag-kicker {
  margin: 0;
  font-size: 0.76rem;
  letter-spacing: 0.11em;
}

.ag-collection__title {
  font-size: clamp(2rem, 4.6vw, 3rem);
  line-height: 1.04;
  margin-top: 0.25rem;
}

.ag-collection__description {
  margin-top: var(--ag-space-2);
  max-width: 62ch;
  color: var(--ag-text-secondary);
  font-size: clamp(1rem, 1.2vw, 1.08rem);
  line-height: 1.45;
}

.ag-collection__count {
  margin-top: var(--ag-space-2);
  font-family: var(--ag-font-ui);
  color: var(--ag-theme-accent, var(--ag-color-forest-700));
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-weight: 700;
}

.ag-collection__sort {
  display: grid;
  gap: 0.42rem;
  align-self: end;
  font-family: var(--ag-font-ui);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ag-text-muted);
}

.ag-collection__sort label {
  font-size: 0.75rem;
  font-weight: 700;
}

.ag-collection__sort-field {
  position: relative;
}

.ag-collection__sort-field::after {
  content: "";
  position: absolute;
  right: 0.95rem;
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-right: 2px solid color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-700)) 70%, white);
  border-bottom: 2px solid color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-700)) 70%, white);
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

.ag-collection__sort select {
  appearance: none;
  min-width: 220px;
  border: 1px solid color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-700)) 22%, white);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.95) 0%, rgb(245 242 236 / 0.9) 100%),
    var(--ag-surface-card);
  padding: 0.6rem 2rem 0.6rem 0.85rem;
  min-height: 2.35rem;
  font-size: 0.9rem;
  line-height: 1.1;
  color: var(--ag-theme-accent, var(--ag-color-forest-900));
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.ag-collection__sort select:hover {
  border-color: color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-700)) 38%, white);
}

.ag-collection__sort select:focus-visible {
  outline: 0;
  border-color: color-mix(in srgb, var(--ag-theme-accent, var(--ag-color-forest-700)) 44%, white);
  box-shadow: 0 0 0 3px rgb(14 62 41 / 0.12);
}

.ag-collection__grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, 1fr);
}

.ag-collection__item {
  min-width: 0;
}

.ag-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(14, 62, 41, 0.05);
  border-radius: 16px;
  overflow: visible;
  transition:
    transform 0.3s var(--ag-motion-ease-emphasized),
    box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s ease;
  position: relative;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(14, 62, 41, 0.05);
}

.ag-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(14, 62, 41, 0.08);
  border-color: rgba(246, 185, 0, 0.45);
}

.ag-product-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.ag-product-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: transparent;
}

.ag-product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s var(--ag-motion-ease-emphasized);
}

.ag-product-card:hover .ag-product-card__image {
  transform: scale(1.06);
}

.ag-product-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-family: var(--ag-font-ui);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: #0e3e29;
  color: #f6b900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ag-product-card__badge.is-sold-out {
  background: #8f2f1f;
  color: #ffffff;
}

.ag-product-card__badge-star {
  font-size: 0.85em;
  line-height: 0;
}

.ag-product-card__content {
  display: flex;
  flex-direction: column;
  padding: 2.25rem;
  /* ~36px */
  flex: 1;
}

.ag-product-card__title {
  font-family: var(--ag-font-display);
  font-size: 1.35rem;
  font-weight: 800;
  margin-bottom: 0.65rem;
  color: #0e3e29;
  /* Deep Forest Green */
  line-height: 1.15;
}

.ag-product-card:hover .ag-product-card__title {
  color: #155d3c;
}

.ag-product-card__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0.75rem;
}

.ag-product-card__stars {
  font-size: 9px;
  color: #f38f18;
  /* More orange-gold as seen in image */
  letter-spacing: 2px;
}

.ag-product-card__rating-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #8a8a8a;
}

.ag-product-card__excerpt {
  font-size: 0.8125rem;
  line-height: 1.55;
  color: #8a8a8a;
  /* Lighter grey for hierarchy */
  margin-bottom: 2rem;
  /* More space before footer */
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ag-product-card__footer {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(14, 62, 41, 0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.ag-product-card__price {
  font-family: var(--ag-font-display);
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: #000;
  line-height: 1;
  margin-top: 0.5rem;
}

.ag-product-card__price--compare {
  display: block;
  font-size: 0.9rem;
  font-family: var(--ag-font-ui);
  color: #8a8a8a;
  text-decoration: line-through;
  font-weight: 400;
  margin-top: 4px;
}

.ag-product-card__cta {
  min-height: 44px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 8px;
  background: #edb44d;
  /* Warm Golden Yellow */
  color: #0e3e29;
  /* Forest text on gold */
  box-shadow: 0 4px 12px rgba(237, 180, 77, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0;
  white-space: nowrap;
  border: 0;
}

.ag-product-card__cta:hover {
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(237, 180, 77, 0.4);
}

.ag-product-card__quick-add {
  margin: 0;
}

.ag-product-card__quick-add .ag-product-card__cta {
  border: 0;
  cursor: pointer;
  width: auto;
}

.ag-product-card__detail-link {
  justify-self: center;
  font-family: var(--ag-font-ui);
  font-size: 0.82rem;
  color: var(--ag-text-secondary);
  text-decoration: none;
}

.ag-product-card--collection {
  border-radius: 0.92rem;
  box-shadow: 0 8px 20px rgb(0 0 0 / 0.09);
}

.ag-product-card--collection .ag-product-card__texture {
  opacity: 0.045;
}

.ag-product-card--collection .ag-product-card__media-link {
  padding: 0.75rem;
}

.ag-product-card--collection .ag-product-card__badge {
  top: 0.65rem;
  left: 0.65rem;
  font-size: 0.64rem;
}

.ag-product-card--collection .ag-product-card__content {
  gap: 0.4rem;
  padding: 0.95rem 1rem 1.05rem;
  text-align: left;
}

.ag-product-card--collection .ag-product-card__title {
  font-size: 1.08rem;
  line-height: 1.24;
}

.ag-product-card--collection .ag-product-card__rating {
  font-size: 0.66rem;
  letter-spacing: 0.09em;
}

.ag-product-card--collection .ag-product-card__excerpt {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.35;
}

.ag-product-card--collection .ag-product-card__price {
  justify-content: flex-start;
  font-size: 1.02rem;
  gap: 0.4rem;
}

.ag-product-card--collection .ag-product-card__benefit {
  margin-top: 0;
  font-size: 0.75rem;
}

.ag-product-card--collection .ag-product-card__cta {
  justify-self: stretch;
  min-height: 2.45rem;
  max-width: 100%;
  font-size: 0.8rem;
}

.ag-product-card--collection .ag-product-card__detail-link {
  justify-self: start;
  font-size: 0.76rem;
}

.ag-collection__empty {
  display: grid;
  gap: var(--ag-space-2);
  justify-items: start;
  background: var(--ag-surface-card);
  border: 1px solid var(--ag-border-subtle);
  border-radius: var(--ag-radius-lg);
  padding: clamp(1.2rem, 2vw, 1.8rem);
}

.ag-collection__empty.is-filtered {
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.92) 0%, rgb(255 255 255 / 0.8) 100%);
}

.ag-collection__empty-kicker {
  margin: 0;
  font-family: var(--ag-font-ui);
  color: var(--ag-theme-accent, var(--ag-color-forest-700));
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.ag-collection__empty-title {
  margin: 0;
  font-size: clamp(1.45rem, 2.2vw, 1.95rem);
  line-height: 1.15;
}

.ag-collection__empty-text {
  margin: 0;
  max-width: 54ch;
  color: var(--ag-text-secondary);
  line-height: 1.48;
}

.ag-collection__empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ag-space-2);
  width: 100%;
  margin-top: 0.3rem;
}

.ag-collection__empty-link {
  text-decoration: none;
  min-width: 170px;
}

.ag-product-card__rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
}

.ag-collection-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg,
      rgba(14, 62, 41, 0.025) 0%,
      transparent 40%,
      rgba(246, 185, 0, 0.015) 100%);
  pointer-events: none;
  z-index: 1;
}

.ag-collection-section::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.018;
  z-index: 0;
  pointer-events: none;
  background-image: transparent;
  background-size: 28px 28px;
}

.ag-filter-pill {
  font-size: clamp(0.8125rem, 1.8vw, 0.9375rem);
  padding: clamp(0.5625rem, 1.3vw, 0.6875rem) clamp(0.875rem, 1.8vw, 1.125rem);
  background: linear-gradient(145deg, #ffffff 0%, #fcfaf7 100%);
  border: 1px solid rgba(14, 62, 41, 0.1);
  border-radius: 12px;
  color: var(--products-forest);
  transition: all 300ms var(--ease-spring);
  font-weight: 600;
  letter-spacing: 0;
}

.ag-filter-pill.is-active {
  border-color: rgba(14, 62, 41, 0.2);
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(14, 62, 41, 0.08),
    0 2px 8px rgba(14, 62, 41, 0.06);
}

.ag-filter-pill.is-active {
  background: var(--products-forest);
  color: white;
  border-color: var(--products-forest);
}

.ag-product-grid__item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ag-collection-banner {
  grid-column: 1 / -1;
  width: 100%;
  margin-block: 2rem;
}

.ag-collection-banner__feature svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  /* Prevent squishing */
}

.ag-collection-banner__btn {
  background: var(--products-gold-warm);
  color: #fff;
  box-shadow: 0 4px 12px rgba(212, 148, 26, 0.3);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1rem 2rem;
  border-radius: 999px;
}

.ag-collection-banner__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 148, 26, 0.4);
}

.ag-collection-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ag-collection-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.12) brightness(0.9);
}

.ag-collection-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(5, 9, 10, 0.67), rgba(5, 9, 10, 0.57));
  z-index: 1;
}

.ag-collection-hero__title-highlight {
  color: #f4b942;
  display: block;
}

.ag-collection-hero__btn:hover {
  transform: translateY(-2px);
}

.ag-collection-hero__btn--secondary {
  background: rgba(255, 253, 250, 0.95);
  color: var(--ag-color-forest-900);
}

.ag-collection-hero__overlay {
  background: rgba(0, 0, 0, 0.4);
}

.ag-product-grid__item {
  height: 100%;
}

.ag-filter-pill {
  background: #ffffff;
  border: 1px solid rgba(14, 62, 41, 0.1);
  box-shadow: 0 4px 12px rgba(14, 62, 41, 0.05);
  color: var(--ag-color-forest-900);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  transition: all 0.2s ease;
}

.ag-filter-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(14, 62, 41, 0.1);
}

.ag-filter-pill.is-active {
  background: var(--ag-color-forest-900);
  color: #ffffff;
  border-color: var(--ag-color-forest-900);
}

.ag-product-grid--4col {
  grid-template-columns: repeat(2, 1fr);
}

.ag-collection-banner {
  transition: transform var(--ag-motion-duration-slow) var(--ag-ease-emphasized);
}

.ag-collection-banner__card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ag-color-forest-900), var(--ag-color-gold-mix));
}

.ag-collection-banner__icon {
  width: 64px;
  height: 64px;
  background: var(--ag-color-forest-900);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  box-shadow: 0 8px 20px rgba(14, 62, 41, 0.2);
}

.ag-filter-pill {
  min-height: 44px;
  padding: 0.75rem 1.5rem;
}

.ag-product-card__detail-link {
  padding: 0.5rem 0.75rem;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.ag-filter-panel__label {
  min-height: 44px;
  padding: 0.75rem 1.25rem;
  display: inline-flex;
  align-items: center;
}
/* ========================================
   MIGRATED from cinema-global.css/base.css
   Selectors actually used in Liquid templates
   2026-03-05
   ======================================== */

.ag-card__add-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(237, 180, 77, 0.4);
}

.ag-card__add-btn:disabled {
  background: #d1d5db;
  color: #6b7280;
  cursor: not-allowed;
  box-shadow: none;
}

.ag-card__price-block {
  display: flex;
  flex-direction: column;
}

.ag-card__form {
  margin: 0;
}

.ag-card__media-wrapper {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: transparent;
}

.ag-card__texture-overlay {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.02;
  pointer-events: none;
  z-index: 2;
}

.ag-card__vignette {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 60%, rgba(14, 62, 41, 0.45) 100%);
  pointer-events: none;
  z-index: 1;
}

.ag-card__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg, rgba(139, 115, 85, 0.08), rgba(139, 115, 85, 0));
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.8;
  mix-blend-mode: soft-light;
  z-index: 0;
}

  .ag-card__variant-select {
    max-width: 100%;
    font-size: 0.5rem;
  }

  .ag-card__form--with-variants {
    min-width: unset;
    max-width: 100%;
    flex-shrink: 1;
  }

  .ag-pwc__add .ag-card__add-btn {
    max-width: calc(100vw - 1.5rem);
    min-width: unset;
    padding: 0.35rem 0.5rem;
    font-size: 0.5rem;
    letter-spacing: 0.025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
  }

.ag-card__image-container {
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.ag-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ag-card__add-btn {
  padding: 0.6rem 1.25rem;
  font-size: 0.75rem;
  border-radius: 12px;
}

/* Ultra-small viewport hardening: prevent collection hero CTA clipping on short phones */
@media (max-width: 360px), (max-height: 700px) {
  body.template-collection .ag-collection-hero-wrapper,
  body.template-collection .ag-collection-hero.ag-home-hero,
  body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
    min-height: 100vh;
    height: 100vh;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
    justify-content: center;
    padding-top: 0;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__text-wrapper {
    max-width: min(96vw, 42rem);
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__eyebrow {
    font-size: 26px;
    margin-bottom: 0.4rem;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__heading {
    font-size: clamp(1.9rem, 7.4vw, 2.4rem);
    line-height: 1.08;
    margin-bottom: 0.45rem;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__subheading {
    font-size: clamp(1rem, 4.9vw, 1.2rem);
    line-height: 1.3;
    margin-bottom: 0.55rem;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions {
    gap: 0.5rem;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions .ag-home-hero__button {
    min-height: 44px;
    padding: 0.62rem 0.9rem;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
  }
}

/* ============================================================================
   COLLECTIONS PREMIUM EDITORIAL (merged from collections-premium-editorial.css)
   ============================================================================ */
/* ========================================
   COLLECTIONS PREMIUM EDITORIAL POLISH
   Modern Organic Editorial Aesthetic
   Enhanced typography, spacing, and visual hierarchy
   ======================================== */

/* ===== EDITORIAL TYPOGRAPHY ENHANCEMENTS ===== */
body.template-collection {
  /* Premium font stack for editorial feel */
  --ag-font-heading-premium: 'Fraunces', 'Times New Roman', serif;
  --ag-font-body-premium: 'Lora', 'Georgia', serif;
  --ag-font-ui-premium: 'Montserrat', sans-serif;

  /* Enhanced spacing scale */
  --ag-space-editorial-xs: 0.25rem;
  --ag-space-editorial-sm: 0.5rem;
  --ag-space-editorial: 1rem;
  --ag-space-editorial-lg: 1.5rem;
  --ag-space-editorial-xl: 2rem;
  --ag-space-editorial-2xl: 3rem;
  --ag-space-editorial-3xl: 4rem;
  --ag-space-editorial-4xl: 6rem;

  /* Sophisticated color palette */
  --editorial-primary: #0E3E29;
  --editorial-secondary: #F6B900;
  --editorial-accent: #4A6A5C;
  --editorial-light: #FAF9F6;
  --editorial-muted: #C9754B;
  --editorial-neutral: #2A2520;
}

/* ===== HERO SECTION ENHANCEMENTS ===== */
.ag-collection-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg,
    rgba(14, 62, 41, 0.95) 0%,
    rgba(29, 78, 53, 0.9) 50%,
    rgba(14, 62, 41, 0.95) 100%);
  min-height: 70vh;
}

/* Sophisticated hero overlay with subtle texture */
.ag-collection-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 1;
}

/* Premium hero content typography */
.ag-collection-hero__eyebrow {
  font-family: var(--ag-font-ui-premium);
  font-size: clamp(0.7rem, 1vw, 0.9rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(255 244 228);
  margin-bottom: var(--ag-space-editorial);
  opacity: 0.9;
}

.ag-collection-hero__title {
  font-family: var(--ag-font-heading-premium);
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-weight: 300;
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: rgb(255 244 228);
  text-align: center;
  margin-bottom: var(--ag-space-editorial-xl);
  position: relative;
}

.ag-collection-hero__title::after {
  content: '';
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--editorial-secondary);
  opacity: 0.8;
}

/* Enhanced hero description with premium typography */
.ag-collection-hero__description {
  font-family: var(--ag-font-body-premium);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  line-height: 1.6;
  color: rgb(255 244 228);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  opacity: 0.9;
}

body.template-collection .ag-collection-hero--shop-all .ag-collection-hero__description {
  max-width: 34rem;
  margin-top: 0.7rem;
  font-size: clamp(1rem, 0.94rem + 0.36vw, 1.18rem);
  line-height: 1.55;
}

/* ===== FILTERS AND SORTING ENHANCEMENTS ===== */
.collection-filters {
  background: var(--editorial-light);
  border-radius: 16px;
  padding: 1.5rem;
  margin: var(--ag-space-editorial-2xl) auto;
  max-width: 1200px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 2rem;
  z-index: 100;
  backdrop-filter: blur(10px);
}

.collection-filters__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--ag-space-editorial);
}

/* Premium filter button styling */
.filter-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.filter-group__title {
  font-family: var(--ag-font-ui-premium);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--editorial-primary);
  margin-bottom: 0.5rem;
}

/* Enhanced tag styling */
.tag {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0.25rem;
  background: var(--editorial-light);
  border: 1px solid rgba(14, 62, 41, 0.1);
  border-radius: 24px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--editorial-primary);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.tag:hover {
  background: var(--editorial-primary);
  color: var(--editorial-light);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(14, 62, 41, 0.15);
}

.tag.active {
  background: var(--editorial-secondary);
  color: var(--editorial-primary);
  border-color: var(--editorial-secondary);
}

/* Sort dropdown styling */
.sort-by {
  position: relative;
  display: inline-block;
}

.sort-by select {
  appearance: none;
  background: var(--editorial-light);
  border: 1px solid rgba(14, 62, 41, 0.1);
  border-radius: 8px;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-family: var(--ag-font-body-premium);
  font-size: 0.875rem;
  color: var(--editorial-primary);
  cursor: pointer;
  transition: all 0.3s ease;
}

.sort-by select:hover {
  border-color: var(--editorial-secondary);
}

.sort-by::after {
  content: '▼';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: var(--editorial-primary);
  pointer-events: none;
}

/* ===== COLLECTION GRID ENHANCEMENTS ===== */
.collection-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--ag-space-editorial-xl);
  padding: var(--ag-space-editorial-2xl) var(--ag-space-editorial-xl);
  max-width: 1400px;
  margin: 0 auto;
}

/* Premium product card design */
.product-card {
  background: var(--editorial-light);
  border-radius: 16px;
  overflow: visible;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(14, 62, 41, 0.05);
}

.product-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent, rgba(246, 185, 0, 0.1));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(14, 62, 41, 0.12);
}

.product-card:hover::before {
  opacity: 1;
}

/* Product image container */
.product-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: linear-gradient(135deg, #FAF9F6 0%, #F5EDE3 100%);
}

.product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover .product-card__image {
  transform: scale(1.1);
}

/* Product info overlay */
.product-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(14, 62, 41, 0.7) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  display: flex;
  align-items: flex-end;
  padding: 1.5rem;
}

.product-card:hover .product-card__overlay {
  opacity: 1;
}

/* Product details */
.product-card__details {
  padding: 1.5rem;
  background: var(--editorial-light);
  border-top: 1px solid rgba(14, 62, 41, 0.05);
}

.product-card__title {
  font-family: var(--ag-font-heading-premium);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--editorial-primary);
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card__vendor {
  font-family: var(--ag-font-ui-premium);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--editorial-accent);
  margin-bottom: 0.75rem;
}

.product-card__price {
  font-family: var(--ag-font-ui-premium);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--editorial-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Sale badge */
.product-card__badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--editorial-secondary);
  color: var(--editorial-primary);
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-family: var(--ag-font-ui-premium);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  z-index: 10;
}

/* ===== CTA BUTTON ENHANCEMENTS ===== */
body.template-collection .ag-button--primary,
body.template-collection .ag-collection-hero__btn.ag-button--primary,
body.template-collection .ag-home-hero__button.ag-button--primary,
.ag-button--primary,
.ag-collection-hero__btn.ag-button--primary,
.ag-home-hero__button.ag-button--primary,
a.ag-button--primary[href="/collections/all"] {
  background: linear-gradient(135deg, #F6B900 0%, #D4941A 100%);
  color: var(--editorial-primary);
  border: none;
  box-shadow:
    0 4px 16px rgba(246, 185, 0, 0.3),
    0 2px 8px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: none;
  font-family: var(--ag-font-ui-premium);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.05em;
  padding: 1rem 2rem;
  border-radius: 50px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  min-width: 200px;
}

/* Force override for any existing styles */
body.template-collection .ag-button--primary,
body.template-collection .ag-collection-hero__btn,
body.template-collection .ag-home-hero__button {
  background: linear-gradient(135deg, #F6B900 0%, #D4941A 100%);
  color: var(--editorial-primary);
}

.ag-button--primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}

.ag-button--primary:hover {
  background: linear-gradient(135deg, #F6B900 0%, #E5A01A 100%);
  transform: translateY(-2px);
  box-shadow:
    0 8px 24px rgba(246, 185, 0, 0.4),
    0 4px 12px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.ag-button--primary:hover::before {
  left: 100%;
}

.ag-button--primary:active {
  transform: translateY(0);
  box-shadow:
    0 2px 8px rgba(246, 185, 0, 0.3),
    0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Hero section CTA button styling - EXACT MATCH from Next.js */
.ag-collection-hero__btn {
  margin-top: var(--ag-space-editorial-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: linear-gradient(rgb(244, 185, 66), rgb(232, 167, 53));
  color: rgb(17, 17, 17);
  padding: 12px 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  min-height: 50px;
  transition: 0.2s cubic-bezier(0, 0, 0.2, 1);
  text-shadow: none;
  box-shadow: none;
  border: none;
  position: relative;
  overflow: visible;
}

/* Force override for any existing styles */
body.template-collection .ag-collection-hero__btn,
body.template-collection .ag-button--primary.ag-collection-hero__btn,
body.template-collection .ag-home-hero__button {
  background: linear-gradient(rgb(244, 185, 66), rgb(232, 167, 53));
  color: rgb(17, 17, 17);
  border: none;
  box-shadow: none;
}

/* Hover effect matching Next.js */
.ag-collection-hero__btn:hover {
  background: linear-gradient(rgb(232, 167, 53), rgb(220, 149, 43));
  transform: translateY(-1px);
  box-shadow: none;
}

/* Active state matching Next.js */
.ag-collection-hero__btn:active {
  transform: translateY(1px);
  box-shadow: none;
}

/* ===== PAGINATION ENHANCEMENTS ===== */
.collection-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: var(--ag-space-editorial-2xl) var(--ag-space-editorial);
  margin-top: var(--ag-space-editorial-3xl);
}

.pagination-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--editorial-light);
  border: 1px solid rgba(14, 62, 41, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ag-font-ui-premium);
  font-weight: 600;
  color: var(--editorial-primary);
  cursor: pointer;
  transition: all 0.3s ease;
}

.pagination-button:hover {
  background: var(--editorial-secondary);
  color: var(--editorial-primary);
  transform: scale(1.1);
}

.pagination-button.active {
  background: var(--editorial-primary);
  color: var(--editorial-light);
}

/* ===== MOBILE RESPONSIVE ENHANCEMENTS ===== */
@media (max-width: 768px) {
  .ag-collection-hero {
    min-height: 50vh;
  }

  .ag-collection-hero__title {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .collection-filters {
    margin: var(--ag-space-editorial-xl) var(--ag-space-editorial);
    padding: 1rem;
    position: static;
  }

  .collection-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--ag-space-editorial);
    padding: var(--ag-space-editorial);
  }

  .product-card__details {
    padding: 1rem;
  }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.product-card {
  animation: fadeInUp 0.6s ease-out backwards;
}

.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }
.product-card:nth-child(5) { animation-delay: 0.5s; }
.product-card:nth-child(6) { animation-delay: 0.6s; }
.product-card:nth-child(7) { animation-delay: 0.7s; }
.product-card:nth-child(8) { animation-delay: 0.8s; }

/* ===== HERITAGE SECTION ENHANCEMENTS ===== */
.ag-heritage-section {
  background: linear-gradient(135deg, #0E3E29 0%, #14513B 50%, #0E3E29 100%);
  padding: 4rem 0;
  position: relative;
  overflow: hidden;
  margin-top: 6rem;
}

.ag-heritage-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.06;
  pointer-events: none;
}

.ag-heritage-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

.ag-heritage-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

.ag-heritage-content {
  color: white;
  z-index: 1;
}

.ag-heritage-tag {
  display: block;
  color: #F6B900;
  font-family: var(--ag-font-ui-premium);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 1.25rem;
}

.ag-heritage-title {
  font-family: var(--ag-font-heading-premium);
  font-size: clamp(2.5rem, 5vw, 3.125rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.015em;
  margin-bottom: 1.25rem;
}

.ag-heritage-title-accent {
  color: #E8A735;
  font-style: italic;
}

.ag-heritage-divider {
  width: 4rem;
  height: 0.25rem;
  background: var(--editorial-secondary);
  margin-bottom: 1.25rem;
}

.ag-heritage-description {
  font-family: var(--ag-font-body-premium);
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
  margin-bottom: 2rem;
}

.ag-heritage-highlight {
  color: white;
  font-weight: 600;
}

.ag-heritage-stats {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 2rem 3.25rem;
  padding: 0.5rem 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: none;
  border-right: none;
  margin-bottom: 2rem;
}

.ag-heritage-stat {
  padding: 0.75rem 1rem;
  text-align: center;
}

.ag-heritage-stat-value {
  font-family: var(--ag-font-ui-premium);
  font-size: clamp(2.5rem, 4vw, 3.125rem);
  font-weight: 900;
  color: #FAF9F6;
  line-height: 1.08;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}

.ag-heritage-stat-label {
  font-family: var(--ag-font-ui-premium);
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.25;
}

.ag-heritage-cta {
  display: inline-flex;
  align-self: flex-start;
}

.ag-heritage-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: linear-gradient(rgb(244, 185, 66), rgb(232, 167, 53));
  color: rgb(17, 17, 17);
  padding: 12px 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  min-height: 50px;
  transition: 0.2s cubic-bezier(0, 0, 0.2, 1);
  position: relative;
  overflow: visible;
  border: none;
  box-shadow: none;
}

.ag-heritage-cta-button:hover {
  background: linear-gradient(rgb(232, 167, 53), rgb(220, 149, 43));
  transform: translateY(-1px);
}

.ag-heritage-cta-button:active {
  transform: translateY(1px);
}

.ag-heritage-cta-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.ag-heritage-cta-button:hover .ag-heritage-cta-overlay {
  opacity: 1;
}

.ag-heritage-image {
  position: relative;
  height: 380px;
  border-radius: 16px;
  overflow: hidden;
  transform: rotate(1deg);
  transition: transform 0.2s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}

.ag-heritage-image:hover {
  transform: rotate(0);
}

.ag-heritage-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.ag-heritage-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-heritage-image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(14, 62, 41, 0.3), transparent);
  pointer-events: none;
}

.ag-heritage-badge {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  background: var(--editorial-secondary);
  padding: 1rem 1.25rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.ag-heritage-badge-value {
  display: block;
  font-family: var(--ag-font-ui-premium);
  font-size: 1.25rem;
  font-weight: 900;
  color: white;
  line-height: 1.1;
}

.ag-heritage-badge-label {
  display: block;
  font-family: var(--ag-font-ui-premium);
  font-size: 0.625rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 0.25rem;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Mobile - Exact match to Next.js mobile behavior */
@media (max-width: 640px) {
  .ag-heritage-section {
    padding: 3rem 0;
    margin-top: 4rem;
    background: linear-gradient(135deg, #0E3E29 0%, #14513B 50%, #0E3E29 100%);
  }

  .ag-heritage-wrapper {
    padding: 0 2rem;
  }

  .ag-heritage-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .ag-heritage-tag {
    font-size: 0.625rem;
    letter-spacing: 0.15em;
    margin-bottom: 1rem;
  }

  .ag-heritage-title {
    font-size: clamp(2rem, 10vw, 2.5rem);
    line-height: 1.1;
    margin-bottom: 1rem;
  }

  .ag-heritage-title-accent {
    display: block;
    margin-top: 0.5rem;
  }

  .ag-heritage-divider {
    width: 3rem;
    height: 0.25rem;
    margin-bottom: 1rem;
  }

  .ag-heritage-description {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }

  .ag-heritage-stats {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    border: none;
    padding: 0.75rem 0;
  }

  .ag-heritage-stat {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .ag-heritage-stat:nth-child(2n) {
    border-bottom: none;
  }

  .ag-heritage-stat-value {
    font-size: clamp(2rem, 10vw, 2.5rem);
  }

  .ag-heritage-stat-label {
    font-size: 0.625rem;
  }

  .ag-heritage-cta {
    justify-content: flex-start;
    margin-top: 1.5rem;
  }

  .ag-heritage-cta-button {
    padding: 12px 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    min-height: 44px;
    border-radius: 12px;
  }

  .ag-heritage-image {
    height: 280px;
    transform: rotate(0);
  }

  .ag-heritage-image:hover {
    transform: scale(1.02);
  }

  .ag-heritage-badge {
    bottom: 1rem;
    left: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
  }

  .ag-heritage-badge-value {
    font-size: 1.125rem;
  }

  .ag-heritage-badge-label {
    font-size: 0.5625rem;
  }
}

/* Tablet - iPad and similar devices */
@media (min-width: 641px) and (max-width: 1024px) {
  .ag-heritage-section {
    padding: 4rem 0;
    margin-top: 5rem;
  }

  .ag-heritage-wrapper {
    padding: 0 3rem;
  }

  .ag-heritage-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .ag-heritage-title {
    font-size: clamp(2.5rem, 6vw, 3rem);
    line-height: 1.1;
  }

  .ag-heritage-description {
    font-size: 1rem;
    line-height: 1.6;
  }

  .ag-heritage-stats {
    grid-template-columns: 2fr 2fr;
    gap: 2.5rem 3rem;
    padding: 0.75rem 0;
  }

  .ag-heritage-stat {
    padding: 1rem;
  }

  .ag-heritage-stat-value {
    font-size: clamp(2.5rem, 6vw, 3rem);
  }

  .ag-heritage-image {
    height: 350px;
  }

  .ag-heritage-badge {
    bottom: 1.5rem;
    left: 1.5rem;
    padding: 1rem 1.25rem;
  }
}

/* Desktop - Large screens */
@media (min-width: 1025px) {
  .ag-heritage-section {
    padding: 5rem 0;
    margin-top: 6rem;
  }

  .ag-heritage-wrapper {
    padding: 0 4rem;
    max-width: 1400px;
  }

  .ag-heritage-grid {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
  }

  .ag-heritage-title {
    font-size: clamp(3.125rem, 5vw, 3.75rem);
    line-height: 1.08;
  }

  .ag-heritage-description {
    font-size: 1.125rem;
    line-height: 1.6;
  }

  .ag-heritage-stats {
    grid-template-columns: 2fr 2fr;
    gap: 3.25rem;
    padding: 1rem 0;
  }

  .ag-heritage-stat {
    padding: 1.25rem;
  }

  .ag-heritage-stat-value {
    font-size: clamp(3.125rem, 4vw, 3.75rem);
  }

  .ag-heritage-image {
    height: 380px;
    transform: rotate(1deg);
  }

  .ag-heritage-image:hover {
    transform: rotate(0) scale(1.02);
  }

  .ag-heritage-cta-button {
    padding: 12px 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 16px;
    min-height: 50px;
    border-radius: 14px;
  }

  .ag-heritage-badge {
    bottom: 1.5rem;
    left: 1.5rem;
    padding: 1rem 1.25rem;
  }
}

/* Extra Large Desktop */
@media (min-width: 1440px) {
  .ag-heritage-section {
    padding: 6rem 0;
  }

  .ag-heritage-wrapper {
    padding: 0 6rem;
    max-width: 1600px;
  }

  .ag-heritage-grid {
    gap: 6rem;
  }

  .ag-heritage-title {
    font-size: clamp(3.75rem, 5vw, 4.5rem);
  }

  .ag-heritage-image {
    height: 420px;
  }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ag-heritage-section::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  }
}

/* ===== POLISH: SECTION SPACING REFINEMENT ===== */
/* Tighten gap between premium cards bottom and filter section top */
body.template-collection .ag-collection-section--premium-cards {
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

body.template-collection .ag-collection-section--products-shell {
  padding-top: clamp(2.5rem, 4vw, 3.5rem);
}

/* ===== POLISH: FILTER PILLS FIX ===== */
/* Override theme-components.css font-size: 0.5625rem */
body.template-collection .ag-filter-pill {
  font-size: 0.8125rem;
  text-decoration: none;
  border: 1px solid rgba(14, 62, 41, 0.12);
  letter-spacing: 0.02em;
}

body.template-collection .ag-filter-pill:not(.is-active):not(.ag-filter-pill--static) {
  background: rgba(255, 255, 255, 0.9);
  color: #0E3E29;
}

body.template-collection .ag-filter-pill:not(.is-active):hover {
  border-color: var(--editorial-secondary, #F6B900);
  color: var(--editorial-primary, #0E3E29);
  box-shadow: 0 4px 12px rgba(14, 62, 41, 0.1);
}

body.template-collection .ag-filter-pill.is-active {
  background: var(--editorial-primary, #0E3E29);
  color: #fff;
  border-color: var(--editorial-primary, #0E3E29);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(14, 62, 41, 0.2);
}

/* ===== POLISH: HERITAGE CTA BUTTON WIDTH ===== */
body.template-collection .ag-heritage-cta {
  display: inline-flex;
  width: auto;
  max-width: 280px;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .ag-heritage-section,
  .ag-heritage-image,
  .ag-heritage-cta-button {
    transition: none;
    transform: none;
  }

  .ag-heritage-image:hover {
    transform: none;
  }
}
/* ============================================================================
   COLLECTION HERO (merged from collection-hero.css)
   ============================================================================ */
/* ==========================================================================
   COLLECTION HERO
   Canonical collection hero source of truth.
   Mirrors the homepage hero rhythm without affecting the rest of the collection page.
   ========================================================================= */

.ag-collection-hero--patched {
  min-height: calc(100svh - var(--ag-header-height, 81px));
  height: auto;
}

.ag-collection-hero--patched .ag-home-hero__video,
.ag-collection-hero--patched .ag-collection-hero__img {
  filter: brightness(0.3);
}

.ag-collection-hero--patched .container.ag-home-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100svh - var(--ag-header-height, 81px));
  height: calc(100svh - var(--ag-header-height, 81px));
  padding-top: clamp(3rem, 6vh, 5rem);
  padding-bottom: clamp(3rem, 6vh, 5rem);
}

.ag-collection-hero--patched .ag-home-hero__text-wrapper {
  width: min(100%, 700px);
  margin: 0 auto;
  text-align: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.ag-collection-hero--patched .ag-home-hero__eyebrow,
.ag-collection-hero--patched .ag-collection-hero__eyebrow {
  font-family: "Caveat", cursive, "Fraunces", "Times New Roman", serif;
  font-size: clamp(20px, 5vw, 32px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--ag-color-white, #fff);
  display: inline-block;
  position: relative;
  margin: 0 auto clamp(0.875rem, 2vh, 1.25rem);
  white-space: nowrap;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6), 0 0 0.5px rgba(255, 255, 255, 0.15);
  font-feature-settings: "kern" 1, "liga" 1;
}

.ag-collection-hero--patched .ag-home-hero__eyebrow::after,
.ag-collection-hero--patched .ag-collection-hero__eyebrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.35rem;
  width: 60px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent 0%, #f6b900 50%, transparent 100%);
}

.ag-collection-hero--patched .ag-home-hero__heading,
.ag-collection-hero--patched .ag-collection-hero__title {
  font-family: "Fraunces", "Times New Roman", serif;
  font-size: clamp(2.4rem, 5.4vw, 4.9rem);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--ag-color-white, #fff);
  margin-bottom: clamp(0.75rem, 1.5vh, 1.25rem);
  text-shadow: 0 6px 32px rgba(0, 0, 0, 0.7), 0 0 70px rgba(246, 185, 0, 0.2);
  filter: none;
}

.ag-collection-hero--patched .ag-home-hero__heading-main,
.ag-collection-hero--patched .ag-collection-hero__title-main {
  color: var(--ag-color-white, #fff);
}

.ag-collection-hero--patched .ag-hero-accent-text,
.ag-collection-hero--patched .ag-collection-hero__title-highlight {
  color: #f6b900;
  text-shadow: none;
  filter: none;
}

.ag-collection-hero--patched .ag-home-hero__subheading,
.ag-collection-hero--patched .ag-collection-hero__subheading {
  font-family: "Crimson Text", Georgia, serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.22;
  color: var(--ag-color-white, #fff);
  text-align: center;
  letter-spacing: 0.01em;
  max-width: 32ch;
  margin-inline: auto;
  margin-bottom: clamp(1.5rem, 3vh, 2.5rem);
  text-shadow: 0 2px 4px rgb(0, 0, 0), 0 4px 12px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 255, 255, 0.3), 0 0 1px rgba(255, 255, 255, 0.8);
  filter: none;
  font-feature-settings: "kern" 1, "liga" 1;
}

.ag-collection-hero--patched .ag-home-hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  flex-wrap: wrap;
  margin: 0 auto;
  backdrop-filter: none;
}

.ag-collection-hero--patched .ag-home-hero__actions a.ag-button,
.ag-collection-hero--patched .ag-home-hero__actions .ag-home-hero__button {
  font-family: var(--ag-font-ui, 'Work Sans', sans-serif);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 2.25rem;
  min-height: 50px;
  min-width: 180px;
  border-radius: 999px;
  border: 2px solid transparent;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  text-shadow: none;
  filter: none;
  -webkit-filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform 200ms ease-out, box-shadow 200ms ease-out, border-color 200ms ease-out, outline 180ms ease;
}

.ag-collection-hero--patched .ag-home-hero__actions a[href="#all-products"] {
  background: linear-gradient(135deg, #f6b900 0%, #d4941a 100%);
  color: #0a2419;
  border-color: transparent;
  box-shadow: 0 4px 16px rgba(246, 185, 0, 0.35);
}

.ag-collection-hero--patched .ag-home-hero__actions a[href="#all-products"]:hover {
  background: linear-gradient(135deg, #ffc933 0%, #f6b900 100%);
  box-shadow: none;
  transform: translateY(-4px);
}

.ag-collection-hero--patched .ag-home-hero__actions a[href="/pages/about"],
.ag-collection-hero--patched .ag-home-hero__actions a[href*="about"],
.ag-collection-hero--patched .ag-home-hero__actions .ag-home-hero__button--ghost {
  background: linear-gradient(135deg, rgba(14, 62, 41, 0.96) 0%, rgba(26, 94, 63, 0.96) 100%);
  color: #fff7d1;
  border-color: rgba(255, 247, 209, 0.72);
  box-shadow: 0 10px 30px rgba(6, 26, 18, 0.34);
}

.ag-collection-hero--patched .ag-home-hero__actions a[href="/pages/about"]:hover,
.ag-collection-hero--patched .ag-home-hero__actions a[href*="about"]:hover,
.ag-collection-hero--patched .ag-home-hero__actions .ag-home-hero__button--ghost:hover {
  background: linear-gradient(135deg, rgba(20, 78, 52, 0.98) 0%, rgba(14, 62, 41, 0.98) 100%);
  color: #fff7d1;
  border-color: rgba(255, 247, 209, 0.88);
  box-shadow: 0 14px 34px rgba(6, 26, 18, 0.42);
  transform: translateY(-4px);
}

@media screen and (max-width: 374px) {
  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 90%;
    width: 90%;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow {
    font-size: clamp(18px, 6.5vw, 24px);
    margin-bottom: 0.875rem;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow::after {
    width: 50px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(1.75rem, 8.5vw, 2.25rem);
    line-height: 1.1;
    margin-bottom: 0.625rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(0.875rem, 4vw, 1rem);
    line-height: 1.45;
    margin-bottom: 1.25rem;
  }

  .ag-collection-hero--patched .ag-home-hero__actions {
    gap: 0.625rem;
    width: 100%;
  }

  .ag-collection-hero--patched .ag-home-hero__actions a.ag-button {
    padding: 0.875rem 1.75rem;
    font-size: 0.75rem;
    min-height: 46px;
    white-space: nowrap;
  }
}

@media screen and (min-width: 375px) and (max-width: 419px) {
  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 88%;
    width: 88%;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow {
    font-size: clamp(20px, 6.5vw, 26px);
    margin-bottom: 0.75rem;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow::after {
    width: 50px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(2rem, 7.5vw, 2.5rem);
    line-height: 1.1;
    margin-bottom: 0.75rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(0.9375rem, 3.8vw, 1.0625rem);
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }

  .ag-collection-hero--patched .ag-home-hero__actions {
    gap: 0.875rem;
    width: 100%;
  }
}

@media screen and (min-width: 420px) and (max-width: 576px) {
  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 85%;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow {
    font-size: 28px;
    margin-bottom: 0.875rem;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow::after {
    width: 55px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(2.25rem, 6.5vw, 2.75rem);
    line-height: 1.1;
    margin-bottom: 0.875rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1rem, 3.2vw, 1.125rem);
    line-height: 1.55;
    max-width: 28ch;
    margin-bottom: 1.75rem;
  }

  .ag-collection-hero--patched .ag-home-hero__actions {
    max-width: 320px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 520px;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow {
    font-size: 30px;
    margin-bottom: 1rem;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(2.5rem, 5.5vw, 3rem);
    line-height: 1.1;
    margin-bottom: 1rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.0625rem, 2.6vw, 1.1875rem);
    line-height: 1.55;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 580px;
  }

  .ag-collection-hero--patched .ag-home-hero__eyebrow {
    font-size: 30px;
    margin-bottom: 1rem;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(2.75rem, 4.8vw, 3.5rem);
    line-height: 1.1;
    margin-bottom: 1rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.0625rem, 2.2vw, 1.25rem);
    line-height: 1.55;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .ag-collection-hero--patched .ag-home-hero__content {
    max-width: 720px;
  }

  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 660px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(3rem, 4.5vw, 3.75rem);
    margin-bottom: 1rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.125rem, 1.8vw, 1.3125rem);
    line-height: 1.6;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .ag-collection-hero--patched .ag-home-hero__content {
    max-width: 780px;
  }

  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 700px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(3.5rem, 4.2vw, 4.25rem);
    margin-bottom: 1.125rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.1875rem, 1.5vw, 1.375rem);
    line-height: 1.6;
    max-width: 42ch;
    margin-bottom: 2.25rem;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .ag-collection-hero--patched .ag-home-hero__content {
    max-width: 850px;
  }

  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 780px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(3.75rem, 4vw, 4.5rem);
    margin-bottom: 1.25rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.25rem, 1.3vw, 1.4375rem);
    line-height: 1.65;
    max-width: 44ch;
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .ag-collection-hero--patched .ag-home-hero__content {
    max-width: 920px;
  }

  .ag-collection-hero--patched .ag-home-hero__text-wrapper {
    max-width: 840px;
  }

  .ag-collection-hero--patched .ag-home-hero__heading {
    font-size: clamp(4rem, 3.5vw, 5rem);
    margin-bottom: 1.5rem;
  }

  .ag-collection-hero--patched .ag-home-hero__subheading {
    font-size: clamp(1.3125rem, 1.2vw, 1.5rem);
    line-height: 1.65;
    max-width: 46ch;
    margin-bottom: 2.75rem;
  }
}

@media (max-width: 639px) {
  .ag-collection-hero--patched .container.ag-home-hero__content {
    padding-top: clamp(1.25rem, 4vh, 2rem);
    padding-bottom: clamp(1.25rem, 4vh, 2rem);
  }

  .ag-collection-hero--patched .ag-home-hero__actions {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .ag-collection-hero--patched .ag-home-hero__actions .ag-home-hero__button,
  .ag-collection-hero--patched .ag-home-hero__actions .ag-button {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    max-width: 20rem;
    margin: 0 auto;
  }
}

@media (max-width: 420px), (max-height: 700px) {
  .ag-collection-hero--patched .container.ag-home-hero__content {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .ag-collection-hero--patched .container.ag-home-hero__content {
    padding-top: clamp(1.5rem, 5vh, 2.5rem);
    padding-bottom: clamp(1.5rem, 5vh, 2.5rem);
  }

  .ag-collection-hero--patched .ag-home-hero__actions {
    flex-direction: row;
    justify-content: center;
    gap: 0.875rem;
  }

  .ag-collection-hero--patched .ag-home-hero__actions a.ag-button {
    min-width: 160px;
    max-width: 200px;
    padding: 0.9rem 1.75rem;
  }
}
.ag-collection-hero--patched p.ag-collection-hero__eyebrow.ag-home-hero__eyebrow {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6), 0 0 0.5px rgba(255, 255, 255, 0.15);
}

.ag-collection-hero--patched .ag-home-hero__heading.ag-collection-hero__title {
  text-shadow: 0 6px 32px rgba(0, 0, 0, 0.7), 0 0 70px rgba(246, 185, 0, 0.2);
}

.ag-collection-hero--patched p.ag-collection-hero__subheading.ag-home-hero__subheading {
  text-shadow: 0 2px 4px rgb(0, 0, 0), 0 4px 12px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 255, 255, 0.3), 0 0 1px rgba(255, 255, 255, 0.8);
}

.ag-collection-hero--patched .ag-home-hero__actions a.ag-button.ag-home-hero__button {
  text-shadow: none;
}

/* ============================================================================
   SHOP POLISH (merged from shop-polish.css)
   ============================================================================ */
/* ================================================================
   SHOP POLISH — Collection page spacing & typography refinements
   Loads last on all collection pages.
   Scope: body.template-collection only. Header/footer untouched.
   ================================================================ */

/* ── 1. REDUCE SECTION VERTICAL RHYTHM ──────────────────────── */

/* Premium Wellness Collections — loosen the default clamp slightly */
body.template-collection .ag-collection-section--premium-shell {
  padding-top: clamp(3rem, 5vw, 4rem);
  padding-bottom: clamp(2.75rem, 4.5vw, 3.5rem);
}

/* Products section — tighten top to close gap with filter */
body.template-collection .ag-collection-section--products-shell {
  padding-top: clamp(2.75rem, 4.5vw, 3.5rem);
  padding-bottom: clamp(3rem, 5vw, 4rem);
}

/* ── 2. SECTION INTRO BLOCK ──────────────────────────────────── */

body.template-collection .ag-collection-section__intro {
  margin-bottom: clamp(1.75rem, 3.2vw, 2.5rem);
}

/* Kicker spacing above heading */
body.template-collection .ag-collection-section__intro .ag-kicker {
  margin-bottom: 0.6rem;
}

/* Premium section heading — step down slightly for rhythm */
body.template-collection .ag-collection-section--premium-shell .ag-section-heading {
  font-size: clamp(2rem, 4vw, 2.85rem);
  line-height: 1.07;
  letter-spacing: -0.015em;
  margin-bottom: 0.5rem;
}

/* Subheading under section title */
body.template-collection .ag-collection__subheading--center {
  font-size: 1.05rem;
  line-height: 1.55;
  max-width: 44ch;
  margin-inline: auto;
  color: #4f5f57;
}

/* ── 3. FILTER PANEL ─────────────────────────────────────────── */

/* Scale down the filter panel padding and heading for visual balance */
body.template-collection .ag-collection-section--products-shell .ag-filter-panel {
  padding: 1.75rem 2rem 1.5rem;
  margin-bottom: 2rem;
}

body.template-collection .ag-collection-section--products-shell .ag-filter-panel__header {
  margin-bottom: 1.1rem;
}

body.template-collection .ag-collection-section--products-shell .ag-filter-panel__heading {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  letter-spacing: -0.02em;
  margin-bottom: 0.4rem;
}

body.template-collection .ag-collection-section--products-shell .ag-filter-panel__subheading {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #5a6b63;
}

/* Filter pill list — tighter gap, overflow visible so hover lift/shadow isn't clipped */
body.template-collection .ag-collection-section--products-shell .ag-filter-panel__controls {
  overflow: visible;
  padding-block: 0.25rem;
}

body.template-collection .ag-filter-list--centered {
  gap: 0.625rem;
  overflow: visible;
  padding-block: 0.375rem;
}

/* ── 4. HERITAGE SECTION ─────────────────────────────────────── */

/* Reduce the large top margin+padding stack */
body.template-collection .ag-heritage-section--shell {
  margin-top: clamp(2rem, 3.5vw, 3rem);
  padding-top: clamp(3rem, 5vw, 4rem);
  padding-bottom: clamp(3rem, 5vw, 4rem);
}

/* ── 5. PREMIUM CARD TYPOGRAPHY ──────────────────────────────── */

/* Price — cleaner weight */
body.template-collection .ag-premium-collections .ag-fc-card__price {
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--ag-forest-900, #0e3e29);
}

/* Add to cart button — ensure equal min-height across all cards */
body.template-collection .ag-premium-collections .ag-fc-card__btn,
body.template-collection .ag-premium-collections .ag-button {
  min-height: 2.75rem;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
}

/* ── 6. PRODUCT GRID CARDS ───────────────────────────────────── */

/* Ensure all ATC buttons have identical height */
body.template-collection .ag-collection-section--products-shell .ag-card__add-btn {
  height: 2.25rem;
  font-size: 0.75rem;
}

/* Price block consistent weight */
body.template-collection .ag-collection-section--products-shell .ag-fc-card__price,
body.template-collection .ag-collection-section--products-shell .ag-card__price {
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: -0.01em;
  color: var(--ag-forest-900, #0e3e29);
}

/* Category badge — consistent sizing across cards */
body.template-collection .ag-fc-card__category,
body.template-collection .ag-card__category {
  font-size: 0.65rem;
  letter-spacing: 0.12em;
}

/* ── 7. MOBILE RESPONSIVE ────────────────────────────────────── */

@media (max-width: 767px) {
  body.template-collection .ag-collection-section--premium-shell,
  body.template-collection .ag-collection-section--products-shell {
    padding-top: clamp(2rem, 7vw, 2.5rem);
    padding-bottom: clamp(2rem, 7vw, 2.5rem);
  }

  body.template-collection .ag-heritage-section--shell {
    margin-top: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel {
    padding: 1.5rem 1.25rem 1.25rem;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel__heading {
    font-size: clamp(1.4rem, 6vw, 1.75rem);
  }
}

/* ============================================================================
/* ============================================================================
   MASTER COLLECTION CARD POLISH � FINAL FIX (POINT 1-4)
   Objective: Resolve clipping of price/ATC, unify card geometry (16px), 
              and normalize vertical rhythm on the /collections/all page.
   ============================================================================ */

/* -- 1. GLOBAL CARD GEOMETRY & INTERACTION -- */

body.template-collection .ag-fc-card {
  border-radius: 16px !important;
  border: 1px solid rgba(14, 62, 41, 0.08) !important;
  box-shadow: 0 4px 16px rgba(14, 62, 41, 0.03) !important;
  background-color: #ffffff !important;
  overflow: visible !important; /* Critical Fix: Prevent clipping of footer content */
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.4s cubic-bezier(0.2, 0, 0, 1), border-color 0.4s ease !important;
}

body.template-collection .ag-fc-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 48px -12px rgba(14, 62, 41, 0.12) !important;
  border-color: rgba(246, 185, 0, 0.3) !important;
}

/* -- 2. GRID SYSTEM & WHITESPACE FIX -- */

body.template-collection .ag-collection-section--products-shell .ag-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.template-collection .ag-collection-section--products-shell .ag-product-grid__item {
  height: auto !important; /* Allow dynamic expansion */
  padding-top: 0 !important; /* Keep card media flush to the top */
}

body.template-collection .ag-collection-section--premium-cards .ag-product-grid__item {
  padding-top: 0 !important; /* Keep card media flush to the top */
}

/* Some layouts apply padding directly on the grid item; hard-reset so media can sit flush. */
body.template-collection .ag-product-grid__item {
  padding: 0 !important;
}

body.template-collection .ag-product-grid__item > .ag-fc-card {
  margin-top: 0 !important;
}

body.template-collection .ag-fc-card__media {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

body.template-collection .ag-fc-card--collection,
body.template-collection .ag-fc-card--featured {
  padding-top: 0 !important;
}

body.template-collection .ag-fc-card__media picture,
body.template-collection .ag-fc-card__media img {
  display: block !important;
}

body.template-collection .ag-fc-card--collection {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
}

/* -- 3. INTERNAL MODULES: MEDIA, BODY, FOOTER -- */

/* Media framing */
body.template-collection .ag-fc-card__media {
  aspect-ratio: 1 / 1 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  height: auto !important;
}

/* Content elastic structure */
body.template-collection .ag-fc-card__content {
  padding: 1.75rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  background: #ffffff !important;
}

body.template-collection .ag-fc-card__body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

body.template-collection .ag-fc-card__title {
  font-family: var(--ag-font-display, 'Fraunces', serif) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.3 !important;
  color: var(--ag-color-forest-900) !important;
}

body.template-collection .ag-fc-card__desc {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  color: var(--ag-color-ink-700) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

/* -- 4. FOOTER: PRICE, WEIGHT & ATC (VISIBILITY FIX) -- */

body.template-collection .ag-fc-card__footer {
  margin-top: auto !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(14, 62, 41, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

body.template-collection .ag-fc-card__price-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Collection cards: weight dropdown left, price right */
body.template-collection .ag-fc-card__price-row--collection {
  display: grid !important;
  grid-template-columns: minmax(9rem, 1fr) auto !important;
  align-items: end !important;
  column-gap: 0.75rem !important;
  width: 100% !important;
}

body.template-collection .ag-fc-card__price-row--collection .ag-fc-card__variant-wrapper {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.template-collection .ag-fc-card__price-row--collection .ag-fc-card__variant-select {
  min-height: 44px !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 12px !important;
  border: 1px solid rgba(14, 62, 41, 0.16) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--ag-color-forest-900) !important;
  font-size: 0.95rem !important;
  line-height: 1.1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.template-collection .ag-fc-card__price {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--ag-color-forest-900) !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.template-collection .ag-fc-card__price-row--collection .ag-fc-card__price {
  text-align: right !important;
  justify-self: end !important;
  max-width: 45% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.template-collection .ag-fc-card__weight-static,
body.template-collection .ag-fc-card__variant-select {
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: var(--ag-color-forest-600) !important;
}

body.template-collection .ag-fc-card__btn {
  background-color: var(--ag-color-gold-bright, #f6b900) !important;
  color: var(--ag-color-forest-900) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 0.8125rem !important;
  min-height: 44px !important;
  border: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  transition: all 0.25s ease !important;
}

body.template-collection .ag-fc-card__btn:hover {
  background-color: var(--ag-color-forest-900) !important;
  color: var(--ag-color-gold-bright) !important;
}

/* -- 5. MOBILE RESPONSIVE -- */

@media (max-width: 1023px) {
  body.template-collection .ag-collection-section--products-shell .ag-product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
}

@media (max-width: 639px) {
  body.template-collection .ag-collection-section--products-shell .ag-product-grid {
    grid-template-columns: 1fr !important;
    max-width: 480px !important;
    margin-inline: auto !important;
  }
}

/* Merged from collection-all-polish.css */
html body.template-collection .ag-premium-collections .ag-fc-card--featured {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__media {
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(18rem, 26vw, 24rem) !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}

html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
}

html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__body {
  min-height: 0 !important;
}

html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
  flex: 0 0 auto !important;
  margin-top: auto !important;
}

html body.template-collection .ag-collection-section--products-shell .ag-card__placeholder,
html body.template-collection .ag-premium-collections .ag-card__placeholder {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 14rem;
  background:
    linear-gradient(145deg, rgba(248, 244, 234, 0.98), rgba(226, 216, 196, 0.94));
  color: var(--ag-color-forest-900, #0e3e29);
  font-family: var(--ag-font-display, 'Fraunces', Georgia, serif);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html body.template-collection .ag-collection-section--products-shell .ag-card__placeholder::after,
html body.template-collection .ag-premium-collections .ag-card__placeholder::after {
  content: '';
  position: absolute;
  inset: 0.75rem;
  border: 1px solid rgba(14, 62, 41, 0.1);
  border-radius: inherit;
  pointer-events: none;
}

html body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection {
  height: auto !important;
  min-height: 0 !important;
}

html body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__content {
  min-height: 0 !important;
}

@media (max-width: 767px) {
  html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__media {
    height: 26rem !important;
    max-height: calc(100vw - 4rem) !important;
  }

  html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
  }

  html body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
    gap: 0.8rem !important;
  }
}

/* Extracted from main-collection.liquid */

  .ag-collection-hero-wrapper,
  .ag-collection-section {
    --ag-local-section-space-desktop: clamp(4.75rem, 6.8vw, 5.35rem);
    --ag-local-section-space-mobile: clamp(2.85rem, 8vw, 3.35rem);
    --ag-local-card-radius: 12px;
    --ag-local-shadow-base: 0 8px 20px rgba(0, 0, 0, 0.08);
    --ag-local-shadow-hover: 0 14px 30px rgba(0, 0, 0, 0.13);
  }

  /* Standardize hero height and layout */
  .ag-collection-hero-wrapper {
    display: block !important;
    min-height: calc(100svh - var(--ag-header-height, 81px)) !important;
    padding: 0 !important;
  }

  .ag-collection-hero-wrapper .ag-home-hero__overlay {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.7) 100%);
  }

  .ag-collection-hero-wrapper .ag-collection-hero__text-wrapper {
    border-radius: 1.6rem;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__title {
    line-height: 1.08;
    letter-spacing: -0.018em;
    font-family: var(--font-display), Georgia, serif;
    font-size: clamp(3rem, 7vw, 4.5rem);
    color: #ffffff !important;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__title-highlight {
    color: var(--ag-gold, #f6b900) !important;
  }



  .ag-collection-hero-wrapper .ag-collection-hero__heading h1,
  .ag-collection-hero-wrapper h1 {
    font-size: clamp(3.5rem, 7vw, 4.9rem) !important;
    font-weight: 300 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 1rem !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__subheading {
    color: #ffffff !important;
    font-size: clamp(1rem, 2vw, 1.55rem) !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    max-width: 587px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-size: clamp(1rem, 2vw, 1.25rem);
    max-width: 42rem;
    margin: 0 auto 1.25rem !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__actions {
    gap: 0.75rem !important;
    margin-top: 0.5rem !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__btn {
    min-height: 50px;
    border-radius: 999px;
    padding-inline: 1.45rem;
    transition: transform 180ms ease-out, box-shadow 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, color 180ms ease-out;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__btn:hover {
    transform: translateY(-2px);
  }

  .ag-collection-hero-wrapper .ag-collection-hero__btn--secondary {
    color: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.66);
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 10px 22px rgba(0, 0, 0, 0.2);
  }

  .ag-collection-hero-wrapper .ag-collection-hero__btn--secondary:hover {
    border-color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.22);
  }

  .ag-collection-section--premium-shell {
    padding-block: var(--ag-local-section-space-desktop);
    background: #fffcf7;
    border-top: 1px solid rgba(14, 62, 41, 0.04);
    border-bottom: 1px solid rgba(14, 62, 41, 0.07);
  }

  .ag-collection-hero-wrapper--transition {
    view-transition-name: hero-section;
  }

  .ag-product-grid-container--transition {
    view-transition-name: products-grid;
  }

  .ag-collection-section__intro {
    text-align: center;
    margin-bottom: clamp(2.6rem, 4.1vw, 3.35rem);
  }

  .ag-collection-section__intro .ag-section-heading {
    font-family: var(--font-display), Georgia, serif !important;
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    color: var(--ag-forest-900);
  }

  .ag-collection-accent {
    color: var(--ag-gold, #f6b900);
    font-style: normal;
  }

  .ag-collection-accent--italic {
    font-style: italic;
  }

  .ag-collection-section__intro .ag-kicker {
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    color: var(--ag-gold, #f6b900);
    font-weight: 600;
    margin-bottom: 0.75rem;
    display: block;
  }

  .ag-collection__subheading--center {
    margin-inline: auto;
    font-size: 1.125rem;
    color: #2d3748;
  }

  .ag-collection-bundle-note {
    color: #e8a735;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 0.5rem;
    background: rgba(232, 167, 53, 0.1);
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 999px;
  }

  .ag-product-grid--premium {
    gap: 1.9rem;
    align-items: stretch;
  }

  .ag-collection-section--banner-shell {
    padding-block: var(--ag-local-section-space-desktop);
    background: #fffcf7;
  }

  .ag-collection-banner--centered {
    max-width: 48rem;
    margin-inline: auto;
  }

  .ag-collection-banner__card--elevated {
    background: #fff;
    border: 1px solid rgba(14, 62, 41, 0.06);
    box-shadow: var(--ag-local-shadow-base);
    border-radius: 24px;
    transition: transform 180ms ease-out, box-shadow 180ms ease-out, border-color 180ms ease-out;
  }

  .ag-collection-banner__card--elevated:hover {
    transform: translateY(-2px);
    box-shadow: var(--ag-local-shadow-hover);
  }

  .ag-collection-banner__content--spacious {
    padding: 3.55rem 2rem 3.25rem;
    text-align: center;
  }

  .ag-collection-banner__icon {
    position: relative;
    margin: 0 auto 1.15rem;
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ag-collection-banner__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 0.35rem);
    width: 1px;
    height: 1.25rem;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, rgba(14, 62, 41, 0.34), rgba(14, 62, 41, 0));
    pointer-events: none;
  }

  .ag-collection-banner__title--large {
    font-size: 2.25rem;
    color: var(--ag-color-forest-900);
    margin-bottom: 0.95rem;
  }

  .ag-collection-banner__text--lead {
    font-size: 1.125rem;
    color: #2d3748;
    max-width: 40rem;
    margin-bottom: 2.25rem;
    line-height: 1.75;
    margin-inline: auto;
  }

  .ag-collection-banner__highlight {
    display: block;
    color: #8c5a00;
    font-weight: 650;
    margin-top: 0.58rem;
  }

  .ag-collection-banner__footer--meta {
    margin-top: 2.2rem;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    font-size: 0.8125rem;
    color: #1f4a36;
    opacity: 0.74;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .ag-collection-banner__feature--meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .ag-collection-banner__feature-icon {
    color: #f6b900;
  }

  .ag-collection-banner__meta-separator {
    opacity: 0.3;
  }

  .ag-collection-section--products-shell {
    background: #fffcf7;
    background-image: none;
    padding-block: var(--ag-local-section-space-desktop);
  }

  /* Collection grid/card visual parity with reference */
  .ag-collection-section--products-shell .ag-filter-panel__header {
    margin-bottom: 1.4rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__heading {
    font-size: clamp(2rem, 4.1vw, 3.15rem) !important;
    font-weight: 300 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 0.55rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__subheading {
    max-width: 28rem !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    margin-inline: auto !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__controls {
    margin-top: 1.5rem !important;
  }

  .ag-collection-section--products-shell .ag-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.85rem !important;
    max-width: 1110px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
  }

  .ag-premium-collections .ag-fc-card {
    border-radius: 1.5rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease !important;
  }

  .ag-premium-collections .ag-fc-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 24px 48px rgba(14, 62, 41, 0.12) !important;
    border-color: rgba(246, 185, 0, 0.4) !important;
  }

  .ag-premium-collections .ag-fc-card__content {
    padding: 1.75rem 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }

  .ag-premium-collections .ag-fc-card__title {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem) !important;
    min-height: calc(1.24em * 2);
    margin-bottom: 0.75rem !important;
    line-height: 1.24 !important;
    color: var(--ag-forest-900, #0e3e29) !important;
  }

  .ag-premium-collections .ag-product-card__rating {
    min-height: 1.2rem;
    margin-bottom: 1.18rem !important;
  }

  .ag-premium-collections .ag-fc-card__desc {
    margin-bottom: 1.25rem !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    color: #2d3748 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: calc(1.5em * 2) !important;
    max-height: calc(1.5em * 2) !important;
  }

  .ag-premium-collections .ag-fc-card__footer {
    margin-top: 0 !important;
    padding-top: 1.12rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }

  .ag-premium-collections .ag-fc-card__footer-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    min-height: 100px !important;
    align-content: center !important;
  }

  .ag-premium-collections .ag-fc-card__price {
    font-size: 1.34rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
    text-align: center !important;
  }

  .ag-collection-section.ag-premium-collections + .ag-section-divider-wrapper + .ag-collection-section--products-shell,
  .ag-collection-section.ag-premium-collections + .ag-collection-section--products-shell {
    padding-top: var(--ag-local-section-space-desktop) !important;
  }

  .ag-collection-section--products-shell .ag-product-grid__item {
    width: 100% !important;
    max-width: none !important;
  }

  .ag-collection-section--products-shell .ag-fc-card {
    position: relative !important;
    isolation: isolate !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(14, 62, 41, 0.06) !important;
    background-color: #fff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.4s ease !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__media,
  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__content,
  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__footer {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  .ag-collection-section--products-shell .ag-fc-card__footer-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    min-height: 100px !important;
    align-content: center !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__texture-overlay,
  .ag-collection-section--products-shell .ag-card--collection .ag-card__vignette {
    display: none !important;
  }

  .ag-collection-section--products-shell .ag-fc-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 50px rgba(14, 62, 41, 0.12) !important;
    border-color: rgba(246, 185, 0, 0.25) !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__media {
    margin: 0.75rem 0.75rem 0 !important;
    border-radius: 1rem !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(0.82) contrast(0.97) brightness(1.01);
  }

  .ag-collection-section--products-shell .ag-fc-card__media::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.22), transparent);
    pointer-events: none;
    border-radius: inherit;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__content {
    padding: 1.25rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__title {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.5rem !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: calc(1.3em * 2) !important;
    color: var(--ag-forest-900, #0e3e29) !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-product-card__rating {
    margin-bottom: 0.62rem !important;
    min-height: 1.08rem !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-product-card__stars {
    font-size: 0.7rem !important;
    letter-spacing: 0.04em !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-product-card__rating-label {
    font-size: 0.66rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__desc {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: #5a6b63 !important;
    margin: 0 0 1rem !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: calc(1.5em * 2) !important;
    max-height: calc(1.5em * 2) !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__content-spacer {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__variant-select {
    width: 5.2rem !important;
    min-height: 1.5rem !important;
    font-size: 0.66rem !important;
    padding: 0.16rem 0.3rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__price {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: var(--ag-forest-900, #0e3e29) !important;
    border-top: 1px solid rgba(14, 62, 41, 0.08) !important;
    padding-top: 0.5rem !important;
    margin-top: 0.25rem !important;
    width: 100% !important;
  }

  .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__btn {
    min-height: 2.5rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 10px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn:hover {
    transform: translateY(-2px) !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__micro-copy {
    font-size: 0.58rem !important;
    margin-top: 0.42rem !important;
    text-align: left !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__footer {
    margin-top: 0 !important;
    padding-top: 0.66rem !important;
    min-height: 4.9rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }

/* ============================================================================
   Compact product cards (reduce excessive vertical whitespace)
   Scope: collection grid only (.ag-collection-section--products-shell)
   ============================================================================ */

body.template-collection .ag-collection-section--products-shell .ag-fc-card__content {
  padding: clamp(1rem, 1.6vw, 1.25rem) !important;
  gap: 0.875rem !important;
}

body.template-collection .ag-collection-section--products-shell .ag-fc-card__title {
  font-size: 1.05rem !important;
  margin-bottom: 0.5rem !important;
}

body.template-collection .ag-collection-section--products-shell .ag-fc-card__desc {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
}

body.template-collection .ag-collection-section--products-shell .ag-fc-card__footer {
  padding-top: 0.875rem !important;
  gap: 0.875rem !important;
}

  .ag-collection-section--products-shell .ag-card--collection .ag-card__actions-row {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.62rem !important;
    min-height: 3.15rem !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__actions-row > * {
    align-self: center !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__price-block {
    min-height: 2.35rem !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__form {
    min-height: 3.15rem !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__form--with-variants {
    min-height: 3.15rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    gap: 0.35rem !important;
  }

  .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn {
    min-height: 44px !important;
    border-radius: 999px !important;
  }

  .ag-filter-list--centered {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    flex-wrap: wrap;
  }
  
  .ag-filter-list--centered button,
  .ag-filter-panel__btn,
  .ag-filter-pill {
    text-transform: capitalize !important;
  }

  /* ==================== HERITAGE SECTION ==================== */
  .ag-heritage-section--shell {
    background: linear-gradient(135deg, #14513b 0%, #0e3e29 50%, #14513b 100%);
    padding: clamp(3rem, 5vw, 5rem) 0;
    position: relative;
    overflow: hidden;
  }

  /* Grain texture overlay */
  .ag-heritage-section--shell::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.06;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  }

  .ag-heritage-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 clamp(1rem, 2vw, 2rem);
    position: relative;
    z-index: 1;
  }

  .ag-heritage-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(3rem, 6vw, 5rem);
  }

  @media (min-width: 1024px) {
    .ag-heritage-grid {
      grid-template-columns: 1fr 1fr;
      gap: clamp(3rem, 5vw, 5rem);
      align-items: center;
    }
  }

  /* Left Content */
  .ag-heritage-content {
    display: flex;
    flex-direction: column;
  }

  .ag-heritage-kicker {
    font-family: 'Fraunces', serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #f6b900;
    margin-bottom: 0.75rem;
    display: block;
  }

  .ag-heritage-title {
    font-family: 'Fraunces', serif;
    font-size: clamp(1.875rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.015em;
    color: #fff;
    margin: 0 0 1rem 0;
  }

  .ag-heritage-title-accent {
    color: #e8a735;
    font-style: italic;
  }

  .ag-heritage-divider {
    width: 4rem;
    height: 0.25rem;
    background: #f6b900;
    border-radius: 9999px;
    margin-bottom: 1.25rem;
  }

  .ag-heritage-description {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    max-width: 36rem;
    margin-bottom: 2rem;
  }

  .ag-heritage-description strong {
    color: #fff;
    font-weight: 600;
  }

  /* Stats Grid - 2x2 */
  .ag-heritage-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, 2vw, 2rem) clamp(1.5rem, 3vw, 2.5rem);
    padding: 0.25rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1.5rem;
  }

  .ag-heritage-stat-item {
    padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.5rem, 1vw, 1rem);
  }

  .ag-heritage-stat-value {
    font-family: 'Fraunces', serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 900;
    color: rgba(255, 255, 255, 0.95);
    letter-spacing: -0.01em;
    line-height: 0.92;
    display: block;
  }

  .ag-heritage-stat-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
  }

  /* CTA Button */
  .ag-heritage-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    padding: 0 2.5rem;
    width: auto;
    max-width: 280px;
    font-family: 'Fraunces', serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    background: linear-gradient(135deg, #f6b900 0%, #e8a735 100%);
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.875rem;
  }

  .ag-heritage-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(246, 185, 0, 0.3);
  }

  /* Right Image */
  .ag-heritage-image-wrapper {
    position: relative;
  }

  .ag-heritage-image-card {
    position: relative;
    height: clamp(18rem, 40vw, 25rem);
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(71, 85, 105, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  }

  @media (min-width: 1024px) {
    .ag-heritage-image-card {
      height: 32rem;
      transform: rotate(1deg);
      transition: transform 0.2s ease-out;
    }

    .ag-heritage-image-card:hover {
      transform: rotate(0deg);
    }
  }

  .ag-heritage-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
  }

  .ag-heritage-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(14, 62, 41, 0.3), transparent);
    pointer-events: none;
  }

  /* Badge Overlay on Image */
  .ag-heritage-badge-overlay {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    background: #f6b900;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    text-align: center;
  }

  .ag-heritage-badge-value {
    font-family: 'Fraunces', serif;
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    display: block;
  }

  .ag-heritage-badge-text {
    font-size: 0.625rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    margin-top: 0.25rem;
  }

  /* Mobile Responsive */
  @media (max-width: 767px) {
    .ag-heritage-image-card {
      height: 20rem;
    }

    .ag-heritage-badge-overlay {
      bottom: 1rem;
      left: 1rem;
      padding: 0.75rem 1rem;
    }

    .ag-heritage-badge-value {
      font-size: 1.25rem;
    }
  }

  .ag-heritage-author {
    font-size: 0.9375rem;
    opacity: 0.8;
    margin: 0;
    letter-spacing: 0.02em;
  }

  .ag-heritage-section--shell .ag-heritage-stat {
    font-size: clamp(2.15rem, 4.7vw, 3.05rem);
    font-weight: 800;
    letter-spacing: -0.015em;
  }

  .ag-heritage-section--shell .ag-heritage-stat-label {
    margin-top: 0.18rem;
    letter-spacing: 0.01em;
  }

  .ag-heritage-section--shell .ag-button {
    margin-top: 0.25rem;
    transition: transform 180ms ease-out, box-shadow 180ms ease-out, filter 180ms ease-out;
  }

  .ag-heritage-section--shell .ag-button:hover {
    transform: translateY(-2px);
  }

  .ag-pagination-wrapper .page,
  .ag-pagination-wrapper .next,
  .ag-pagination-wrapper .prev,
  .ag-pagination-wrapper .current {
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: 0.66rem 1.02rem;
    transition: background-color 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out;
  }

  .ag-pagination-wrapper .page:hover,
  .ag-pagination-wrapper .next:hover,
  .ag-pagination-wrapper .prev:hover {
    transform: translateY(-2px);
  }

  .ag-pagination-wrapper .current {
    background: #0e3e29 !important;
    color: #fff !important;
    border-color: #0e3e29 !important;
    box-shadow: 0 9px 18px rgba(14, 62, 41, 0.24) !important;
  }

  /* Premium cards: remove tight width constraints so layout breathes */
  .ag-collection-section--premium-cards .ag-collection-container {
    max-width: 1320px !important;
    margin-inline: auto !important;
  }

  .ag-collection-section--premium-cards .ag-product-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    gap: 2rem !important;
    margin-inline: auto !important;
  }

  .ag-collection-section--premium-cards .ag-product-grid__item {
    max-width: none !important;
    width: 100%;
    margin-inline: 0 !important;
  }

  @media (max-width: 767px) {
    .ag-collection-section--premium-shell,
    .ag-collection-section--banner-shell,
    .ag-collection-section--products-shell,
    .ag-heritage-section--shell {
      padding-top: var(--ag-local-section-space-mobile) !important;
      padding-bottom: var(--ag-local-section-space-mobile) !important;
    }

    .ag-collection-section--premium-cards .ag-product-grid {
      width: 100% !important;
      max-width: 420px !important;
      grid-template-columns: 1fr !important;
      justify-content: initial !important;
      gap: 1.25rem !important;
    }

    .ag-collection-section--premium-cards .ag-product-grid__item {
      max-width: 100% !important;
    }

    .ag-collection-section--products-shell .ag-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.75rem !important;
      max-width: 100% !important;
    }

    .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__media {
      margin: 0.5rem 0.5rem 0 !important;
      border-radius: 0.75rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__content {
      padding: 0.75rem 0.625rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__title {
      font-size: 0.9rem !important;
      min-height: calc(1.3em * 2) !important;
    }

    .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__desc {
      font-size: 0.75rem !important;
      -webkit-line-clamp: 2 !important;
      min-height: calc(1.4em * 2) !important;
      max-height: calc(1.4em * 2) !important;
      margin-bottom: 0.5rem !important;
    }

    .ag-collection-section--products-shell .ag-card--collection .ag-card__title {
      font-size: 0.9rem !important;
    }

    .ag-collection-section--products-shell .ag-card--collection .ag-card__price {
      font-size: 1.04rem !important;
    }

    .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn {
      font-size: 0.62rem !important;
      padding-inline: 0.55rem !important;
    }

    .ag-collection-section--products-shell .ag-card--collection .ag-card__variant-select {
      width: 4.4rem !important;
      font-size: 0.6rem !important;
    }

    .ag-collection-section.ag-premium-collections + .ag-collection-section--products-shell {
      padding-top: calc(var(--ag-local-section-space-mobile) + 1rem) !important;
    }

    .ag-collection-section--products-shell .ag-fc-card .ag-button,
    .ag-collection-section--products-shell .ag-fc-card .ag-fc-card__btn {
      min-width: 0 !important;
      width: 100% !important;
    }

    .ag-premium-collections .ag-fc-card__footer-top,
    .ag-collection-section--products-shell .ag-fc-card__footer-top {
      min-height: auto !important;
    }

    .ag-collection-section--products-shell .ag-filter-panel {
      padding: 2rem 1.25rem 1.5rem !important;
      margin-bottom: 1.75rem !important;
      border-radius: 1.5rem !important;
    }
  }

  /* Tablet: 2-col grid with breathing room */
  @media (min-width: 768px) and (max-width: 1023px) {
    .ag-collection-section--products-shell .ag-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 1.5rem !important;
      max-width: 720px !important;
    }

    .ag-collection-section--premium-cards .ag-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 1.75rem !important;
    }
  }

  /* ===== FILTER PANEL KICKER ===== */
  .ag-filter-panel__kicker {
    display: inline-block !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ag-forest-900, #0e3e29) !important;
    background: rgba(14, 62, 41, 0.06) !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(14, 62, 41, 0.08) !important;
    margin-bottom: 1rem !important;
  }

  /* Product card description clamp for grid alignment */
  .ag-collection-section--products-shell .ag-fc-card__desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: calc(1.5em * 2) !important;
  }

  /* Section divider refinement */
  .ag-section-divider-wrapper {
    padding: 0 !important;
    margin: 0 auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .ag-section-divider-line {
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(14, 62, 41, 0.09) 20%, rgba(14, 62, 41, 0.09) 80%, transparent 100%) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  /* ===== PREMIUM ENHANCEMENTS ===== */
  /* Hero typography boost */
  .ag-collection-hero-wrapper .ag-collection-hero__title {
    font-size: clamp(3.5rem, 8vw, 5.5rem) !important;
    font-weight: 400 !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__title-highlight {
    font-style: italic !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__eyebrow {
    margin: 0 0 0.75rem 0 !important;
    font-family: var(--ag-font-handwritten, 'Caveat', cursive) !important;
    font-size: clamp(1.7rem, 3.4vw, 2.4rem) !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    color: #fff !important;
    text-transform: none !important;
    text-shadow:
      0 2px 16px rgba(0, 0, 0, 0.6),
      0 0 40px rgba(246, 185, 0, 0.25) !important;
    display: inline-block !important;
    position: relative !important;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__eyebrow::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #F6B900, transparent);
    border-radius: 2px;
  }

  .ag-collection-hero-wrapper .ag-collection-hero__heading h1,
  .ag-collection-hero-wrapper h1 {
    font-size: clamp(3.5rem, 7vw, 4.9rem) !important;
    font-weight: 300 !important;
    letter-spacing: -0.045em !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    margin-bottom: 1rem !important;
  }

  /* Enhanced filter panel */
  .ag-collection-section--products-shell .ag-filter-panel {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(14, 62, 41, 0.1) !important;
    border-radius: 2rem !important;
    padding: 2.5rem 2rem 2rem !important;
    box-shadow: 0 10px 40px rgba(14, 62, 41, 0.08) !important;
    margin-bottom: 2.5rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__heading {
    font-size: clamp(2.2rem, 5vw, 3.2rem) !important;
    font-weight: 300 !important;
    color: var(--ag-forest-900, #0e3e29) !important;
    letter-spacing: -0.02em !important;
  }

  /* Premium product cards */
  .ag-collection-section--products-shell .ag-card--collection {
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .ag-collection-section--products-shell .ag-card--collection:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 50px rgba(14, 62, 41, 0.12) !important;
    border-color: rgba(246, 185, 0, 0.25) !important;
  }

  /* Enhanced filter pills */
  .ag-collection-section--products-shell .ag-filter-pill {
    text-transform: capitalize !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    border-radius: 999px !important;
    padding: 0.65rem 1.35rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: var(--ag-forest-800, #1a4d36) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(14, 62, 41, 0.15) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  }

  .ag-collection-section--products-shell .ag-filter-pill:hover {
    transform: translateY(-2px) !important;
    border-color: var(--ag-gold, #f6b900) !important;
    color: var(--ag-gold, #f6b900) !important;
    box-shadow: 0 8px 16px rgba(14, 62, 41, 0.08) !important;
  }

  .ag-collection-section--products-shell .ag-filter-pill.is-active {
    background: var(--ag-forest-900, #0e3e29) !important;
    color: #fff !important;
    border-color: var(--ag-forest-900, #0e3e29) !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(14, 62, 41, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  }

  /* Premium pagination */
  .ag-pagination-wrapper .page:hover,
  .ag-pagination-wrapper .prev:hover,
  .ag-pagination-wrapper .next:hover {
    transform: translateY(-2px) !important;
  }

  /* Heritage section refinement */
  .ag-heritage-section--shell {
    background: linear-gradient(175deg, #124f36 0%, #0e3e29 50%, #0a2f20 100%) !important;
  }

  .ag-heritage-stat {
    color: #f6b900 !important;
    font-weight: 300 !important;
  }

  /* Smooth micro-interactions */
  @media (prefers-reduced-motion: no-preference) {
    .ag-collection-section--products-shell .ag-fc-card {
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .ag-collection-section--products-shell .ag-fc-card:hover {
      transform: translateY(-12px) scale(1.005) !important;
    }
  }

  .products-collection-background-pattern {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.4 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background-image:
      transparent !important;
    background-size: 24px 24px !important;
  }

  /* Header: defer to header.css source of truth , no overrides here */

  /* Smooth scroll for anchor links */
  html {
    scroll-behavior: smooth;
  }

  /* Premium card image zoom on hover */
  .ag-premium-collections .ag-fc-card__media img,
  .ag-collection-section--products-shell .ag-fc-card__media img {
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .ag-premium-collections .ag-fc-card:hover .ag-fc-card__media img,
  .ag-collection-section--products-shell .ag-fc-card:hover .ag-fc-card__media img {
    transform: scale(1.04) !important;
  }

  /* Heritage stats polish */
  .ag-heritage-stat-item {
    padding: 1.5rem !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(246, 185, 0, 0.15) !important;
    border-radius: 1.25rem !important;
    transition: all 0.3s ease !important;
  }

  .ag-heritage-stat-item:hover {
    background: rgba(246, 185, 0, 0.05) !important;
    border-color: rgba(246, 185, 0, 0.4) !important;
    transform: translateY(-4px) !important;
  }

  .ag-heritage-stat-value {
    color: var(--ag-gold, #f6b900) !important;
    font-size: 2.25rem !important;
    font-weight: 900 !important;
    font-family: var(--ag-font-display, "Fraunces"), serif !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
  }

  .ag-heritage-stat-label {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 500 !important;
  }

  /* Hero boost */
  body.template-collection .ag-home-hero__heading {
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
    letter-spacing: -0.02em !important;
  }

  .ag-hero-accent-text {
    color: var(--ag-gold, #f6b900) !important;
    font-style: italic !important;
    font-weight: 400 !important;
  }


/* Extracted from main-collection.liquid */

  /* Structural collection tune-up: featured showcase, tighter filter band, aligned catalog cards. */
  .ag-collection-section--premium-cards .ag-product-grid {
    gap: clamp(1.6rem, 2.4vw, 2.6rem) !important;
  }

  .ag-premium-collections .ag-fc-card--featured {
    display: grid !important;
    grid-template-rows: minmax(19rem, 23rem) auto !important;
    border-radius: 1.4rem !important;
    border: 1px solid rgba(14, 62, 41, 0.1) !important;
    box-shadow: 0 12px 30px rgba(14, 62, 41, 0.07) !important;
    overflow: hidden !important;
  }

  .ag-premium-collections .ag-fc-card--featured:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 34px rgba(14, 62, 41, 0.1) !important;
    border-color: rgba(14, 62, 41, 0.18) !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__media {
    margin: 0 !important;
    aspect-ratio: auto !important;
    height: 100% !important;
    min-height: 19rem !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(14, 62, 41, 0.08) !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: space-between !important;
    gap: 1rem !important;
    padding: 1.55rem 1.55rem 1.4rem !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__body {
    display: grid !important;
    align-content: start !important;
    gap: 0.8rem !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__origin {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    min-height: 1.2rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #2d3748 !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__title {
    margin: 0 !important;
    min-height: calc(1.16em * 2) !important;
    font-size: clamp(1.42rem, 2.2vw, 1.76rem) !important;
    line-height: 1.16 !important;
    text-align: left !important;
    color: #123423 !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__rating,
  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__badge,
  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__weight-badge {
    display: none !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__desc {
    margin: 0 !important;
    min-height: calc(1.55em * 2) !important;
    max-height: calc(1.55em * 2) !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    font-size: 0.98rem !important;
    line-height: 1.55 !important;
    text-align: left !important;
    color: #2d3748 !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 1rem !important;
    margin-top: auto !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(14, 62, 41, 0.08) !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer-top {
    min-height: 0 !important;
    display: grid !important;
    gap: 0.7rem !important;
    align-content: start !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__price {
    text-align: left !important;
    font-size: 1.46rem !important;
    line-height: 1.05 !important;
    color: #123423 !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__variant-wrapper {
    display: grid !important;
    gap: 0.32rem !important;
    max-width: 11rem !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__variant-label {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #5a6961 !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__variant-select {
    min-height: 2.45rem !important;
    width: 100% !important;
    padding: 0.45rem 2rem 0.45rem 0.7rem !important;
    font-size: 0.86rem !important;
    border-radius: 0.72rem !important;
    border: 1px solid rgba(14, 62, 41, 0.12) !important;
    color: #183827 !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230E3E29' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 0.6rem center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .ag-premium-collections .ag-fc-card--featured form {
    width: auto !important;
    margin: 0 !important;
    align-self: end !important;
  }

  .ag-premium-collections .ag-fc-card--featured .ag-fc-card__btn {
    width: auto !important;
    min-width: 9.4rem !important;
    min-height: 2.85rem !important;
    justify-content: center !important;
    padding-inline: 1.15rem !important;
  }

  .ag-collection-section--products-shell {
    padding-top: clamp(2.7rem, 4vw, 3.6rem) !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 18rem) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.9rem 1.35rem !important;
    max-width: 1060px !important;
    margin: 0 auto 1.35rem !important;
    padding: 0.95rem 1.1rem !important;
    border-radius: 1rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__header {
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 0.3rem !important;
    margin: 0 !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__kicker {
    margin: 0 !important;
    padding: 0.32rem 0.7rem !important;
    font-size: 0.62rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__heading {
    margin: 0 !important;
    font-size: clamp(1.55rem, 3vw, 2.2rem) !important;
    line-height: 0.98 !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__subheading {
    margin: 0 !important;
    max-width: 20rem !important;
    font-size: 0.88rem !important;
    line-height: 1.38 !important;
    text-align: left !important;
  }

  .ag-collection-section--products-shell .ag-filter-panel__controls {
    margin: 0 !important;
  }

  .ag-collection-section--products-shell .ag-filter-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
  }

  .ag-collection-section--products-shell .ag-filter-pill {
    min-height: 2.75rem !important;
    padding: 0.42rem 0.78rem !important;
    font-size: 0.74rem !important;
  }

  .ag-collection-section--products-shell .ag-product-grid {
    gap: 1.4rem !important;
  }

  .ag-collection-section--products-shell .ag-product-grid__item {
    display: flex !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 1.05rem !important;
    border: 1px solid rgba(14, 62, 41, 0.08) !important;
    box-shadow: 0 8px 22px rgba(14, 62, 41, 0.05) !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__media {
    margin: 0 !important;
    aspect-ratio: 5 / 4 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(14, 62, 41, 0.08) !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__content {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: space-between !important;
    flex: 1 1 auto !important;
    padding: 1rem !important;
    gap: 0.85rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__body {
    display: grid !important;
    grid-template-rows: auto minmax(calc(1.28em * 2), auto) auto minmax(calc(1.48em * 5), auto) !important;
    align-content: start !important;
    gap: 0.46rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__origin {
    min-height: 1rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
    color: #5b6962 !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__title {
    margin: 0 !important;
    min-height: calc(1.28em * 2) !important;
    font-size: 1.08rem !important;
    line-height: 1.28 !important;
    text-align: left !important;
    color: #123423 !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__rating {
    margin: 0 !important;
    min-height: 1rem !important;
    justify-content: flex-start !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-stars {
    display: inline-flex !important;
    gap: 0.08rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__desc {
    margin: 0 !important;
    min-height: calc(1.48em * 5) !important;
    max-height: calc(1.48em * 5) !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    font-size: 0.9rem !important;
    line-height: 1.48 !important;
    text-align: left !important;
    color: #2d3748 !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer {
    margin-top: auto !important;
    padding-top: 0.9rem !important;
    border-top: 1px solid rgba(14, 62, 41, 0.08) !important;
    display: grid !important;
    gap: 0.75rem !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer-top {
    min-height: 5.2rem !important;
    display: grid !important;
    gap: 0.55rem !important;
    align-content: start !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__price {
    font-size: 1.16rem !important;
    line-height: 1.08 !important;
    text-align: left !important;
    color: #123423 !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-wrapper {
    display: grid !important;
    gap: 0.28rem !important;
    min-height: 3.2rem !important;
    align-content: start !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-label {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    color: #56655e !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-select {
    width: 100% !important;
    min-height: 2.3rem !important;
    padding: 0.42rem 2rem 0.42rem 0.68rem !important;
    font-size: 0.84rem !important;
    border-radius: 0.72rem !important;
    border: 1px solid rgba(14, 62, 41, 0.12) !important;
    color: #183827 !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230E3E29' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 0.6rem center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection form {
    display: flex !important;
    margin-top: auto !important;
  }

  .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__btn {
    width: 100% !important;
    min-height: 2.65rem !important;
    justify-content: center !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.08em !important;
  }

  @media (max-width: 767px) {
    .ag-premium-collections .ag-fc-card--featured {
      grid-template-rows: auto auto !important;
    }

    .ag-premium-collections .ag-fc-card--featured .ag-fc-card__media {
      min-height: 14rem !important;
      aspect-ratio: 6 / 5 !important;
    }

    .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
      padding: 1.05rem 1rem 1.1rem !important;
      gap: 0.85rem !important;
    }

    .ag-premium-collections .ag-fc-card--featured .ag-fc-card__title {
      font-size: 1.2rem !important;
    }

    .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
      grid-template-columns: 1fr !important;
    }

    .ag-premium-collections .ag-fc-card--featured form,
    .ag-premium-collections .ag-fc-card--featured .ag-fc-card__btn {
      width: 100% !important;
    }

    .ag-collection-section--products-shell .ag-filter-panel {
      grid-template-columns: 1fr !important;
      gap: 0.7rem !important;
      padding: 0.9rem 0.95rem !important;
      margin-bottom: 1.15rem !important;
      border-radius: 1rem !important;
    }

    .ag-collection-section--products-shell .ag-filter-panel__header {
      gap: 0.26rem !important;
    }

    .ag-collection-section--products-shell .ag-filter-panel__heading {
      font-size: clamp(1.55rem, 7vw, 1.95rem) !important;
    }

    .ag-collection-section--products-shell .ag-filter-panel__subheading {
      font-size: 0.84rem !important;
      max-width: 100% !important;
    }

    .ag-collection-section--products-shell .ag-filter-list {
      gap: 0.42rem !important;
    }

    .ag-collection-section--products-shell .ag-filter-pill {
      min-height: 2.75rem !important;
      padding: 0.42rem 0.68rem !important;
      font-size: 0.7rem !important;
    }

    .ag-collection-section--products-shell .ag-product-grid {
      gap: 0.82rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__media {
      aspect-ratio: 1 / 1 !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__content {
      padding: 0.8rem !important;
      gap: 0.7rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__body {
      grid-template-rows: auto minmax(calc(1.26em * 2), auto) auto minmax(calc(1.4em * 2), auto) !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__title {
      font-size: 0.96rem !important;
      min-height: calc(1.26em * 2) !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__desc {
      min-height: calc(1.4em * 2) !important;
      max-height: calc(1.4em * 2) !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      font-size: 0.8rem !important;
      line-height: 1.4 !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer-top {
      min-height: 4.55rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__price {
      font-size: 1.04rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-wrapper {
      min-height: 2.9rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-select {
      min-height: 2.15rem !important;
      font-size: 0.75rem !important;
      padding: 0.36rem 0.56rem !important;
    }

    .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__btn {
      min-height: 2.4rem !important;
      font-size: 0.69rem !important;
    }
  }
  /* Final collection hero parity lock: match About hero visual treatment exactly. */
  body.template-collection .ag-collection-hero-wrapper {
    min-height: calc(100svh - var(--ag-header-height, 81px)) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero {
    min-height: calc(100svh - var(--ag-header-height, 81px)) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: brightness(0.3) !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__text-wrapper {
    margin: auto !important;
    text-align: center !important;
    max-width: min(760px, 92vw) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__text-wrapper {
    max-width: min(680px, 88vw) !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__eyebrow {
    font-family: "Caveat", cursive !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    display: inline-block !important;
    position: relative !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__eyebrow::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -10px !important;
    width: 50px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #f6b900, transparent) !important;
    border-radius: 2px !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__heading {
    font-family: "Fraunces", "Times New Roman", serif !important;
    font-size: clamp(2.4rem, 5.4vw, 77.76px) !important;
    line-height: 1.12 !important;
    font-weight: 300 !important;
    color: #ffffff !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__heading-main {
    color: #ffffff !important;
    opacity: 1 !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__subheading {
    font-family: "Crimson Text", Georgia, serif !important;
    font-size: 25px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
  }

  body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__subheading {
    font-size: 22px !important;
    line-height: 1.3 !important;
    max-width: 34rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.9rem !important;
  }

  body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions .ag-home-hero__button {
    border-radius: 999px !important;
    padding: 0.85rem 1.8rem !important;
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 700 !important;
  }

  @media (max-width: 767px) {
    body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__eyebrow {
      font-size: 26px !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__eyebrow::after {
      width: 42px !important;
      bottom: -8px !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__text-wrapper {
      width: 100% !important;
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__text-wrapper {
      max-width: min(90vw, 34rem) !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__subheading {
      font-size: 0.98rem !important;
      line-height: 1.45 !important;
      max-width: 22rem !important;
    }

    body.template-collection .ag-collection-hero--shop-all .ag-collection-hero__description {
      display: none !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions {
      flex-direction: column !important;
      width: 100% !important;
      gap: 0.7rem !important;
      align-items: stretch !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__actions {
      gap: 0.65rem !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions .ag-home-hero__button {
      width: 100% !important;
      max-width: 22rem !important;
      margin: 0 auto !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

    body.template-collection .ag-collection-hero--shop-all.ag-home-hero .ag-home-hero__actions .ag-home-hero__button {
      min-height: 48px !important;
      padding: 0.8rem 1.35rem !important;
    }
  }

  /* Ghost button for secondary hero CTA */
  body.template-collection .ag-home-hero__button--ghost {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  body.template-collection .ag-home-hero__button--ghost:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #fff !important;
    color: #fff !important;
  }

  /* Ultra-small viewport hardening: prevent CTA clipping on short phones. */
  @media (max-width: 360px), (max-height: 700px) {
    body.template-collection .ag-collection-hero-wrapper,
    body.template-collection .ag-collection-hero.ag-home-hero,
    body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
      min-height: 100vh !important;
      height: 100vh !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .container.ag-home-hero__content {
      justify-content: center !important;
      padding-top: 0 !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__text-wrapper {
      max-width: min(96vw, 42rem) !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__eyebrow {
      font-size: 26px !important;
      margin-bottom: 0.4rem !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__heading {
      font-size: clamp(1.9rem, 7.4vw, 2.4rem) !important;
      line-height: 1.08 !important;
      margin-bottom: 0.45rem !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__subheading {
      font-size: clamp(1rem, 4.9vw, 1.2rem) !important;
      line-height: 1.3 !important;
      margin-bottom: 0.55rem !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions {
      gap: 0.5rem !important;
    }

    body.template-collection .ag-collection-hero.ag-home-hero .ag-home-hero__actions .ag-home-hero__button {
      min-height: 44px !important;
      padding: 0.62rem 0.9rem !important;
      font-size: 0.68rem !important;
      letter-spacing: 0.08em !important;
    }
  }


/* Extracted from main-collection.liquid */

  /* Collection heritage section */
  body.template-collection .ag-heritage-section.ag-heritage-section--shell {
    margin-top: clamp(2.5rem, 6vw, 5rem) !important;
    padding: clamp(3rem, 5vw, 5rem) 0 !important;
  }

  /* Final description clamp lock: keep collection card copy on fixed tracks. */
  body.template-collection .ag-premium-collections .ag-fc-card__desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    min-height: calc(1.5em * 3) !important;
    max-height: calc(1.5em * 3) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card__desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    overflow: hidden !important;
    min-height: calc(1.5em * 5) !important;
    max-height: calc(1.5em * 5) !important;
  }

  @media (max-width: 767px) {
    body.template-collection .ag-premium-collections .ag-fc-card__desc {
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      min-height: calc(1.4em * 2) !important;
      max-height: calc(1.4em * 2) !important;
    }
    
    body.template-collection .ag-collection-section--products-shell .ag-fc-card__desc {
      -webkit-line-clamp: 5 !important;
      line-clamp: 5 !important;
      min-height: calc(1.4em * 5) !important;
      max-height: calc(1.4em * 5) !important;
    }
  }

  body.template-collection .ag-heritage-container {
    max-width: 80rem !important;
    padding: 0 clamp(1rem, 2vw, 2rem) !important;
  }

  body.template-collection .ag-heritage-grid {
    display: grid !important;
    gap: clamp(3rem, 5vw, 4rem) !important;
  }

  @media (min-width: 1024px) {
    body.template-collection .ag-heritage-grid {
      grid-template-columns: 1fr 1fr !important;
      align-items: center !important;
    }
  }

  @media (max-width: 767px) {
    body.template-collection .ag-heritage-section.ag-heritage-section--shell {
      margin-top: 2rem !important;
      padding: 2.5rem 0 !important;
    }

    body.template-collection .ag-heritage-image-card {
      height: 20rem !important;
    }
  }


/* Extracted from main-collection.liquid */

  {% if collection.handle == 'all' %}
  /* /collections/all body refinement */
  body.template-collection .ag-premium-collections {
    padding-top: clamp(5rem, 8vw, 6.5rem) !important;
    padding-bottom: clamp(4.35rem, 7vw, 5.6rem) !important;
    background: linear-gradient(180deg, #fffdf9 0%, #fffcf6 100%) !important;
  }

  body.template-collection .ag-premium-collections .ag-collection-container {
    max-width: min(1220px, calc(100vw - 2.5rem)) !important;
  }

  body.template-collection .ag-premium-collections .ag-collection-section__intro {
    display: grid !important;
    gap: 0.95rem 2.4rem !important;
    align-items: end !important;
    max-width: 1120px !important;
    margin: 0 auto clamp(2.6rem, 4vw, 3.35rem) !important;
  }

  body.template-collection .ag-premium-collections .ag-collection-section__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    margin: 0 0 0.2rem !important;
    color: #2d3748 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  body.template-collection .ag-premium-collections .ag-collection-section__eyebrow::before {
    content: "" !important;
    width: 2.5rem !important;
    height: 1px !important;
    background: rgba(14, 62, 41, 0.34) !important;
  }

  body.template-collection .ag-premium-collections .ag-collection-section__intro .ag-section-heading {
    margin: 0 !important;
    font-size: clamp(2.55rem, 4.8vw, 3.6rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    text-wrap: balance !important;
  }

  body.template-collection .ag-premium-collections .ag-collection__subheading--center {
    margin: 0 !important;
    max-width: 31rem !important;
    color: #3f5048 !important;
    font-size: 1.03rem !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    text-wrap: pretty !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  body.template-collection .ag-premium-collections .ag-product-grid {
    gap: clamp(1.35rem, 2vw, 1.8rem) !important;
    align-items: stretch !important;
  }

  body.template-collection .ag-premium-collections .ag-product-grid__item {
    display: flex !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured {
    width: 100% !important;
    grid-template-rows: minmax(20rem, 24rem) auto !important;
    border-radius: 1.55rem !important;
    border: 1px solid rgba(14, 62, 41, 0.09) !important;
    box-shadow: 0 14px 34px rgba(14, 62, 41, 0.07) !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 38px rgba(14, 62, 41, 0.1) !important;
    border-color: rgba(14, 62, 41, 0.18) !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
    gap: 1.05rem !important;
    padding: 1.65rem 1.65rem 1.5rem !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__body {
    gap: 0.9rem !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__origin {
    color: #5c6b63 !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__title {
    font-size: clamp(1.45rem, 2.4vw, 1.82rem) !important;
    line-height: 1.14 !important;
    min-height: calc(1.14em * 2) !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__desc {
    min-height: calc(1.58em * 2) !important;
    max-height: calc(1.58em * 2) !important;
    font-size: 0.98rem !important;
    line-height: 1.58 !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.15rem !important;
    padding-top: 1.05rem !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    gap: 0 !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__price-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0.8rem !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__price {
    font-size: 1.52rem !important;
    flex: 0 0 auto !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__variant-wrapper {
    margin-left: auto !important;
    width: min(9.25rem, 100%) !important;
    max-width: 9.25rem !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__weight-static {
    margin-left: auto !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #5a6961 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured form {
    width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.95rem !important;
  }

  body.template-collection .ag-collection-section--products-shell {
    position: relative !important;
    padding-top: clamp(4rem, 6vw, 5.2rem) !important;
    padding-bottom: clamp(4.35rem, 6.8vw, 5.65rem) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel {
    display: grid !important;
    grid-template-columns: minmax(16rem, 0.82fr) minmax(0, 1.18fr) !important;
    align-items: center !important;
    gap: 1rem 1.55rem !important;
    max-width: 1130px !important;
    margin: 0 auto clamp(1.9rem, 3.5vw, 2.45rem) !important;
    padding: 1.28rem 1.42rem !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(14, 62, 41, 0.12) !important;
    background: rgba(255, 252, 247, 0.96) !important;
    box-shadow: 0 12px 28px rgba(14, 62, 41, 0.06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel__header {
    gap: 0.42rem !important;
    max-width: 20.5rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel__kicker {
    min-height: 0 !important;
    padding: 0.38rem 0.78rem !important;
    font-size: 0.63rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel__heading {
    font-size: clamp(1.75rem, 3.1vw, 2.42rem) !important;
    line-height: 1.01 !important;
    letter-spacing: -0.03em !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-panel__subheading {
    max-width: 20.5rem !important;
    font-size: 0.92rem !important;
    line-height: 1.48 !important;
    color: #56645d !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-list {
    gap: 0.62rem !important;
    align-items: center !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-pill {
    min-height: 2.9rem !important;
    padding: 0.52rem 1rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.025em !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-pill.is-active {
    box-shadow: 0 10px 20px rgba(14, 62, 41, 0.12) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-product-grid {
    gap: clamp(1.1rem, 1.8vw, 1.55rem) !important;
    max-width: 1130px !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection {
    width: 100% !important;
    border-radius: 1.2rem !important;
    border: 1px solid rgba(14, 62, 41, 0.08) !important;
    box-shadow: 0 10px 24px rgba(14, 62, 41, 0.05) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 36px rgba(14, 62, 41, 0.1) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__media {
    aspect-ratio: 1 / 1 !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__content {
    padding: 1.08rem 1.08rem 1.12rem !important;
    gap: 0.92rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__body {
    gap: 0.52rem !important;
    grid-template-rows: auto minmax(calc(1.28em * 2), auto) auto minmax(calc(1.5em * 3), auto) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__title {
    font-size: 1.1rem !important;
    line-height: 1.26 !important;
    min-height: calc(1.26em * 2) !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__rating {
    min-height: 1.15rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__desc {
    min-height: calc(1.5em * 3) !important;
    max-height: calc(1.5em * 3) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    color: #4c5d55 !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.8rem !important;
    padding-top: 0.95rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    gap: 0 !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__price-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0.7rem !important;
    min-height: 2.42rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__price {
    font-size: 1.2rem !important;
    flex: 0 0 auto !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-wrapper {
    margin-left: auto !important;
    min-height: 0 !important;
    width: min(8.6rem, 100%) !important;
    max-width: 8.6rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-select {
    min-height: 2.42rem !important;
    width: 100% !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__weight-static {
    margin-left: auto !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #5a6961 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection form {
    width: 100% !important;
    margin-top: 0 !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__btn {
    width: 100% !important;
    min-height: 2.72rem !important;
    font-size: 0.75rem !important;
  }

  body.template-collection .ag-heritage-section.ag-heritage-section--shell {
    margin-top: clamp(4.4rem, 7vw, 6.2rem) !important;
    padding-top: clamp(4rem, 6vw, 5.25rem) !important;
    padding-bottom: clamp(4rem, 6vw, 5.25rem) !important;
  }

  body.template-collection .ag-heritage-container {
    max-width: min(1220px, calc(100vw - 2.5rem)) !important;
  }

  body.template-collection .ag-heritage-grid {
    gap: clamp(2.4rem, 4vw, 3.75rem) !important;
  }

  body.template-collection .ag-heritage-content {
    max-width: 35rem !important;
  }

  body.template-collection .ag-heritage-kicker {
    margin-bottom: 0.9rem !important;
  }

  body.template-collection .ag-heritage-title {
    margin-bottom: 1.1rem !important;
  }

  body.template-collection .ag-heritage-divider {
    margin-bottom: 1.35rem !important;
  }

  body.template-collection .ag-heritage-description {
    margin-bottom: 1.85rem !important;
    max-width: 34rem !important;
    line-height: 1.68 !important;
  }

  body.template-collection .ag-heritage-stats-grid {
    gap: 0.9rem !important;
    border: 0 !important;
    margin-bottom: 1.85rem !important;
  }

  body.template-collection .ag-heritage-stat-item {
    padding: 1rem 1rem !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }

  body.template-collection .ag-heritage-image-card {
    height: clamp(20rem, 39vw, 31rem) !important;
    border-radius: 1.35rem !important;
    transform: none !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24) !important;
  }

  body.template-collection .ag-heritage-badge-overlay {
    bottom: 1.2rem !important;
    left: 1.2rem !important;
    padding: 0.85rem 1rem !important;
  }

  @media (min-width: 1024px) {
    body.template-collection .ag-premium-collections .ag-collection-section__intro {
      grid-template-columns: minmax(0, 1fr) !important;
      justify-items: center !important;
      text-align: center !important;
      max-width: 48rem !important;
    }

    body.template-collection .ag-premium-collections .ag-collection-section__eyebrow {
      justify-self: center !important;
    }

    body.template-collection .ag-premium-collections .ag-collection__subheading--center {
      justify-self: center !important;
      margin-inline: auto !important;
    }

    body.template-collection .ag-premium-collections .ag-product-grid {
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.96fr) minmax(0, 0.96fr) !important;
    }

    body.template-collection .ag-premium-collections .ag-product-grid__item:first-child {
      transform: translateY(-0.35rem) !important;
    }

    body.template-collection .ag-heritage-grid {
      grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr) !important;
      align-items: center !important;
    }
  }

  @media (max-width: 1023px) {
    body.template-collection .ag-premium-collections .ag-collection-section__intro {
      text-align: center !important;
    }

    body.template-collection .ag-premium-collections .ag-collection-section__eyebrow {
      justify-self: center !important;
    }

    body.template-collection .ag-premium-collections .ag-collection__subheading--center {
      margin-inline: auto !important;
    }
  }

  @media (max-width: 767px) {
    body.template-collection .ag-premium-collections {
      padding-top: clamp(3.4rem, 9vw, 4.1rem) !important;
      padding-bottom: clamp(3rem, 8vw, 3.7rem) !important;
    }

    body.template-collection .ag-premium-collections .ag-collection-section__intro {
      gap: 0.7rem !important;
      margin-bottom: 1.8rem !important;
    }

    body.template-collection .ag-premium-collections .ag-collection-section__eyebrow {
      font-size: 0.66rem !important;
    }

    body.template-collection .ag-premium-collections .ag-product-grid {
      gap: 1.15rem !important;
      max-width: 26rem !important;
    }

    body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__content {
      padding: 1.15rem 1rem 1.05rem !important;
      gap: 0.8rem !important;
    }

    body.template-collection .ag-premium-collections .ag-fc-card--featured .ag-fc-card__footer {
      gap: 0.8rem !important;
    }

    body.template-collection .ag-collection-section--products-shell {
      padding-top: clamp(3rem, 8vw, 3.7rem) !important;
      padding-bottom: clamp(3rem, 8vw, 3.8rem) !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-filter-panel {
      grid-template-columns: 1fr !important;
      gap: 0.8rem !important;
      padding: 1rem !important;
      margin-bottom: 1.35rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-filter-panel__header {
      max-width: 100% !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-filter-panel__subheading {
      max-width: 100% !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-filter-list {
      gap: 0.48rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-filter-pill {
      min-height: 2.65rem !important;
      padding: 0.44rem 0.78rem !important;
      font-size: 0.72rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-product-grid {
      gap: 0.95rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__content {
      padding: 0.88rem !important;
      gap: 0.72rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__body {
      grid-template-rows: auto minmax(calc(1.24em * 2), auto) auto minmax(calc(1.4em * 2), auto) !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__title {
      font-size: 0.98rem !important;
      min-height: calc(1.24em * 2) !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__desc {
      min-height: calc(1.4em * 2) !important;
      max-height: calc(1.4em * 2) !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      font-size: 0.81rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__footer-top {
      min-height: auto !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__price-row {
      min-height: 2.2rem !important;
      gap: 0.5rem !important;
      align-items: flex-end !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__variant-wrapper {
      width: min(6.8rem, 100%) !important;
      max-width: 6.8rem !important;
    }

    body.template-collection .ag-collection-section--products-shell .ag-fc-card--collection .ag-fc-card__weight-static {
      font-size: 20px !important;
    }

    body.template-collection .ag-heritage-section.ag-heritage-section--shell {
      margin-top: 3rem !important;
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }

    body.template-collection .ag-heritage-image-card {
      height: 21rem !important;
    }
  }
  {% endif %}


/* Extracted from main-collection.liquid */

  html body.template-collection main#MainContent .shopify-section section.ag-collection-hero.ag-home-hero.ag-collection-hero--patched p.ag-collection-hero__eyebrow.ag-home-hero__eyebrow {
    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.15) !important;
  }

  html body.template-collection main#MainContent .shopify-section section.ag-collection-hero.ag-home-hero.ag-collection-hero--patched .ag-home-hero__heading.ag-collection-hero__title {
    text-shadow: 0 6px 32px rgba(0, 0, 0, 0.7), 0 0 70px rgba(246, 185, 0, 0.2) !important;
  }

  html body.template-collection main#MainContent .shopify-section section.ag-collection-hero.ag-home-hero.ag-collection-hero--patched p.ag-collection-hero__subheading.ag-home-hero__subheading {
    text-shadow: 0 2px 4px rgb(0, 0, 0), 0 4px 12px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 255, 255, 0.3), 0 0 1px rgba(255, 255, 255, 0.8) !important;
  }

  html body.template-collection main#MainContent .shopify-section section.ag-collection-hero.ag-home-hero.ag-collection-hero--patched .ag-home-hero__actions a.ag-button.ag-home-hero__button {
    text-shadow: none !important;
  }