/* Green Acres Holiday Facia 0.3.1 — one harvest motif per page.
   Decorations never take clicks. Header/menu is z-index 40; art stays at 1–5.
   Desktop target is about 1280px. Cart and checkout are not decorated. */

.gah-hf,
.gah-hf *,
.gah-hf-beam,
.gah-hf-basket {
  pointer-events: none !important;
}

.gah-hf:not(.is-placed) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
}

.gah-hf svg {
  display: block;
}

@media print {
  .gah-hf,
  .gah-hf-beam,
  .gah-hf-basket {
    display: none !important;
  }
}

/* Home — harvest cluster along the bottom of the hero only. */
body.gah-hf-page-home #primary > section > .relative {
  position: relative;
  z-index: 2;
  padding-bottom: 12.75rem;
}

body.gah-hf-page-home #primary > section > .gah-hf.is-placed {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 180px;
  overflow: hidden;
}

body.gah-hf-page-home .gah-hf-still {
  width: 100%;
  height: 180px;
}

@media (max-width: 760px) {
  body.gah-hf-page-home #primary > section > .relative {
    padding-bottom: 8.5rem;
  }
  body.gah-hf-page-home #primary > section > .gah-hf.is-placed,
  body.gah-hf-page-home .gah-hf-still {
    height: 120px;
  }
}

/* Shop — market ribbon across the title band, sunflower clear of the grid. */
body.gah-hf-page-shop #primary > header {
  position: relative;
  padding-bottom: 9.25rem;
}

body.gah-hf-page-shop #primary > header > .gah-hf.is-placed {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.2rem;
  height: 140px;
  z-index: 1;
}

body.gah-hf-page-shop .gah-hf-burlap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  height: 56px;
}

body.gah-hf-page-shop .gah-hf-market {
  position: absolute;
  left: 4px;
  bottom: 16px;
  height: 78px;
  width: auto;
}

body.gah-hf-page-shop .gah-hf-sun {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 136px;
  width: auto;
}

@media (max-width: 640px) {
  body.gah-hf-page-shop #primary > header {
    padding-bottom: 7.25rem;
  }
  body.gah-hf-page-shop #primary > header > .gah-hf.is-placed {
    height: 108px;
  }
  body.gah-hf-page-shop .gah-hf-burlap {
    height: 48px;
    bottom: 6px;
  }
  body.gah-hf-page-shop .gah-hf-market {
    height: 58px;
  }
  body.gah-hf-page-shop .gah-hf-sun {
    height: 100px;
  }
}

/* Reviews — pressed botanicals in the outer gutter, never on the cards.
   Was hidden until 1480px. Shown from 1280px, 86px wide (article starts ~96px in). */
@media (min-width: 1280px) {
  body.gah-hf-page-reviews .gah-hf.is-placed {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
  body.gah-hf-page-reviews .gah-hf-press {
    position: fixed;
    z-index: 5;
    top: 7.5rem;
    width: 86px;
    height: auto;
  }
  body.gah-hf-page-reviews .gah-hf-press-left {
    left: 4px;
  }
  body.gah-hf-page-reviews .gah-hf-press-right {
    right: 4px;
  }
}

@media (max-width: 1279px) {
  body.gah-hf-page-reviews .gah-hf {
    display: none !important;
  }
}

/* Gallery — lantern row just above the photo grid. */
body.gah-hf-page-gallery .gah-fun-gallery > .gah-hf.is-placed {
  display: flex;
  justify-content: center;
  margin: 0.35rem auto 0.85rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

body.gah-hf-page-gallery .gah-hf-lanterns {
  width: min(720px, 100%);
  height: auto;
}

@media (max-width: 640px) {
  body.gah-hf-page-gallery .gah-hf-lanterns {
    width: min(420px, 96%);
  }
}

/* Lab — ledger and a wax seal beside the title. */
body.gah-hf-page-lab #primary article > header {
  position: relative;
}

@media (min-width: 760px) {
  body.gah-hf-page-lab #primary article > header {
    padding-right: 300px;
    min-height: 8.5rem;
  }
  body.gah-hf-page-lab #primary article > header > .gah-hf.is-placed {
    position: absolute;
    right: 0;
    top: 0.15rem;
    width: 280px;
    height: auto;
    z-index: 1;
  }
}

@media (max-width: 759px) {
  body.gah-hf-page-lab #primary article > header > .gah-hf.is-placed {
    display: block;
    width: min(280px, 100%);
    margin-top: 0.75rem;
  }
}

/* Wholesale — beam under the title; bushel in the open side of the header. */
body.gah-hf-page-wholesale #primary > header .gah-hf-beam {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0.55rem 0 0.35rem;
}

body.gah-hf-page-wholesale .gah-hf-basket {
  display: none;
}

@media (min-width: 1100px) {
  body.gah-hf-page-wholesale #primary {
    position: relative;
  }
  body.gah-hf-page-wholesale #primary > .gah-hf-basket {
    display: block;
    position: absolute;
    top: 0.2rem;
    right: 0.35rem;
    width: 180px;
    height: auto;
    z-index: 1;
  }
}

/* The Farm — porch rail and mums in flow, under the story. */
body.gah-hf-page-farm .entry-content + .gah-hf.is-placed {
  display: block;
  width: 100%;
  margin: 1.75rem 0 0.25rem;
  position: relative;
  z-index: 1;
}

body.gah-hf-page-farm .gah-hf-porch {
  width: 100%;
  height: auto;
}

@media (max-width: 640px) {
  body.gah-hf-page-farm .entry-content + .gah-hf.is-placed {
    margin-top: 1.1rem;
  }
}

/* The Plant — botanical plate in a reserved sidebar. Shown from 1040px (already under 1100). */
@media (min-width: 1040px) {
  body.gah-hf-page-plant #primary article {
    position: relative;
    padding-right: 248px;
  }
  body.gah-hf-page-plant #primary article > .gah-hf.is-placed {
    position: absolute;
    top: 6.25rem;
    right: 0;
    width: 220px;
    z-index: 1;
  }
  body.gah-hf-page-plant .gah-hf-plate {
    width: 220px;
    height: auto;
  }
}

@media (max-width: 1039px) {
  body.gah-hf-page-plant .gah-hf {
    display: none !important;
  }
}

/* Learn — firewood beside the intro column. Shown from 1100px. */
@media (min-width: 1100px) {
  body.gah-hf-page-learn #primary {
    position: relative;
  }
  body.gah-hf-page-learn #primary > .gah-hf.is-placed {
    position: absolute;
    top: 1.15rem;
    left: calc(48rem + 1.15rem);
    width: 150px;
    z-index: 1;
  }
  body.gah-hf-page-learn .gah-hf-wood {
    width: 150px;
    height: auto;
  }
}

@media (max-width: 1099px) {
  body.gah-hf-page-learn .gah-hf {
    display: none !important;
  }
}

/* Contact — mailbox and apples in a reserved column beside the form.
   Was hidden until 1500px (fixed, off in the viewport gutter). From 1100px
   the article keeps 200px clear on the right so fields are not covered. */
@media (min-width: 1100px) {
  body.gah-hf-page-contact #primary article {
    position: relative;
    padding-right: 200px;
  }
  body.gah-hf-page-contact #primary article > .gah-hf.is-placed {
    position: absolute;
    z-index: 1;
    top: 8.25rem;
    right: 0;
    width: 176px;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
  body.gah-hf-page-contact .gah-hf-mail {
    width: 176px;
    height: auto;
  }
}

@media (max-width: 1099px) {
  body.gah-hf-page-contact .gah-hf {
    display: none !important;
  }
}