/** Shopify CDN: Minification failed

Line 74:0 Unexpected "}"
Line 78:6 Expected ":"
Line 79:6 Expected ":"
Line 80:6 Expected ":"
Line 84:6 Expected ":"
Line 88:6 Expected ":"
Line 89:6 Expected ":"
Line 90:6 Expected ":"
Line 94:6 Expected ":"
Line 95:6 Expected ":"
... and 787 more hidden warnings

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


/* BEGIN cinema-collection.css */

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


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

/* ========================================
   AGRIKO COLLECTION PREMIUM POLISH
   Adapted from Next.js Premium Polish v4
   body.template-collection ======================================== */

/* ===== 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 */
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 ===== */
body.template-collection .ag-collection-hero {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
  body.template-collection background: linear-gradient(160deg,
  body.template-collection #0e3e29 0%,
  body.template-collection #1a5f48 40%,
  body.template-collection #0e3e29 100%);
  body.template-collection min-height: 60vh;
}

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

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

body.template-collection .ag-collection-hero__content {
  body.template-collection position: relative;
  body.template-collection z-index: 10;
  body.template-collection min-height: inherit;
  body.template-collection display: flex;
  body.template-collection flex-direction: column;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection padding: clamp(4rem,
  body.template-collection 10vh,
  body.template-collection 8rem) 1rem;
  body.template-collection text-align: center;
}

body.template-collection .ag-collection-hero__title {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-weight: 300;
  body.template-collection font-size: clamp(2.5rem,
  body.template-collection 8vw,
  body.template-collection 5rem);
  body.template-collection line-height: 1.02;
  body.template-collection letter-spacing: -0.03em;
  body.template-collection color: #fff;
  body.template-collection text-shadow: 0 4px 12px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3),
  body.template-collection 0 0 40px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.2);
  body.template-collection margin-bottom: 1rem;
}

body.template-collection .ag-collection-hero__title-highlight {
  body.template-collection color: #f6b900;
  body.template-collection opacity: 0.95;
  body.template-collection display: block;
}

body.template-collection .ag-collection-hero__subheading {
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2.2vw,
  body.template-collection 1.35rem);
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.9);
  body.template-collection line-height: 1.5;
  body.template-collection text-shadow: 0 2px 8px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.24);
  body.template-collection max-width: 48ch;
  body.template-collection margin-bottom: 1.5rem;
}

body.template-collection .ag-collection-hero__actions {
  body.template-collection display: flex;
  body.template-collection flex-wrap: wrap;
  body.template-collection justify-content: center;
  body.template-collection gap: 0.85rem;
  body.template-collection margin-top: 0.5rem;
}

body.template-collection .ag-collection-hero__btn {
  body.template-collection min-height: 50px;
  body.template-collection min-width: 200px;
  body.template-collection text-transform: uppercase;
  body.template-collection letter-spacing: 0.1em;
  body.template-collection font-size: 0.8rem;
  body.template-collection font-weight: 700;
  body.template-collection padding-inline: 1.35rem;
  body.template-collection border-radius: 999px;
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection gap: 0.5rem;
  body.template-collection text-decoration: none;
  body.template-collection transition: transform 0.2s ease,
  body.template-collection box-shadow 0.2s ease;
}

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

body.template-collection .ag-collection-hero__btn--primary:hover {
  body.template-collection transform: translateY(-2px);
  body.template-collection box-shadow: 0 10px 30px rgba(249,
  body.template-collection 115,
  body.template-collection 22,
  body.template-collection 0.4);
}

body.template-collection .ag-collection-hero__text-wrapper {
  body.template-collection position: relative;
  body.template-collection z-index: 5;
  body.template-collection max-width: 44rem;
  body.template-collection padding: 2.5rem;
  body.template-collection background: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2);
  body.template-collection border: 1px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.1);
  body.template-collection border-radius: 2rem;
  body.template-collection box-shadow: 0 20px 50px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3);
}

body.template-collection .ag-collection-hero__img {
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection width: 100%;
  body.template-collection height: 100%;
  body.template-collection object-fit: cover;
  body.template-collection z-index: 0;
  body.template-collection transform: scale(var(--hero-zoom,
  body.template-collection 1.05));
  body.template-collection transition: transform 0.8s cubic-bezier(0.16,
  body.template-collection 1,
  body.template-collection 0.3,
  body.template-collection 1);
}

body.template-collection .ag-collection-hero__overlay {
  body.template-collection display: none !important;
}

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

/* ===== COLLECTION SECTION ===== */
body.template-collection .ag-collection-section {
  body.template-collection position: relative;
  body.template-collection padding: var(--products-section-py) var(--products-section-px);
  body.template-collection background: linear-gradient(170deg,
  body.template-collection #fffdf8 0%,
  body.template-collection #f8f4ec 40%,
  body.template-collection #fffdf8 100%);
}

body.template-collection .ag-collection-section::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection opacity: 0.018;
  body.template-collection z-index: 0;
  body.template-collection pointer-events: none;
  body.template-collection background-image: radial-gradient(circle at 2px 2px,
  body.template-collection 
      body.template-collection var(--products-forest) 0.75px,
      body.template-collection 
      body.template-collection transparent 0);
  body.template-collection background-size: 28px 28px;
}

/* ===== SECTION HEADING ===== */
body.template-collection .ag-section-heading {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: clamp(1.75rem,
  body.template-collection 4vw,
  body.template-collection 2.5rem);
  body.template-collection font-weight: 700;
  body.template-collection color: var(--products-forest);
  body.template-collection margin-bottom: 0.5rem;
  body.template-collection line-height: 1.2;
}

/* ===== PRODUCT GRID ===== */
body.template-collection .ag-product-grid-container {
  body.template-collection width: 100%;
}

body.template-collection .ag-product-grid {
  body.template-collection display: grid;
  body.template-collection grid-template-columns: repeat(1,
  body.template-collection 1fr);
  body.template-collection gap: 1.5rem;
  body.template-collection width: 100%;
}

@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;
  }
}

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

/* ===== PRODUCT CARDS (Mapped to .ag-card) ===== */
body.template-collection .ag-card {
  body.template-collection position: relative;
  body.template-collection background: #ffffff;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.05);
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
  body.template-collection transition:
    body.template-collection transform 0.3s ease,
    body.template-collection 
    body.template-collection box-shadow 0.3s ease,
    body.template-collection 
    body.template-collection border-color 0.2s ease;
  body.template-collection box-shadow: 0 4px 16px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.05);
  body.template-collection height: 100%;
  body.template-collection display: flex;
  body.template-collection flex-direction: column;
}

body.template-collection .ag-card:hover {
  body.template-collection transform: translateY(-6px);
  body.template-collection border-color: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3);
  body.template-collection box-shadow: 0 12px 32px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.1);
}

/* Image Area */
body.template-collection .ag-card__media-wrapper {
  body.template-collection position: relative;
  body.template-collection aspect-ratio: 1 / 1;
  body.template-collection overflow: hidden;
  body.template-collection background: transparent;
}


body.template-collection .ag-card__img {
  body.template-collection width: 100%;
  body.template-collection height: 100%;
  body.template-collection object-fit: cover;
  body.template-collection transition:
    body.template-collection transform 600ms var(--ease-spring),
    body.template-collection 
    body.template-collection filter 600ms var(--ease-smooth);
}

body.template-collection .ag-card:hover .ag-card__img {
  body.template-collection transform: scale(1.04);
  body.template-collection filter: brightness(1.05) contrast(1.02);
}

/* Floating Badge */
body.template-collection .ag-card__badge-floating {
  body.template-collection position: absolute;
  body.template-collection bottom: 0.75rem;
  body.template-collection left: 0.75rem;
  body.template-collection z-index: 5;
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.35rem;
  body.template-collection padding: 0.35rem 0.65rem;
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.95);
  body.template-collection backdrop-filter: blur(4px);
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.1);
  body.template-collection border-radius: 999px;
  body.template-collection box-shadow: 0 2px 8px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.05);
  body.template-collection font-size: 0.75rem;
  body.template-collection font-weight: 700;
  body.template-collection color: var(--products-forest);
}

/* Content Area */
body.template-collection .ag-card__content {
  body.template-collection position: relative;
  body.template-collection padding: var(--products-card-padding);
  body.template-collection flex: 1;
  body.template-collection display: flex;
  body.template-collection flex-direction: column;
}


body.template-collection .ag-card__title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Crimson Pro',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-size: clamp(0.9375rem,
  body.template-collection 2.8vw,
  body.template-collection 1.1875rem);
  body.template-collection font-weight: 800;
  body.template-collection letter-spacing: -0.015em;
  body.template-collection color: var(--products-forest);
  body.template-collection margin-bottom: 0.375rem;
  body.template-collection line-height: 1.35;
  body.template-collection text-decoration: none;
}

body.template-collection .ag-card__excerpt {
  body.template-collection font-size: clamp(0.75rem,
  body.template-collection 1.8vw,
  body.template-collection 0.8125rem);
  body.template-collection color: var(--products-ink-muted);
  body.template-collection line-height: 1.65;
  body.template-collection margin-bottom: 0.875rem;
}

body.template-collection .ag-card__price {
  body.template-collection font-size: clamp(1.0625rem,
  body.template-collection 2.8vw,
  body.template-collection 1.375rem);
  body.template-collection font-weight: 800;
  body.template-collection color: var(--products-forest);
  body.template-collection letter-spacing: -0.015em;
}

body.template-collection .ag-card__price-compare {
  body.template-collection font-size: clamp(0.8125rem,
  body.template-collection 2vw,
  body.template-collection 0.9375rem);
  body.template-collection color: #a0b5a8;
  body.template-collection text-decoration: line-through;
  body.template-collection margin-right: 0.5rem;
}

/* Add Button */
body.template-collection .ag-card__add-btn {
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection padding: clamp(0.5625rem,
  body.template-collection 1.4vw,
  body.template-collection 0.6875rem) clamp(0.875rem,
  body.template-collection 2.5vw,
  body.template-collection 1.125rem);
  body.template-collection background: linear-gradient(145deg,
  body.template-collection var(--products-forest) 0%,
  body.template-collection var(--products-forest-light) 100%);
  body.template-collection color: white;
  body.template-collection border: none;
  body.template-collection border-radius: 14px;
  body.template-collection font-size: clamp(0.6875rem,
  body.template-collection 1.5vw,
  body.template-collection 0.8125rem);
  body.template-collection font-weight: 800;
  body.template-collection letter-spacing: 0.04em;
  body.template-collection text-transform: uppercase;
  body.template-collection cursor: pointer;
  body.template-collection transition:
    body.template-collection transform 300ms var(--ease-spring),
    body.template-collection 
    body.template-collection box-shadow 300ms var(--ease-spring),
    body.template-collection 
    body.template-collection background 300ms var(--ease-smooth);
  body.template-collection box-shadow: 0 3px 10px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.18);
  body.template-collection min-height: 44px;
}

body.template-collection .ag-card__add-btn:hover {
  body.template-collection transform: translateY(-1px);
  body.template-collection box-shadow: 0 6px 18px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.25);
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0b3421 0%,
  body.template-collection #174a33 100%);
}

body.template-collection .ag-card__add-btn:active {
  body.template-collection transform: translateY(1px);
  body.template-collection box-shadow: 0 2px 6px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15);
}

/* Product Card Rating */
body.template-collection .ag-product-card__rating {
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection margin-bottom: 0.5rem;
}

body.template-collection .ag-product-card__stars {
  body.template-collection font-size: 0.65rem;
  body.template-collection color: #f38f18;
  body.template-collection letter-spacing: 0.1em;
}

body.template-collection .ag-product-card__rating-label {
  body.template-collection font-size: 0.65rem;
  body.template-collection font-weight: 600;
  body.template-collection text-transform: uppercase;
  body.template-collection letter-spacing: 0.08em;
  body.template-collection color: var(--products-ink-muted);
}

/* Product Card Badge */
body.template-collection .ag-product-card__badge {
  body.template-collection position: absolute;
  body.template-collection top: 0.75rem;
  body.template-collection left: 0.75rem;
  body.template-collection z-index: 5;
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.35rem;
  body.template-collection padding: 0.35rem 0.65rem;
  body.template-collection background: var(--products-forest);
  body.template-collection color: var(--products-gold);
  body.template-collection border-radius: 999px;
  body.template-collection font-size: 0.625rem;
  body.template-collection font-weight: 700;
  body.template-collection text-transform: uppercase;
  body.template-collection letter-spacing: 0.05em;
  body.template-collection box-shadow: 0 4px 12px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.1);
}

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

body.template-collection .ag-product-card__badge-star {
  body.template-collection font-size: 0.7em;
}

/* Filter Panel (Mapped to .ag-filter-panel) */
body.template-collection .ag-filter-panel {
  body.template-collection text-align: center;
  body.template-collection padding: clamp(2rem,
  body.template-collection 4vw,
  body.template-collection 3rem) 0;
}

body.template-collection .ag-filter-panel__header {
  body.template-collection display: flex;
  body.template-collection flex-direction: column;
  body.template-collection margin-bottom: 2rem;
}

body.template-collection .ag-filter-panel__label {
  body.template-collection display: block;
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-size: 0.7rem;
  body.template-collection font-weight: 700;
  body.template-collection letter-spacing: 0.1em;
  body.template-collection text-transform: uppercase;
  body.template-collection color: var(--products-forest);
  body.template-collection background: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.08);
  body.template-collection padding: 0.4rem 1rem;
  body.template-collection border-radius: 999px;
  body.template-collection margin-bottom: 1rem;
}

body.template-collection .ag-filter-panel__heading {
  body.template-collection display: block;
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Crimson Pro',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-weight: 700;
  body.template-collection font-size: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 3rem);
  body.template-collection color: var(--products-forest);
  body.template-collection line-height: 1.1;
  body.template-collection margin-bottom: 0.75rem;
}

body.template-collection .ag-filter-panel__subheading {
  body.template-collection display: block;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 1.5vw,
  body.template-collection 1.125rem);
  body.template-collection color: var(--products-ink-muted);
  body.template-collection line-height: 1.6;
  body.template-collection max-width: 36rem;
  body.template-collection margin-inline: auto;
}

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

body.template-collection .ag-filter-list {
  body.template-collection display: flex;
  body.template-collection justify-content: center;
  body.template-collection gap: 0.75rem;
  body.template-collection flex-wrap: wrap;
}

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

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

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

/* Pagination (Mapped to .ag-pagination-wrapper) */
body.template-collection .ag-pagination-wrapper {
  body.template-collection display: flex;
  body.template-collection justify-content: center;
  body.template-collection align-items: center;
  body.template-collection gap: clamp(0.375rem,
  body.template-collection 1.5vw,
  body.template-collection 0.75rem);
  body.template-collection margin-top: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 3rem);
}

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 .prev {
  body.template-collection padding: clamp(0.5rem,
  body.template-collection 1.2vw,
  body.template-collection 0.625rem) clamp(0.625rem,
  body.template-collection 1.5vw,
  body.template-collection 0.875rem);
  body.template-collection min-height: 44px;
  body.template-collection min-width: 44px;
  body.template-collection background: #ffffff;
  body.template-collection border: 1.5px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.1);
  body.template-collection border-radius: 12px;
  body.template-collection color: var(--products-forest);
  body.template-collection font-size: clamp(0.75rem,
  body.template-collection 1.4vw,
  body.template-collection 0.8125rem);
  body.template-collection font-weight: 800;
  body.template-collection text-decoration: none;
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection transition: all 300ms var(--ease-spring);
}

body.template-collection .ag-pagination-wrapper .current {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection var(--products-forest) 0%,
  body.template-collection var(--products-forest-light) 100%);
  body.template-collection color: white;
  body.template-collection border-color: var(--products-forest);
  body.template-collection box-shadow: 0 4px 14px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.25);
  body.template-collection padding: clamp(0.5rem,
  body.template-collection 1.2vw,
  body.template-collection 0.625rem) clamp(0.625rem,
  body.template-collection 1.5vw,
  body.template-collection 0.875rem);
  body.template-collection min-height: 44px;
  body.template-collection min-width: 44px;
  body.template-collection border-radius: 12px;
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
}

/* Banner Inline */
body.template-collection .ag-collection-banner__card {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--products-cream-deep),
  body.template-collection #fff,
  body.template-collection var(--products-cream));
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.1);
  body.template-collection border-radius: 1.5rem;
  body.template-collection box-shadow: var(--shadow-md);
}

body.template-collection .ag-collection-hero__btn--secondary {
  body.template-collection background: transparent !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border: 1.5px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.4) !important;
  body.template-collection backdrop-filter: blur(8px);
}

body.template-collection .ag-collection-hero__btn--secondary:hover {
  body.template-collection background: #ffffff !important;
  body.template-collection color: var(--products-forest) !important;
  body.template-collection border-color: #ffffff !important;
}

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

  body.template-collection .ag-card:hover {
    body.template-collection transform: translateY(-9px) scale(1.007);
    body.template-collection box-shadow:
      body.template-collection 0 28px 56px rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.12),
      body.template-collection 
      body.template-collection 0 10px 20px rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.045),
      body.template-collection 
      body.template-collection 0 0 0 1px rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.09);
  }
}

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

  body.template-collection .ag-card:hover {
    body.template-collection transform: translateY(-12px) scale(1.009);
    body.template-collection box-shadow:
      body.template-collection 0 28px 60px rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.12),
      body.template-collection 
      body.template-collection 0 12px 28px rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.05),
      body.template-collection 
      body.template-collection 0 0 0 2px rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.08),
      body.template-collection 
      body.template-collection inset 0 1px 0 rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 0.38);
  }
}

@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;
  }

  body.template-collection .ag-collection-hero__content {
    body.template-collection padding: 3rem 1rem;
  }

  body.template-collection .ag-collection-hero__text-wrapper {
    body.template-collection padding: 1.5rem;
    body.template-collection max-width: 100%;
  }

  body.template-collection .ag-collection-hero__title {
    body.template-collection font-size: clamp(1.75rem,
    body.template-collection 8vw,
    body.template-collection 2.5rem);
  }

  body.template-collection .ag-collection-hero__subheading {
    body.template-collection font-size: clamp(0.9rem,
    body.template-collection 4vw,
    body.template-collection 1rem);
  }

  body.template-collection .ag-collection-hero__actions {
    body.template-collection flex-direction: column;
    body.template-collection align-items: stretch;
    body.template-collection gap: 0.6rem;
  }

  body.template-collection .ag-collection-hero__btn {
    body.template-collection min-width: 100%;
    body.template-collection justify-content: center;
  }

  body.template-collection .ag-filter-panel {
    body.template-collection padding: 1.5rem 0;
  }

  body.template-collection .ag-filter-list {
    body.template-collection gap: 0.5rem;
  }

  body.template-collection .ag-filter-pill {
    body.template-collection padding: 0.5rem 1rem;
    body.template-collection font-size: 0.8rem;
  }

  body.template-collection .ag-product-grid {
    body.template-collection gap: 1rem;
  }

  body.template-collection .ag-card__content {
    body.template-collection padding: 1rem;
  }

  body.template-collection .ag-card__title {
    body.template-collection font-size: 1rem;
  }

  body.template-collection .ag-card__excerpt {
    body.template-collection font-size: 0.75rem;
    body.template-collection margin-bottom: 0.5rem;
  }

  body.template-collection .ag-card__price {
    body.template-collection font-size: 1rem;
  }

  body.template-collection .ag-card__add-btn {
    body.template-collection padding: 0.4rem 0.8rem;
    body.template-collection font-size: 0.7rem;
    body.template-collection min-height: 36px;
  }
}

/* Heritage Section Styles */
body.template-collection .ag-heritage-section {
  body.template-collection background: var(--products-forest);
  body.template-collection padding: clamp(4rem,
  body.template-collection 8vw,
  body.template-collection 7rem) 0;
  body.template-collection color: #fff;
  body.template-collection overflow: hidden;
  body.template-collection position: relative;
}

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

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

body.template-collection .ag-heritage-content {
  body.template-collection position: relative;
  body.template-collection z-index: 2;
}

body.template-collection .ag-heritage-image {
  body.template-collection position: relative;
}

body.template-collection .ag-heritage-stat {
  body.template-collection display: block;
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: clamp(3rem,
  body.template-collection 7vw,
  body.template-collection 4.5rem);
  body.template-collection font-weight: 500;
  body.template-collection line-height: 1;
  body.template-collection color: #fff;
  body.template-collection margin-bottom: 0.25rem;
}

body.template-collection .ag-heritage-stat-label {
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-size: 0.8rem;
  body.template-collection text-transform: uppercase;
  body.template-collection letter-spacing: 0.12em;
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.8);
  body.template-collection font-weight: 600;
}

/* Story Badge */
body.template-collection .ag-story-badge {
  body.template-collection position: absolute;
  body.template-collection top: -2rem;
  body.template-collection right: -2rem;
  body.template-collection z-index: 5;
  body.template-collection background: #CC5500;
  body.template-collection color: #fff;
  body.template-collection padding: 1.25rem;
  body.template-collection border-radius: 50%;
  body.template-collection width: 120px;
  body.template-collection height: 120px;
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection text-align: center;
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: 0.8rem;
  body.template-collection font-weight: 600;
  body.template-collection line-height: 1.2;
  body.template-collection box-shadow: 0 12px 24px rgba(204,
  body.template-collection 85,
  body.template-collection 0,
  body.template-collection 0.3);
  body.template-collection transform: rotate(12deg);
}

/* Additional parity refinements */
body.template-collection .ag-collection-hero {
  body.template-collection min-height: 55vh;
}

body.template-collection .ag-collection-hero__text-wrapper {
  body.template-collection max-width: 40rem;
  body.template-collection padding: 2rem;
}

body.template-collection .ag-product-grid {
  body.template-collection gap: 1.25rem;
}

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

body.template-collection .ag-card {
  body.template-collection border-radius: 16px;
}

body.template-collection .ag-card__content {
  body.template-collection padding: 1.25rem;
}

body.template-collection .ag-card__title {
  body.template-collection font-size: 1rem;
}

body.template-collection .ag-card__price {
  body.template-collection font-size: 1.125rem;
}

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

  body.template-collection .ag-collection-hero__text-wrapper {
    body.template-collection padding: 1.25rem;
  }

  body.template-collection .ag-product-grid {
    body.template-collection gap: 0.75rem;
  }

  body.template-collection .ag-card__content {
    body.template-collection padding: 1rem;
  }

  body.template-collection .ag-heritage-section {
    body.template-collection padding: 3rem 0;
  }

  body.template-collection .ag-heritage-grid {
    body.template-collection gap: 2rem;
  }
}

/* ============================================
   collections-all-editorial.css
   body.template-collection ============================================ */

/* ============================================================================
   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
   body.template-collection ============================================================================ */

/* ============================================================================
   GLOBAL EASING — Premium motion curves
   body.template-collection ============================================================================ */

body.template-collection .ag-card,
body.template-collection .ag-filter-pill,
body.template-collection .ag-button {
  body.template-collection transition-timing-function: cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

/* ============================================================================
   PREMIUM WELLNESS COLLECTIONS — Specimen card refinement
   body.template-collection ============================================================================ */

/* Premium cards with layered depth */
body.template-collection .ag-premium-collections .ag-card {
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05) !important;
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fdfbf8 50%,
  body.template-collection #f9f6f0 100%) !important;
}

/* Enhanced hover with elegant lift */
body.template-collection .ag-premium-collections .ag-card:hover {
  body.template-collection transform: translateY(-8px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 12px 32px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08) !important;
}

/* Premium card media with subtle gradient */
body.template-collection .ag-premium-collections .ag-card__media-wrapper {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

body.template-collection .ag-premium-collections .ag-card__media-wrapper::after {
  body.template-collection display: none;
}

/* Premium card title polish */
body.template-collection .ag-premium-collections .ag-card__title {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.25rem,
  body.template-collection 2.8vw,
  body.template-collection 1.6rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.025em !important;
  body.template-collection line-height: 1.25 !important;
  body.template-collection color: #0e3e29 !important;
}

/* Premium card price refinement */
body.template-collection .ag-premium-collections .ag-card__price,
body.template-collection .ag-premium-collections .ag-pwc__price {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.9rem,
  body.template-collection 4.2vw,
  body.template-collection 2.5rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection color: #0e3e29 !important;
}

/* Premium add to cart button polish */
body.template-collection .ag-premium-collections .ag-card__add-btn,
body.template-collection .ag-premium-collections .ag-pwc__add .ag-card__add-btn {
  body.template-collection box-shadow:
    body.template-collection 0 3px 10px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-premium-collections .ag-card__add-btn:hover,
body.template-collection .ag-premium-collections .ag-pwc__add .ag-card__add-btn:hover {
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.35),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
}

/* ============================================================================
   FILTER PANEL — Tactile pill refinement
   body.template-collection ============================================================================ */

/* Filter pills with warm, organic feel */
body.template-collection .ag-filter-pill {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fcfaf7 100%) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.12) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.8) !important;
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.6vw,
  body.template-collection 0.9rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.02em !important;
  body.template-collection color: #0e3e29 !important;
}

body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-2px) !important;
  body.template-collection background: #ffffff !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1),
    body.template-collection 
    body.template-collection 0 0 0 3px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.15) !important;
}

/* Active filter pill state */
body.template-collection .ag-filter-pill.is-active {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0e3e29 0%,
  body.template-collection #1a4731 100%) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: #0e3e29 !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
}

/* Filter panel heading typography */
body.template-collection .ag-filter-panel__heading {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2.4rem,
  body.template-collection 5.5vw,
  body.template-collection 3.75rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.035em !important;
  body.template-collection line-height: 1.05 !important;
  body.template-collection color: #0e3e29 !important;
}

body.template-collection .ag-filter-panel__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.15rem) !important;
  body.template-collection line-height: 1.7 !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.6) !important;
}

/* ============================================================================
   PRODUCT GRID — Main collection cards refinement
   body.template-collection ============================================================================ */

/* Collection cards with specimen-style background */
body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fdfbf8 50%,
  body.template-collection #f9f6f0 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05) !important;
}

/* Enhanced hover for collection cards */
body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
  body.template-collection transform: translateY(-8px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 12px 32px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08) !important;
}

/* Collection card title */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__title {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.15rem,
  body.template-collection 2.5vw,
  body.template-collection 1.35rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection color: #0e3e29 !important;
}

/* Collection card price */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__price {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3.5vw,
  body.template-collection 1.9rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.03em !important;
  body.template-collection color: #0e3e29 !important;
}

/* Collection card excerpt */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__excerpt {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(0.82rem,
  body.template-collection 1.8vw,
  body.template-collection 0.9rem) !important;
  body.template-collection line-height: 1.65 !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.55) !important;
}

/* Collection add button polish */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn {
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn:hover {
  body.template-collection box-shadow:
    body.template-collection 0 4px 10px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
}

/* ============================================================================
   HERITAGE SECTION — Editorial refinement
   body.template-collection ============================================================================ */

/* Heritage section background depth */
body.template-collection .ag-heritage-section--shell {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #124f36 0%,
  body.template-collection #0e3e29 50%,
  body.template-collection #061a12 100%) !important;
  body.template-collection box-shadow: inset 0 2px 40px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Heritage kicker with golden glow */
body.template-collection .ag-heritage-kicker {
  body.template-collection font-family: 'Caveat',
  body.template-collection cursive !important;
  body.template-collection font-size: clamp(1.55rem,
  body.template-collection 3.2vw,
  body.template-collection 2.1rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.025em !important;
  body.template-collection color: #f6b900 !important;
  body.template-collection text-shadow: 0 2px 4px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.2);
}

/* Heritage title polish */
body.template-collection .ag-heritage-title {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2.75rem,
  body.template-collection 6.5vw,
  body.template-collection 4.5rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection line-height: 1.05 !important;
}

body.template-collection .ag-heritage-title-main {
  body.template-collection color: #ffffff !important;
  body.template-collection text-shadow: 0 2px 8px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.2);
}

body.template-collection .ag-heritage-title-accent {
  body.template-collection color: #f6b900 !important;
  body.template-collection font-style: italic !important;
  body.template-collection text-shadow: 0 0 20px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3);
}

/* Heritage copy refinement */
body.template-collection .ag-heritage-copy {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.05rem,
  body.template-collection 2.2vw,
  body.template-collection 1.2rem) !important;
  body.template-collection line-height: 1.75 !important;
  body.template-collection letter-spacing: 0.008em !important;
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.88) !important;
}

/* Heritage stats with golden glow */
body.template-collection .ag-heritage-stat {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2rem,
  body.template-collection 4.5vw,
  body.template-collection 3rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection color: #f6b900 !important;
  body.template-collection text-shadow: 0 0 15px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3);
}

body.template-collection .ag-heritage-stat-label {
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(0.68rem,
  body.template-collection 1.2vw,
  body.template-collection 0.78rem) !important;
  body.template-collection font-weight: 500 !important;
  body.template-collection letter-spacing: 0.04em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.75) !important;
}

/* Heritage image card refinement */
body.template-collection .ag-heritage-image-card {
  body.template-collection box-shadow:
    body.template-collection 0 20px 50px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.1) !important;
}

/* Story badge polish */
body.template-collection .ag-story-badge {
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
}

/* Heritage quote refinement */
body.template-collection .ag-heritage-quote {
  body.template-collection font-family: 'Cormorant Garamond',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3.2vw,
  body.template-collection 2rem) !important;
  body.template-collection font-style: italic !important;
  body.template-collection color: #f6b900 !important;
  body.template-collection text-shadow: 0 2px 4px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3);
}

/* ============================================================================
   PAGINATION — Refined pagination controls
   body.template-collection ============================================================================ */

/* Pagination buttons with polish */
body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,
body.template-collection .ag-pagination-wrapper .prev {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fcfaf7 100%) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.12) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.8) !important;
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-weight: 600 !important;
}

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,
body.template-collection .ag-pagination-wrapper .prev:hover {
  body.template-collection transform: translateY(-2px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1) !important;
}

/* Active/current page */
body.template-collection .ag-pagination-wrapper .current {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0e3e29 0%,
  body.template-collection #1a4731 100%) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: #0e3e29 !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
}

/* ============================================================================
   RATING STARS — Subtle refinement
   body.template-collection ============================================================================ */

body.template-collection .ag-product-card__stars {
  body.template-collection filter: drop-shadow(0 1px 2px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3));
}

/* ============================================================================
   RESPONSIVE REFINEMENTS
   body.template-collection ============================================================================ */

@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) !important;
  }

  body.template-collection .ag-premium-collections .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
    body.template-collection transform: translateY(-4px) !important;
  }

  /* Reduce filter pill shadow on mobile */
  body.template-collection .ag-filter-pill:hover {
    body.template-collection box-shadow:
      body.template-collection 0 2px 6px rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.06),
      body.template-collection 
      body.template-collection inset 0 1px 0 rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 1) !important;
  }
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   body.template-collection ============================================================================ */

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,
body.template-collection .ag-button:focus-visible {
  body.template-collection outline: 2px solid #f6b900;
  body.template-collection outline-offset: 3px;
  body.template-collection border-radius: 4px;
}

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   body.template-collection ============================================================================ */

@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__add-btn:hover {
    body.template-collection transform: none !important;
  }
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   body.template-collection ============================================================================ */

@media print {

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

  body.template-collection .ag-heritage-section--shell {
    body.template-collection background: #0e3e29 !important;
  }
}

/* ============================================================================
   END OF COLLECTIONS PAGE EDITORIAL POLISH
   body.template-collection ============================================================================ */


/* ============================================
   collections-premium-refined.css
   body.template-collection ============================================ */

/* ============================================================================
   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
   body.template-collection ============================================================================ */


/* 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
   body.template-collection ============================================================================ */

/* Premium section spacing with breathable rhythm */
body.template-collection .ag-collection-section {
  body.template-collection padding: clamp(4rem,
  body.template-collection 10vw,
  body.template-collection 7rem) 0;
  body.template-collection position: relative;
}

/* Organic wave divider between sections */
body.template-collection .ag-collection-section::after {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection bottom: 0;
  body.template-collection left: 0;
  body.template-collection right: 0;
  body.template-collection height: 2px;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection 
      body.template-collection transparent 0%,
      body.template-collection 
      body.template-collection rgba(201,
      body.template-collection 162,
      body.template-collection 39,
      body.template-collection 0.3) 20%,
      body.template-collection 
      body.template-collection rgba(201,
      body.template-collection 162,
      body.template-collection 39,
      body.template-collection 0.5) 50%,
      body.template-collection 
      body.template-collection rgba(201,
      body.template-collection 162,
      body.template-collection 39,
      body.template-collection 0.3) 80%,
      body.template-collection 
      body.template-collection transparent 100%);
  body.template-collection opacity: 0.6;
}

body.template-collection .ag-collection-section:last-child::after {
  body.template-collection display: none;
}

/* ============================================================================
   PREMIUM WELLNESS COLLECTIONS — Specimen card enhancement
   body.template-collection ============================================================================ */

/* Section header with editorial typography */
body.template-collection .ag-collection-section__intro {
  body.template-collection text-align: center;
  body.template-collection margin-bottom: clamp(2.5rem,
  body.template-collection 6vw,
  body.template-collection 4rem);
  body.template-collection position: relative;
}

/* Botanical decoration - wheat grain pattern */
body.template-collection .ag-collection-section__intro::before {
  body.template-collection content: '◌ ◌ ◌';
  body.template-collection position: absolute;
  body.template-collection top: -1rem;
  body.template-collection left: 50%;
  body.template-collection transform: translateX(-50%);
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.5vw,
  body.template-collection 1rem);
  body.template-collection letter-spacing: 0.5em;
  body.template-collection color: var(--ag-collections-gold);
  body.template-collection opacity: 0.4;
}

/* Enhanced section heading */
body.template-collection .ag-section-heading {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 3rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.03em;
  body.template-collection line-height: 1.1;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection margin-bottom: 1rem;
  body.template-collection position: relative;
}

/* Golden accent in heading */
body.template-collection .ag-collection-accent {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--ag-collections-gold) 0%,
  body.template-collection #d4941a 100%);
  body.template-collection -webkit-background-clip: text;
  body.template-collection -webkit-text-fill-color: transparent;
  body.template-collection background-clip: text;
  body.template-collection position: relative;
}

/* Subtle glow on accent */
body.template-collection .ag-collection-accent::after {
  body.template-collection content: attr(data-text);
  body.template-collection position: absolute;
  body.template-collection left: 0;
  body.template-collection top: 0;
  body.template-collection z-index: -1;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--ag-collections-gold) 0%,
  body.template-collection #d4941a 100%);
  body.template-collection -webkit-background-clip: text;
  body.template-collection -webkit-text-fill-color: transparent;
  body.template-collection background-clip: text;
  body.template-collection filter: blur(8px);
  body.template-collection opacity: 0.4;
}

/* Centered subheading */
body.template-collection .ag-collection__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2.2vw,
  body.template-collection 1.2rem);
  body.template-collection line-height: 1.7;
  body.template-collection color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.75);
  body.template-collection max-width: 32rem;
  body.template-collection margin: 0 auto 1rem;
}

/* Bundle note with pill styling */
body.template-collection .ag-collection-bundle-note {
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection padding: 0.5rem 1rem;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.1) 0%,
  body.template-collection rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.08) 100%);
  body.template-collection border: 1px solid rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.2);
  body.template-collection border-radius: 2rem;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif;
  body.template-collection font-size: clamp(0.75rem,
  body.template-collection 1.4vw,
  body.template-collection 0.82rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.02em;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection box-shadow: 0 2px 8px rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.1);
}

/* ============================================================================
   PREMIUM CARDS — Specimen-style depth with botanical accents
   body.template-collection ============================================================================ */

/* Premium cards with layered depth and burlap texture */
body.template-collection .ag-premium-collections .ag-card {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection 
      body.template-collection rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 0.95) 0%,
      body.template-collection 
      body.template-collection rgba(253,
      body.template-collection 251,
      body.template-collection 248,
      body.template-collection 0.98) 50%,
      body.template-collection 
      body.template-collection rgba(249,
      body.template-collection 246,
      body.template-collection 240,
      body.template-collection 1) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08) !important;
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
  body.template-collection position: relative;
  body.template-collection transform: translateZ(0);
  /* GPU acceleration */
}

/* Burlap texture overlay on premium cards */
body.template-collection .ag-premium-collections .ag-card::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image:
    /* Fine woven threads */
    body.template-collection repeating-linear-gradient(0deg,
    body.template-collection 
      body.template-collection transparent 0px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.03) 1px,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection transparent 3px),
      body.template-collection 
    body.template-collection repeating-linear-gradient(90deg,
    body.template-collection 
      body.template-collection transparent 0px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.03) 1px,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection transparent 3px);
  body.template-collection opacity: 0.6;
  body.template-collection mix-blend-mode: soft-light;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 0;
}

/* Botanical corner decoration */
body.template-collection .ag-premium-collections .ag-card::after {
  body.template-collection content: '🌿';
  body.template-collection position: absolute;
  body.template-collection bottom: 1rem;
  body.template-collection right: 1rem;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2rem);
  body.template-collection opacity: 0.08;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 1;
}

/* Enhanced hover with elegant lift and glow */
body.template-collection .ag-premium-collections .ag-card:hover {
  body.template-collection transform: translateY(-6px) translateZ(0) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 40px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.12),
    body.template-collection 
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1) !important;
}

body.template-collection .ag-premium-collections .ag-card:hover::after {
  body.template-collection opacity: 0.15;
  body.template-collection transition: opacity 0.3s ease;
}

/* Premium card media with vignette */
body.template-collection .ag-premium-collections .ag-card__media-wrapper {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
  body.template-collection border-radius: 16px 16px 0 0;
}

body.template-collection .ag-premium-collections .ag-card__media-wrapper::after {
  body.template-collection display: none;
}

/* Badge styling with premium finish */
body.template-collection .ag-premium-collections .ag-card__badge-floating {
  body.template-collection background: transparent !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
  body.template-collection box-shadow: none !important;
  body.template-collection border: none !important;
}

body.template-collection .ag-premium-collections .ag-card__badge-icon {
  body.template-collection filter: none !important;
}

body.template-collection .ag-premium-collections .ag-card__badge-icon svg {
  body.template-collection stroke: #f5f5f5 !important;
}

body.template-collection .ag-premium-collections .ag-card__badge-text {
  body.template-collection color: #f5f5f5 !important;
}

/* Premium card typography */
body.template-collection .ag-premium-collections .ag-card__title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(1.25rem,
  body.template-collection 2.8vw,
  body.template-collection 1.6rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: -0.02em;
  body.template-collection line-height: 1.25;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection position: relative;
  body.template-collection z-index: 1;
}

/* Rating stars with golden warmth */
body.template-collection .ag-premium-collections .ag-product-card__stars {
  body.template-collection color: rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.85);
  body.template-collection filter: drop-shadow(0 1px 2px rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.3));
}

/* Premium price display */
body.template-collection .ag-premium-collections .ag-card__price,
body.template-collection .ag-premium-collections .ag-pwc__price {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(1.8rem,
  body.template-collection 4vw,
  body.template-collection 2.3rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.03em;
  body.template-collection color: var(--ag-collections-forest);
}

/* 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-pwc__add .ag-card__add-btn {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.95) 0%,
      body.template-collection 
      body.template-collection rgba(217,
      body.template-collection 119,
      body.template-collection 6,
      body.template-collection 0.9) 50%,
      body.template-collection 
      body.template-collection rgba(180,
      body.template-collection 83,
      body.template-collection 9,
      body.template-collection 0.85) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.25) !important;
  body.template-collection border: none;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-premium-collections .ag-card__add-btn:hover,
body.template-collection .ag-premium-collections .ag-pwc__add .ag-card__add-btn:hover {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 1) 0%,
      body.template-collection 
      body.template-collection rgba(217,
      body.template-collection 119,
      body.template-collection 6,
      body.template-collection 0.95) 50%,
      body.template-collection 
      body.template-collection rgba(180,
      body.template-collection 83,
      body.template-collection 9,
      body.template-collection 0.9) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
  body.template-collection transform: translateY(-1px);
}

/* Micro-copy with refined styling */
body.template-collection .ag-card__micro-copy {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif;
  body.template-collection font-size: clamp(0.7rem,
  body.template-collection 1.3vw,
  body.template-collection 0.75rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.05em;
  body.template-collection color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.5);
  body.template-collection text-transform: uppercase;
}

/* ============================================================================
   FILTER PANEL — Tactile, organic pill refinement
   body.template-collection ============================================================================ */

/* Filter section with botanical decoration */
body.template-collection .ag-collection-section--filter-shell {
  body.template-collection position: relative;
}

/* Leaf decoration on filter section */
body.template-collection .ag-collection-section--filter-shell::before {
  body.template-collection content: '🌱';
  body.template-collection position: absolute;
  body.template-collection top: -2rem;
  body.template-collection left: 50%;
  body.template-collection transform: translateX(-50%);
  body.template-collection font-size: clamp(2rem,
  body.template-collection 4vw,
  body.template-collection 2.5rem);
  body.template-collection opacity: 0.15;
  body.template-collection pointer-events: none;
}

/* Filter panel heading with editorial styling */
body.template-collection .ag-filter-panel__heading {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(2.2rem,
  body.template-collection 5vw,
  body.template-collection 3.5rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.035em;
  body.template-collection line-height: 1.05;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection text-align: center;
  body.template-collection margin-bottom: 0.5rem;
}

body.template-collection .ag-filter-panel__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.15rem);
  body.template-collection line-height: 1.7;
  body.template-collection color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.65);
  body.template-collection text-align: center;
  body.template-collection max-width: 28rem;
  body.template-collection margin: 0 auto 2rem;
}

/* Filter pills with warm, organic feel */
body.template-collection .ag-filter-pill {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection 
      body.template-collection rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 0.95) 0%,
      body.template-collection 
      body.template-collection rgba(252,
      body.template-collection 250,
      body.template-collection 247,
      body.template-collection 0.98) 100%) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.9) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif;
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.6vw,
  body.template-collection 0.88rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.025em;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection border-radius: 2rem;
  body.template-collection padding: 0.65rem 1.25rem;
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
  body.template-collection transform: translateZ(0);
  body.template-collection transition: all 0.3s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
}

/* Burlap texture on filter pills */
body.template-collection .ag-filter-pill::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image:
    body.template-collection repeating-linear-gradient(0deg,
    body.template-collection 
      body.template-collection transparent 0px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.02) 1px,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection transparent 3px);
  body.template-collection opacity: 0.5;
  body.template-collection pointer-events: none;
}

body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-2px) translateZ(0) !important;
  body.template-collection background: #ffffff !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1),
    body.template-collection 
    body.template-collection 0 0 0 3px rgba(201,
    body.template-collection 162,
    body.template-collection 39,
    body.template-collection 0.2) !important;
  body.template-collection border-color: rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.3) !important;
}

/* Active filter pill with forest green */
body.template-collection .ag-filter-pill.is-active {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection 
      body.template-collection var(--ag-collections-forest) 0%,
      body.template-collection 
      body.template-collection var(--ag-collections-forest-light) 100%) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: var(--ag-collections-forest) !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
}

body.template-collection .ag-filter-pill.is-active::before {
  body.template-collection display: none;
}

/* ============================================================================
   PRODUCT GRID — Main collection cards with burlap texture
   body.template-collection ============================================================================ */

/* Product grid with refined spacing */
body.template-collection .ag-product-grid {
  body.template-collection display: grid;
  body.template-collection gap: clamp(1rem,
  body.template-collection 2.5vw,
  body.template-collection 1.5rem);
}

/* Collection cards with specimen-style background */
body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection 
      body.template-collection rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 0.95) 0%,
      body.template-collection 
      body.template-collection rgba(253,
      body.template-collection 251,
      body.template-collection 248,
      body.template-collection 0.98) 50%,
      body.template-collection 
      body.template-collection rgba(249,
      body.template-collection 246,
      body.template-collection 240,
      body.template-collection 1) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08) !important;
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
  body.template-collection position: relative;
  body.template-collection transform: translateZ(0);
}

/* Burlap texture on main grid cards */
body.template-collection .ag-collection-section--products-shell .ag-card--collection::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image:
    /* Woven cross-hatch pattern */
    body.template-collection repeating-linear-gradient(0deg,
    body.template-collection 
      body.template-collection transparent,
      body.template-collection 
      body.template-collection transparent 1px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.04) 1px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.04) 2px,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection transparent 3px),
      body.template-collection 
    body.template-collection repeating-linear-gradient(90deg,
    body.template-collection 
      body.template-collection transparent,
      body.template-collection 
      body.template-collection transparent 1px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.04) 1px,
      body.template-collection 
      body.template-collection rgba(139,
      body.template-collection 115,
      body.template-collection 85,
      body.template-collection 0.04) 2px,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection transparent 3px);
  body.template-collection opacity: 0.5;
  body.template-collection mix-blend-mode: soft-light;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 0;
}

/* Botanical accent on card hover */
body.template-collection .ag-collection-section--products-shell .ag-card--collection::after {
  body.template-collection content: '🌾';
  body.template-collection position: absolute;
  body.template-collection bottom: 1rem;
  body.template-collection right: 1rem;
  body.template-collection font-size: clamp(1.2rem,
  body.template-collection 2.5vw,
  body.template-collection 1.5rem);
  body.template-collection opacity: 0;
  body.template-collection transition: opacity 0.3s ease;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 1;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover::after {
  body.template-collection opacity: 0.12;
}

/* Enhanced hover for collection cards */
body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
  body.template-collection transform: translateY(-6px) translateZ(0) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 40px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.12),
    body.template-collection 
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1) !important;
}

/* Collection card typography */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(1.1rem,
  body.template-collection 2.5vw,
  body.template-collection 1.35rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: -0.015em;
  body.template-collection line-height: 1.25;
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection position: relative;
  body.template-collection z-index: 1;
}

/* Collection card price */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__price {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3.5vw,
  body.template-collection 1.9rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.025em;
  body.template-collection color: var(--ag-collections-forest);
}

/* Collection card excerpt */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__excerpt {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-size: clamp(0.82rem,
  body.template-collection 1.8vw,
  body.template-collection 0.92rem);
  body.template-collection line-height: 1.65;
  body.template-collection color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.6);
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-line-clamp: 3;
  body.template-collection line-clamp: 3;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection overflow: hidden;
}

/* Collection add button polish */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.9) 0%,
      body.template-collection 
      body.template-collection rgba(217,
      body.template-collection 119,
      body.template-collection 6,
      body.template-collection 0.85) 50%,
      body.template-collection 
      body.template-collection rgba(180,
      body.template-collection 83,
      body.template-collection 9,
      body.template-collection 0.8) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 3px 10px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
  body.template-collection border: none;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__add-btn:hover {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 1) 0%,
      body.template-collection 
      body.template-collection rgba(217,
      body.template-collection 119,
      body.template-collection 6,
      body.template-collection 0.95) 50%,
      body.template-collection 
      body.template-collection rgba(180,
      body.template-collection 83,
      body.template-collection 9,
      body.template-collection 0.9) 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 5px 14px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.35),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.25) !important;
}

/* ============================================================================
   HERITAGE SECTION — Editorial typography with agricultural motifs
   body.template-collection ============================================================================ */

/* Heritage section with forest gradient */
body.template-collection .ag-heritage-section--shell {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection 
      body.template-collection var(--ag-collections-forest-light) 0%,
      body.template-collection 
      body.template-collection var(--ag-collections-forest) 50%,
      body.template-collection 
      body.template-collection var(--ag-collections-forest-dark) 100%) !important;
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

/* Subtle grain texture on heritage section */
body.template-collection .ag-heritage-section--shell::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image: url("data:image/svg+xml,
  body.template-collection %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");
  body.template-collection opacity: 0.03;
  body.template-collection pointer-events: none;
}

/* Rice grain decoration */
body.template-collection .ag-heritage-section--shell::after {
  body.template-collection content: '🌾';
  body.template-collection position: absolute;
  body.template-collection top: 2rem;
  body.template-collection right: 2rem;
  body.template-collection font-size: clamp(4rem,
  body.template-collection 10vw,
  body.template-collection 8rem);
  body.template-collection opacity: 0.05;
  body.template-collection pointer-events: none;
}

/* Heritage kicker with handwritten style */
body.template-collection .ag-heritage-kicker {
  body.template-collection font-family: 'Caveat',
  body.template-collection cursive;
  body.template-collection font-size: clamp(1.4rem,
  body.template-collection 3vw,
  body.template-collection 1.9rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.025em;
  body.template-collection color: var(--ag-collections-gold);
  body.template-collection text-shadow: 0 2px 4px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3);
  body.template-collection display: block;
  body.template-collection margin-bottom: 0.5rem;
}

/* Heritage title polish */
body.template-collection .ag-heritage-title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(2.5rem,
  body.template-collection 6vw,
  body.template-collection 4rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.035em;
  body.template-collection line-height: 1.05;
  body.template-collection margin-bottom: 1.5rem;
}

body.template-collection .ag-heritage-title-main {
  body.template-collection color: #ffffff;
  body.template-collection text-shadow: 0 2px 8px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.2);
}

body.template-collection .ag-heritage-title-accent {
  body.template-collection color: var(--ag-collections-gold);
  body.template-collection font-style: italic;
  body.template-collection text-shadow: 0 0 20px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25);
}

/* Heritage copy with refined typography */
body.template-collection .ag-heritage-copy {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2.2vw,
  body.template-collection 1.15rem);
  body.template-collection line-height: 1.75;
  body.template-collection letter-spacing: 0.008em;
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.85);
  body.template-collection max-width: 36rem;
  body.template-collection margin-bottom: 2rem;
}

/* Heritage stats with golden glow */
body.template-collection .ag-heritage-stat {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(2rem,
  body.template-collection 4.5vw,
  body.template-collection 3rem);
  body.template-collection font-weight: 700;
  body.template-collection letter-spacing: -0.02em;
  body.template-collection color: var(--ag-collections-gold);
  body.template-collection text-shadow: 0 0 15px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3);
  body.template-collection display: block;
  body.template-collection line-height: 1;
}

body.template-collection .ag-heritage-stat-label {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif;
  body.template-collection font-size: clamp(0.7rem,
  body.template-collection 1.2vw,
  body.template-collection 0.8rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.04em;
  body.template-collection text-transform: uppercase;
  body.template-collection color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.7);
}

/* Heritage image card refinement */
body.template-collection .ag-heritage-image-card {
  body.template-collection box-shadow:
    body.template-collection 0 20px 50px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.1) !important;
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
}

/* Story badge polish */
body.template-collection .ag-story-badge {
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.1) !important;
  body.template-collection backdrop-filter: blur(10px);
  body.template-collection border: 1px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.2);
}

/* Heritage quote refinement */
body.template-collection .ag-heritage-quote {
  body.template-collection font-family: 'Fraunces',
  body.template-collection 'Cormorant Garamond',
  body.template-collection serif;
  body.template-collection font-size: clamp(1.4rem,
  body.template-collection 3.2vw,
  body.template-collection 1.9rem);
  body.template-collection font-style: italic;
  body.template-collection color: var(--ag-collections-gold);
  body.template-collection text-shadow: 0 2px 4px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3);
  body.template-collection line-height: 1.5;
}

/* ============================================================================
   PAGINATION — Refined controls
   body.template-collection ============================================================================ */

/* Pagination container */
body.template-collection .ag-pagination-wrapper {
  body.template-collection display: flex;
  body.template-collection justify-content: center;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection margin-top: 3rem;
}

/* Pagination buttons */
body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,
body.template-collection .ag-pagination-wrapper .prev {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection 
      body.template-collection rgba(255,
      body.template-collection 255,
      body.template-collection 255,
      body.template-collection 0.95) 0%,
      body.template-collection 
      body.template-collection rgba(252,
      body.template-collection 250,
      body.template-collection 247,
      body.template-collection 0.98) 100%) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.12) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.9) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif;
  body.template-collection font-weight: 500;
  body.template-collection font-size: clamp(0.85rem,
  body.template-collection 1.6vw,
  body.template-collection 0.92rem);
  body.template-collection color: var(--ag-collections-forest);
  body.template-collection padding: 0.65rem 1.25rem;
  body.template-collection border-radius: 0.5rem;
  body.template-collection transition: all 0.3s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
}

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,
body.template-collection .ag-pagination-wrapper .prev:hover {
  body.template-collection transform: translateY(-2px);
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1) !important;
}

/* Active/current page */
body.template-collection .ag-pagination-wrapper .current {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection 
      body.template-collection var(--ag-collections-forest) 0%,
      body.template-collection 
      body.template-collection var(--ag-collections-forest-light) 100%) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: var(--ag-collections-forest) !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
}

/* ============================================================================
   RATING STARS — Golden warmth
   body.template-collection ============================================================================ */

body.template-collection .ag-product-card__stars {
  body.template-collection color: rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.85);
  body.template-collection filter: drop-shadow(0 1px 2px rgba(201,
  body.template-collection 162,
  body.template-collection 39,
  body.template-collection 0.3));
  body.template-collection letter-spacing: 0.05em;
}

/* ============================================================================
   RESPONSIVE REFINEMENTS
   body.template-collection ============================================================================ */

@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) !important;
  }

  body.template-collection .ag-premium-collections .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
    body.template-collection transform: translateY(-4px) translateZ(0) !important;
  }

  /* Smaller decorative elements on mobile */
  body.template-collection .ag-collection-section__intro::before {
    body.template-collection font-size: 0.7rem;
  }

  body.template-collection .ag-collection-section--filter-shell::before {
    body.template-collection font-size: 1.5rem;
  }

  /* Adjust filter pill spacing */
  body.template-collection .ag-filter-pill {
    body.template-collection padding: 0.55rem 1rem;
    body.template-collection font-size: 0.8rem;
  }
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   body.template-collection ============================================================================ */

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,
body.template-collection .ag-button:focus-visible {
  body.template-collection outline: 2px solid var(--ag-collections-gold);
  body.template-collection outline-offset: 3px;
  body.template-collection border-radius: 4px;
}

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   body.template-collection ============================================================================ */

@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__add-btn:hover {
    body.template-collection transform: none !important;
  }

  body.template-collection .ag-card::after,
  body.template-collection 
  body.template-collection .ag-card:hover::after {
    body.template-collection transition: none !important;
  }
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   body.template-collection ============================================================================ */

@media print {

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

  body.template-collection .ag-heritage-section--shell {
    body.template-collection background: var(--ag-collections-forest) !important;
  }

  body.template-collection .ag-card::before,
  body.template-collection 
  body.template-collection .ag-filter-pill::before {
    body.template-collection display: none !important;
  }
}

/* ============================================================================
   END OF COLLECTIONS PAGE PREMIUM REFINEMENT
   body.template-collection ============================================================================ */



/* ============================================
   collections-refined.css
   body.template-collection ============================================ */

/* ============================================================================
   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
   body.template-collection ============================================================================ */

/* ============================================================================
   GLOBAL EASING & MOTION
   body.template-collection ============================================================================ */

body.template-collection .ag-card,
body.template-collection .ag-filter-pill,
body.template-collection .ag-button,
body.template-collection .ag-collection-hero__btn {
  body.template-collection transition-timing-function: cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

/* ============================================================================
   1. HERO SECTION — Enhanced typography & polish
   body.template-collection ============================================================================ */

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

/* Main title refinement */
body.template-collection .ag-collection-hero__title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection line-height: 1.08 !important;
  body.template-collection text-shadow: 0 2px 12px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.4);
}

/* Highlight text with golden gradient */
body.template-collection .ag-collection-hero__title-highlight {
  body.template-collection color: #f6b900 !important;
  body.template-collection text-shadow: 0 2px 12px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3);
}

/* Subheading polish */
body.template-collection .ag-collection-hero__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.45rem,
  body.template-collection 2.8vw,
  body.template-collection 1.85rem) !important;
  body.template-collection line-height: 1.6 !important;
  body.template-collection letter-spacing: 0.01em !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection color: #fff !important;
  body.template-collection text-shadow:
    body.template-collection 0 0 20px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection 0 0 40px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection 0 2px 12px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.8),
    body.template-collection 
    body.template-collection 0 0 60px rgba(255,
    body.template-collection 200,
    body.template-collection 100,
    body.template-collection 0.15) !important;
  body.template-collection max-width: 42rem !important;
}

/* Text wrapper - clean, no glass effect */
body.template-collection .ag-collection-hero__text-wrapper {
  body.template-collection background: transparent !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection border: none !important;
  body.template-collection box-shadow: none !important;
}

/* 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 */
}

body.template-collection .ag-collection-hero__btn.ag-button--primary:hover {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection #ff8047 0%,
  body.template-collection #ff6b35 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 20px rgba(255,
    body.template-collection 107,
    body.template-collection 53,
    body.template-collection 0.5),
    body.template-collection 
    body.template-collection 0 3px 12px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
  body.template-collection transform: translateY(-2px) !important;
}

/* Secondary button - glass blur with white border */
body.template-collection .ag-collection-hero__btn--secondary {
  body.template-collection background: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.5) !important;
  body.template-collection backdrop-filter: blur(10px) !important;
  body.template-collection border: 2px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.4) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection text-shadow:
    body.template-collection 0 0 10px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.5),
    body.template-collection 
    body.template-collection 0 1px 2px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.5) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: 0.03em !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 16px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.1) !important;
}

body.template-collection .ag-collection-hero__btn--secondary:hover {
  body.template-collection background: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.7) !important;
  body.template-collection border-color: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.6) !important;
  body.template-collection text-shadow:
    body.template-collection 0 0 15px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.8),
    body.template-collection 
    body.template-collection 0 1px 2px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.5) !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 20px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.5),
    body.template-collection 
    body.template-collection 0 0 30px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
  body.template-collection transform: translateY(-2px) !important;
}

/* ============================================================================
   2. PREMIUM WELLNESS COLLECTIONS — Botanical specimen cards
   body.template-collection ============================================================================ */

/* Section intro refinement */
body.template-collection .ag-collection-section__intro {
  body.template-collection position: relative;
}

/* Kicker with Caveat */
body.template-collection .ag-collection-section__intro .ag-kicker,
body.template-collection .ag-filter-panel__label {
  body.template-collection font-family: 'Caveat',
  body.template-collection cursive !important;
  body.template-collection font-size: clamp(1.35rem,
  body.template-collection 2.8vw,
  body.template-collection 1.85rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.025em !important;
  body.template-collection text-transform: none !important;
  body.template-collection color: #0e3e29 !important;
}

/* Remove star decoration for cleaner look */
body.template-collection .ag-filter-panel__label::before,
body.template-collection .ag-kicker::before {
  body.template-collection content: none !important;
}

/* Main heading refinement */
body.template-collection .ag-section-heading {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2.4rem,
  body.template-collection 6vw,
  body.template-collection 4rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection line-height: 1.05 !important;
  body.template-collection color: #0e3e29 !important;
}

/* Golden accent text */
body.template-collection .ag-collection-accent {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection #f6b900 0%,
  body.template-collection #e8a735 50%,
  body.template-collection #c9a227 100%) !important;
  body.template-collection -webkit-background-clip: text !important;
  body.template-collection background-clip: text !important;
  body.template-collection -webkit-text-fill-color: transparent !important;
  body.template-collection filter: drop-shadow(0 2px 4px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.2));
}

/* Subheading refinement */
body.template-collection .ag-collection__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.05rem,
  body.template-collection 2.2vw,
  body.template-collection 1.25rem) !important;
  body.template-collection line-height: 1.75 !important;
  body.template-collection letter-spacing: 0.008em !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.6) !important;
}

/* Bundle note refinement */
body.template-collection .ag-collection-bundle-note {
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.5vw,
  body.template-collection 0.9rem) !important;
  body.template-collection font-weight: 500 !important;
  body.template-collection letter-spacing: 0.03em !important;
  body.template-collection color: #0e3e29 !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.12),
  body.template-collection rgba(232,
  body.template-collection 167,
  body.template-collection 53,
  body.template-collection 0.15)) !important;
  body.template-collection border: 1px solid rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25) !important;
  body.template-collection border-radius: 2rem !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
}

/* Premium cards with layered depth */
body.template-collection .ag-premium-collections .ag-card {
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05) !important;
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fdfbf8 50%,
  body.template-collection #f9f6f0 100%) !important;
}

/* Enhanced hover */
body.template-collection .ag-premium-collections .ag-card:hover {
  body.template-collection transform: translateY(-8px) scale(1.01) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 40px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2) !important;
}

/* Card title refinement */
body.template-collection .ag-card__title {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.25rem,
  body.template-collection 2.8vw,
  body.template-collection 1.6rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.025em !important;
  body.template-collection line-height: 1.25 !important;
  body.template-collection color: #0e3e29 !important;
}

body.template-collection .ag-card__title a {
  body.template-collection color: #0e3e29 !important;
  body.template-collection transition: color 0.3s ease !important;
}

body.template-collection .ag-card:hover .ag-card__title a {
  body.template-collection color: #d4941a !important;
}

/* Card price display */
body.template-collection .ag-card__price,
body.template-collection .ag-pwc__price {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.9rem,
  body.template-collection 4.2vw,
  body.template-collection 2.5rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection line-height: 1 !important;
  body.template-collection color: #0e3e29 !important;
}

/* Card button polish */
body.template-collection .ag-card__add-btn,
body.template-collection .ag-pwc__add .ag-card__add-btn {
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.82rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.04em !important;
  body.template-collection box-shadow:
    body.template-collection 0 3px 10px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-card__add-btn:hover,
body.template-collection .ag-pwc__add .ag-card__add-btn:hover {
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
  body.template-collection transform: translateY(-2px) !important;
}

/* Badge refinement */
body.template-collection .ag-product-card__badge {
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.25),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2) !important;
}

/* Micro copy polish */
body.template-collection .ag-card__micro-copy {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 0.75rem !important;
  body.template-collection font-style: italic !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.5) !important;
  body.template-collection margin: 0 !important;
  body.template-collection padding: 0.75rem 0 0 0 !important;
}

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

/* Collection cards with specimen-style background */
body.template-collection .ag-card--collection {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fdfbf8 50%,
  body.template-collection #f9f6f0 100%) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05) !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection height: 100% !important;
}

/* Enhanced hover */
body.template-collection .ag-card--collection:hover {
  body.template-collection transform: translateY(-8px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 40px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2) !important;
}

/* Card excerpt */
body.template-collection .ag-card__excerpt {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(0.82rem,
  body.template-collection 1.8vw,
  body.template-collection 0.9rem) !important;
  body.template-collection line-height: 1.65 !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.55) !important;
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-line-clamp: 3;
  body.template-collection line-clamp: 3;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection overflow: hidden;
  body.template-collection margin-bottom: 1rem;
}

/* Rating stars polish */
body.template-collection .ag-product-card__stars {
  body.template-collection filter: drop-shadow(0 1px 2px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3));
}

/* Card footer - ensure form area is above overlays */
body.template-collection .ag-card__footer {
  body.template-collection position: relative;
  body.template-collection z-index: 10;
  body.template-collection margin-top: auto;
  body.template-collection padding: 0 !important;
}

/* Actions row - add spacing above, align items horizontally */
body.template-collection .ag-card__actions-row {
  body.template-collection padding-top: 1rem;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: row !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: space-between !important;
  body.template-collection gap: 0.75rem !important;
  body.template-collection width: 100%;
}

/* 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,
body.template-collection .ag-card--collection .ag-card__footer {
  body.template-collection flex-direction: row !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: space-between !important;
  body.template-collection gap: 0.75rem !important;
}

/* Price: don't grow, allow shrinking if needed */
body.template-collection .ag-card__price {
  body.template-collection flex: 0 0 auto !important;
  body.template-collection align-self: center !important;
}

/* Variant selector wrapper: grow to fill available space */
body.template-collection .ag-card__variant-select,
body.template-collection .ag-card__form--with-variants {
  body.template-collection flex: 1 1 auto !important;
  body.template-collection min-width: 0 !important;
  body.template-collection align-self: center !important;
}

/* Add button: don't grow, fixed size */
body.template-collection .ag-card__add-btn {
  body.template-collection flex: 0 0 auto !important;
  body.template-collection align-self: center !important;
}

/* Card content - ensure proper stacking */
body.template-collection .ag-card__content {
  body.template-collection position: relative;
  body.template-collection z-index: 5;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection flex: 1 1 auto !important;
  body.template-collection min-height: 0 !important;
  body.template-collection padding: 1.25rem 1.5rem 0 !important;
  /* Override base.css bottom padding of 1.5rem */
}

body.template-collection .ag-card__title,
body.template-collection .ag-card__excerpt,
body.template-collection .ag-card__price,
body.template-collection .ag-card__rating,
body.template-collection .ag-card__footer {
  body.template-collection position: relative;
  body.template-collection z-index: 1;
}

/* Content spacer - push footer to bottom */
body.template-collection .ag-card__content-spacer {
  body.template-collection flex: 1 1 auto;
  body.template-collection min-height: 1rem;
}

/* ============================================================================
   4. FILTER PANEL — Tactile pill refinement
   body.template-collection ============================================================================ */

/* Filter heading refinement */
body.template-collection .ag-filter-panel__heading {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2.4rem,
  body.template-collection 5.5vw,
  body.template-collection 3.75rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.035em !important;
  body.template-collection line-height: 1.05 !important;
  body.template-collection color: #0e3e29 !important;
}

/* Filter subheading */
body.template-collection .ag-filter-panel__subheading {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.15rem) !important;
  body.template-collection line-height: 1.7 !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.6) !important;
}

/* Filter pills with warm, organic feel */
body.template-collection .ag-filter-pill {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fcfaf7 100%) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.12) !important;
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.8) !important;
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.6vw,
  body.template-collection 0.9rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.02em !important;
  body.template-collection color: #0e3e29 !important;
}

body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-2px) !important;
  body.template-collection background: #ffffff !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1),
    body.template-collection 
    body.template-collection 0 0 0 3px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.15) !important;
}

/* Active filter pill state */
body.template-collection .ag-filter-pill.is-active {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0e3e29 0%,
  body.template-collection #1a4731 100%) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: #0e3e29 !important;
  body.template-collection box-shadow:
    body.template-collection 0 4px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15) !important;
}

/* ============================================================================
   5. HERITAGE SECTION — Editorial polish
   body.template-collection ============================================================================ */

/* Heritage section background refinement */
body.template-collection .ag-heritage-section--shell {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #1a4d38 0%,
  body.template-collection #0e3e29 40%,
  body.template-collection #061a12 100%) !important;
  body.template-collection position: relative;
}

/* Texture overlay */
body.template-collection .ag-heritage-section--shell::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image:
    body.template-collection repeating-linear-gradient(0deg,
    body.template-collection 
      body.template-collection transparent,
      body.template-collection 
      body.template-collection transparent 3px,
      body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.008) 3px,
      body.template-collection 
      body.template-collection rgba(246,
      body.template-collection 185,
      body.template-collection 0,
      body.template-collection 0.008) 6px);
  body.template-collection opacity: 0.4;
  body.template-collection pointer-events: none;
}

/* Heritage section kicker */
body.template-collection .ag-heritage-section .ag-kicker {
  body.template-collection font-family: 'Caveat',
  body.template-collection cursive !important;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.02em !important;
  body.template-collection color: #f6b900 !important;
}

/* Heritage heading */
body.template-collection .ag-heritage-section h2 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2.5rem,
  body.template-collection 6vw,
  body.template-collection 4.5rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.035em !important;
  body.template-collection line-height: 1.1 !important;
  body.template-collection color: #ffffff !important;
}

/* ============================================================================
   6. PRODUCT CARD COMPONENT — Full polish
   body.template-collection ============================================================================ */

/* Card base styles with specimen depth */
body.template-collection .ag-card {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #ffffff 0%,
  body.template-collection #fdfbf8 50%,
  body.template-collection #f9f6f0 100%) !important;
  body.template-collection border-radius: 20px !important;
  body.template-collection overflow: hidden;
  body.template-collection box-shadow:
    body.template-collection 0 4px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 8px 24px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05) !important;
  body.template-collection transition: all 0.5s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

/* Texture overlay */
body.template-collection .ag-card .ag-card__texture-overlay {
  body.template-collection background-image: none;
  body.template-collection opacity: 0;
  body.template-collection pointer-events: none;
  body.template-collection display: none;
}

/* Enhanced hover */
body.template-collection .ag-card:hover {
  body.template-collection transform: translateY(-8px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 40px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection 0 4px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.2) !important;
}

/* Media wrapper polish */
body.template-collection .ag-card__media-wrapper {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

body.template-collection .ag-card__img {
  body.template-collection transition: transform 0.6s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

body.template-collection .ag-card:hover .ag-card__img {
  body.template-collection transform: scale(1.05) !important;
}

/* Vignette polish */
body.template-collection .ag-card__vignette {
  body.template-collection background: transparent !important;
  body.template-collection display: none;
}

/* Wellness label polish */
body.template-collection .ag-card__wellness-label {
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.7rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.08em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.9),
  body.template-collection #0e3e29) !important;
  body.template-collection color: #f6b900 !important;
}

/* Floating badge polish - transparent/clear */
body.template-collection .ag-card__badge-floating {
  body.template-collection background: transparent !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
  body.template-collection border: none !important;
  body.template-collection box-shadow: none !important;
}

body.template-collection .ag-card__badge-icon svg {
  body.template-collection stroke: #f5f5f5 !important;
}

body.template-collection .ag-card__badge-text {
  body.template-collection color: #f5f5f5 !important;
}

/* Rating polish */
body.template-collection .ag-product-card__rating {
  body.template-collection margin-bottom: 0.75rem !important;
}

body.template-collection .ag-product-card__stars {
  body.template-collection filter: drop-shadow(0 1px 2px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3));
}

body.template-collection .ag-product-card__rating-label {
  body.template-collection font-family: 'Jost',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.72rem !important;
  body.template-collection font-weight: 500 !important;
  body.template-collection letter-spacing: 0.05em !important;
  body.template-collection color: rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.45) !important;
}

/* ============================================================================
   RESPONSIVE REFINEMENTS
   body.template-collection ============================================================================ */

@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) !important;
  }

  /* Reduce hover lift on mobile */
  body.template-collection .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-filter-pill:hover {
    body.template-collection transform: translateY(-4px) !important;
  }

  /* Tighter letter-spacing on mobile */
  body.template-collection .ag-section-heading,
  body.template-collection 
  body.template-collection .ag-filter-panel__heading,
  body.template-collection 
  body.template-collection .ag-collection-hero__title {
    body.template-collection letter-spacing: -0.03em !important;
  }

  /* Mobile button adjustments */
  body.template-collection .ag-collection-hero__btn {
    body.template-collection min-height: 46px !important;
    body.template-collection padding-inline: 1.25rem !important;
    body.template-collection font-size: 0.9rem !important;
  }
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   body.template-collection ============================================================================ */

body.template-collection a:focus-visible,
body.template-collection button:focus-visible,
body.template-collection .ag-filter-pill:focus-visible {
  body.template-collection outline: 2px solid #f6b900 !important;
  body.template-collection outline-offset: 3px !important;
  body.template-collection border-radius: 4px !important;
}

/* ============================================================================
   MOTION PREFERENCES — Reduced motion support
   body.template-collection ============================================================================ */

@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;
  }

  body.template-collection .ag-card:hover,
  body.template-collection 
  body.template-collection .ag-filter-pill:hover,
  body.template-collection 
  body.template-collection .ag-collection-hero__btn:hover {
    body.template-collection transform: none !important;
  }

  /* Disable fade-in animations */
  body.template-collection [data-reveal] {
    body.template-collection animation: none !important;
  }

  /* Disable gradient shimmer */
  body.template-collection .ag-collection-accent {
    body.template-collection animation: none !important;
  }
}

/* ============================================================================
   PRINT OPTIMIZATIONS
   body.template-collection ============================================================================ */

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

  body.template-collection .ag-heritage-section--shell {
    body.template-collection background: #0e3e29 !important;
    body.template-collection color: #000 !important;
  }
}

/* ============================================================================
   SECTION SPACING — Better rhythm
   body.template-collection ============================================================================ */

body.template-collection .ag-collection-section {
  body.template-collection scroll-margin-top: 80px;
  /* Offset for fixed header */
}

/* ============================================================================
   TEXT SELECTION — Golden highlights
   body.template-collection ============================================================================ */

body.template-collection ::selection {
  body.template-collection background: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25);
  body.template-collection color: #0e3e29;
}

body.template-collection ::-moz-selection {
  body.template-collection background: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25);
  body.template-collection color: #0e3e29;
}

/* ============================================================================
   MOBILE FIXES — Button overflow and H1 wrapping issues
   body.template-collection ============================================================================ */

/* 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: hidden;
    padding: 0 0.375rem 0.375rem;
    /* No top padding to keep footer flush */
  }

  /* Constrain actions row */
  body.template-collection .ag-card__actions-row {
    body.template-collection max-width: 100%;
    body.template-collection gap: 0.5rem !important;
  }

  /* Fix button sizing for narrow viewports */
  body.template-collection .ag-card__add-btn,
  body.template-collection 
  body.template-collection .ag-pwc__add .ag-card__add-btn {
    body.template-collection max-width: calc(100vw - 2rem);
    body.template-collection min-width: unset;
    body.template-collection padding: 0.375rem 0.5rem !important;
    body.template-collection font-size: 0.5rem !important;
    body.template-collection letter-spacing: 0.03em !important;
    body.template-collection white-space: nowrap;
    body.template-collection overflow: hidden;
    body.template-collection text-overflow: ellipsis;
  }

  /* Shrink icon inside button */
  body.template-collection .ag-card__add-btn svg,
  body.template-collection 
  body.template-collection .ag-pwc__add .ag-card__add-btn svg {
    body.template-collection width: 12px !important;
    body.template-collection height: 12px !important;
  }

  /* Constrain variant select */
  body.template-collection .ag-card__variant-select {
    body.template-collection max-width: 100%;
  }

  /* Card form with variants - constrain width */
  body.template-collection .ag-card__form--with-variants {
    body.template-collection min-width: unset !important;
    body.template-collection max-width: 100%;
  }

  /* Premium collection card fixes */
  body.template-collection .ag-premium-collections .ag-card__add-btn {
    body.template-collection padding: 0.35rem 0.5rem !important;
    body.template-collection font-size: 0.48rem !important;
  }

  /* Collection card fixes */
  body.template-collection .ag-card--collection .ag-card__add-btn {
    body.template-collection padding: 0.25rem 0.4rem !important;
    body.template-collection font-size: 0.45rem !important;
  }

  /* Price adjustment */
  body.template-collection .ag-card__price,
  body.template-collection 
  body.template-collection .ag-pwc__price {
    body.template-collection font-size: 1.1rem !important;
  }
}

/* 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 !important;
    padding: 0.3rem 0.4rem !important;
  }

  body.template-collection .ag-card__add-btn svg {
    body.template-collection width: 10px !important;
    body.template-collection height: 10px !important;
  }
}

/* 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) !important;
    /* Increase line-height for better readability */
    line-height: 1.2 !important;
    /* Reduce letter-spacing slightly for narrow screens */
    letter-spacing: -0.015em !important;
    /* Ensure text doesn't overflow */
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* Highlight text adjustment */
  body.template-collection .ag-collection-hero__title-highlight {
    body.template-collection display: inline;
  }

  /* Subheading adjustment */
  body.template-collection .ag-collection-hero__subheading {
    body.template-collection font-size: clamp(0.85rem,
    body.template-collection 3.5vw,
    body.template-collection 1.1rem) !important;
    body.template-collection line-height: 1.5 !important;
    body.template-collection max-width: 95% !important;
  }
}

/* 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) !important;
    line-height: 1.25 !important;
  }
}

/* ============================================================================
   END OF COLLECTIONS REFINED POLISH LAYER
   body.template-collection ============================================================================ */


/* ============================================
   collections-herbarium-editorial.css
   body.template-collection ============================================ */

/* ============================================================================
   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

   body.template-collection ============================================================================ */

/* ============================================================================
   GLOBAL SECTION TRANSITIONS — Dramatic, non-standard breaks
   body.template-collection ============================================================================ */

/* Diagonal section transitions for visual interest */
body.template-collection .ag-collection-section {
  body.template-collection position: relative;
  body.template-collection padding: clamp(5rem,
  body.template-collection 12vw,
  body.template-collection 9rem) 0;
}

/* Hero section gets full treatment */
body.template-collection .ag-collection-hero-wrapper {
  body.template-collection position: relative;
}

/* Premium section with warm gradient */
body.template-collection .ag-collection-section--premium-shell {
  body.template-collection background:
    body.template-collection linear-gradient(165deg,
    body.template-collection #faf8f3 0%,
    body.template-collection #f5f0e8 50%,
    body.template-collection #ede8df 100%);
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

/* Products section with subtle warm tone */
body.template-collection .ag-collection-section--products-shell {
  body.template-collection background:
    body.template-collection linear-gradient(165deg,
    body.template-collection #fefcf9 0%,
    body.template-collection #faf8f5 50%,
    body.template-collection #f5f4ef 100%);
  body.template-collection position: relative;
}

/* Heritage section gets dramatic forest gradient */
body.template-collection .ag-heritage-section--shell {
  body.template-collection background:
    body.template-collection linear-gradient(180deg,
    body.template-collection #1a4d38 0%,
    body.template-collection #0e3e29 40%,
    body.template-collection #061a12 100%);
  body.template-collection position: relative;
}

/* ============================================================================
   ORGANIC DECORATIVE ELEMENTS — Hand-drawn feel
   body.template-collection ============================================================================ */

/* Floating botanical elements */
body.template-collection .ag-collection-section::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection top: clamp(-2rem,
  body.template-collection -4vw,
  body.template-collection -3rem);
  body.template-collection left: 5%;
  body.template-collection width: 60px;
  body.template-collection height: 60px;
  body.template-collection background-image: url("data:image/svg+xml,
  body.template-collection %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 C30 10 15 30 15 50 C15 70 30 90 50 90 C70 90 85 70 85 50 C85 30 70 10 50 10 Z M50 20 C40 20 35 35 35 50 C35 65 40 80 50 80 C60 80 65 65 65 50 C65 35 60 20 50 20 Z' fill='%23d4941a' fill-opacity='0.15'/%3E%3C/svg%3E");
  body.template-collection background-size: contain;
  body.template-collection background-repeat: no-repeat;
  body.template-collection opacity: 0.6;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 1;
}

body.template-collection .ag-collection-section::after {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection bottom: clamp(-2rem,
  body.template-collection -4vw,
  body.template-collection -3rem);
  body.template-collection right: 5%;
  body.template-collection width: 80px;
  body.template-collection height: 80px;
  body.template-collection background-image: url("data:image/svg+xml,
  body.template-collection %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 5 C25 5 5 25 5 50 C5 75 25 95 50 95 C75 95 95 75 95 50 C95 25 75 5 50 5 Z' fill='none' stroke='%238b9a6d' stroke-width='2' stroke-opacity='0.3' stroke-dasharray='5,
  body.template-collection 3'/%3E%3Cpath d='M50 15 C35 15 15 35 15 50 C15 65 35 85 50 85 C65 85 85 65 85 50 C85 35 65 15 50 15 Z' fill='%238b9a6d' fill-opacity='0.08'/%3E%3C/svg%3E");
  body.template-collection background-size: contain;
  body.template-collection background-repeat: no-repeat;
  body.template-collection opacity: 0.5;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 1;
}

/* ============================================================================
   EDITORIAL SECTION HEADERS — Oversized, dramatic typography
   body.template-collection ============================================================================ */

body.template-collection .ag-collection-section__intro {
  body.template-collection text-align: center;
  body.template-collection position: relative;
  body.template-collection padding: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 4rem) 0 clamp(3rem,
  body.template-collection 7vw,
  body.template-collection 5rem);
  body.template-collection margin-bottom: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 3rem);
}

/* Hand-drawn underline accent */
body.template-collection .ag-collection-section__intro::before {
  body.template-collection content: '';
  body.template-collection display: block;
  body.template-collection width: 80px;
  body.template-collection height: 3px;
  body.template-collection margin: 0 auto 2rem;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection transparent,
  body.template-collection #d4941a,
  body.template-collection #e8c078,
  body.template-collection #d4941a,
  body.template-collection transparent);
  body.template-collection border-radius: 2px;
}

/* Kicker styling - editorial label */
body.template-collection .ag-filter-panel__label,
body.template-collection .ag-kicker {
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-size: clamp(0.65rem,
  body.template-collection 1.2vw,
  body.template-collection 0.75rem);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: 0.2em;
  body.template-collection text-transform: uppercase;
  body.template-collection color: #8b9a6d;
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection margin-bottom: 1rem;
}

body.template-collection .ag-filter-panel__label::before,
body.template-collection .ag-kicker::before {
  body.template-collection content: '✦';
  body.template-collection font-size: 0.5rem;
  body.template-collection color: #d4941a;
}

/* Main heading - dramatic oversized */
body.template-collection .ag-section-heading,
body.template-collection .ag-filter-panel__heading {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: clamp(2.5rem,
  body.template-collection 7vw,
  body.template-collection 5rem);
  body.template-collection font-weight: 400;
  body.template-collection line-height: 0.95;
  body.template-collection letter-spacing: -0.04em;
  body.template-collection color: #0e3e29;
  body.template-collection position: relative;
  body.template-collection display: inline-block;
}

/* Accent text with animated gradient */
body.template-collection .ag-collection-accent {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection #d4941a 0%,
      body.template-collection 
      body.template-collection #c9a227 15%,
      body.template-collection 
      body.template-collection #e8c078 30%,
      body.template-collection 
      body.template-collection #f6b900 45%,
      body.template-collection 
      body.template-collection #e8c078 60%,
      body.template-collection 
      body.template-collection #c9a227 85%,
      body.template-collection 
      body.template-collection #d4941a 100%);
  body.template-collection background-size: 200% auto;
  body.template-collection -webkit-background-clip: text;
  body.template-collection -webkit-text-fill-color: transparent;
  body.template-collection background-clip: text;
  body.template-collection font-style: italic;
  body.template-collection animation: herbarium-gold-shimmer 5s ease-in-out infinite;
  body.template-collection position: relative;
}

@keyframes herbarium-gold-shimmer {

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

  body.template-collection 50% {
    body.template-collection background-position: 200% center;
  }
}

/* Section subheading */
body.template-collection .ag-collection__subheading,
body.template-collection .ag-filter-panel__subheading {
  body.template-collection font-family: var(--ag-font-body);
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.2rem);
  body.template-collection line-height: 1.7;
  body.template-collection color: #5a5a5a;
  body.template-collection max-width: 32rem;
  body.template-collection margin: 1.5rem auto 0;
}

/* Bundle note - editorial tag style */
body.template-collection .ag-collection-bundle-note {
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection padding: 0.5rem 1.25rem;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.12) 0%,
  body.template-collection rgba(139,
  body.template-collection 154,
  body.template-collection 109,
  body.template-collection 0.1) 100%);
  body.template-collection border: 1px solid rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.25);
  body.template-collection border-radius: 100px;
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-size: clamp(0.7rem,
  body.template-collection 1.3vw,
  body.template-collection 0.8rem);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.03em;
  body.template-collection color: #0e3e29;
  body.template-collection box-shadow: 0 2px 8px rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.1);
  body.template-collection margin-top: 1rem;
}

/* ============================================================================
   SPECIMEN CARDS — Product cards with botanical journal styling
   body.template-collection ============================================================================ */

/* Grid refinement */
body.template-collection .ag-product-grid {
  body.template-collection gap: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2.5rem);
}

/* Premium cards */
body.template-collection .ag-premium-collections .ag-card {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff 0%,
  body.template-collection #faf9f6 50%,
  body.template-collection #f5f4ef 100%);
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08);
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
  body.template-collection position: relative;
}

/* Top accent bar - gold gradient */
body.template-collection .ag-premium-collections .ag-card::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection top: 0;
  body.template-collection left: 0;
  body.template-collection right: 0;
  body.template-collection height: 4px;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection 
      body.template-collection #d4941a 0%,
      body.template-collection 
      body.template-collection #e8c078 25%,
      body.template-collection 
      body.template-collection #f6b900 50%,
      body.template-collection 
      body.template-collection #e8c078 75%,
      body.template-collection 
      body.template-collection #d4941a 100%);
  body.template-collection z-index: 2;
}

/* Hover effect */
body.template-collection .ag-premium-collections .ag-card:hover {
  body.template-collection transform: translateY(-8px);
  body.template-collection box-shadow:
    body.template-collection 0 16px 32px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.12),
    body.template-collection 
    body.template-collection 0 4px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1);
}

/* Main collection cards */
body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff 0%,
  body.template-collection #faf9f6 50%,
  body.template-collection #f5f4ef 100%) !important;
  body.template-collection border-radius: 16px;
  body.template-collection overflow: hidden;
  body.template-collection box-shadow:
    body.template-collection 0 4px 12px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.06),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.08);
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
  body.template-collection position: relative;
}

/* Top accent for main cards */
body.template-collection .ag-collection-section--products-shell .ag-card--collection::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection top: 0;
  body.template-collection left: 0;
  body.template-collection right: 0;
  body.template-collection height: 3px;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection 
      body.template-collection #8b9a6d 0%,
      body.template-collection 
      body.template-collection #d4941a 50%,
      body.template-collection 
      body.template-collection #8b9a6d 100%);
  body.template-collection z-index: 2;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
  body.template-collection transform: translateY(-6px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 16px 28px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection 0 4px 8px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1) !important;
}

/* Card titles - serif elegance */
body.template-collection .ag-card__title {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: -0.025em;
  body.template-collection line-height: 1.2;
  body.template-collection position: relative;
  body.template-collection z-index: 5;
}

/* Card prices */
body.template-collection .ag-card__price {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-weight: 600;
  body.template-collection letter-spacing: -0.03em;
  body.template-collection position: relative;
  body.template-collection z-index: 5;
}

/* Card footer - ensure form area is above overlays */
body.template-collection .ag-card__footer {
  body.template-collection position: relative;
  body.template-collection z-index: 10;
  body.template-collection margin-top: auto;
  body.template-collection padding: 0 !important;
}

/* Add buttons - warm gold */
body.template-collection .ag-card__add-btn {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection #f6b900 0%,
  body.template-collection #d4941a 100%) !important;
  body.template-collection border-radius: 8px;
  body.template-collection box-shadow: 0 3px 8px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25) !important;
  body.template-collection transition: all 0.3s ease;
  body.template-collection position: relative;
  body.template-collection z-index: 10;
}

body.template-collection .ag-card__add-btn:hover {
  body.template-collection transform: translateY(-2px);
  body.template-collection box-shadow: 0 6px 14px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.35) !important;
}

/* ============================================================================
   EDITORIAL FILTER PILLS — Tag styling with character
   body.template-collection ============================================================================ */

body.template-collection .ag-filter-pill {
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.04em;
  body.template-collection color: #0e3e29;
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff,
  body.template-collection #faf9f6);
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.18);
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.9);
  body.template-collection transition: all 0.3s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

/* Subtle texture on pills */
body.template-collection .ag-filter-pill::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image: repeating-linear-gradient(45deg,
  body.template-collection 
      body.template-collection transparent,
      body.template-collection 
      body.template-collection transparent 2px,
      body.template-collection 
      body.template-collection rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.02) 2px,
      body.template-collection 
      body.template-collection rgba(14,
      body.template-collection 62,
      body.template-collection 41,
      body.template-collection 0.02) 4px);
  body.template-collection opacity: 0.5;
  body.template-collection pointer-events: none;
}

body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-3px);
  body.template-collection background: #ffffff;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1),
    body.template-collection 
    body.template-collection 0 0 0 3px rgba(139,
    body.template-collection 154,
    body.template-collection 109,
    body.template-collection 0.2);
}

body.template-collection .ag-filter-pill.is-active {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0e3e29,
  body.template-collection #1a4d38);
  body.template-collection color: #ffffff;
  body.template-collection border-color: #0e3e29;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15);
}

body.template-collection .ag-filter-pill.is-active::before {
  body.template-collection display: none;
}

/* ============================================================================
   HERITAGE SECTION — Enhanced editorial treatment
   body.template-collection ============================================================================ */

body.template-collection .ag-heritage-section--shell {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

/* Grain texture overlay */
body.template-collection .ag-heritage-section--shell::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background-image: url("data:image/svg+xml,
  body.template-collection %3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.08'/%3E%3C/svg%3E");
  body.template-collection opacity: 1;
}

/* Large decorative botanical element */
body.template-collection .ag-heritage-section--shell::after {
  body.template-collection content: '❧';
  body.template-collection position: absolute;
  body.template-collection bottom: -3%;
  body.template-collection right: -1%;
  body.template-collection font-size: clamp(10rem,
  body.template-collection 25vw,
  body.template-collection 25rem);
  body.template-collection opacity: 0.02;
  body.template-collection pointer-events: none;
  body.template-collection z-index: 0;
}

/* Ensure content is above textures */
body.template-collection .ag-heritage-section--shell>* {
  body.template-collection position: relative;
  body.template-collection z-index: 1;
}

/* Heritage kicker */
body.template-collection .ag-heritage-kicker {
  body.template-collection font-family: var(--ag-font-handwritten);
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2.2rem);
  body.template-collection color: #d4941a;
}

/* Heritage title */
body.template-collection .ag-heritage-title {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-weight: 400;
  body.template-collection line-height: 1.05;
  body.template-collection letter-spacing: -0.035em;
}

body.template-collection .ag-heritage-title-accent {
  body.template-collection color: #d4941a;
  body.template-collection font-style: italic;
  body.template-collection text-shadow: 0 0 25px rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.4);
}

/* Heritage stats */
body.template-collection .ag-heritage-stat {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-weight: 600;
  body.template-collection color: #d4941a;
  body.template-collection text-shadow: 0 0 15px rgba(212,
  body.template-collection 148,
  body.template-collection 26,
  body.template-collection 0.3);
}

/* Story badge */
body.template-collection .ag-story-badge {
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.15) !important;
  body.template-collection backdrop-filter: blur(12px);
  body.template-collection border: 1px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.25) !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
}

/* Heritage quote */
body.template-collection .ag-heritage-quote {
  body.template-collection color: #d4941a;
  body.template-collection text-shadow: 0 2px 6px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.4);
}

/* ============================================================================
   PAGINATION — Editorial treatment
   body.template-collection ============================================================================ */

body.template-collection .ag-pagination-wrapper {
  body.template-collection display: flex;
  body.template-collection justify-content: center;
  body.template-collection align-items: center;
  body.template-collection gap: 0.5rem;
  body.template-collection margin-top: clamp(4rem,
  body.template-collection 8vw,
  body.template-collection 6rem);
  body.template-collection padding: 2rem 0;
}

body.template-collection .ag-pagination-wrapper .page,
body.template-collection .ag-pagination-wrapper .next,
body.template-collection .ag-pagination-wrapper .prev {
  body.template-collection font-family: var(--ag-font-ui);
  body.template-collection font-weight: 500;
  body.template-collection font-size: 0.85rem;
  body.template-collection min-width: 3rem;
  body.template-collection height: 3rem;
  body.template-collection display: inline-flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection color: #0e3e29;
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #ffffff,
  body.template-collection #faf9f6);
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15);
  body.template-collection border-radius: 8px;
  body.template-collection text-decoration: none;
  body.template-collection transition: all 0.3s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1);
  body.template-collection box-shadow:
    body.template-collection 0 2px 6px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.04),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.9);
}

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection .ag-pagination-wrapper .next:hover,
body.template-collection .ag-pagination-wrapper .prev:hover {
  body.template-collection transform: translateY(-3px);
  body.template-collection box-shadow:
    body.template-collection 0 6px 14px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.1),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 1);
}

body.template-collection .ag-pagination-wrapper .current {
  body.template-collection background: linear-gradient(145deg,
  body.template-collection #0e3e29,
  body.template-collection #1a4d38) !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: #0e3e29 !important;
  body.template-collection box-shadow:
    body.template-collection 0 6px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.15);
}

body.template-collection .ag-pagination-wrapper .disabled {
  body.template-collection opacity: 0.35;
  body.template-collection pointer-events: none;
}

/* ============================================================================
   SCROLL REVEAL ANIMATIONS — Cinematic staggered reveals
   body.template-collection ============================================================================ */

@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);
    }

    body.template-collection to {
      body.template-collection opacity: 1;
      body.template-collection transform: translateY(0) scale(1);
    }
  }

  /* Stagger based on position */
  body.template-collection .ag-product-grid__item:nth-child(3n+1) {
    body.template-collection animation-range: entry 10% entry 30%;
  }

  body.template-collection .ag-product-grid__item:nth-child(3n+2) {
    body.template-collection animation-range: entry 15% entry 35%;
  }

  body.template-collection .ag-product-grid__item:nth-child(3n+3) {
    body.template-collection animation-range: entry 20% entry 40%;
  }
}

/* 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 
  body.template-collection .ag-product-grid__item.is-visible {
    body.template-collection opacity: 1;
    body.template-collection transform: translateY(0) scale(1);
  }
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   body.template-collection ============================================================================ */

@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 
  body.template-collection .ag-filter-panel__heading {
    body.template-collection font-size: clamp(2rem,
    body.template-collection 6vw,
    body.template-collection 3rem);
  }

  /* Compact spacing */
  body.template-collection .ag-collection-section {
    body.template-collection padding: clamp(3rem,
    body.template-collection 8vw,
    body.template-collection 5rem) 0;
  }

  /* Heritage section single column */
  body.template-collection .ag-heritage-grid--layout {
    body.template-collection grid-template-columns: 1fr;
    body.template-collection gap: 2rem;
  }

  body.template-collection .ag-heritage-image--wrap {
    body.template-collection order: -1;
  }

  /* Smaller filter pills */
  body.template-collection .ag-filter-pill {
    body.template-collection padding: 0.5rem 1rem;
    body.template-collection font-size: 0.75rem;
  }

  /* Smaller pagination */
  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 .prev {
    body.template-collection min-width: 2.5rem;
    body.template-collection height: 2.5rem;
    body.template-collection font-size: 0.8rem;
  }
}

/* ============================================================================
   ACCESSIBILITY — Focus states
   body.template-collection ============================================================================ */

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,
body.template-collection .ag-button:focus-visible {
  body.template-collection outline: 2px solid #d4941a;
  body.template-collection outline-offset: 3px;
  body.template-collection border-radius: 4px;
}

/* ============================================================================
   REDUCED MOTION
   body.template-collection ============================================================================ */

@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 
  body.template-collection .ag-pagination-wrapper .page:hover {
    body.template-collection transform: none !important;
  }

  body.template-collection .ag-collection-accent {
    body.template-collection animation: none;
  }
}

/* ============================================================================
   OPTIONAL ENHANCEMENT CLASSES — Add via HTML for special effects
   body.template-collection ============================================================================ */

/* Catalog number badge */
body.template-collection .ag-card__catalog-number {
  body.template-collection position: absolute;
  body.template-collection top: 0.75rem;
  body.template-collection left: 0.75rem;
  body.template-collection font-family: 'SF Mono',
  body.template-collection 'Consolas',
  body.template-collection 'Monaco',
  body.template-collection monospace;
  body.template-collection font-size: 0.6rem;
  body.template-collection font-weight: 500;
  body.template-collection letter-spacing: 0.05em;
  body.template-collection color: #ffffff;
  body.template-collection background: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.9);
  body.template-collection backdrop-filter: blur(8px);
  body.template-collection padding: 0.3rem 0.6rem;
  body.template-collection border-radius: 4px;
  body.template-collection z-index: 3;
}

/* Specimen label */
body.template-collection .ag-card__specimen-label {
  body.template-collection font-family: var(--ag-font-body);
  body.template-collection font-style: italic;
  body.template-collection font-size: 0.85rem;
  body.template-collection color: #8b9a6d;
  body.template-collection margin-bottom: 0.5rem;
  body.template-collection display: block;
}

/* Editorial divider */
body.template-collection .herbarium-divider {
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
  body.template-collection gap: 1.5rem;
  body.template-collection margin: clamp(3rem,
  body.template-collection 7vw,
  body.template-collection 5rem) auto;
  body.template-collection padding: 0 2rem;
  body.template-collection max-width: 400px;
}

body.template-collection .herbarium-divider::before,
body.template-collection 
body.template-collection .herbarium-divider::after {
  body.template-collection content: '';
  body.template-collection flex: 1;
  body.template-collection height: 1px;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection transparent,
  body.template-collection #d4941a,
  body.template-collection transparent);
}

body.template-collection .herbarium-divider span {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: 1.25rem;
  body.template-collection color: #d4941a;
}

/* ============================================================================
   END OF LIVING HERBARIUM EDITORIAL
   body.template-collection ============================================================================ */


/* ============================================
   herbal-blends-laboratory.css
   body.template-collection ============================================ */

/* ============================================================================
   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

   body.template-collection ============================================================================ */

/* ============================================================================
   DESIGN TOKENS
   body.template-collection ============================================================================ */

: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
   body.template-collection ============================================================================ */

body.template-collection body.template-article article {
  body.template-collection background: var(--apothecary-charcoal) !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection position: relative !important;
  body.template-collection overflow-x: hidden !important;
}

/* Botanical texture overlay */
body.template-collection body.template-article article::before {
  body.template-collection content: '' !important;
  body.template-collection position: fixed !important;
  body.template-collection inset: 0 !important;
  body.template-collection background-image:
    body.template-collection radial-gradient(circle at 20% 30%,
    body.template-collection rgba(107,
    body.template-collection 142,
    body.template-collection 35,
    body.template-collection 0.08) 0%,
    body.template-collection transparent 50%),
    body.template-collection 
    body.template-collection radial-gradient(circle at 80% 70%,
    body.template-collection rgba(114,
    body.template-collection 47,
    body.template-collection 55,
    body.template-collection 0.08) 0%,
    body.template-collection transparent 50%),
    body.template-collection 
    body.template-collection url("data:image/svg+xml,
    body.template-collection %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 80 Q30 70 40 80 T60 80 T80 80' stroke='%236b8e23' stroke-width='0.3' fill='none' opacity='0.05'/%3E%3Cpath d='M10 60 Q20 50 30 60 T50 60 T70 60' stroke='%236b8e23' stroke-width='0.2' fill='none' opacity='0.03'/%3E%3C/svg%3E") !important;
  body.template-collection background-size: 100% 100%,
  body.template-collection 100% 100%,
  body.template-collection 200px 200px !important;
  body.template-collection pointer-events: none !important;
  body.template-collection z-index: 0 !important;
}

/* ============================================================================
   HERO SECTION — Dramatic asymmetric layout
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:first-child {
  body.template-collection position: relative !important;
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: 1fr 1fr !important;
  body.template-collection min-height: 100vh !important;
  body.template-collection padding: 0 !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--apothecary-charcoal) 0%,
  body.template-collection var(--apothecary-dark) 100%) !important;
  body.template-collection z-index: 1 !important;
}

/* Hero decorative accent */
body.template-collection body.template-article article section:first-child::before {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: 10% !important;
  body.template-collection right: -5% !important;
  body.template-collection width: 30vw !important;
  body.template-collection height: 30vw !important;
  body.template-collection background: radial-gradient(circle,
  body.template-collection var(--electric-lime) 0%,
  body.template-collection transparent 70%) !important;
  body.template-collection opacity: 0.08 !important;
  body.template-collection border-radius: 50% !important;
  body.template-collection filter: blur(60px) !important;
  body.template-collection pointer-events: none !important;
}

body.template-collection body.template-article article section:first-child::after {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection bottom: 10% !important;
  body.template-collection left: -5% !important;
  body.template-collection width: 25vw !important;
  body.template-collection height: 25vw !important;
  body.template-collection background: radial-gradient(circle,
  body.template-collection var(--electric-magenta) 0%,
  body.template-collection transparent 70%) !important;
  body.template-collection opacity: 0.06 !important;
  body.template-collection border-radius: 50% !important;
  body.template-collection filter: blur(80px) !important;
  body.template-collection pointer-events: none !important;
}

/* Hero content container */
body.template-collection body.template-article article section:first-child>div {
  body.template-collection grid-column: 1 / -1 !important;
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: 1fr 1.5fr !important;
  body.template-collection gap: 4rem !important;
  body.template-collection padding: 6rem 4rem !important;
  body.template-collection align-items: center !important;
  body.template-collection position: relative !important;
  body.template-collection z-index: 2 !important;
}

/* Left side - Vertical text accent */
body.template-collection body.template-article article section:first-child>div::before {
  body.template-collection content: 'BOTANICAL' !important;
  body.template-collection position: absolute !important;
  body.template-collection left: 2rem !important;
  body.template-collection top: 50% !important;
  body.template-collection transform: translateY(-50%) rotate(-90deg) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(3rem,
  body.template-collection 5vw,
  body.template-collection 5rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: 0.3em !important;
  body.template-collection color: transparent !important;
  body.template-collection -webkit-text-stroke: 1px var(--electric-lime) !important;
  body.template-collection opacity: 0.3 !important;
  body.template-collection pointer-events: none !important;
}

/* Hero title wrapper */
body.template-collection body.template-article article section:first-child>div>div:first-child {
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection gap: 1.5rem !important;
  body.template-collection position: relative !important;
}

/* Numbered chapter accent */
body.template-collection body.template-article article section:first-child>div>div:first-child::before {
  body.template-collection content: '01' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: -4rem !important;
  body.template-collection left: -2rem !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: clamp(6rem,
  body.template-collection 12vw,
  body.template-collection 10rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection opacity: 0.15 !important;
  body.template-collection line-height: 1 !important;
  body.template-collection pointer-events: none !important;
}

/* Hero title - Brutalist scale */
body.template-collection body.template-article article section:first-child h1 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(3rem,
  body.template-collection 7vw,
  body.template-collection 6rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.05em !important;
  body.template-collection line-height: 0.95 !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection margin: 0 !important;
  body.template-collection position: relative !important;
  body.template-collection text-transform: lowercase !important;
}

/* Hero subtitle with electric accent */
body.template-collection body.template-article article section:first-child>div>div:first-child>p {
  body.template-collection font-family: 'Caveat',
  body.template-collection cursive !important;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2.5rem) !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection margin: 0 !important;
  body.template-collection font-weight: 400 !important;
  body.template-collection letter-spacing: 0.02em !important;
  body.template-collection text-shadow: 0 0 20px rgba(180,
  body.template-collection 255,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Hero metadata */
body.template-collection body.template-article article section:first-child>div>div:nth-child(2) {
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection gap: 0.5rem !important;
  body.template-collection padding: 1.5rem !important;
  body.template-collection background: var(--glass-surface) !important;
  body.template-collection border: 1px solid var(--glass-border) !important;
  body.template-collection border-left: 3px solid var(--electric-lime) !important;
  body.template-collection backdrop-filter: blur(10px) !important;
  body.template-collection max-width: 300px !important;
}

body.template-collection body.template-article article section:first-child>div>div:nth-child(2) p {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.85rem !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection margin: 0 !important;
  body.template-collection letter-spacing: 0.05em !important;
  body.template-collection text-transform: uppercase !important;
}

/* Scroll indicator - animated */
body.template-collection body.template-article article section:first-child>div>div:last-child {
  body.template-collection position: absolute !important;
  body.template-collection bottom: 2rem !important;
  body.template-collection right: 4rem !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection align-items: center !important;
  body.template-collection gap: 0.5rem !important;
  body.template-collection animation: bounce 2s infinite !important;
}

@keyframes bounce {

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

  body.template-collection 40% {
    body.template-collection transform: translateY(-10px);
  }

  body.template-collection 60% {
    body.template-collection transform: translateY(-5px);
  }
}

body.template-collection body.template-article article section:first-child>div>div:last-child>span {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.7rem !important;
  body.template-collection letter-spacing: 0.2em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection color: var(--text-muted) !important;
}

body.template-collection body.template-article article section:first-child>div>div:last-child img {
  body.template-collection width: 24px !important;
  body.template-collection height: 40px !important;
  body.template-collection opacity: 0.5 !important;
  body.template-collection filter: invert(1) !important;
}

/* ============================================================================
   SECTION HEADINGS — Brutalist typography
   body.template-collection ============================================================================ */

body.template-collection body.template-article article h2 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 4rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.04em !important;
  body.template-collection line-height: 1.1 !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection margin: 4rem 0 2rem !important;
  body.template-collection text-transform: lowercase !important;
  body.template-collection position: relative !important;
  body.template-collection padding-left: 1rem !important;
}

/* Electric accent line */
body.template-collection body.template-article article h2::before {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection left: 0 !important;
  body.template-collection top: 0.2em !important;
  body.template-collection bottom: 0.2em !important;
  body.template-collection width: 4px !important;
  body.template-collection background: linear-gradient(180deg,
  body.template-collection var(--electric-lime),
  body.template-collection var(--electric-magenta)) !important;
  body.template-collection border-radius: 2px !important;
}

/* ============================================================================
   PARAGRAPH TEXT — Editorial readability
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section>div>p {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1rem,
  body.template-collection 1.8vw,
  body.template-collection 1.25rem) !important;
  body.template-collection line-height: 1.8 !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection margin: 0 0 1.5rem !important;
  body.template-collection letter-spacing: 0.01em !important;
}

body.template-collection body.template-article article section>div>p:first-of-type::first-letter {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 4em !important;
  body.template-collection float: left !important;
  body.template-collection line-height: 0.8 !important;
  body.template-collection margin-right: 0.1em !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection font-weight: 700 !important;
}

/* ============================================================================
   BLEND CARDS — Glassmorphism specimen cards
   body.template-collection ============================================================================ */

/* Blend card container */
body.template-collection body.template-article article section>div>.space-y-8>div {
  body.template-collection background: var(--glass-surface) !important;
  body.template-collection border: 1px solid var(--glass-border) !important;
  body.template-collection border-radius: 16px !important;
  body.template-collection padding: 2rem !important;
  body.template-collection margin-bottom: 2rem !important;
  body.template-collection backdrop-filter: blur(20px) !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
  body.template-collection position: relative !important;
  body.template-collection overflow: hidden !important;
}

/* Glow effect on hover */
body.template-collection body.template-article article section>div>.space-y-8>div::before {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: 0 !important;
  body.template-collection left: 0 !important;
  body.template-collection right: 0 !important;
  body.template-collection height: 2px !important;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection var(--electric-lime),
  body.template-collection var(--electric-magenta),
  body.template-collection var(--electric-amber)) !important;
  body.template-collection opacity: 0 !important;
  body.template-collection transition: opacity 0.4s ease !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div:hover::before {
  body.template-collection opacity: 1 !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div:hover {
  body.template-collection transform: translateY(-4px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 20px 40px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection 0 0 60px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.1) !important;
  body.template-collection border-color: var(--border-glow) !important;
}

/* Blend card heading wrapper */
body.template-collection body.template-article article section>div>.space-y-8>div>div:first-child {
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: space-between !important;
  body.template-collection margin-bottom: 1.5rem !important;
  body.template-collection gap: 1rem !important;
}

/* Percentage badge */
body.template-collection body.template-article article section>div>.space-y-8>div>div:first-child>div:first-child {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--botanical-fern),
  body.template-collection var(--botanical-sage)) !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.75rem !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: 0.1em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection padding: 0.5rem 1rem !important;
  body.template-collection border-radius: 20px !important;
  body.template-collection text-shadow: 0 2px 4px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Blend card title */
body.template-collection body.template-article article section>div>.space-y-8>div h3 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2rem) !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection margin: 0 !important;
}

/* Ingredient list */
body.template-collection body.template-article article section>div>.space-y-8>div>div:nth-child(2) {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: repeat(auto-fit,
  body.template-collection minmax(140px,
  body.template-collection 1fr)) !important;
  body.template-collection gap: 1rem !important;
  body.template-collection margin-bottom: 1.5rem !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div>div:nth-child(2)>div {
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection gap: 0.25rem !important;
  body.template-collection padding: 0.75rem !important;
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.03) !important;
  body.template-collection border-radius: 8px !important;
  body.template-collection border: 1px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.05) !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div>div:nth-child(2)>div>div:first-child {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.8rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection letter-spacing: 0.05em !important;
  body.template-collection text-transform: uppercase !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div>div:nth-child(2)>div>div:last-child {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 0.9rem !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection font-style: italic !important;
}

/* Blend card description */
body.template-collection body.template-article article section>div>.space-y-8>div>p {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: clamp(0.95rem,
  body.template-collection 1.6vw,
  body.template-collection 1.1rem) !important;
  body.template-collection line-height: 1.7 !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection margin: 0 !important;
}

/* ============================================================================
   HERB REFERENCE CARDS — Specimen grid
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:has(h2) .grid {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: repeat(auto-fit,
  body.template-collection minmax(280px,
  body.template-collection 1fr)) !important;
  body.template-collection gap: 1.5rem !important;
  body.template-collection margin: 2rem 0 !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div {
  body.template-collection background: var(--glass-surface) !important;
  body.template-collection border: 1px solid var(--glass-border) !important;
  body.template-collection border-radius: 12px !important;
  body.template-collection padding: 1.5rem !important;
  body.template-collection backdrop-filter: blur(20px) !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
  body.template-collection position: relative !important;
  body.template-collection overflow: hidden !important;
}

/* Specimen card accent */
body.template-collection body.template-article article section:has(h2) .grid>div::before {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: 0 !important;
  body.template-collection left: 0 !important;
  body.template-collection width: 100% !important;
  body.template-collection height: 3px !important;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection var(--electric-magenta),
  body.template-collection var(--electric-cyan)) !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div:hover {
  body.template-collection transform: translateY(-4px) !important;
  body.template-collection box-shadow:
    body.template-collection 0 15px 30px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection 0 0 40px rgba(255,
    body.template-collection 0,
    body.template-collection 128,
    body.template-collection 0.1) !important;
}

/* Herb name */
body.template-collection body.template-article article section:has(h2) .grid>div h4 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 1.5rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection margin: 0 0 1rem !important;
}

/* Herb properties grid */
body.template-collection body.template-article article section:has(h2) .grid>div>div>div {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: auto 1fr !important;
  body.template-collection gap: 0.5rem 1rem !important;
  body.template-collection margin-bottom: 0.75rem !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div>div>div>p:first-child {
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.7rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection color: var(--electric-magenta) !important;
  body.template-collection letter-spacing: 0.1em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection margin: 0 !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div>div>div>p:last-child {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 0.9rem !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection margin: 0 !important;
}

/* ============================================================================
   BREWING STEPS — Numbered cards with electric accents
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4))) {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: repeat(4,
  body.template-collection 1fr) !important;
  body.template-collection gap: 1rem !important;
  body.template-collection margin: 2rem 0 !important;
}

body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4)))>div {
  body.template-collection background: var(--glass-surface) !important;
  body.template-collection border: 1px solid var(--glass-border) !important;
  body.template-collection border-radius: 12px !important;
  body.template-collection padding: 1.5rem !important;
  body.template-collection backdrop-filter: blur(20px) !important;
  body.template-collection text-align: center !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
  body.template-collection position: relative !important;
}

body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4)))>div:hover {
  body.template-collection transform: translateY(-6px) !important;
  body.template-collection border-color: var(--electric-lime) !important;
  body.template-collection box-shadow:
    body.template-collection 0 15px 30px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection 0 0 40px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.15) !important;
}

/* Step number */
body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4)))>div>div:first-child {
  body.template-collection width: 50px !important;
  body.template-collection height: 50px !important;
  body.template-collection margin: 0 auto 1rem !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--electric-lime),
  body.template-collection var(--botanical-sage)) !important;
  body.template-collection border-radius: 50% !important;
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: center !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 1.25rem !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection color: var(--apothecary-charcoal) !important;
}

/* Step description */
body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4)))>div h4 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 1.1rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection color: var(--text-primary) !important;
  body.template-collection margin: 0 0 0.5rem !important;
}

body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4)))>div p {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 0.85rem !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection margin: 0 !important;
  body.template-collection line-height: 1.5 !important;
}

/* ============================================================================
   PRINCIPLES SECTION — Alternating layout
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: 1fr 2fr !important;
  body.template-collection gap: 2rem !important;
  body.template-collection padding: 2rem !important;
  body.template-collection background: var(--glass-surface) !important;
  body.template-collection border: 1px solid var(--glass-border) !important;
  body.template-collection border-radius: 16px !important;
  body.template-collection margin-bottom: 1.5rem !important;
  body.template-collection backdrop-filter: blur(20px) !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3):nth-child(even) {
  body.template-collection grid-template-columns: 2fr 1fr !important;
}

body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3):hover {
  body.template-collection border-color: var(--electric-amber) !important;
  body.template-collection box-shadow:
    body.template-collection 0 10px 30px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection 0 0 40px rgba(255,
    body.template-collection 107,
    body.template-collection 0,
    body.template-collection 0.1) !important;
}

/* Principle heading */
body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3)>h3 {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 1.75rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection color: var(--electric-amber) !important;
  body.template-collection margin: 0 !important;
  body.template-collection text-transform: lowercase !important;
}

/* Principle list */
body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) ul {
  body.template-collection list-style: none !important;
  body.template-collection padding: 0 !important;
  body.template-collection margin: 0 !important;
}

body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) ul li {
  body.template-collection font-family: 'Crimson Text',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 1rem !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection padding: 0.5rem 0 !important;
  body.template-collection border-bottom: 1px solid rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.05) !important;
  body.template-collection line-height: 1.6 !important;
}

body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) ul li:last-child {
  body.template-collection border-bottom: none !important;
}

/* ============================================================================
   FINAL THOUGHT BOX — Highlighted quote
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:has(h2)>div:has(> div:has(> p:contains(Final Thought))) {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(180,
  body.template-collection 255,
  body.template-collection 0,
  body.template-collection 0.1),
  body.template-collection rgba(255,
  body.template-collection 0,
  body.template-collection 128,
  body.template-collection 0.05)) !important;
  body.template-collection border: 1px solid var(--border-glow) !important;
  body.template-collection border-radius: 16px !important;
  body.template-collection padding: 2rem !important;
  body.template-collection margin: 2rem 0 !important;
  body.template-collection position: relative !important;
}

body.template-collection body.template-article article section:has(h2)>div:has(> div:has(> p:contains(Final Thought)))::before {
  body.template-collection content: '❝' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: 1rem !important;
  body.template-collection left: 1.5rem !important;
  body.template-collection font-size: 3rem !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection opacity: 0.3 !important;
  body.template-collection font-family: Georgia,
  body.template-collection serif !important;
}

/* ============================================================================
   CTA SECTION — Electric call to action
   body.template-collection ============================================================================ */

body.template-collection body.template-article article section:has(h2) a[href*="herbal-powders"] {
  body.template-collection display: inline-flex !important;
  body.template-collection align-items: center !important;
  body.template-collection gap: 0.75rem !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--electric-lime),
  body.template-collection var(--botanical-sage)) !important;
  body.template-collection color: var(--apothecary-charcoal) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 1rem !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: 0.05em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection padding: 1rem 2rem !important;
  body.template-collection border-radius: 50px !important;
  body.template-collection text-decoration: none !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
  body.template-collection box-shadow:
    body.template-collection 0 10px 30px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.2) !important;
  body.template-collection border: none !important;
}

body.template-collection body.template-article article section:has(h2) a[href*="herbal-powders"]:hover {
  body.template-collection transform: translateY(-2px) scale(1.02) !important;
  body.template-collection box-shadow:
    body.template-collection 0 15px 40px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection inset 0 1px 0 rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.3) !important;
}

/* ============================================================================
   RESPONSIVE DESIGN
   body.template-collection ============================================================================ */

@media (max-width: 1024px) {

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

  body.template-collection body.template-article article section:first-child>div {
    body.template-collection grid-template-columns: 1fr !important;
    body.template-collection padding: 2rem !important;
    body.template-collection gap: 2rem !important;
  }

  body.template-collection body.template-article article section:first-child>div::before {
    body.template-collection display: none !important;
  }

  /* Brewing steps - 2x2 grid */
  body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4))) {
    body.template-collection grid-template-columns: repeat(2,
    body.template-collection 1fr) !important;
  }

  /* Principles - Stack */
  body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) {
    body.template-collection grid-template-columns: 1fr !important;
  }

  body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3):nth-child(even) {
    body.template-collection grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {

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

  body.template-collection body.template-article article section:first-child>div>div:first-child::before {
    body.template-collection font-size: 4rem !important;
    body.template-collection top: -2rem !important;
  }

  /* Brewing steps - Stack */
  body.template-collection body.template-article article section:has(h2) .grid:has(div:has(> div:has(h4))) {
    body.template-collection grid-template-columns: 1fr !important;
  }

  /* Herb reference - Stack */
  body.template-collection body.template-article article section:has(h2) .grid {
    body.template-collection grid-template-columns: 1fr !important;
  }

  /* Blend cards - Full width ingredients */
  body.template-collection body.template-article article section>div>.space-y-8>div>div:nth-child(2) {
    body.template-collection grid-template-columns: 1fr 1fr !important;
  }

  /* Section headings mobile */
  body.template-collection body.template-article article h2 {
    body.template-collection font-size: clamp(1.5rem,
    body.template-collection 5vw,
    body.template-collection 2rem) !important;
  }
}

/* ============================================================================
   ACCESSIBILITY
   body.template-collection ============================================================================ */

body.template-collection body.template-article article a:focus-visible,
body.template-collection 
body.template-collection body.template-article article button:focus-visible {
  body.template-collection outline: 2px solid var(--electric-lime) !important;
  body.template-collection outline-offset: 4px !important;
  body.template-collection border-radius: 4px !important;
}

/* ============================================================================
   MOTION PREFERENCES
   body.template-collection ============================================================================ */

@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 
  body.template-collection body.template-article article section:has(h2) .space-y-8>div:has(> h3) {
    body.template-collection transition: none !important;
  }

  body.template-collection body.template-article article section:has(h2) a[href*="herbal-powders"] {
    body.template-collection transition: none !important;
  }
}

/* ============================================================================
   CARD BADGE — Clear dark apothecary style (no green)
   body.template-collection ============================================================================ */

body.template-collection body.template-article article .ag-card__badge-floating {
  body.template-collection background: transparent !important;
  body.template-collection border: none !important;
  body.template-collection color: var(--text-primary) !important;
}

body.template-collection body.template-article article .ag-card__badge-icon {
  body.template-collection color: var(--electric-magenta) !important;
}

body.template-collection body.template-article article .ag-card__badge-icon svg {
  body.template-collection stroke: var(--electric-magenta) !important;
}

body.template-collection body.template-article article .ag-card__badge-text {
  body.template-collection color: var(--text-primary) !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.75rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.05em !important;
}

/* ============================================================================
   PREMIUM REFINEMENTS — Enhanced details and polish
   body.template-collection ============================================================================ */

/* Enhanced drop cap with decorative ring */
body.template-collection body.template-article article section>div>p:first-of-type::first-letter {
  body.template-collection font-family: 'Fraunces',
  body.template-collection Georgia,
  body.template-collection serif !important;
  body.template-collection font-size: 4.5em !important;
  body.template-collection float: left !important;
  body.template-collection line-height: 0.75 !important;
  body.template-collection margin-right: 0.15em !important;
  body.template-collection margin-top: 0.05em !important;
  body.template-collection color: var(--electric-lime) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection position: relative !important;
  body.template-collection z-index: 1 !important;
}

body.template-collection body.template-article article section>div>p:first-of-type::before {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection left: 0.15em !important;
  body.template-collection top: 0.1em !important;
  body.template-collection width: 0.9em !important;
  body.template-collection height: 0.9em !important;
  body.template-collection border: 2px solid var(--electric-lime) !important;
  body.template-collection border-radius: 50% !important;
  body.template-collection opacity: 0.3 !important;
  body.template-collection z-index: -1 !important;
  body.template-collection transform: rotate(-15deg) !important;
}

/* Section dividers with botanical pattern */
body.template-collection body.template-article article section>div:has(> h2) {
  body.template-collection position: relative !important;
}

body.template-collection body.template-article article section>div:has(> h2)::after {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection bottom: -2rem !important;
  body.template-collection left: 0 !important;
  body.template-collection right: 0 !important;
  body.template-collection height: 1px !important;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection 
      body.template-collection transparent 0%,
      body.template-collection 
      body.template-collection var(--electric-lime) 20%,
      body.template-collection 
      body.template-collection var(--electric-magenta) 50%,
      body.template-collection 
      body.template-collection var(--electric-lime) 80%,
      body.template-collection 
      body.template-collection transparent 100%) !important;
  body.template-collection opacity: 0.2 !important;
}

/* Decorative corner accents on cards */
body.template-collection body.template-article article section>div>.space-y-8>div::after {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: 0 !important;
  body.template-collection right: 0 !important;
  body.template-collection width: 20px !important;
  body.template-collection height: 20px !important;
  body.template-collection background: linear-gradient(135deg,
  body.template-collection var(--electric-lime) 0%,
  body.template-collection transparent 50%) !important;
  body.template-collection opacity: 0 !important;
  body.template-collection transition: opacity 0.4s ease !important;
  body.template-collection clip-path: polygon(100% 0,
  body.template-collection 100% 100%,
  body.template-collection 0 100%) !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div:hover::after {
  body.template-collection opacity: 0.4 !important;
}

/* Enhanced image containers with glow */
body.template-collection body.template-article article section img {
  body.template-collection border-radius: 12px !important;
  body.template-collection box-shadow:
    body.template-collection 0 10px 30px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.3),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(255,
    body.template-collection 255,
    body.template-collection 255,
    body.template-collection 0.05) !important;
  body.template-collection transition: all 0.4s cubic-bezier(0.22,
  body.template-collection 1,
  body.template-collection 0.36,
  body.template-collection 1) !important;
}

body.template-collection body.template-article article section img:hover {
  body.template-collection box-shadow:
    body.template-collection 0 20px 50px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.4),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.2),
    body.template-collection 
    body.template-collection 0 0 60px rgba(180,
    body.template-collection 255,
    body.template-collection 0,
    body.template-collection 0.1) !important;
  body.template-collection transform: scale(1.01) !important;
}

/* Animated gradient text on key headings */
body.template-collection body.template-article article h2 {
  body.template-collection background: linear-gradient(135deg,
  body.template-collection 
      body.template-collection var(--text-primary) 0%,
      body.template-collection 
      body.template-collection var(--electric-lime) 50%,
      body.template-collection 
      body.template-collection var(--text-primary) 100%) !important;
  body.template-collection background-size: 200% auto !important;
  body.template-collection -webkit-background-clip: text !important;
  body.template-collection -webkit-text-fill-color: transparent !important;
  body.template-collection background-clip: text !important;
  body.template-collection animation: shimmer 8s linear infinite !important;
}

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

  body.template-collection 100% {
    body.template-collection background-position: 200% center;
  }
}

/* Enhanced list items with custom bullets */
body.template-collection body.template-article article section>div>div ul {
  body.template-collection list-style: none !important;
  body.template-collection padding-left: 0 !important;
}

body.template-collection body.template-article article section>div>div ul li {
  body.template-collection position: relative !important;
  body.template-collection padding-left: 1.5rem !important;
  body.template-collection margin-bottom: 0.5rem !important;
}

body.template-collection body.template-article article section>div>div ul li::before {
  body.template-collection content: '◆' !important;
  body.template-collection position: absolute !important;
  body.template-collection left: 0 !important;
  body.template-collection color: var(--electric-magenta) !important;
  body.template-collection font-size: 0.5rem !important;
  body.template-collection top: 0.6em !important;
}

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

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

  body.template-collection 50% {
    body.template-collection transform: translateY(-2px);
  }
}

body.template-collection body.template-article article section:has(h2) .grid>div {
  body.template-collection animation: float 6s ease-in-out infinite !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div:nth-child(2) {
  body.template-collection animation-delay: 0.5s !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div:nth-child(3) {
  body.template-collection animation-delay: 1s !important;
}

body.template-collection body.template-article article section:has(h2) .grid>div:nth-child(4) {
  body.template-collection animation-delay: 1.5s !important;
}

/* Pause animation on hover */
body.template-collection body.template-article article section:has(h2) .grid>div:hover {
  body.template-collection animation: none !important;
}

/* 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>.grid>div>div:first-child>div:first-child {
  body.template-collection position: relative !important;
  body.template-collection overflow: hidden !important;
}

body.template-collection body.template-article article section>div>.space-y-8>div>div:first-child>div:first-child::after,
body.template-collection 
body.template-collection body.template-article article section>div>.grid>div>div:first-child>div:first-child::after {
  body.template-collection content: '' !important;
  body.template-collection position: absolute !important;
  body.template-collection bottom: 0 !important;
  body.template-collection left: 0 !important;
  body.template-collection height: 2px !important;
  body.template-collection background: var(--electric-lime) !important;
  body.template-collection animation: progress 2s ease-out forwards !important;
}

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

  body.template-collection to {
    body.template-collection width: 100%;
  }
}

/* Reading progress indicator at top */
body.template-collection body.template-article article::after {
  body.template-collection content: '' !important;
  body.template-collection position: fixed !important;
  body.template-collection top: 0 !important;
  body.template-collection left: 0 !important;
  body.template-collection height: 3px !important;
  body.template-collection background: linear-gradient(90deg,
  body.template-collection 
      body.template-collection var(--electric-lime),
      body.template-collection 
      body.template-collection var(--electric-magenta),
      body.template-collection 
      body.template-collection var(--electric-amber)) !important;
  body.template-collection width: 0% !important;
  body.template-collection z-index: 9999 !important;
  body.template-collection transition: width 0.1s ease-out !important;
}

/* Decorative botanical illustrations (CSS-only) */
body.template-collection body.template-article article section>div:has(> h2)::before {
  body.template-collection content: '🌿' !important;
  body.template-collection position: absolute !important;
  body.template-collection top: -1rem !important;
  body.template-collection right: 2rem !important;
  body.template-collection font-size: 2rem !important;
  body.template-collection opacity: 0.1 !important;
  body.template-collection transform: rotate(15deg) !important;
  body.template-collection pointer-events: none !important;
}

/* Enhanced quote styling */
body.template-collection body.template-article article section>div>blockquote {
  body.template-collection border-left: 3px solid var(--electric-magenta) !important;
  body.template-collection padding-left: 1.5rem !important;
  body.template-collection margin: 2rem 0 !important;
  body.template-collection font-style: italic !important;
  body.template-collection color: var(--text-secondary) !important;
  body.template-collection position: relative !important;
}

body.template-collection body.template-article article section>div>blockquote::before {
  body.template-collection content: '"' !important;
  body.template-collection position: absolute !important;
  body.template-collection left: 0.5rem !important;
  body.template-collection top: -0.5rem !important;
  body.template-collection font-size: 3rem !important;
  body.template-collection color: var(--electric-magenta) !important;
  body.template-collection opacity: 0.2 !important;
  body.template-collection font-family: Georgia,
  body.template-collection serif !important;
}

/* Smooth scroll behavior */
body.template-collection body.template-article article {
  body.template-collection scroll-behavior: smooth !important;
}

/* Selection styling */
body.template-collection body.template-article article ::selection {
  body.template-collection background: var(--electric-lime) !important;
  body.template-collection color: var(--apothecary-charcoal) !important;
}

/* Focus ring enhancement */
body.template-collection body.template-article article a:focus-visible,
body.template-collection 
body.template-collection body.template-article article button:focus-visible {
  body.template-collection outline: 2px solid var(--electric-lime) !important;
  body.template-collection outline-offset: 4px !important;
  body.template-collection border-radius: 4px !important;
  body.template-collection box-shadow: 0 0 20px rgba(180,
  body.template-collection 255,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* ============================================================================
   BRAND ORANGE ACCENT — Wellness Collections
   body.template-collection ============================================================================ */

/* Global selector - works everywhere */
body.template-collection .ag-collection-accent {
  body.template-collection color: #f6b900 !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection text-shadow: 0 0 20px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Article page specific */
body.template-collection body.template-article article .ag-collection-accent {
  body.template-collection color: #f6b900 !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection text-shadow: 0 0 20px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Collection page specific */
body.template-collection .ag-collection-accent {
  body.template-collection color: #f6b900 !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection text-shadow: 0 0 20px rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.3) !important;
}

/* Product card badges on collection page - clear/transparent */
body.template-collection .ag-card__badge-floating {
  body.template-collection background: transparent !important;
  body.template-collection border: none !important;
  body.template-collection backdrop-filter: none !important;
}

body.template-collection .ag-card__badge-icon {
  body.template-collection color: var(--text-primary) !important;
}

body.template-collection .ag-card__badge-icon svg {
  body.template-collection stroke: var(--text-primary) !important;
}

body.template-collection .ag-card__badge-text {
  body.template-collection color: var(--text-primary) !important;
}

/* ============================================================================
   FILTER PANEL LAYOUT — Move label above heading
   body.template-collection ============================================================================ */

/* Target the section with "Find Your Perfect Match" heading */
body.template-collection .ag-filter-panel:has(h2) {
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
}

/* Reorder elements to place label first */
body.template-collection .ag-filter-panel__label.ag-kicker {
  body.template-collection order: -1 !important;
  body.template-collection margin-bottom: 0.5rem !important;
  body.template-collection background: transparent !important;
  body.template-collection padding: 0 !important;
  body.template-collection font-size: clamp(2.7rem,
  body.template-collection 5.6vw,
  body.template-collection 3.7rem) !important;
}

/* ============================================================================
   UNIVERSAL BADGE TRANSPARENCY — All pages, all contexts
   body.template-collection ============================================================================ */

/* 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,
body .ag-card__badge-floating {
  body.template-collection background: transparent !important;
  body.template-collection border: none !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
  body.template-collection box-shadow: none !important;
  body.template-collection padding: 0.25rem 0.5rem !important;
}

/* 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 .ag-card__badge-icon {
  body.template-collection color: #f5f5f5 !important;
}

body.template-collection .ag-card__badge-icon svg,
body.template-collection .ag-premium-collections .ag-card__badge-icon svg,
body .ag-card__badge-icon svg {
  body.template-collection stroke: #f5f5f5 !important;
}

/* Badge text styling - white/light text */
body.template-collection .ag-card__badge-text,
body.template-collection .ag-premium-collections .ag-card__badge-text,
body .ag-card__badge-text {
  body.template-collection color: #f5f5f5 !important;
  body.template-collection font-family: 'Work Sans',
  body.template-collection sans-serif !important;
  body.template-collection font-size: 0.75rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection letter-spacing: 0.05em !important;
}

/* ============================================================================
   END OF DARK BOTANICAL APOTHECARY STYLES
   body.template-collection ============================================================================ */

/* ============================================================================
   END OF DARK BOTANICAL APOTHECARY STYLES
   body.template-collection ============================================================================ */


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

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

/* =============================================================================
   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
   body.template-collection ============================================================================= */

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

/* H2: Increase size ~12%, tighten line-height */
body.template-collection .ag-premium-collections .ag-section-heading {
  body.template-collection font-size: clamp(2.2rem,
  body.template-collection 4.8vw,
  body.template-collection 3.6rem) !important;
  body.template-collection line-height: 1.06 !important;
  body.template-collection letter-spacing: -0.02em !important;
  body.template-collection margin-bottom: 1.25rem !important;
}

/* Script accent: reduce dominance (weight only, no color change) */
body.template-collection .ag-premium-collections .ag-collection-accent {
  body.template-collection font-weight: 400 !important;
}

/* Subcopy: better contrast via opacity (no color change), more breathing room */
body.template-collection .ag-premium-collections .ag-collection__subheading {
  body.template-collection opacity: 0.88 !important;
  body.template-collection font-weight: 420 !important;
  body.template-collection margin-bottom: 1rem !important;
}

/* Section intro: increased spacing below heading block */
body.template-collection .ag-premium-collections .ag-collection-section__intro {
  body.template-collection margin-bottom: clamp(2.4rem,
  body.template-collection 5vw,
  body.template-collection 3.6rem) !important;
}

/* 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-collection-hero__btn {
  body.template-collection min-height: 58px !important;
  body.template-collection transition: transform 180ms ease-out,
  body.template-collection box-shadow 180ms ease-out !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 transform: translateY(-2px) !important;
  body.template-collection box-shadow: 0 8px 20px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15) !important;
}

body.template-collection .ag-premium-collections .ag-button:focus-visible,
body.template-collection 
body.template-collection .ag-premium-collections .ag-collection-hero__btn:focus-visible {
  body.template-collection outline: 2.5px solid #f6b900 !important;
  body.template-collection outline-offset: 2px !important;
}

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

/* Filter panel: better breathing room */
body.template-collection .ag-collection-section--products-shell .ag-filter-panel__header {
  body.template-collection margin-bottom: 2rem !important;
}

/* Filter list: increased gap */
body.template-collection .ag-collection-section--products-shell .ag-filter-list--centered {
  body.template-collection gap: 1rem !important;
}

/* Filter chips: increased padding */
body.template-collection .ag-collection-section--products-shell .ag-filter-pill {
  body.template-collection padding: 0.75rem 1.5rem !important;
  body.template-collection font-size: 0.92rem !important;
  body.template-collection font-weight: 500 !important;
  body.template-collection border-radius: 999px !important;
  body.template-collection border-width: 1.5px !important;
  body.template-collection transition: transform 160ms ease,
  body.template-collection background-color 160ms ease,
  body.template-collection border-color 160ms ease,
  body.template-collection box-shadow 160ms ease !important;
}

/* Filter chip: hover (background deepen) */
body.template-collection .ag-collection-section--products-shell .ag-filter-pill:hover {
  body.template-collection background-color: #f4f1e8 !important;
  body.template-collection border-color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.3) !important;
  body.template-collection box-shadow: 0 3px 8px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.1) !important;
}

/* Filter chip: active state (darker tone, inset, subtle scale) */
body.template-collection .ag-collection-section--products-shell .ag-filter-pill.is-active {
  body.template-collection background-color: #0a2f20 !important;
  body.template-collection color: #ffffff !important;
  body.template-collection border-color: #0a2f20 !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection transform: scale(1.02) !important;
  body.template-collection box-shadow: inset 0 1px 2px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.15),
  body.template-collection 0 4px 12px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2) !important;
}

/* Filter chip: keyboard focus */
body.template-collection .ag-collection-section--products-shell .ag-filter-pill:focus-visible {
  body.template-collection outline: 2.5px solid #f6b900 !important;
  body.template-collection outline-offset: 2px !important;
}

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

/* Product grid: better spacing */
body.template-collection .ag-collection-section--products-shell .ag-product-grid {
  body.template-collection gap: 2.2rem !important;
}

/* Card: increased padding 12-16px equivalent */
body.template-collection .ag-collection-section--products-shell .ag-card__content {
  body.template-collection padding: 1.4rem 1.35rem 1.4rem !important;
}

/* Title: increased spacing below */
body.template-collection .ag-collection-section--products-shell .ag-card__title {
  body.template-collection margin-bottom: 0.8rem !important;
}

/* Description: clamp to 2 lines, increased spacing above price */
body.template-collection .ag-collection-section--products-shell .ag-card__excerpt {
  body.template-collection margin-bottom: 1.25rem !important;
  body.template-collection display: -webkit-box !important;
  body.template-collection -webkit-box-orient: vertical !important;
  body.template-collection -webkit-line-clamp: 2 !important;
  body.template-collection line-clamp: 2 !important;
  body.template-collection overflow: hidden !important;
}

/* Price: increased weight, increased size */
body.template-collection .ag-collection-section--products-shell .ag-card__price {
  body.template-collection font-size: 1.4rem !important;
  body.template-collection font-weight: 800 !important;
}

/* Currency symbol: reduced size */
body.template-collection .ag-collection-section--products-shell .ag-card__price::first-letter {
  body.template-collection font-size: 0.72em !important;
  body.template-collection opacity: 0.82 !important;
}

/* Card footer: ensure alignment, spacing above price */
body.template-collection .ag-collection-section--products-shell .ag-card__footer {
  body.template-collection padding-top: 1.25rem !important;
  body.template-collection min-height: 5.6rem !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: row !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: space-between !important;
  body.template-collection gap: 0.75rem !important;
}

/* Badge: increased inset, smaller text, larger radius */
body.template-collection .ag-collection-section--products-shell .ag-card__badge-floating {
  body.template-collection top: 16px !important;
  body.template-collection right: 16px !important;
  body.template-collection padding: 0.45rem 0.85rem !important;
  body.template-collection border-radius: 9px !important;
}

body.template-collection .ag-collection-section--products-shell .ag-card__badge-text {
  body.template-collection font-size: 0.63rem !important;
}

/* Card: depth system */
body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection transition: transform 180ms ease-out,
  body.template-collection box-shadow 180ms ease-out !important;
}

/* Card hover: translateY(-4px), stronger shadow */
body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
  body.template-collection transform: translateY(-4px) !important;
  body.template-collection box-shadow: 0 18px 36px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.12) !important;
}

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

/* Main headline: increase size slightly */
body.template-collection .ag-heritage-section--shell .ag-heritage-title {
  body.template-collection font-size: clamp(3.3rem,
  body.template-collection 5.8vw,
  body.template-collection 5rem) !important;
}

/* Metric number: increase size and weight */
body.template-collection .ag-heritage-section--shell .ag-heritage-stat {
  body.template-collection font-size: clamp(2.5rem,
  body.template-collection 5.2vw,
  body.template-collection 3.6rem) !important;
  body.template-collection font-weight: 800 !important;
}

/* Metric label: improve spacing below number */
body.template-collection .ag-heritage-section--shell .ag-heritage-stat-label {
  body.template-collection margin-top: 0.5rem !important;
}

/* Left column: increase padding */
body.template-collection .ag-heritage-section--shell .ag-heritage-content {
  body.template-collection padding-right: 2rem !important;
}

/* Background overlay: reduce opacity */
body.template-collection .ag-heritage-section--shell .ag-heritage-image-overlay {
  body.template-collection opacity: 0.85 !important;
}

/* Image card: subtle depth only */
body.template-collection .ag-heritage-section--shell .ag-heritage-image-card {
  body.template-collection box-shadow: 0 32px 64px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.25) !important;
}

/* =============================================================================
   SCROLL RHYTHM UPGRADE (BODY ONLY)
   body.template-collection ============================================================================= */

/* Section spacing: subtle increase between major blocks */
body.template-collection .ag-collection-section.ag-premium-collections+.ag-collection-section--products-shell {
  body.template-collection padding-top: calc(var(--ag-local-section-space-desktop) + 2rem) !important;
}

/* Background modulation: extremely subtle beige tone shift */
body.template-collection .ag-collection-section--products-shell {
  body.template-collection background: linear-gradient(180deg,
  body.template-collection #fffbf4 0%,
  body.template-collection #fff9f0 100%) !important;
}

/* =============================================================================
   RESPONSIVE BREAKPOINTS
   body.template-collection ============================================================================= */

@media (max-width: 767px) {

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

  body.template-collection .ag-premium-collections .ag-button,
  body.template-collection 
  body.template-collection .ag-premium-collections .ag-collection-hero__btn {
    body.template-collection min-height: 54px !important;
  }

  /* Filter chips mobile */
  body.template-collection .ag-collection-section--products-shell .ag-filter-list--centered {
    body.template-collection gap: 0.75rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-filter-pill {
    body.template-collection padding: 0.65rem 1.25rem !important;
    body.template-collection font-size: 0.88rem !important;
  }

  /* Product grid mobile */
  body.template-collection .ag-collection-section--products-shell .ag-product-grid {
    body.template-collection gap: 1.1rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-card__content {
    body.template-collection padding: 1.2rem 1rem 1.2rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-card__title {
    body.template-collection font-size: 1.08rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-card__excerpt {
    body.template-collection font-size: 0.82rem !important;
    body.template-collection margin-bottom: 1rem !important;
  }

  body.template-collection .ag-collection-section--products-shell .ag-card__price {
    body.template-collection font-size: 1.2rem !important;
  }

  /* Heritage mobile */
  body.template-collection .ag-heritage-section--shell .ag-heritage-title {
    body.template-collection font-size: clamp(2.5rem,
    body.template-collection 7.5vw,
    body.template-collection 3.4rem) !important;
  }

  body.template-collection .ag-heritage-section--shell .ag-heritage-content {
    body.template-collection padding-right: 0 !important;
  }

  body.template-collection .ag-heritage-section--shell .ag-heritage-stat {
    body.template-collection font-size: clamp(2.2rem,
    body.template-collection 6.5vw,
    body.template-collection 2.8rem) !important;
  }
}

/* =============================================================================
   MOTION & ACCESSIBILITY
   body.template-collection ============================================================================= */

@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-collection-section--products-shell .ag-filter-pill.is-active {
    body.template-collection transform: 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 
  body.template-collection .ag-collection-section--products-shell .ag-card--collection:hover {
    body.template-collection transform: none !important;
  }
}

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

/* Remove card bottom padding */
body.template-collection .ag-card--collection,
body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection padding-bottom: 0 !important;
}

/* Remove content bottom padding to eliminate gap */
body.template-collection .ag-card--collection .ag-card__content,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__content {
  body.template-collection padding-bottom: 0 !important;
}

/* Remove footer padding */
body.template-collection .ag-card--collection .ag-card__footer,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__footer {
  body.template-collection padding-top: 0 !important;
  body.template-collection padding-bottom: 0 !important;
}

/* Reserve heights for variable content to ensure consistent card heights */
body.template-collection .ag-card__title {
  body.template-collection min-height: 52px;
  /* Fixed height for 2-line titles */
  body.template-collection height: 52px;
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection -webkit-line-clamp: 2;
  body.template-collection overflow: hidden;
  body.template-collection line-clamp: 2;
}

body.template-collection .ag-card__excerpt {
  body.template-collection min-height: 166px;
  /* Fixed height for excerpts - matches tallest cards */
  body.template-collection height: 166px;
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection -webkit-line-clamp: 8;
  body.template-collection overflow: hidden;
  body.template-collection line-clamp: 8;
}

/* Reserve space for rating when present */
body.template-collection .ag-product-card__rating {
  body.template-collection min-height: 21px;
  body.template-collection height: 21px;
}

/* Remove shadow from Add to Cart button within collection cards */
body.template-collection .ag-card__add-btn,
body.template-collection .ag-card--collection .ag-card__add-btn {
  body.template-collection box-shadow: none !important;
}

body.template-collection .ag-card__add-btn:hover,
body.template-collection .ag-card--collection .ag-card__add-btn:hover {
  body.template-collection box-shadow: none !important;
}

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

/* Premium section titles - match product section sizing */
body.template-collection .ag-collection-section--premium-cards .ag-card__title {
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection -webkit-line-clamp: 2;
  body.template-collection overflow: hidden;
  body.template-collection line-clamp: 2;
  body.template-collection min-height: 52px;
  body.template-collection height: 52px;
}

/* Premium section excerpts - match product section height */
body.template-collection .ag-collection-section--premium-cards .ag-card__excerpt {
  body.template-collection -webkit-line-clamp: 8;
  body.template-collection line-clamp: 8;
  body.template-collection min-height: 166px;
  body.template-collection height: 166px;
  body.template-collection display: -webkit-box;
  body.template-collection -webkit-box-orient: vertical;
  body.template-collection overflow: hidden;
}

/* Normalize premium section media height to match products section */
body.template-collection .ag-collection-section--premium-cards .ag-card__media-wrapper {
  body.template-collection aspect-ratio: 1 / 1;
  body.template-collection max-height: 276px;
}

body.template-collection .ag-collection-section--premium-cards .ag-card__media {
  body.template-collection max-height: 276px;
  body.template-collection object-fit: cover;
}

/* Normalize badge heights across all collection cards */
body.template-collection .ag-card--collection [class*="badge"] {
  body.template-collection min-height: 30px;
  body.template-collection max-height: 30px;
  body.template-collection height: 30px;
  body.template-collection display: flex;
  body.template-collection align-items: center;
  body.template-collection justify-content: center;
}

/* Normalize content spacer height for consistent card heights */
body.template-collection .ag-card--collection .ag-card__content-spacer {
  body.template-collection flex: 1 1 auto;
  body.template-collection min-height: 0;
}

/* Normalize footer height across all collection cards */
body.template-collection .ag-card--collection .ag-card__footer {
  body.template-collection min-height: 60px;
  body.template-collection max-height: 80px;
  body.template-collection height: auto;
}

/* Normalize content padding-top across all collection cards */
body.template-collection .ag-card--collection .ag-card__content {
  body.template-collection padding-top: 15px !important;
}

/* Normalize rating margin-bottom across all collection cards */
body.template-collection .ag-card--collection .ag-product-card__rating {
  body.template-collection margin-bottom: 10px !important;
}

/* Normalize excerpt margin-bottom across all collection cards */
body.template-collection .ag-card--collection .ag-card__excerpt {
  body.template-collection margin-bottom: 9px !important;
}

/* Normalize content height across all collection cards - match taller product cards */
body.template-collection .ag-card--collection .ag-card__content {
  body.template-collection min-height: auto !important;
  body.template-collection height: auto !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
}

/* Normalize title-link height across all collection cards */
body.template-collection .ag-card--collection .ag-card__title-link {
  body.template-collection min-height: 59px !important;
  body.template-collection height: 59px !important;
}

/* More specific normalization for premium section */
body.template-collection .ag-collection-section--premium-cards .ag-card--collection .ag-card__content {
  body.template-collection min-height: auto !important;
  body.template-collection height: auto !important;
  body.template-collection padding-top: 15px !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
}

/* More specific normalization for products section */
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__content {
  body.template-collection min-height: auto !important;
  body.template-collection height: auto !important;
  body.template-collection padding-top: 15px !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
}

/* Normalize media height across all sections */
body.template-collection .ag-card--collection .ag-card__media-wrapper {
  body.template-collection min-height: 260px !important;
  body.template-collection max-height: 260px !important;
  body.template-collection height: 260px !important;
}

body.template-collection .ag-card--collection .ag-card__media {
  body.template-collection max-height: 260px !important;
  body.template-collection object-fit: cover !important;
}

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

body.template-collection .ag-empty-state {
  body.template-collection text-align: center;
  body.template-collection padding: clamp(3rem,
  body.template-collection 8vw,
  body.template-collection 5rem) 1rem;
  body.template-collection max-width: 500px;
  body.template-collection margin-inline: auto;
}

body.template-collection .ag-empty-state__icon {
  body.template-collection margin-bottom: clamp(1.5rem,
  body.template-collection 4vw,
  body.template-collection 2.5rem);
  body.template-collection opacity: 0.6;
}

body.template-collection .ag-empty-state__icon-svg {
  body.template-collection width: clamp(48px,
  body.template-collection 8vw,
  body.template-collection 64px);
  body.template-collection height: clamp(48px,
  body.template-collection 8vw,
  body.template-collection 64px);
  body.template-collection color: var(--ag-color-forest-400);
}

body.template-collection .ag-empty-state__title {
  body.template-collection font-family: var(--ag-font-display);
  body.template-collection font-size: clamp(1.5rem,
  body.template-collection 4vw,
  body.template-collection 2rem);
  body.template-collection font-weight: 600;
  body.template-collection line-height: 1.2;
  body.template-collection color: var(--ag-color-forest-900);
  body.template-collection margin-bottom: 1rem;
}

body.template-collection .ag-empty-state__copy {
  body.template-collection font-family: var(--ag-font-body);
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.125rem);
  body.template-collection line-height: 1.6;
  body.template-collection color: var(--ag-color-ink-600);
  body.template-collection max-width: 36ch;
  body.template-collection margin-inline: auto;
  body.template-collection margin-bottom: clamp(1.5rem,
  body.template-collection 4vw,
  body.template-collection 2rem);
}

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

  body.template-collection .ag-empty-state__title {
    body.template-collection font-size: clamp(1.25rem,
    body.template-collection 5vw,
    body.template-collection 1.75rem);
  }

  body.template-collection .ag-empty-state__copy {
    body.template-collection font-size: 0.9375rem;
    body.template-collection line-height: 1.65;
  }
}

/* ============================================================================
   EDITORIAL POLISH — Filter Panel Kicker
   "Shop by Wellness Goal" kicker cleanup (no box, doubled size)
   body.template-collection ============================================================================ */
body.template-collection .ag-filter-panel__label.ag-kicker {
  body.template-collection background: transparent !important;
  body.template-collection border: none !important;
  body.template-collection padding: 0 !important;
  body.template-collection font-size: clamp(1.25rem,
  body.template-collection 2.5vw,
  body.template-collection 1.5rem) !important;
  body.template-collection color: #f6b900 !important;
  body.template-collection margin-bottom: 0.75rem !important;
  body.template-collection letter-spacing: 0.15em !important;
  body.template-collection text-transform: uppercase !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection display: inline-block !important;
  body.template-collection box-shadow: none !important;
}

/* Center and refine the filter panel header layout */
body.template-collection .ag-filter-panel__header {
  body.template-collection align-items: center;
}
/* 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)
   body.template-collection ======================================== */

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

/* 1) Ensure the OUTER card owns the surface */
body.template-collection .ag-card,
body.template-collection 
body.template-collection .ag-product-card {
  body.template-collection background-color: var(--ag-surface,
  body.template-collection #fff) !important;
  body.template-collection background-image: none !important;
}

/* 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 
body.template-collection .ag-product-card__body {
  body.template-collection background: transparent !important;
  body.template-collection background-image: none !important;
  body.template-collection box-shadow: none !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
}

/* 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 
body.template-collection .ag-product-card::after {
  body.template-collection content: none !important;
}

/* 4) Remove inset shadows that create "panel" lines */
body.template-collection .ag-card,
body.template-collection 
body.template-collection .ag-product-card {
  body.template-collection box-shadow:
    body.template-collection 0 4px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05),
    body.template-collection 
    body.template-collection 0 1px 4px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.02) !important;
}

/* 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 
body.template-collection .ag-pwc__priceRow {
  body.template-collection background: transparent !important;
  body.template-collection background-image: none !important;
  body.template-collection box-shadow: none !important;
}

/* 6) Ensure form elements are transparent */
body.template-collection .ag-card__form,
body.template-collection 
body.template-collection .ag-pwc__form {
  body.template-collection background: transparent !important;
}

/* 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 
body.template-collection .ag-pwc__variant {
  body.template-collection background: transparent !important;
  body.template-collection box-shadow: none !important;
}

/* ===== 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 ===== */
body.template-collection .products-collection-background-pattern {
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection opacity: 0.018;
  body.template-collection z-index: 0;
  body.template-collection pointer-events: none;
  body.template-collection background-image: radial-gradient(
    body.template-collection circle at 2px 2px,
    body.template-collection 
    body.template-collection var(--products-forest) 0.75px,
    body.template-collection 
    body.template-collection transparent 0
  body.template-collection );
  body.template-collection background-size: 28px 28px;
}

/* ===== ENHANCED PRODUCT CARD ANIMATIONS ===== */
body.template-collection .ag-card--collection {
  body.template-collection transition:
    body.template-collection transform 500ms var(--ease-spring),
    body.template-collection 
    body.template-collection box-shadow 500ms var(--ease-spring),
    body.template-collection 
    body.template-collection border-color 400ms var(--ease-smooth) !important;
}

body.template-collection .ag-card--collection:hover {
  body.template-collection transform: translateY(-12px) scale(1.01) !important;
}

/* ===== PRODUCT IMAGE ENHANCEMENTS ===== */
body.template-collection .ag-card--collection .ag-card__img {
  body.template-collection transition:
    body.template-collection transform 600ms var(--ease-spring),
    body.template-collection 
    body.template-collection filter 600ms var(--ease-smooth);
}

body.template-collection .ag-card--collection:hover .ag-card__img {
  body.template-collection transform: scale(1.04);
  body.template-collection filter: brightness(1.05) contrast(1.02);
}

/* ===== FIRST CARD PROMINENCE ===== */
body.template-collection .ag-product-grid .ag-product-grid__item:first-child .ag-card--collection {
  body.template-collection border: 1.5px solid rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.2) !important;
  body.template-collection background: linear-gradient(170deg,
  body.template-collection #fffcf9 0%,
  body.template-collection #fcfaf7 60%,
  body.template-collection rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.01) 100%);
  body.template-collection box-shadow:
    body.template-collection 0 4px 16px rgba(14,
    body.template-collection 62,
    body.template-collection 41,
    body.template-collection 0.05),
    body.template-collection 
    body.template-collection 0 1px 4px rgba(0,
    body.template-collection 0,
    body.template-collection 0,
    body.template-collection 0.02),
    body.template-collection 
    body.template-collection 0 0 0 1px rgba(246,
    body.template-collection 185,
    body.template-collection 0,
    body.template-collection 0.1) !important;
}

/* ===== FILTER PILL ENHANCEMENTS ===== */
body.template-collection .ag-filter-pill {
  body.template-collection transition:
    body.template-collection background-color 180ms ease-out,
    body.template-collection 
    body.template-collection color 180ms ease-out,
    body.template-collection 
    body.template-collection border-color 180ms ease-out,
    body.template-collection 
    body.template-collection box-shadow 180ms ease-out,
    body.template-collection 
    body.template-collection transform 180ms var(--ease-spring) !important;
}

body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-2px);
}

/* ===== COLLECTION HERO WRAPPER ===== */
body.template-collection .products-hero-wrapper {
  body.template-collection view-transition-name: hero-section;
}

body.template-collection .products-collection-section {
  body.template-collection view-transition-name: products-grid;
}

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

  body.template-collection .ag-filter-panel__subheading {
    body.template-collection font-size: clamp(0.8125rem,
    body.template-collection 2vw,
    body.template-collection 0.9375rem) !important;
  }
}

/* ===== 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 
body.template-collection .ag-card__add-btn:focus-visible {
  body.template-collection outline: 2px solid var(--products-gold);
  body.template-collection outline-offset: 2px;
}

/* ===== 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;
  }

  body.template-collection .ag-card--collection:hover {
    body.template-collection transform: none !important;
  }
}

/* ===== LOADING STATES ===== */
body.template-collection .ag-product-grid--loading {
  body.template-collection opacity: 0.6;
  body.template-collection pointer-events: none;
}

body.template-collection .ag-product-grid--loading .ag-card--collection {
  body.template-collection animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  body.template-collection 50% {
    body.template-collection opacity: 0.7;
  }
}

/* ===== BREADCRUMB ENHANCEMENTS ===== */
body.template-collection .ag-breadcrumb {
  body.template-collection font-size: clamp(0.6875rem,
  body.template-collection 1.3vw,
  body.template-collection 0.8125rem);
  body.template-collection letter-spacing: 0.02em;
}

/* ===== PAGINATION ENHANCEMENTS ===== */
body.template-collection .ag-pagination-wrapper {
  body.template-collection margin-top: clamp(2rem,
  body.template-collection 5vw,
  body.template-collection 3rem);
}

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 .prev {
  body.template-collection transition:
    body.template-collection background-color 180ms ease-out,
    body.template-collection 
    body.template-collection color 180ms ease-out,
    body.template-collection 
    body.template-collection border-color 180ms ease-out,
    body.template-collection 
    body.template-collection box-shadow 180ms ease-out,
    body.template-collection 
    body.template-collection transform 180ms var(--ease-spring);
}

body.template-collection .ag-pagination-wrapper .page:hover,
body.template-collection 
body.template-collection .ag-pagination-wrapper .next:hover,
body.template-collection 
body.template-collection .ag-pagination-wrapper .prev:hover {
  body.template-collection transform: translateY(-2px);
}

/* ===== EMPTY STATE ENHANCEMENTS ===== */
body.template-collection .ag-empty-state {
  body.template-collection text-align: center;
  body.template-collection padding: clamp(3rem,
  body.template-collection 8vw,
  body.template-collection 5rem) clamp(1rem,
  body.template-collection 4vw,
  body.template-collection 2rem);
}

body.template-collection .ag-empty-state__icon {
  body.template-collection color: var(--products-ink-muted);
  body.template-collection margin-bottom: clamp(1rem,
  body.template-collection 3vw,
  body.template-collection 1.5rem);
}

body.template-collection .ag-empty-state__title {
  body.template-collection font-size: clamp(1.25rem,
  body.template-collection 3vw,
  body.template-collection 1.625rem);
  body.template-collection color: var(--products-forest);
  body.template-collection margin-bottom: clamp(0.5rem,
  body.template-collection 1.5vw,
  body.template-collection 0.75rem);
}

body.template-collection .ag-empty-state__copy {
  body.template-collection font-size: clamp(0.8125rem,
  body.template-collection 2vw,
  body.template-collection 0.9375rem);
  body.template-collection color: var(--products-ink-muted);
  body.template-collection margin-bottom: clamp(1rem,
  body.template-collection 3vw,
  body.template-collection 1.5rem);
  body.template-collection max-width: 28rem;
  body.template-collection margin-left: auto;
  body.template-collection margin-right: auto;
}

/* ===== HERITAGE SECTION ENHANCEMENTS ===== */
body.template-collection .ag-heritage-section--shell {
  body.template-collection position: relative;
  body.template-collection overflow: hidden;
}

body.template-collection .ag-heritage-section--shell::before {
  body.template-collection content: '';
  body.template-collection position: absolute;
  body.template-collection inset: 0;
  body.template-collection background: radial-gradient(
    body.template-collection ellipse at 30% 20%,
    body.template-collection 
    body.template-collection rgba(212,
    body.template-collection 148,
    body.template-collection 26,
    body.template-collection 0.05) 0%,
    body.template-collection 
    body.template-collection transparent 50%
  body.template-collection );
  body.template-collection pointer-events: none;
}

/* ===== PREMIUM COLLECTIONS BADGE ===== */
body.template-collection .ag-premium-collections .ag-card::before {
  body.template-collection content: 'BESTSELLER';
  body.template-collection position: absolute;
  body.template-collection top: 0.75rem;
  body.template-collection right: 0.75rem;
  body.template-collection font-size: 0.5625rem;
  body.template-collection font-weight: 900;
  body.template-collection letter-spacing: 0.15em;
  body.template-collection color: var(--products-gold);
  body.template-collection background: linear-gradient(135deg,
  body.template-collection rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.1),
  body.template-collection rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.05));
  body.template-collection padding: 0.375rem 0.625rem;
  body.template-collection border-radius: 20px;
  body.template-collection border: 1px solid rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.15);
  body.template-collection text-transform: uppercase;
  body.template-collection pointer-events: none;
  body.template-collection backdrop-filter: blur(4px);
  body.template-collection z-index: 10;
}

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

  body.template-collection .ag-product-grid {
    body.template-collection display: grid !important;
    body.template-collection grid-template-columns: repeat(2,
    body.template-collection 1fr) !important;
    body.template-collection gap: 1rem !important;
  }
}

/* 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
   body.template-collection ============================================================================ */

/* Override ALL effects on accent text - force simple orange */
body.template-collection .ag-collection-accent,
body.template-collection .ag-collection-accent,
body.template-collection .ag-premium-collections .ag-collection-accent,
body.template-collection .ag-premium-collections .ag-collection-accent {
  body.template-collection color: #EA580C !important;
  body.template-collection background: none !important;
  body.template-collection -webkit-background-clip: initial !important;
  body.template-collection background-clip: initial !important;
  body.template-collection -webkit-text-fill-color: initial !important;
  body.template-collection text-shadow: none !important;
  body.template-collection filter: none !important;
  body.template-collection animation: none !important;
  body.template-collection drop-shadow: none !important;
  body.template-collection box-shadow: none !important;
}

/* 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,
body.template-collection .ag-collection-accent::before {
  body.template-collection display: none !important;
  body.template-collection content: none !important;
}

/* ============================================================================
   SIMPLE FILTER LABEL - No background, just text
   body.template-collection ============================================================================ */

body.template-collection .ag-filter-panel__label {
  body.template-collection background: none !important;
  body.template-collection color: var(--ag-color-forest-950,
  body.template-collection #0e3e29) !important;
  body.template-collection padding: 0 !important;
  body.template-collection font-size: 1rem !important;
  body.template-collection font-weight: 400 !important;
  body.template-collection text-transform: none !important;
  body.template-collection letter-spacing: normal !important;
  body.template-collection border-radius: 0 !important;
}

/* ============================================================================
   RESPONSIVE H1 HEADING
   body.template-collection ============================================================================ */

body.template-collection .ag-filter-panel__heading {
  body.template-collection font-size: clamp(1.75rem,
  body.template-collection 4vw,
  body.template-collection 2.5rem) !important;
  body.template-collection line-height: 1.2 !important;
}

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

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

/* ============================================================================
   A) PAGE RHYTHM - Consistent vertical spacing
   body.template-collection ============================================================================ */

/* Collection page-specific section spacing */
body.template-collection {
  body.template-collection --ag-shop-section-y: clamp(2.5rem,
  body.template-collection 5vw,
  body.template-collection 4rem);
  body.template-collection --ag-shop-section-y-compact: clamp(2rem,
  body.template-collection 4vw,
  body.template-collection 3rem);
}

/* Apply spacing between banner → filters → grid → pagination */
body.template-collection .ag-collection-section--products-shell {
  body.template-collection padding-top: var(--ag-shop-section-y);
  body.template-collection padding-bottom: var(--ag-shop-section-y);
}

/* Filter panel spacing */
body.template-collection .ag-filter-panel {
  body.template-collection margin-bottom: clamp(2rem,
  body.template-collection 4vw,
  body.template-collection 3rem);
}

body.template-collection .ag-filter-panel__header {
  body.template-collection margin-bottom: clamp(1.5rem,
  body.template-collection 3vw,
  body.template-collection 2rem);
}

/* Product grid container spacing */
body.template-collection .ag-product-grid-container {
  body.template-collection margin-top: var(--ag-shop-section-y-compact);
}

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

/* Grid: consistent alignment */
body.template-collection .ag-product-grid {
  body.template-collection display: grid !important;
  body.template-collection grid-template-columns: repeat(auto-fill,
  body.template-collection minmax(min(280px,
  body.template-collection 100%),
  body.template-collection 1fr)) !important;
  body.template-collection gap: clamp(1.25rem,
  body.template-collection 2.5vw,
  body.template-collection 2rem) !important;
  body.template-collection align-items: stretch !important;
}

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

/* Card: normalize appearance */
body.template-collection .ag-card,
body.template-collection .ag-card--collection {
  body.template-collection border-radius: 1rem !important;
  body.template-collection box-shadow: 0 2px 12px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.04) !important;
  body.template-collection border: 1px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.06) !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection height: 100% !important;
  body.template-collection background: #fff !important;
  body.template-collection transition: transform 0.3s ease,
  body.template-collection box-shadow 0.3s ease,
  body.template-collection border-color 0.3s ease !important;
}

body.template-collection .ag-card:hover,
body.template-collection .ag-card--collection:hover {
  body.template-collection transform: translateY(-6px) !important;
  body.template-collection box-shadow: 0 8px 20px rgba(0,
  body.template-collection 0,
  body.template-collection 0,
  body.template-collection 0.08) !important;
  body.template-collection border-color: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.25) !important;
}

/* Card content: flex column, push footer to bottom */
body.template-collection .ag-card__content {
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection flex: 1 1 auto !important;
  body.template-collection min-height: 0 !important;
  body.template-collection padding: 1.25rem !important;
}

/* Title: dominate, clamp to 2 lines */
body.template-collection .ag-card__title,
body.template-collection .ag-card--collection .ag-card__title {
  body.template-collection font-size: clamp(1rem,
  body.template-collection 2vw,
  body.template-collection 1.25rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection line-height: 1.2 !important;
  body.template-collection margin-bottom: 0.65rem !important;
  body.template-collection display: -webkit-box !important;
  body.template-collection -webkit-line-clamp: 2 !important;
  body.template-collection line-clamp: 2 !important;
  body.template-collection -webkit-box-orient: vertical !important;
  body.template-collection overflow: hidden !important;
  body.template-collection min-height: calc(1.2em * 2) !important;
  body.template-collection text-align: left !important;
}

/* Rating: secondary, reduce visual weight - TARGET CORRECT CLASS */
body.template-collection .ag-fc-card__rating {
  body.template-collection margin-bottom: 0.75rem !important;
  body.template-collection opacity: 1 !important;
  body.template-collection min-height: 1.1rem !important;
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection gap: 0.625rem !important;
}

body.template-collection .ag-fc-card__rating .ag-stars {
  body.template-collection display: inline-flex !important;
  body.template-collection flex-direction: row !important;
  body.template-collection align-items: center !important;
  body.template-collection gap: 2px !important;
  body.template-collection font-size: 0.7rem !important;
  body.template-collection letter-spacing: 0.05em !important;
  body.template-collection color: #F6B900 !important;
}

body.template-collection .ag-fc-card__rating .ag-stars svg {
  body.template-collection display: inline-block !important;
  body.template-collection width: 12px !important;
  body.template-collection height: 12px !important;
  body.template-collection flex-shrink: 0 !important;
  body.template-collection vertical-align: middle !important;
}

body.template-collection .ag-fc-card__rating small {
  body.template-collection font-size: 0.65rem !important;
  body.template-collection opacity: 0.85 !important;
}

/* Excerpt: subdued, clamp to 2 lines desktop, 1-2 mobile */
body.template-collection .ag-card__excerpt {
  body.template-collection font-size: clamp(0.8rem,
  body.template-collection 1.5vw,
  body.template-collection 0.88rem) !important;
  body.template-collection line-height: 1.4 !important;
  body.template-collection opacity: 0.7 !important;
  body.template-collection margin-bottom: 0.85rem !important;
  body.template-collection display: -webkit-box !important;
  body.template-collection -webkit-line-clamp: 2 !important;
  body.template-collection line-clamp: 2 !important;
  body.template-collection -webkit-box-orient: vertical !important;
  body.template-collection overflow: hidden !important;
  body.template-collection min-height: calc(1.4em * 2) !important;
}

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

/* Content spacer: push footer to bottom */
body.template-collection .ag-card__content-spacer {
  body.template-collection flex: 1 1 auto !important;
  body.template-collection min-height: 0.75rem !important;
}

/* Footer: aligned at bottom */
body.template-collection .ag-card__footer {
  body.template-collection margin-top: auto !important;
  body.template-collection padding-top: 0.85rem !important;
  body.template-collection display: flex !important;
  body.template-collection flex-direction: column !important;
  body.template-collection justify-content: flex-end !important;
  body.template-collection min-height: 4rem !important;
}

/* Price: stronger than body text */
body.template-collection .ag-card__price {
  body.template-collection font-size: clamp(1.15rem,
  body.template-collection 2.5vw,
  body.template-collection 1.35rem) !important;
  body.template-collection font-weight: 700 !important;
  body.template-collection letter-spacing: -0.015em !important;
}

body.template-collection .ag-card__price::first-letter {
  body.template-collection font-size: 0.65em;
  body.template-collection opacity: 0.85;
}

/* Add button: less heavy */
body.template-collection .ag-card__add-btn {
  body.template-collection font-size: 0.65rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection padding: 0.6rem 1.15rem !important;
  body.template-collection box-shadow: 0 2px 6px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15) !important;
}

body.template-collection .ag-card__add-btn:hover {
  body.template-collection box-shadow: 0 3px 8px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2) !important;
}

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

/* 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,
body.template-collection .ag-card--collection .ag-card__form {
  body.template-collection background: transparent !important;
  body.template-collection background-image: none !important;
  body.template-collection box-shadow: none !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
  body.template-collection border: none !important;
  body.template-collection border-radius: 0 !important;
}

/* 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,
body.template-collection .ag-card--collection .ag-card__vignette {
  body.template-collection display: none !important;
}

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

/* Variant select: visually secondary */
body.template-collection .ag-card__variant-select {
  body.template-collection font-size: 0.7rem !important;
  body.template-collection padding: 0.45rem 0.65rem !important;
  body.template-collection min-height: 2rem !important;
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.8) !important;
  body.template-collection border-color: rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.15) !important;
}

/* Action row: consistent alignment */
body.template-collection .ag-card__actions-row {
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: center !important;
  body.template-collection gap: 0.75rem !important;
  body.template-collection min-height: 2.75rem !important;
}

/* Price block alignment - centered by default (no variant dropdown) */
body.template-collection .ag-card__price-block {
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: center !important;
  body.template-collection min-height: 2.75rem !important;
  body.template-collection flex: 1 !important;
}

/* Form alignment */
body.template-collection .ag-card__form {
  body.template-collection display: flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: center !important;
  body.template-collection min-height: 2.75rem !important;
}

/* 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,
body.template-collection .ag-card__actions-row:has(.ag-card__variant-select) {
  body.template-collection justify-content: space-between !important;
}

body.template-collection .ag-card__form:has(.ag-card__variant-select) {
  body.template-collection justify-content: flex-end !important;
}

body.template-collection .ag-card__form--with-variants {
  body.template-collection flex-direction: column !important;
  body.template-collection align-items: flex-end !important;
  body.template-collection gap: 0.35rem !important;
  body.template-collection min-height: auto !important;
}

/* ============================================================================
   E) FILTERS / SORT / PAGINATION - UX improvements
   body.template-collection ============================================================================ */

/* Filter list: better wrapping and spacing */
body.template-collection .ag-filter-list {
  body.template-collection display: flex !important;
  body.template-collection flex-wrap: wrap !important;
  body.template-collection justify-content: center !important;
  body.template-collection gap: 0.65rem !important;
  body.template-collection max-width: 100% !important;
}

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

/* Filter pill: clearer states */
body.template-collection .ag-filter-pill {
  body.template-collection display: inline-flex !important;
  body.template-collection align-items: center !important;
  body.template-collection justify-content: center !important;
  body.template-collection padding: 0.6rem 1.25rem !important;
  body.template-collection border: 1.5px solid rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2) !important;
  body.template-collection border-radius: 999px !important;
  body.template-collection background: rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.7) !important;
  body.template-collection color: var(--ag-color-forest-900,
  body.template-collection #0e3e29) !important;
  body.template-collection font-size: 0.8rem !important;
  body.template-collection font-weight: 600 !important;
  body.template-collection text-decoration: none !important;
  body.template-collection transition: all 0.2s ease !important;
  body.template-collection cursor: pointer !important;
  body.template-collection white-space: nowrap !important;
}

/* Inactive pill: outlined/subtle */
body.template-collection .ag-filter-pill:hover {
  body.template-collection background: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.12) !important;
  body.template-collection border-color: rgba(246,
  body.template-collection 185,
  body.template-collection 0,
  body.template-collection 0.35) !important;
  body.template-collection transform: translateY(-1px) !important;
}

/* Active pill: filled background + strong contrast */
body.template-collection .ag-filter-pill.is-active {
  body.template-collection background: var(--ag-color-forest-900,
  body.template-collection #0e3e29) !important;
  body.template-collection color: #fff !important;
  body.template-collection border-color: var(--ag-color-forest-900,
  body.template-collection #0e3e29) !important;
  body.template-collection box-shadow: 0 3px 10px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2),
  body.template-collection inset 0 1px 0 rgba(255,
  body.template-collection 255,
  body.template-collection 255,
  body.template-collection 0.15) !important;
}

body.template-collection .ag-filter-pill.is-active:hover {
  body.template-collection background: var(--ag-color-forest-800,
  body.template-collection #184a2c) !important;
  body.template-collection transform: translateY(-1px) !important;
}

/* Static (disabled) pills: muted appearance */
body.template-collection .ag-filter-pill--static {
  body.template-collection opacity: 0.5;
  body.template-collection cursor: not-allowed !important;
  body.template-collection border-style: dashed !important;
}

/* Pagination: clearer current page state */
body.template-collection .ag-pagination-wrapper .current {
  body.template-collection background: var(--ag-color-forest-900,
  body.template-collection #0e3e29) !important;
  body.template-collection color: #fff !important;
  body.template-collection border-color: var(--ag-color-forest-900,
  body.template-collection #0e3e29) !important;
  body.template-collection box-shadow: 0 4px 10px rgba(14,
  body.template-collection 62,
  body.template-collection 41,
  body.template-collection 0.2) !important;
}

/* ============================================================================
   F) ACCESSIBILITY / STATES
   Focus visible outlines; hover transforms; reduced motion
   body.template-collection ============================================================================ */

/* 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,
body.template-collection .ag-card__variant-select:focus-visible {
  body.template-collection outline: 2px solid #F6B900 !important;
  body.template-collection outline-offset: 2px !important;
}

/* Hover transforms: use translate only */
body.template-collection .ag-card:hover,
body.template-collection .ag-card--collection:hover,
body.template-collection .ag-filter-pill:hover {
  body.template-collection transform: translateY(-1px) !important;
}

body.template-collection .ag-card__add-btn:hover {
  body.template-collection transform: translateY(-1px) !important;
}

/* 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
   body.template-collection ============================================================================ */

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

  body.template-collection .ag-card__price {
    body.template-collection font-size: 1.05rem !important;
  }

  body.template-collection .ag-card__add-btn {
    body.template-collection font-size: 0.6rem !important;
    body.template-collection padding: 0.55rem 1rem !important;
  }

  /* Filter pills smaller on mobile */
  body.template-collection .ag-filter-pill {
    body.template-collection font-size: 0.75rem !important;
    body.template-collection padding: 0.55rem 1.1rem !important;
  }

  /* Card content padding smaller on mobile */
  body.template-collection .ag-card__content {
    body.template-collection padding: 1rem !important;
  }
}

@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 !important;
  }

  body.template-collection .ag-card__price {
    body.template-collection font-size: 1rem !important;
  }

  body.template-collection .ag-card__add-btn {
    body.template-collection font-size: 0.58rem !important;
    body.template-collection padding: 0.5rem 0.9rem !important;
  }

  /* Filter pills stack better */
  body.template-collection .ag-filter-list {
    body.template-collection gap: 0.5rem !important;
  }

  body.template-collection .ag-filter-pill {
    body.template-collection font-size: 0.7rem !important;
    body.template-collection padding: 0.5rem 1rem !important;
  }
}

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

/* 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__form {
  body.template-collection background: transparent !important;
  body.template-collection background-image: none !important;
  body.template-collection box-shadow: none !important;
  body.template-collection backdrop-filter: none !important;
  body.template-collection -webkit-backdrop-filter: none !important;
  body.template-collection border: none !important;
  body.template-collection border-radius: 0 !important;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__texture-overlay,
body.template-collection .ag-collection-section--products-shell .ag-card--collection .ag-card__vignette {
  body.template-collection display: none !important;
}

body.template-collection .ag-collection-section--products-shell .ag-card--collection {
  body.template-collection background-color: #fff !important;
  body.template-collection background-image: none !important;
}

/* Ensure proper z-index stacking */
body.template-collection .ag-card--collection .ag-card__content,
body.template-collection .ag-card--collection .ag-card__footer {
  body.template-collection position: relative !important;
  body.template-collection z-index: 1 !important;
}

/* 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%) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35) !important;
  border: none !important;
}

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

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

  .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 !important;
  }

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

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

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

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

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

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

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

  .ag-collection-section {
    padding-block: 2.5rem 1.5rem !important;
  }
/* ========================================
   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: 11px;
  color: #f38f18;
  letter-spacing: 1px;
}

.ag-product-card__rating-label {
  font-size: 9px;
  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: 11px;
  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: 9px;
  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 !important;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
}

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

.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 !important;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: none !important;
}

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

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

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

.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:
    radial-gradient(circle at 20% 30%, rgb(255 255 255 / 0.08) 0 1px, transparent 1px),
    radial-gradient(circle at 78% 70%, rgb(255 255 255 / 0.06) 0 1px, transparent 1px);
  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 !important;
}

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

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

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

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

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

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

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

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

.ag-collection-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  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%) !important;
  z-index: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-collection-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  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%) !important;
  z-index: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 !important;
  opacity: 0.82 !important;
}

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

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

.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:
    radial-gradient(circle at 88% 0%, rgb(14 62 41 / 0.06), transparent 45%),
    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: hidden;
  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 !important;
}

.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%),
    radial-gradient(circle at 98% 0%, rgb(14 62 41 / 0.06), transparent 46%);
}

.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 !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.625rem !important;
}

.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: radial-gradient(circle at 2px 2px,
      var(--products-forest) 0.75px,
      transparent 0);
  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) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(212, 148, 26, 0.3) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1rem 2rem !important;
  border-radius: 999px !important;
}

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

.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)),
    radial-gradient(circle, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.27) 40%, transparent 72%);
  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) !important;
}

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

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

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

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

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

.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 !important;
  align-items: center !important;
  justify-content: center !important;
  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:
    repeating-linear-gradient(0deg,
      transparent 0px,
      rgba(139, 115, 85, 0.08) 1px,
      transparent 2px,
      transparent 3px),
    repeating-linear-gradient(90deg,
      transparent 0px,
      rgba(139, 115, 85, 0.08) 1px,
      transparent 2px,
      transparent 3px);
  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 !important;
  }

  .ag-card__form--with-variants {
    min-width: unset !important;
    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 !important;
    font-size: 0.5rem !important;
    letter-spacing: 0.025em !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
  }

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

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

.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 !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;
  }
}