/* BAS Agros — annual forage category.
   Uses the accepted homepage / forage dark-gold visual system. */

.page-annual-forage {
  background:#050605;
  color:var(--ivory,#f4efdd);
}

.page-annual-forage main {
  overflow:hidden;
  background:#050605;
}

.page-annual-forage .home-wrap {
  width:min(calc(100% - 3rem),96rem);
  max-width:none;
}

/* Breadcrumbs */
.annual-breadcrumbs {
  margin:0 0 1rem;
  color:rgba(244,239,221,.62);
  font-size:.76rem;
}
.annual-breadcrumbs ol {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.42rem;
  margin:0;
  padding:0;
  list-style:none;
}
.annual-breadcrumbs li {
  display:inline-flex;
  align-items:center;
  gap:.42rem;
}
.annual-breadcrumbs li+li::before {
  content:"/";
  color:rgba(232,197,109,.5);
}
.annual-breadcrumbs a {
  min-height:0!important;
  color:rgba(244,239,221,.7);
  text-decoration:none;
}
.annual-breadcrumbs a:hover,
.annual-breadcrumbs a:focus-visible {
  color:var(--gold-hi,#efc762);
}

/* Hero */
.annual-hero {
  padding:1rem 0 clamp(2.4rem,3.4vw,3.8rem);
  background:
    radial-gradient(circle at 80% 15%,rgba(201,151,45,.08),transparent 28rem),
    #050605;
}
.annual-hero-stage {
  position:relative;
  isolation:isolate;
  min-height:clamp(33rem,49vw,46rem);
  overflow:hidden;
  border:1px solid rgba(232,197,109,.25);
  border-radius:1.6rem;
  background:#0a0c09;
  box-shadow:0 1.8rem 5rem rgba(0,0,0,.24);
}
.annual-hero-media {
  position:absolute;
  inset:0;
  z-index:-3;
}
.annual-hero-media picture,
.annual-hero-media img {
  width:100%;
  height:100%;
}
.annual-hero-media img {
  object-fit:cover;
  object-position:center 52%;
  filter:saturate(.72) contrast(1.05) brightness(.72);
}
.annual-hero-shade {
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,5,3,.97) 0%,rgba(3,5,3,.84) 38%,rgba(3,5,3,.4) 70%,rgba(3,5,3,.2) 100%),
    linear-gradient(0deg,rgba(3,5,3,.92),transparent 55%);
}
.annual-hero-stage::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 78% 28%,rgba(232,197,109,.11),transparent 22rem);
  pointer-events:none;
}
.annual-hero-copy {
  position:absolute;
  top:clamp(3.2rem,6vw,6rem);
  left:clamp(2rem,5vw,5.5rem);
  z-index:2;
  width:min(43rem,52%);
}
.annual-hero-copy h1 {
  margin:.45rem 0 1.15rem;
  max-width:11ch;
  color:#fffaf0;
  font-size:clamp(3.2rem,5.65vw,6.25rem);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-wrap:balance;
}
.annual-hero-copy>p:not(.home-kicker) {
  max-width:36rem;
  margin:0;
  color:rgba(244,239,221,.72);
  font-size:clamp(.98rem,1.25vw,1.18rem);
  line-height:1.55;
}
.annual-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.7rem;
}
.annual-hero-facts {
  position:absolute;
  right:clamp(1.5rem,3vw,3rem);
  bottom:clamp(1.5rem,3vw,3rem);
  left:clamp(1.5rem,3vw,3rem);
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:1rem 0 0;
  border-top:1px solid rgba(232,197,109,.24);
  list-style:none;
}
.annual-hero-facts li {
  display:flex;
  align-items:center;
  gap:.8rem;
  min-width:0;
  padding:.3rem 1.15rem;
  border-right:1px solid rgba(232,197,109,.16);
}
.annual-hero-facts li:first-child { padding-left:0; }
.annual-hero-facts li:last-child {
  padding-right:0;
  border-right:0;
}
.annual-hero-facts .home-icon {
  flex:0 0 auto;
  width:2.2rem;
  height:2.2rem;
  color:var(--gold-hi,#efc762);
}
.annual-hero-facts span {
  display:flex;
  flex-direction:column;
  min-width:0;
}
.annual-hero-facts strong {
  color:#f6f0e3;
  font-size:.98rem;
  line-height:1.15;
}
.annual-hero-facts small {
  margin-top:.2rem;
  color:rgba(244,239,221,.55);
  font-size:.76rem;
}

/* Assortment */
.annual-assortment {
  padding:clamp(3rem,4.2vw,4.4rem) 0 clamp(1.6rem,2.1vw,2.25rem)!important;
  border-top:1px solid rgba(232,197,109,.1);
  background:
    radial-gradient(circle at 18% 0,rgba(201,151,45,.06),transparent 28rem),
    #070907;
}
.annual-section-head {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);
  align-items:end;
  gap:2rem;
  margin-bottom:1.65rem;
}
.annual-section-head h2 {
  margin:.4rem 0 0;
  max-width:16ch;
  color:#fffaf0;
  font-size:clamp(2.6rem,4.2vw,4.8rem);
  line-height:.92;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.annual-section-head>p {
  margin:0 0 .3rem;
  max-width:35rem;
  color:rgba(244,239,221,.6);
  line-height:1.55;
}
.annual-filters {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin:0 0 1.5rem;
}
.annual-filter {
  position:relative;
  overflow:hidden;
  min-height:2.8rem;
  padding:.7rem 1rem;
  border:1px solid rgba(232,197,109,.25);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(18,19,16,.96),rgba(10,11,9,.98));
  color:#f4efdd;
  font:inherit;
  font-weight:750;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease,filter .4s ease;
}
.annual-filter::after {
  content:"";
  position:absolute;
  top:-70%;
  bottom:-70%;
  left:-35%;
  width:25%;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,250,220,.58),transparent);
  transform:rotate(18deg) translateX(-260%);
  transition:transform 1s cubic-bezier(.18,.75,.22,1),opacity .25s ease;
}
.annual-filter:hover,
.annual-filter:focus-visible {
  border-color:rgba(239,199,98,.72);
  transform:translateY(-1px);
}
.annual-filter.is-active {
  color:#090a08;
  border-color:rgba(245,207,105,.94);
  background:linear-gradient(118deg,#8e6217 0%,#c8942e 26%,#f0cf76 49%,#c18a25 72%,#7d5514 100%);
  box-shadow:inset 0 1px rgba(255,249,218,.42),0 .8rem 2rem rgba(201,151,45,.18);
  filter:brightness(1.03) saturate(1.02);
}
.annual-filter.is-active::after {
  opacity:.75;
  transform:rotate(18deg) translateX(620%);
}
.annual-product-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.annual-product-card[hidden] { display:none!important; }
.annual-product-card {
  min-width:0;
}
.annual-product-card__link {
  position:relative;
  isolation:isolate;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid rgba(232,197,109,.25);
  border-radius:1.25rem;
  background:#0b0d0a;
  color:#f4efdd;
  text-decoration:none;
  box-shadow:0 1rem 2.6rem rgba(0,0,0,.22);
  transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .45s ease,filter .4s ease;
}
.annual-product-card__link:hover,
.annual-product-card__link:focus-visible {
  transform:translateY(-4px);
  border-color:rgba(239,199,98,.82);
  box-shadow:0 1.5rem 3.5rem rgba(0,0,0,.34),0 0 0 1px rgba(239,199,98,.08);
}
.annual-product-card__picture {
  position:absolute;
  inset:0;
  z-index:-3;
  display:block;
  width:100%;
  height:100%;
}
.annual-product-card__picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.04) brightness(.78);
  transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
.annual-product-card__link:hover .annual-product-card__picture img,
.annual-product-card__link:focus-visible .annual-product-card__picture img {
  transform:scale(1.045);
  filter:saturate(.96) contrast(1.05) brightness(.82);
}
.annual-product-card__shade {
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(0deg,rgba(3,5,3,.98) 0%,rgba(3,5,3,.9) 24%,rgba(3,5,3,.42) 58%,rgba(3,5,3,.12) 100%),
    linear-gradient(135deg,rgba(201,151,45,.08),transparent 48%);
}
.annual-product-card__link::after {
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-30%;
  width:24%;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,248,215,.26),transparent);
  transform:rotate(18deg) translateX(-250%);
  transition:transform 1s cubic-bezier(.18,.75,.22,1),opacity .25s ease;
  pointer-events:none;
}
.annual-product-card__link:hover::after,
.annual-product-card__link:focus-visible::after {
  opacity:.65;
  transform:rotate(18deg) translateX(650%);
}
.annual-product-card__group {
  position:absolute;
  top:1rem;
  left:1rem;
  z-index:2;
  display:inline-flex;
  max-width:calc(100% - 2rem);
  padding:.42rem .68rem;
  border:1px solid rgba(232,197,109,.38);
  border-radius:999px;
  background:rgba(5,7,5,.7);
  color:#efc762;
  font-size:.71rem;
  font-weight:850;
  line-height:1;
  backdrop-filter:blur(8px);
}
.annual-product-card__content {
  position:absolute;
  right:1.15rem;
  bottom:1.1rem;
  left:1.15rem;
  z-index:2;
}
.annual-product-card__content h3 {
  margin:0 0 .95rem;
  max-width:16ch;
  color:#fffaf0;
  font-size:clamp(1.3rem,1.7vw,1.8rem);
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.annual-product-card__cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-top:.72rem;
  border-top:1px solid rgba(232,197,109,.23);
  color:rgba(244,239,221,.72);
  font-size:.82rem;
  font-weight:850;
}
.annual-product-card__cta b {
  color:var(--gold-hi,#efc762);
  font-size:1.05rem;
  transition:transform .35s ease;
}
.annual-product-card__link:hover .annual-product-card__cta b,
.annual-product-card__link:focus-visible .annual-product-card__cta b {
  transform:translateX(.18rem);
}
.annual-image-note {
  margin:0;
  padding-top:3rem;
  max-width:62rem;
  color:rgba(244,239,221,.44);
  font-size:.75rem;
  line-height:1.5;
}

/* Selection */
.annual-selection {
  padding:clamp(2.4rem,3.2vw,3.4rem) 0 clamp(3rem,4vw,4.2rem)!important;
  background:#050605;
}
.annual-selection-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1rem;
  align-items:stretch;
}
.annual-selection-steps,
.annual-selection-visual {
  min-height:36rem;
  border:1px solid rgba(232,197,109,.24);
  border-radius:1.45rem;
  background:linear-gradient(150deg,#11130f,#080908 76%);
  box-shadow:0 1.4rem 4rem rgba(0,0,0,.2);
}
.annual-selection-steps {
  padding:clamp(2rem,4vw,3.5rem);
}
.annual-selection-steps h2,
.annual-selection-copy h2 {
  margin:.4rem 0 .9rem;
  color:#fffaf0;
  font-size:clamp(2.5rem,3.7vw,4.15rem);
  line-height:.92;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.annual-selection-steps>p:not(.home-kicker) {
  max-width:34rem;
  margin:0 0 1.7rem;
  color:rgba(244,239,221,.62);
  line-height:1.55;
}
.annual-selection-steps ol {
  display:grid;
  gap:.15rem;
  margin:0;
  padding:0;
  list-style:none;
}
.annual-selection-steps li {
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:.9rem;
  padding:1rem 0;
  border-top:1px solid rgba(232,197,109,.12);
}
.annual-selection-steps li>span {
  color:#dcb14d;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
}
.annual-selection-steps h3 {
  margin:0 0 .22rem;
  color:#f6f0e3;
  font-size:1rem;
}
.annual-selection-steps li p {
  margin:0;
  color:rgba(244,239,221,.55);
  font-size:.84rem;
  line-height:1.5;
}
.annual-selection-visual {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.annual-selection-media {
  position:absolute;
  inset:0;
  z-index:-3;
}
.annual-selection-media picture,
.annual-selection-media img {
  width:100%;
  height:100%;
}
.annual-selection-media img {
  object-fit:cover;
  filter:saturate(.72) brightness(.72);
}
.annual-selection-shade {
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(0deg,rgba(4,6,4,.98) 0%,rgba(4,6,4,.78) 38%,rgba(4,6,4,.15) 78%),
    linear-gradient(120deg,rgba(201,151,45,.12),transparent 58%);
}
.annual-selection-copy {
  position:absolute;
  right:clamp(1.5rem,3vw,2.7rem);
  bottom:clamp(1.5rem,3vw,2.7rem);
  left:clamp(1.5rem,3vw,2.7rem);
  z-index:2;
}
.annual-selection-copy>.home-icon {
  width:2.7rem;
  height:2.7rem;
  margin-bottom:1rem;
  color:var(--gold-hi,#efc762);
}
.annual-selection-copy>p:not(.home-kicker) {
  max-width:31rem;
  margin:.9rem 0 0;
  color:rgba(244,239,221,.64);
  line-height:1.55;
}
.annual-selection-copy>div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.7rem;
  margin-top:1rem;
}

/* Related */
.annual-related {
  padding:0 0 clamp(2.5rem,3.4vw,3.6rem);
  background:#050605;
}
.annual-related-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
}
.annual-related-grid a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:5.4rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(232,197,109,.18);
  border-radius:1rem;
  background:linear-gradient(180deg,rgba(16,18,14,.96),rgba(9,10,8,.98));
  color:#f4efdd;
  text-decoration:none;
  font-weight:800;
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.annual-related-grid a b {
  color:#efc762;
}
.annual-related-grid a:hover,
.annual-related-grid a:focus-visible {
  transform:translateY(-2px);
  border-color:rgba(239,199,98,.6);
  background:linear-gradient(180deg,rgba(22,23,18,.98),rgba(11,12,9,.98));
}

/* FAQ + request */
.page-annual-forage .annual-faq,
.page-annual-forage .annual-request {
  border-top:1px solid rgba(232,197,109,.1);
}

/* Tighten the inherited homepage section rhythm for this catalog page. */
.page-annual-forage .annual-faq {
  padding-block:clamp(3rem,3.8vw,4rem)!important;
}
.page-annual-forage .annual-request {
  padding-block:clamp(3.4rem,4.1vw,4.4rem)!important;
}
.page-annual-forage .annual-request {
  background:
    radial-gradient(circle at 18% 48%,rgba(201,151,45,.1),transparent 28rem),
    #050605;
}

@media (max-width:79.99rem) {
  .annual-product-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .annual-related-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:63.99rem) {
  .annual-product-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-annual-forage .home-wrap {
    width:min(calc(100% - 2rem),50rem);
  }
  .annual-hero-stage {
    min-height:36rem;
  }
  .annual-hero-copy {
    width:min(34rem,72%);
  }
  .annual-hero-copy h1 {
    font-size:clamp(3rem,8vw,4.8rem);
  }
  .annual-section-head {
    grid-template-columns:1fr;
    gap:.75rem;
  }
  .annual-selection-grid {
    grid-template-columns:1fr;
  }
  .annual-selection-steps,
  .annual-selection-visual {
    min-height:31rem;
  }
}

@media (max-width:47.99rem) {
  .page-annual-forage .annual-assortment {
    padding:2.7rem 0 2.4rem!important;
  }
  .page-annual-forage .annual-selection {
    padding:2rem 0 2.7rem!important;
  }
  .page-annual-forage .annual-related {
    padding-bottom:2.2rem;
  }
  .page-annual-forage .annual-faq {
    padding-block:2.8rem!important;
  }
  .page-annual-forage .annual-request {
    padding-block:3rem!important;
  }
  .annual-image-note {
    margin-top:0;
    padding-top:2.25rem;
  }
  .page-annual-forage .home-wrap {
    width:calc(100% - 1.25rem);
  }
  .annual-hero {
    padding-top:.75rem;
  }
  .annual-breadcrumbs {
    font-size:.69rem;
    line-height:1.35;
  }
  .annual-breadcrumbs {
    text-align:left!important;
  }
  .annual-breadcrumbs ol {
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:left!important;
  }
  .annual-breadcrumbs li {
    flex:0 0 auto;
    text-align:left!important;
  }
  .annual-hero-stage {
    min-height:39rem;
    border-radius:1.2rem;
  }
  .annual-hero-media img {
    object-position:58% center;
  }
  .annual-hero-shade {
    background:
      linear-gradient(0deg,rgba(3,5,3,.97) 0%,rgba(3,5,3,.83) 48%,rgba(3,5,3,.44) 75%,rgba(3,5,3,.2) 100%),
      linear-gradient(90deg,rgba(3,5,3,.75),rgba(3,5,3,.15));
  }
  .annual-hero-copy {
    top:1.65rem;
    right:1rem;
    left:1rem;
    width:auto;
  }
  .annual-hero-copy h1 {
    max-width:10ch;
    font-size:clamp(2.6rem,13vw,4rem);
  }
  .annual-hero-copy>p:not(.home-kicker) {
    font-size:.88rem;
  }
  .annual-hero-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .annual-hero-facts {
    grid-template-columns:1fr;
    gap:.15rem;
    right:1rem;
    bottom:1rem;
    left:1rem;
    padding-top:.7rem;
  }
  .annual-hero-facts li {
    padding:.45rem 0;
    border-right:0;
    border-top:1px solid rgba(232,197,109,.1);
  }
  .annual-hero-facts li:first-child {
    border-top:0;
  }
  .annual-hero-facts .home-icon {
    width:1.85rem;
    height:1.85rem;
  }
  .annual-section-head h2 {
    font-size:clamp(2.35rem,10vw,3.5rem);
  }
  .annual-filters {
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:.2rem;
    scrollbar-width:none;
  }
  .annual-filters::-webkit-scrollbar { display:none; }
  .annual-filter {
    flex:0 0 auto;
    white-space:nowrap;
  }
  .annual-product-grid {
    grid-template-columns:1fr;
  }
  .annual-product-card__link {
    aspect-ratio:1/1;
  }
  .annual-product-card__content h3 {
    max-width:17ch;
    font-size:clamp(1.55rem,7vw,2.05rem);
  }
  .annual-selection-steps,
  .annual-selection-visual {
    min-height:auto;
    border-radius:1.2rem;
  }
  .annual-selection-steps {
    padding:1.3rem;
  }
  .annual-selection-steps h2,
  .annual-selection-copy h2 {
    font-size:clamp(2.25rem,10vw,3.25rem);
  }
  .annual-selection-visual {
    min-height:29rem;
  }
  .annual-related-grid {
    grid-template-columns:1fr;
  }
  .annual-related-grid a {
    min-height:4.8rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .annual-filter,
  .annual-filter::after,
  .annual-product-card__link,
  .annual-product-card__media img,
  .annual-product-card__cta b,
  .annual-related-grid a {
    transition-duration:.01ms!important;
  }
}