/* Terratitia — aux couleurs de son cadeau (giri-app.com/cadeau/terratitia, les dunes, 21/10) :
   ciel de sable, soleil terre cuite, six dunes dessinées, encre brun, Cinzel · Cormorant · Outfit. */
:root{--encre:#4b2416;--encre2:rgba(75,36,22,.8);--encre3:rgba(75,36,22,.62);--ocre:#b5562f;--ocre2:#97421f;--ocre3:#7a321a;--creme:#fff8f0;--nacre:rgba(255,250,244,.93);
  --filet:rgba(122,50,26,.16);--filet-or:rgba(181,86,47,.35);--ombre:0 40px 80px -30px rgba(90,30,10,.55);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Outfit',system-ui,-apple-system,sans-serif;--titre:'Cinzel',Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;color:var(--encre);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6;background:#f6dfca}
/* le paysage de son cadeau : ciel, soleil et dunes (dessin figé de la page cadeau) + le grain du sable */
body::before{content:'';position:fixed;inset:0;z-index:-2;background:url('/terratitia/assets/dunes.svg') center bottom/cover no-repeat,#f6dfca}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .22 0 0 0 0 .1 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit}
b,strong{font-weight:500}
/* l'en-tête de la maison Terratitia : le logo rond et le nom */
.marque{display:flex;align-items:center;gap:14px;padding:26px 28px;text-decoration:none;color:var(--encre)}
.marque img{width:56px;height:56px;border-radius:50%;box-shadow:0 6px 20px -6px rgba(122,50,26,.55),0 0 0 2px rgba(255,248,240,.8)}
.marque b{display:block;font-family:var(--titre);font-weight:400;font-size:18px;letter-spacing:.2em}
.marque small{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.32em;color:var(--ocre2);text-transform:uppercase;margin-top:3px}
/* la petite annonce en capitales, encadrée de deux traits */
.puce{display:inline-flex;align-items:center;gap:10px;font-family:var(--titre);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ocre2)}
.puce::before,.puce::after{content:'';width:28px;height:1px;background:currentColor;opacity:.5}
.serif{font-family:var(--serif)}
.or{font-style:italic;font-weight:500;color:var(--ocre)}
/* le bouton terre cuite de son cadeau, avec son reflet qui passe */
.lingot{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border-radius:14px;border:0;
  background:linear-gradient(135deg,#d48058 0%,#b5562f 45%,#8e3c1c 100%);color:var(--creme);font:500 16px/1.2 var(--sans);letter-spacing:.04em;
  text-decoration:none;cursor:pointer;box-shadow:0 18px 36px -14px rgba(142,60,28,.85),inset 0 1px 0 rgba(255,220,196,.6),inset 0 -2px 6px rgba(70,20,5,.35);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.lingot::after{content:'';position:absolute;top:0;bottom:0;left:-70%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,230,210,.5),transparent);transform:skewX(-18deg);animation:reflet 4s ease-in-out infinite;pointer-events:none}
@keyframes reflet{0%,55%{left:-70%}90%,100%{left:135%}}
.lingot:hover{transform:translateY(-2px)}
.lingot:focus-visible{outline:3px solid rgba(181,86,47,.45);outline-offset:3px}
.lingot[disabled]{filter:saturate(.3) brightness(1.1);cursor:not-allowed;transform:none;box-shadow:none}
.lingot[disabled]::after{display:none}
.creux{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;border:1px solid var(--filet-or);background:rgba(255,244,234,.85);
  color:var(--ocre2);font:500 15px/1 var(--sans);cursor:pointer;text-decoration:none}
.creux:hover{border-color:var(--ocre)}
/* le pied posé sur les dunes sombres : texte crème */
.pied{text-align:center;padding:40px 16px 34px;font-size:13px;color:rgba(255,240,228,.9);text-shadow:0 1px 6px rgba(70,20,5,.35)}
.pied a{text-decoration:none;margin:4px 11px;display:inline-block}
.pied a:hover{color:#fff}
/* la carte, posée sur la dune comme une pierre chaude */
.carte{background:linear-gradient(160deg,rgba(255,250,244,.94),rgba(252,238,224,.88));-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:var(--ombre),0 0 0 1px rgba(181,86,47,.12),inset 0 1px 0 #fff}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{width:100%;min-height:52px;padding:0 16px;border-radius:13px;border:1px solid rgba(122,50,26,.18);background:rgba(255,255,255,.85);
  font:400 16px var(--sans);color:var(--encre);outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
input:focus,select:focus,textarea:focus{border-color:var(--ocre);background:#fff;box-shadow:0 0 0 4px rgba(181,86,47,.16)}
input::placeholder{color:rgba(75,36,22,.45)}
label.champ{display:block;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--encre2);margin:16px 0 7px}
.case{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--encre2);margin-top:14px;cursor:pointer}
.case input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ocre);flex:0 0 auto}
.erreur{color:#a3301a;font-size:14px;font-weight:500;margin-top:12px;min-height:1em}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.lingot::after{animation:none;display:none}}
/* [SCROLL 21/10] les barres de défilement aux couleurs des dunes (page, panneau de paiement, mandat, listes) */
html{scrollbar-color:#b5562f rgba(246,223,202,.6);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(246,223,202,.6)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d48058,#97421f);border-radius:99px;border:2px solid rgba(252,243,234,.9)}
::-webkit-scrollbar-thumb:hover{background:#8e3c1c}