/* Wholesale tarps campaign, using the existing homepage slider. */
.ag-home .ag-tarps-hero {
  /* Let the slider's shared decorative background remain visible. */
  background: transparent;
  color: #fff;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 24px;
  padding: 44px max(6%, calc((100vw - 1320px) / 2));
  min-height: 440px;
}
.ag-tarps-hero__copy { position: relative; z-index: 1; }
.ag-tarps-hero__eyebrow { font-family: inherit; font-size: 14px; letter-spacing: .12em; }
.ag-home .ag-tarps-hero h1 {
  font-family: 'DaysOne', sans-serif;
  font-weight: 400;
  font-size: clamp(30px, 3.5vw, 56px);
  line-height: 1.08;
  margin: 16px 0;
  color: #fff;
}
.ag-tarps-hero__minimum { color: #FCEE2D; font: 400 clamp(28px, 3vw, 44px)/1.15 'DaysOne', sans-serif; }
.ag-home .ag-tarps-hero p { font-family: inherit; font-size: 17px; line-height: 1.5; font-weight: 500; max-width: 410px; margin: 18px 0 24px; }
.ag-home .ag-tarps-hero .button-yellow { background: #FCEE2D; color: #209246; }
.ag-tarps-hero__visual { display: flex; align-items: center; justify-content: center; }
.ag-tarps-hero__visual img { display: block; width: 100%; max-width: 460px; height: auto; filter: drop-shadow(0 16px 16px rgba(0,0,0,.18)); }
@media (max-width: 766px) {
  .ag-home .ag-tarps-hero { grid-template-columns: 1fr; gap: 12px; padding: 28px 20px 42px; min-height: 0; }
  .ag-home .ag-tarps-hero h1 { font-size: clamp(29px, 7vw, 42px); }
  .ag-home .ag-tarps-hero p { font-size: 15px; margin: 14px 0 20px; }
  .ag-tarps-hero__visual img { max-width: 250px; }
}
.ag-home .ag-tarps-hero { grid-template-columns: 1fr 1.15fr; }
.ag-tarps-hero__visual.ag-tarps-hero__assortment {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 590px;
  justify-self: end;
}
.ag-tarps-hero__sample { margin: 0; overflow: hidden; border-radius: 12px; background: #fff; }
.ag-tarps-hero__sample img { width: 100%; max-width: none; height: auto; aspect-ratio: 1; object-fit: contain; filter: none; }
.ag-tarps-hero__sample figcaption { padding: 7px 5px 10px; text-align: center; color: #209246; font: 700 13px/1.2 'Rubik', sans-serif; }
@media (max-width: 766px) {
  .ag-home .ag-tarps-hero { grid-template-columns: 1fr; gap: 24px; }
  .ag-tarps-hero__visual.ag-tarps-hero__assortment { justify-self: center; gap: 8px; max-width: 460px; }
  .ag-tarps-hero__sample figcaption { font-size: 11px; }
}
.ag-tarps-hero__visual.ag-tarps-hero__composition { width: 100%; }
.ag-tarps-hero__composition img { width: 100%; max-width: 680px; height: auto; filter: none; }
@media (max-width: 766px) {
  .ag-tarps-hero__composition img { max-width: 460px; }
}