/* Pongal and Sankranti gifts (/collections/pongal-gifts/, 4 Nov 2026): a kolam hero, the four days, the pieces, how to choose. Same bones as holi.css. */
.po-hero picture{position:absolute;inset:0}.po-hero picture img{width:100%;height:100%;object-fit:cover;object-position:72% 78%}
.po-hero .sh-hero__txt{max-width:640px}
/* a warm red-floor 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.po-hero{background:#3a2218}
.sh-hero.st-hero.po-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.po-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.po-hero picture{position:relative;inset:auto;display:block;aspect-ratio:1032/941}.sh-hero.st-hero.po-hero::after{background:linear-gradient(180deg,rgba(40,18,12,.7) 0,rgba(40,18,12,0) 120px)}.sh-hero.po-hero .sh-hero__txt{padding-top:28px}}

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

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

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

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

@media (max-width:980px){.po-pieces__grid{grid-template-columns:1fr 1fr}.po-choose__list,.po-terms__cols{grid-template-columns:1fr}}
@media (max-width:760px){.po-dates{grid-template-columns:1fr}.po-dates__list li{grid-template-columns:2.2em minmax(0,1fr)}.po-date{grid-column:2}.po-plan{grid-column:auto}.po-pieces__grid{grid-template-columns:1fr}}
/* a piece without its Pongal picture yet: the catalogue photo, whole, on white */
.po-piece__pic--plain{background:#fff}.po-piece__pic--plain img{object-fit:contain}
.po-pieces__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.po-pieces__grid--four{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.po-pieces__grid--four{grid-template-columns:1fr}}