/* Holi gifts (/collections/holi-gifts/, 4 Nov 2026): a colour-powder hero, the two dates, five pieces, how to choose. Same bones as ramadan-eid.css. */
.hg-hero picture{position:absolute;inset:0}.hg-hero picture img{width:100%;height:100%;object-fit:cover;object-position:72% 78%}
.hg-hero .sh-hero__txt{max-width:640px}
/* a pale, bright scene: the same white words as the other heroes, on a warm brown veil that fades out to the right, with a dark top for the header */
.sh-hero.st-hero.hg-hero{background:#3a2218}
.sh-hero.st-hero.hg-hero::after{background:linear-gradient(180deg,rgba(40,18,12,.7) 0,rgba(40,18,12,0) 150px),linear-gradient(90deg,rgba(40,18,12,.8) 0%,rgba(40,18,12,.5) 38%,rgba(40,18,12,0) 64%)}
@media (max-width:760px){.sh-hero.st-hero.hg-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hg-hero picture{position:relative;inset:auto;display:block;aspect-ratio:1032/941}.sh-hero.st-hero.hg-hero::after{background:linear-gradient(180deg,rgba(40,18,12,.7) 0,rgba(40,18,12,0) 120px)}.sh-hero.hg-hero .sh-hero__txt{padding-top:28px}}

.hg-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.hg-dates__head .bq-d2{margin:0 0 16px}
.hg-dates__list{list-style:none;margin:0;padding:0;counter-reset:hg}
.hg-dates__list li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--bq-line)}
.hg-dates__list li:first-child{border-top:1px solid var(--bq-line)}
.hg-dates__list li::before{counter-increment:hg;content:counter(hg);font:400 var(--bq-t1)/1 var(--bq-serif);color:var(--bq-teal)}
.hg-dates__list b{font:400 var(--bq-t1)/1.25 var(--bq-serif)}
.hg-date{font-size:var(--bq-small);color:var(--bq-soft)}
.hg-plan{grid-column:2;margin:0;max-width:40rem;line-height:1.7}

.hg-pieces__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
.hg-piece{display:flex;flex-direction:column;min-width:0}
.hg-piece__pic{display:block;margin:0;border-radius:var(--bq-r);overflow:hidden;background:var(--bq-plaster-2);aspect-ratio:1/1}
.hg-piece__pic img{display:block;width:100%;height:100%;object-fit:cover}
.hg-piece__txt{display:flex;flex-direction:column;flex:1;padding-top:20px}
.hg-piece__txt h3{margin:0 0 8px}.hg-piece__txt h3 a{color:inherit;text-decoration:none}.hg-piece__txt h3 a:hover{text-decoration:underline}
.hg-piece__txt>p{margin:0 0 14px;line-height:1.6}
.hg-piece__why{font-weight:500}
.hg-piece__rate{margin:auto 0 14px;display:flex;flex-direction:column;gap:3px}.hg-piece__rate strong{font:400 var(--bq-t1)/1.2 var(--bq-serif)}.hg-piece__rate span{font-size:var(--bq-small);color:var(--bq-soft)}
.hg-piece__add{align-self:flex-start;min-height:48px}
.hg-piece--mix{border-top:1px solid var(--bq-line);padding-top:4px;justify-content:center}
.hg-piece--mix .hg-piece__txt{flex:0 1 auto;align-items:flex-start}
.hg-piece--mix .bq-btn{min-height:48px;margin-top:6px}

.hg-choose__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.hg-choose__list li{border-top:1px solid var(--bq-line);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.hg-choose__list b{font:400 var(--bq-t1)/1.25 var(--bq-serif)}
.hg-choose__list span{line-height:1.7;max-width:30rem}
.hg-choose__list a{display:inline-flex;align-items:center;min-height:44px}

.hg-terms__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.hg-terms__cols>div{border-top:1px solid var(--bq-line);padding-top:20px}
.hg-terms__cols h3{margin:0 0 12px}.hg-terms__cols p{line-height:1.7;max-width:34rem}

@media (max-width:980px){.hg-pieces__grid{grid-template-columns:1fr 1fr}.hg-choose__list,.hg-terms__cols{grid-template-columns:1fr}}
@media (max-width:760px){.hg-dates{grid-template-columns:1fr}.hg-dates__list li{grid-template-columns:2.2em minmax(0,1fr)}.hg-date{grid-column:2}.hg-plan{grid-column:auto}.hg-pieces__grid{grid-template-columns:1fr}}