/* ═══ ASCENTA ROUGE — the Parfum checkout, in blush daylight ═════════════════════════════
   checkout.css is the shared module and stays untouched (dark and gold, for Parfum). This layer
   re-themes it like the coffret: coral velvet for the actions, ivory type on them, a blush glass
   for the bag — and every text at 14 px or more (APCA has no passing contrast below it). The 3D
   card stays dark on purpose: it is a card, its type stays light on it. */
:root{
  --co-accent:#8E1B2C; --co-accent-hi:#6E1322; --co-ink:#2A0E1A; --co-muted:#43172A;
  --co-line:rgba(42,14,26,.14); --co-glass:rgba(253,244,240,.9); --co-field:rgba(42,14,26,.035);
  --co-serif:"Bodoni Moda",Didot,Georgia,serif; --co-sans:"Jost","Futura",Helvetica,Arial,sans-serif;
}
.co-bagbtn{width:42px;height:42px;color:var(--co-ink);border-color:rgba(42,14,26,.2);background:rgba(255,255,255,.5)}
.co-bagbtn svg{width:18px;height:18px}
.co-bagbtn b{color:#FBF1EA;background:#B08A4A;font:700 .72rem/17px var(--co-sans)}
.co-add{font:700 .875rem/1 var(--co-sans);letter-spacing:.03em;text-transform:none;color:#FBF1EA;min-height:46px;padding:0 1.4rem;
  background:linear-gradient(135deg,#B0283A,#8E1B2C 58%,#6E1322);border:0;box-shadow:0 8px 22px -10px rgba(110,19,34,.65)}
.co-add:hover,.co-add.done{background:linear-gradient(135deg,#C2333F,#8E1B2C 58%,#6E1322);color:#FBF1EA}
.co-scrim{background:rgba(42,14,26,.3)}
.co-bag h2{font-weight:500}
.co-bag h2 small,.co-row,.co-line p,.co-line .rm,.co-f label,.co-brand,.co-steps,.co-back,.co-flipbtn,.co-safe,.co-demo{font-size:.875rem;letter-spacing:.04em}
.co-row{text-transform:none}
.co-line p,.co-f label,.co-back,.co-flipbtn,.co-bag h2 small{text-transform:none}
.co-line .th{background:radial-gradient(70% 60% at 50% 45%,rgba(226,170,110,.18),transparent 72%),#FBE9E2;border:1px solid rgba(142,27,44,.16)}
.co-line .amt,.co-row.total strong,.co-opt b,.co-total strong,.co-finale p strong{color:var(--co-accent-hi);font-weight:600}
.co-qty span{font-size:.875rem}
.co-cta{font:700 .95rem/1 var(--co-sans);letter-spacing:.03em;text-transform:none;color:#FBF1EA;
  background:linear-gradient(100deg,#B0283A,#8E1B2C 55%,#6E1322);box-shadow:0 10px 30px -10px rgba(110,19,34,.6)}
.co-cta:hover{box-shadow:0 14px 38px -8px rgba(110,19,34,.75)}
.co-steps li.now i{color:#FBF1EA}
.co-panel::before{background:linear-gradient(135deg,rgba(226,170,110,.55),rgba(42,14,26,.08) 30%,rgba(42,14,26,.06) 70%,rgba(176,40,58,.5))}
.co-summary,.co-total{background:rgba(42,14,26,.03)}
.co-in:focus-within{box-shadow:0 0 0 3px rgba(142,27,44,.16)}
.co-in input::placeholder{color:rgba(67,23,42,.55)}
.co-in select option{color:#2A0E1A}
.co-sub,.co-finale p{font-size:1rem;font-weight:500}
.co-opt span{font-size:.95rem}.co-opt small{font-size:.875rem}
.co-err{font-size:.875rem}
.co-flipbtn{background:rgba(42,14,26,.03)}
.co-spin{border-color:rgba(142,27,44,.22);border-top-color:var(--co-accent)}
.co-halo i{background:conic-gradient(from 0deg,transparent 0 50%,rgba(176,40,58,.9) 68%,rgba(236,196,140,.95) 76%,rgba(142,27,44,.9) 86%,transparent 97%)}
.co-ring i{background:conic-gradient(from 0deg,rgba(142,27,44,.18) 0 40%,#8E1B2C 60%,#E9C58C 72%,#B0283A 84%,rgba(142,27,44,.18) 97%)}
.co-glow{background:radial-gradient(60% 60% at 50% 50%,rgba(226,170,110,.3),transparent 70%)}
/* the card itself: the lacquer-dark plum of the coffret's shadow with a gold light, light type on it */
.co-face{background:radial-gradient(120% 90% at 100% 0%,rgba(214,170,100,.28),transparent 55%),
  radial-gradient(90% 80% at 0% 100%,rgba(226,170,110,.16),transparent 60%),linear-gradient(145deg,#5A1624,#2A0E1A 60%,#3E1220);
  border-color:rgba(236,206,160,.3)}
.co-num,.co-front .r3 .c-name,.co-front .r3 .c-exp,.co-front .net,.co-front .nfc{color:#FBF1EA}
.co-front .tier{color:#E9C99A}
.co-front .r3 small{color:rgba(251,241,234,.62)}
.co-rear .sig b{background:#FBF1EA;color:#2A0E1A}
.co-rear p{color:rgba(251,241,234,.55)}
@media(max-width:860px){
  .co-view[data-v="payment"] .co-cardside{background:linear-gradient(rgba(253,244,240,.98) 88%,rgba(253,244,240,0))}
}
@media(pointer:coarse){
  .co-bag,.co-panel::after{background:rgba(253,244,240,.97)}
}