/* Racontine, page « Offrir », en complément d'accueil.css (même style que l'accueil). */

/* Carte cadeau (étiquette) */
.hero-offrir .hero-visuel{min-height:520px}
.lueur-cadeau{position:absolute;inset:0;margin:auto;width:min(520px,92vw);height:min(520px,92vw);border-radius:50%;background:radial-gradient(circle,var(--halo-1) 0%,var(--halo-2) 38%,rgba(255,255,255,0) 70%);animation:respire 6s ease-in-out infinite;pointer-events:none}
.etiquette{position:relative;z-index:1;width:100%;max-width:420px;background:#fff;border:1px solid var(--trait);border-radius:22px;padding:44px 38px 30px;box-shadow:0 34px 60px -34px rgba(58,14,26,.55);display:flex;flex-direction:column;gap:22px}
.etiquette::before{content:"";position:absolute;top:-1px;left:50%;width:120px;height:10px;margin-left:-60px;background:var(--bordeaux);border-radius:0 0 8px 8px}
.etiquette-hero{transform:rotate(-3deg)}
.etiquette-trou{position:absolute;top:22px;right:24px;width:18px;height:18px;border-radius:50%;border:3px solid var(--bordeaux);background:var(--fond)}
.etiquette-marque{color:var(--bordeaux)}
.etiquette-marque .logo-halo{height:26px}
.etiquette-noms{display:flex;flex-direction:column;gap:10px}
.etiquette-noms p{font-size:24px;line-height:1.3}
.etiquette-noms strong{font-family:var(--serif);font-weight:500;color:var(--bordeaux)}
.etiquette-label{display:block;font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.etiquette-mot{margin:0;padding:16px 20px;background:var(--peche);border-radius:14px;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;color:var(--bordeaux);white-space:pre-line}
.etiquette-pied{border-top:1px dashed #E3CFC6;padding-top:14px}
.etiquette-pied p{font-size:19px}
.etiquette-pied strong{color:var(--bordeaux)}

/* Ce que vous offrez */
.offert-zone{padding:32px 0 104px}
.offert-zone .wrap{display:flex;flex-direction:column;gap:40px}
.offert-tete{display:flex;flex-direction:column;gap:12px;max-width:760px}
.carte-offert>div{padding:24px;display:flex;flex-direction:column;gap:8px}
.carte-offert h3{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2}
.carte-offert p{padding:0;font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--gris)}

/* Pour qui */
.pour-qui-zone .wrap{max-width:1240px;gap:20px}
.pour-qui{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin-top:16px}
.pour-qui article{background:#fff;border-radius:22px;padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.pour-qui h3{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;color:var(--bordeaux)}
.pour-qui p{color:var(--gris);font-size:17px}

/* Atelier */
.atelier-zone{background:#fff;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);padding:104px 0}
.atelier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.atelier-texte{display:flex;flex-direction:column;gap:20px}
.atelier-form{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.atelier-form select,.atelier-form textarea{font:inherit;font-size:18px;padding:12px 16px;border:2px solid #E3CFC6;border-radius:14px;background:#fff;color:var(--encre)}
.atelier-form select{min-height:56px}
.atelier-form textarea{min-height:110px;resize:vertical;line-height:1.5}
.atelier-form select:focus,.atelier-form textarea:focus{border-color:var(--bordeaux);outline:none;box-shadow:0 0 0 3px rgba(234,85,50,.35)}
.atelier-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.etiquette-zone{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px}

/* Appel final */
.final-zone{padding:96px 0 104px}
.final{background:var(--rose);border-radius:32px;padding:64px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.final .titre{max-width:880px}
.final .actions{justify-content:center;margin-top:8px}

@media (max-width:1240px){
  .page-offrir .nav a[href="/"]{display:none}
}
@media (max-width:1100px){
  .pour-qui{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atelier{grid-template-columns:1fr;gap:40px}
  .etiquette-zone{min-height:440px}
}
@media (max-width:760px){
  .hero-offrir .hero-visuel{min-height:400px}
  .etiquette{padding:36px 24px 24px}
  .etiquette-hero{transform:rotate(-2deg);max-width:310px}
  .etiquette-noms p{font-size:21px}
  .offert-zone{padding:8px 0 56px}
  .offert-zone .wrap{gap:24px}
  .carte-offert>div{padding:18px}
  .carte-offert h3{font-size:20px}
  .pour-qui{grid-template-columns:1fr;gap:12px}
  .pour-qui article{padding:20px}
  .atelier-zone{padding:64px 0}
  .atelier-actions .bouton{width:100%}
  .etiquette-zone{min-height:380px}
  .final-zone{padding:56px 0 64px}
  .final{padding:40px 22px;border-radius:24px}
  .final .actions{flex-direction:column;width:100%}
  .final .actions .bouton{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .lueur-cadeau{animation:none}
}