/* gift-guide.html (golf gifts for dad), builder 4. */
.gg-art__main>*+*{margin-top:2.25rem}
.gg-art__main>.gift-season+.gift-season{margin-top:0}
.gg-art__main>.gg-prose+.gift-season{margin-top:1.25rem}
.gift-sec{scroll-margin-top:6rem}
.gift-sec>h2{margin-bottom:1rem;font-size:clamp(1.4rem,1.15rem + 1vw,1.85rem);line-height:1.18}
.gift-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.gift-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.gift-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}.gift-kinds .gg-rtile p{display:block}}
.gift-kinds .gg-rtile{aspect-ratio:4/5}
.gift-table td a{font-weight:700}
.gift-intro{max-width:46rem;margin-bottom:1rem;color:var(--gg-ink-2);line-height:1.6}
.gift-check{display:flex;gap:.45rem;align-items:flex-start;padding:.55rem .7rem;border-radius:var(--gg-r-m);background:var(--gg-ground);font-size:.9rem!important;line-height:1.45!important}
.gift-check .gg-ic{flex:none;margin-top:.15rem;color:var(--gg-warn)}
.gift-check b{color:var(--gg-ink)}
.gg-gift .gg-gift__foot .gg-more{min-height:44px}
.gift-note{margin-top:1rem}
.gift-split h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem)}
.gift-split p+p{margin-top:.6rem}
.gift-split .gg-more{margin-top:.5rem}
.gift-steps{margin-top:.25rem}
@media (min-width:768px){.gift-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gift-links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.1rem;margin-top:1rem;color:var(--gg-muted);font-size:.95rem}
.gift-aside{font-size:.92rem}
.gg-art .gg-endgrid{margin-top:2.75rem}
.gg-gift__media img{position:absolute;inset:0;width:100%;height:100%}
/* round 2: no lone third card at 640-1279 px (two columns there): it lies on its side across the row */
@media (min-width:640px) and (max-width:1279px){
  .gg-gifts--3>.gg-gift:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .gg-gifts--3>.gg-gift:last-child:nth-child(odd) .gg-gift__media{aspect-ratio:auto;height:100%;min-height:14rem}
}
/* ideas and free guides are not product picks */
.gift-idea{background:#fbfcfa;border-style:dashed;border-color:var(--gg-line-2);box-shadow:none}
/* No lone card: the fifth "before you buy" step spans the row */
@media (min-width:640px){.gg-steps>.gg-step:last-child:nth-child(odd){grid-column:1/-1}}

/* ---- tidy pass 2026-10-18: on phones a gift card lies on its side (photo left, name and one line right),
   the check line and the buttons run under both ---- */
@media (max-width:639px){
  .gg-gifts{gap:.75rem}
  .gg-gift{display:grid;grid-template-columns:6.75rem minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:.85rem;row-gap:.4rem;padding:.75rem}
  .gg-gift__media{grid-column:1;grid-row:1/span 2;align-self:start;aspect-ratio:1/1;border-radius:var(--gg-r-m);overflow:hidden}
  .gg-gift__media .gg-tag{top:auto;bottom:.35rem;left:.3rem;max-width:calc(100% - .6rem);padding:.16rem .45rem .16rem 1.15rem;font-size:.75rem;line-height:1.2;white-space:normal}
  .gg-gift__media .gg-tag::before{left:.45rem;width:.32rem;height:.32rem;top:calc(50% - .16rem)}
  .gg-gift__body{display:contents}
  .gg-gift__body>:is(h2,h3,h4){grid-column:2;grid-row:1;align-self:end;font-size:1.02rem}
  .gg-gift__body>p:not(.gift-check){grid-column:2;grid-row:2;align-self:start;font-size:.9rem;line-height:1.45}
  .gg-gift__body>.gift-check,.gg-gift__body>.gg-gift__foot{grid-column:1/-1}
  .gg-gift__body>.gg-gift__foot{padding-top:.15rem}
  .gift-kinds .gg-rtile{aspect-ratio:1/1}
}

/* ---- review fixes 2026-10-18 ---- */
/* P2-8: cards side by side keep their "Check price" buttons level: the foot stacks and the button sits at the
   card's foot, the secondary link above it */
@media (min-width:640px){
  .gg-gift__foot{flex-direction:column;align-items:flex-start;gap:.15rem}
  .gg-gift__foot>.gg-btn{order:2}
  .gg-gift__foot>.gg-more{order:1}
}
/* P3-18: from 640 to 1023 px the related rail shows whole cards (two side by side, the third across the row) */
@media (min-width:640px) and (max-width:1023px){
  #related .gg-grid--rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:0}
  #related .gg-grid--rail>.gg-card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}
  #related .gg-grid--rail>.gg-card:last-child:nth-child(odd) .gg-card__media{flex:0 0 46%;aspect-ratio:auto}
}