/* Décor commun à la collection de Noël ComAdvance. */
body {
  --cream: #f8f3e9;
  --soft: #f0ecdf;
  --border: #ddd5c1;
  background-color: var(--cream);
  background-image: linear-gradient(#f8f3e9ed, #f8f3e9fa 850px), url('assets/noel-ivoire-sapin.jpg');
  background-position: center top;
  background-size: 100% 100%, 1800px auto;
  background-repeat: no-repeat;
}
.audience-banner { background: #103f35; border-bottom: 1px solid #b99a58; }
.intro {
  grid-template-columns: minmax(0, 1fr) 290px;
  min-height: 170px;
  margin: 22px 0 30px;
  padding: 30px 36px;
  border: 1px solid #9f8d57;
  border-radius: 20px;
  background: linear-gradient(100deg, #103f35f5 0%, #103f35df 60%, #103f35a6 100%), url('assets/noel-ivoire-sapin.jpg') center / cover;
  box-shadow: 0 12px 32px #14382b13;
  color: #fffdf5;
}
.intro h1 { margin-bottom: 12px; font-size: clamp(30px, 3.2vw, 42px); letter-spacing: -1.2px; }
.intro h1 em { color: #edcf8a; }
.intro-copy { max-width: 460px; color: #f4efdd; font-size: 14px; }
.intro .catalogue-download { min-height: 48px; border-color: #e4cf96; background: #fffbf0; color: #214735; box-shadow: 0 3px 14px #071e1a12; }
.intro .catalogue-download:hover { background: #f5e6bc; }
.product-card { border-color: #ded3bb; border-radius: 16px; box-shadow: 0 4px 18px #503a1607; }
.product-card:hover { border-color: #b49a5d; box-shadow: 0 9px 25px #503a1614; }
.product-card-image {
  isolation: isolate;
  background: #f5ecdd url('assets/noel-ivoire-sapin.jpg') center / 100% 100%;
  border-bottom-color: #e0d5bd;
}
.product-card-image img { position: relative; z-index: 1; padding: 22px; mix-blend-mode: multiply; }
.product-card-badge { z-index: 2; top: 12px; left: 12px; border: 1px solid #d5ba79; border-radius: 20px; background: #194c3df5; color: #fff4d4; box-shadow: 0 2px 8px #14382b12; }
.product-card-action { background: #f1ecdc; }
.selection-sidebar { border-color: #d7ceb7; border-radius: 16px; box-shadow: 0 6px 24px #503a1608; }
.santa-catalogue-callout { border-color: #d2c095; background: #fffbf1; }
.product-visual { background: linear-gradient(150deg, #f4eddf, #ece9d9); }
.photo-wrap { isolation: isolate; padding: 22px; overflow: hidden; border: 1px solid #e0d2b3; border-radius: 16px; background: #f6eddf url('assets/noel-ivoire-sapin.jpg') center / 100% 100%; }
.photo-wrap img { mix-blend-mode: multiply; }
.product-card-image img[src*="goodies-mug-picto-"][src$=".png"],
.photo-wrap img[src*="goodies-mug-picto-"][src$=".png"] { mix-blend-mode: normal; }
.collection-chip { border-color: #d1b777; background: #fffaf0; color: #775d27; }
.visual-caption { border-top-color: #d8caac; }
.price-card { border-color: #d6c8a7; background: #f5f0e2; }
.reassurance { border-color: #dfd4ba; }
.site-footer { border-top-color: #ded3bb; }
@media (max-width: 1000px) {
  .intro { grid-template-columns: minmax(0, 1fr) 230px; gap: 20px; padding: 28px; }
}
@media (max-width: 760px) {
  .intro { grid-template-columns: minmax(0, 1fr) auto; min-height: 154px; margin: 16px 0 24px; padding: 24px; gap: 16px; }
  .intro h1 { font-size: 31px; }
  .intro-copy { display: block; margin-top: 8px; font-size: 12px; }
  .intro .catalogue-download { width: auto; min-width: 48px; }
  .product-card-image img { padding: 16px; }
  .photo-wrap { padding: 16px; }
}
@media (max-width: 419px) {
  .intro { padding: 22px 18px; gap: 10px; }
  .intro h1 { font-size: 28px; }
  .product-card-badge { top: 8px; left: 8px; padding: 4px 8px; }
}
@media print {
  body, .intro, .product-card-image, .photo-wrap { background: #fff !important; box-shadow: none; }
  .intro, .intro h1, .intro h1 em, .intro-copy { color: #103f35; }
  .product-card-image img, .photo-wrap img { mix-blend-mode: normal; }
}

.product-visual { --mug-preview-background: #f6eddf url('assets/noel-ivoire-sapin.jpg') center / 100% 100%; }