/* Christmas gifts (/collections/christmas-gifts/, 4 Nov 2026): a pine-and-berries hero, the two dates, the pieces, how to choose, a New Year bridge. Same bones as holi.css. */
.xm-hero picture{position:absolute;inset:0}.xm-hero picture img{width:100%;height:100%;object-fit:cover;object-position:72% 70%}
.xm-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.xm-hero{background:#10271d}
.sh-hero.st-hero.xm-hero::after{background:linear-gradient(180deg,rgba(14,52,34,.8) 0,rgba(14,52,34,0) 150px),linear-gradient(90deg,rgba(14,52,34,.92) 0%,rgba(14,52,34,.72) 36%,rgba(14,52,34,0) 66%)}
@media (max-width:760px){.sh-hero.st-hero.xm-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.xm-hero picture{position:relative;inset:auto;display:block;aspect-ratio:1032/941}.sh-hero.st-hero.xm-hero::after{background:linear-gradient(180deg,rgba(10,34,24,.7) 0,rgba(10,34,24,0) 120px)}.sh-hero.xm-hero .sh-hero__txt{padding-top:28px}}

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


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

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

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


.xm-piece__pic--cat{background:#fff}.xm-piece__pic--cat img{object-fit:contain}
.xm-plan{grid-column:2;display:flex;flex-direction:column;gap:12px;max-width:42rem}.xm-plan p{margin:0;line-height:1.7}
.xm-parts{margin:0 0 14px;padding-left:18px;font-size:var(--bq-small);color:var(--bq-soft);line-height:1.55}
.xm-ny__row{display:flex;gap:clamp(20px,4vw,48px);align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--bq-line);padding-top:24px}
.xm-ny__row>div{flex:1 1 320px;min-width:0}.xm-ny__row h2{margin:0 0 8px}.xm-ny__row p{margin:0;line-height:1.7;max-width:40rem}
@media (max-width:980px){.xm-pieces__grid{grid-template-columns:1fr 1fr}.xm-choose__list,.xm-terms__cols{grid-template-columns:1fr}}
@media (max-width:760px){.xm-dates{grid-template-columns:1fr}.xm-dates__list li{grid-template-columns:2.2em minmax(0,1fr)}.xm-date{grid-column:2}.xm-plan{grid-column:auto}.xm-pieces__grid{grid-template-columns:1fr}}
.xm-ny{padding-bottom:clamp(24px,4vw,40px)}
