/* wyne.fr/cadeau (06/11/2026): the « Devenir membre » block of the home page, two forms in it.
   11/11 (Guillaume): the gift card is Clay (red #E55645), Sand text — never blue next to it. */
.cadeau.join,.gift-band{--clay:#E55645;background:var(--clay)}
.cadeau .seg input:checked+label{color:var(--clay)}
.cadeau .btn.cream,.gift-band .btn.cream{color:var(--clay)}
.cadeau .btn.cream:hover,.gift-band .btn.cream:hover{color:var(--sand)}
.cadeau input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--clay) inset}
.page-cadeau main > .crumbs + .join, .page-cadeau .join.cadeau{min-height:calc(100vh - 160px)}
.cadeau .join-block h1{font-size:clamp(40px,5.6vw,96px)}
.cadeau .join-block .lbl{margin:0}
.cadeau #c-lead{display:grid;gap:14px}
.cadeau .seg.four{grid-template-columns:repeat(4,1fr)}
.cadeau .seg label{text-transform:none;letter-spacing:0;font-size:15px}
.cadeau textarea{font:16px "Favorit Mono",monospace;color:var(--sand);background:transparent;border:1px solid var(--sand);border-radius:0;
  padding:10px 12px;min-height:84px;resize:vertical;outline:none;text-transform:none;letter-spacing:0}
.cadeau textarea:focus{border-width:2px}
.cadeau .ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:24px}
.cadeau .ship-grid .full{grid-column:1/-1}
.cadeau .c-done{padding:var(--pad);font-size:18px;line-height:1.5;align-self:start}
.cadeau .done:not(.c-done){font-weight:700}
.cadeau form[hidden],.cadeau [hidden]{display:none!important}
.c-sandbox{position:fixed;left:8px;bottom:8px;z-index:99;margin:0;padding:2px 6px;background:#E55645;color:#F1EBE2;font:700 11px "Favorit Mono",monospace;letter-spacing:.08em}
@media (max-width:820px){
  .cadeau.join{grid-template-columns:1fr}
  .cadeau .join-block{border-right:0;border-bottom:1px solid rgba(241,235,226,.4)}
  .cadeau .seg.four{grid-template-columns:1fr 1fr}
  .cadeau .seg.four label:nth-of-type(3){border-left:0}
  .cadeau .seg.four label:nth-of-type(n+3){border-top:1px solid var(--sand)}
}
/* Home page block « Offre WYNE » (11/11/2026): a full-height section like the hero — Slate block with Sand text on the
   left, the bottles photo on the right. One brand colour, nothing else. */
.gift-band{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 69px);color:var(--sand);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.gift-card{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(40px,4.5vw,72px) var(--pad)}
.gift-band .lbl{margin:0}
.gift-band h2{font-size:clamp(56px,6.4vw,112px);line-height:.9;margin:0}
.gift-band .gift-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.6;max-width:48ch;margin:0}
.gift-amounts{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:620px;border:1px solid var(--sand)}
.gift-amounts a{display:flex;align-items:center;justify-content:center;min-height:64px;color:var(--sand);text-decoration:none;font:700 clamp(17px,1.4vw,22px) "Favorit Mono",monospace}
.gift-amounts a+a{border-left:1px solid var(--sand)}
.gift-amounts a:hover{background:var(--sand);color:var(--clay)}
.gift-band .btn{align-self:flex-start;min-height:58px;padding:0 30px;font-size:15px}
.gift-band .gift-small{font-size:13px;margin:0}
.gift-band .gift-small a{color:var(--sand)}
.gift-photo{background:var(--clay) url(img/bouteilles-rouges.jpg) center/cover no-repeat;border-left:1px solid var(--rule)}
@media (max-width:820px){
  .gift-band{grid-template-columns:1fr;min-height:0}
  .gift-photo{order:-1;min-height:42svh;border-left:0;border-bottom:1px solid var(--rule)}
  .gift-amounts{grid-template-columns:1fr 1fr}
  .gift-amounts a:nth-child(3){border-left:0}
  .gift-amounts a:nth-child(n+3){border-top:1px solid var(--sand)}
  .gift-band .btn{align-self:stretch;justify-content:center}
}
/* Header « Carte cadeau » (every page): medium screens drop the separators (one link per side); this one keeps its own. */
@media (min-width:761px) and (max-width:1180px){
  .top .nav-l a:not(.btn)[href="/cadeau/"]{border-left:1px solid var(--rule);margin-left:14px;padding-left:14px}
}
/* Footer in four columns (11/11/2026, Guillaume): logo on the left, Découvrir / Membres / WYNE / Légal, then the legal line. */
footer:has(.foot-cols){grid-template-columns:minmax(120px,1fr) 3fr;align-items:start;gap:32px 40px;padding:56px var(--pad) 24px}
footer nav.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;justify-content:stretch}
.foot-cols div{display:flex;flex-direction:column;align-items:flex-start}
.foot-cols .foot-h{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--rule);width:100%;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
footer nav.foot-cols a{padding:6px 0;white-space:normal}
footer:has(.foot-cols) .foot-legal{border-top:1px solid var(--rule);padding-top:16px;margin-top:8px}
@media (max-width:900px){
  footer:has(.foot-cols){grid-template-columns:minmax(0,1fr);gap:24px}
  footer nav.foot-cols{grid-template-columns:1fr 1fr;gap:24px 16px}
}
/* SEO text and FAQ under the forms (11/11/2026); hidden while activating a card. */
.c-seo{padding-top:clamp(48px,6vw,88px)}
.c-seo h3{font-size:clamp(20px,1.8vw,26px);margin:28px 0 8px}
/* Gift insert in the two gift guides (Clay block, Sand text). */
.guide-gift{--clay:#E55645;background:var(--clay);color:var(--sand);padding:24px;margin:28px 0;display:grid;gap:14px;justify-items:start}
.guide-gift .lbl,.guide-gift p{margin:0}
.guide-gift .btn.cream{color:var(--clay)}
.guide-gift .btn.cream:hover{color:var(--sand)}