/* Holiday and Christmas pages; shared BRL navigation/cards are in site.css. */
.holidays-page .page-hero { padding-bottom: 12px; margin-bottom: 0; }
.holidays-page .page-hero .lead { margin-bottom: 0; }
.holidays-page .holiday-collections { padding-top: 0; margin-top: 0; }
.holiday-collage {
    width: 100%; height: clamp(180px, 22vw, 220px); object-fit: cover;
    object-position: center 55%; border-radius: var(--radius);
}
.holiday-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; }
.holiday-grid h2 { margin: 0 0 10px; font-size: 21px; line-height: 1.25; }
.holiday-featured, .holiday-wide { grid-column: span 2; }
.holiday-featured { border-color: var(--blue); box-shadow: 0 0 24px rgb(0 156 255 / .12); }
.holiday-featured h2 { font-size: 28px; }
.holiday-grid .holiday-status { margin-top: auto; margin-bottom: 0; color: var(--cyan); font-weight: 700; }
.christmas-page #christmas-products[hidden] { display: none; }
.christmas-development { max-width: 760px; margin-inline: auto; }
.christmas-development h2 { margin-top: 0; }
.christmas-development p:last-child { margin-bottom: 0; }
.christmas-development .btn { margin-top: 8px; }
@media (max-width: 700px) {
    .holiday-collage { height: auto; object-fit: contain; }
    .holiday-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
    .holiday-featured, .holiday-wide { grid-column: auto; }
}

/* Christmas collection: preserve shared BRL cards and other holiday layouts. */
/* Shared-background sections use one section's padding at this boundary. */
.christmas-page .christmas-bundles + section[aria-labelledby="christmas-collection-heading"] { padding-top: 0; }
.christmas-page .christmas-ornament-grid,
.christmas-page .christmas-bundle-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.christmas-page .christmas-accessory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.christmas-page .workshop-card { min-width: 0; }
.christmas-page .workshop-card > img { height: auto; aspect-ratio: 1; object-fit: contain; background: var(--black); }
.christmas-page .workshop-card h3 { overflow-wrap: anywhere; }
.christmas-page .workshop-card .christmas-construction {
    margin-bottom: 10px; color: var(--cyan); font-weight: 700;
    font-size: 13px; letter-spacing: .1em; text-transform: uppercase;
}
.christmas-page .christmas-accessories { background: #0a0d12; border-block: 1px solid var(--line); }
.christmas-page .christmas-inquiry { margin-top: 32px; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--blue); border-radius: var(--radius); background: var(--panel); }
.christmas-page .christmas-inquiry h3 { margin: 0 0 12px; }
.christmas-page .christmas-inquiry p { max-width: 760px; color: #b9c2cc; }
.christmas-page .christmas-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.christmas-page .christmas-actions .btn { white-space: normal; text-align: center; line-height: 1.35; }
@media (max-width: 1000px) {
    .christmas-page .christmas-ornament-grid,
    .christmas-page .christmas-bundle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .christmas-page .christmas-ornament-grid,
    .christmas-page .christmas-accessory-grid,
    .christmas-page .christmas-bundle-grid { grid-template-columns: 1fr; }
}

/* Compact Christmas gift-set prices; retain the existing card and photo layouts. */
.christmas-page .christmas-prices { margin-top: auto; width: 100%; }
.christmas-page .christmas-prices p { margin: 0; color: #a9b3be; font-size: 14px; line-height: 1.6; }
.christmas-page .christmas-prices strong { color: var(--text); font-weight: 600; white-space: nowrap; }
.christmas-page .christmas-price-note { margin: 14px 0 0; color: #b9c2cc; font-size: 14px; line-height: 1.6; }

/* Secondary, comfortably readable personalized-order policy. */
.christmas-page .christmas-order-policy { max-width: 760px; margin-top: 24px; color: #b9c2cc; font-size: 14px; line-height: 1.65; }
.christmas-page .christmas-order-policy h3 { margin: 0 0 10px; color: inherit; font-size: 16px; font-weight: 600; }
.christmas-page .christmas-order-policy p { margin: 0 0 12px; }
.christmas-page .christmas-order-policy p:last-child { margin-bottom: 0; }

.christmas-page .christmas-bundle-grid h3 { color: var(--blue); }