/* Fonds neutres et touches de rouge de l'identité Outdoor Heater. */
:root{
  --paper:#f7f6f2;
  --sand:#eeece5;
  --ink:#242424;
  --muted:#6e6e68;
  --line:#dcddd6;
  --copper:#d4141c;
  --accent:#e10600;
  --accent-text:#d4141c;
  --accent-hover:#be0704;
}
::selection{background:#f4d3d0;color:var(--ink)}
.button-dark:hover{background:#3b3b38}
.header-project.button-dark,
.product-purchase .button-dark,
.checkout-next .button-dark,
#confirm-bank{background:var(--accent);color:white}
.header-project.button-dark:hover,
.product-purchase .button-dark:hover,
.checkout-next .button-dark:hover,
#confirm-bank:hover{background:var(--accent-hover)}
.section-label>span:first-child,
.page-heading .eyebrow,
.product-buy>.eyebrow,
.product-tag{color:var(--accent-text)}
.product-buy h1 em{color:var(--accent)}
.hero-actions .button-light svg{color:var(--accent-text)}
.shop-card-add:hover,
.pagination button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:white}
.selection-count{background:var(--accent)}
.payment-option:has(input:checked),
.shipping-option:has(input:checked){border-color:var(--accent)}
.footer-column a:hover,.footer-column button:hover{color:#ff7974}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}

/* Le SVG officiel conserve ses formes, son texte et ses couleurs. */
.brand{flex-shrink:0;letter-spacing:0}
.brand-logo{display:block;width:205px;height:auto;max-width:100%;flex-shrink:0}
.footer-logo{width:277px;max-width:100%;padding:14px 16px;background:#fff}
.footer-logo .brand-logo{width:245px;max-width:100%;flex-shrink:1}
.checkout-header .brand-logo{width:205px}
@media(max-width:1200px) and (min-width:851px){
  .header-project{display:none}
  .header .brand-logo{width:195px}
}
@media(max-width:850px){
  .header .brand-logo{width:185px}
  .header{gap:18px}
}
@media(max-width:600px){
  .header .brand-logo{width:185px}
  .header-actions{gap:12px}
  .checkout-header .brand-logo{width:195px}
}
@media(max-width:360px){
  .header .shop-account{display:none}
  .header{gap:12px}
  .header-actions{gap:12px}
  .header .brand-logo{width:180px}
}