/* ═══ ASCENTA WATERMELON — the Parfum checkout, in mint daylight ══════════════════════════
   checkout.css is the shared module and stays untouched (dark and gold, for Parfum). This layer
   re-themes it like the can: emerald lacquer for the actions, champagne-cream type on them,
   a mint 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:#0F5A3C; --co-accent-hi:#0B4430; --co-ink:#0B2A1D; --co-muted:#1A3D2D;
  --co-line:rgba(11,42,29,.14); --co-glass:rgba(244,250,246,.9); --co-field:rgba(11,42,29,.035);
  --co-serif:"Fraunces",Georgia,serif; --co-sans:"Figtree",Helvetica,Arial,sans-serif;
}
.co-bagbtn{width:42px;height:42px;color:var(--co-ink);border-color:rgba(11,42,29,.2);background:rgba(255,255,255,.5)}
.co-bagbtn svg{width:18px;height:18px}
.co-bagbtn b{color:#F4EBD6;background:#B02538;font:700 .72rem/17px var(--co-sans)}
.co-add{font:700 .875rem/1 var(--co-sans);letter-spacing:.03em;text-transform:none;color:#F4EBD6;min-height:46px;padding:0 1.4rem;
  background:linear-gradient(135deg,#1C7550,#0F5A3C 58%,#0B4430);border:0;box-shadow:0 8px 22px -10px rgba(11,68,48,.65)}
.co-add:hover,.co-add.done{background:linear-gradient(135deg,#238A5E,#0F5A3C 58%,#0B4430);color:#F4EBD6}
.co-scrim{background:rgba(11,42,29,.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(232,110,128,.18),transparent 72%),#E6F3EC;border:1px solid rgba(15,90,60,.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:#F4EBD6;
  background:linear-gradient(100deg,#1C7550,#0F5A3C 55%,#0B4430);box-shadow:0 10px 30px -10px rgba(11,68,48,.6)}
.co-cta:hover{box-shadow:0 14px 38px -8px rgba(11,68,48,.75)}
.co-steps li.now i{color:#F4EBD6}
.co-panel::before{background:linear-gradient(135deg,rgba(232,110,128,.55),rgba(11,42,29,.08) 30%,rgba(11,42,29,.06) 70%,rgba(28,117,80,.5))}
.co-summary,.co-total{background:rgba(11,42,29,.03)}
.co-in:focus-within{box-shadow:0 0 0 3px rgba(15,90,60,.16)}
.co-in input::placeholder{color:rgba(26,61,45,.55)}
.co-in select option{color:#0B2A1D}
.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(11,42,29,.03)}
.co-spin{border-color:rgba(15,90,60,.22);border-top-color:var(--co-accent)}
.co-halo i{background:conic-gradient(from 0deg,transparent 0 50%,rgba(28,117,80,.9) 68%,rgba(240,150,160,.95) 76%,rgba(15,90,60,.9) 86%,transparent 97%)}
.co-ring i{background:conic-gradient(from 0deg,rgba(15,90,60,.18) 0 40%,#0F5A3C 60%,#F0A0AA 72%,#1C7550 84%,rgba(15,90,60,.18) 97%)}
.co-glow{background:radial-gradient(60% 60% at 50% 50%,rgba(232,110,128,.3),transparent 70%)}
/* the card itself: the emerald of the can with a gold light, light type on it */
.co-face{background:radial-gradient(120% 90% at 100% 0%,rgba(212,176,110,.28),transparent 55%),
  radial-gradient(90% 80% at 0% 100%,rgba(232,110,128,.16),transparent 60%),linear-gradient(145deg,#13573B,#0A2E20 60%,#0F4430);
  border-color:rgba(230,210,160,.3)}
.co-num,.co-front .r3 .c-name,.co-front .r3 .c-exp,.co-front .net,.co-front .nfc{color:#F4EBD6}
.co-front .tier{color:#E3CB92}
.co-front .r3 small{color:rgba(244,235,214,.62)}
.co-rear .sig b{background:#F4EBD6;color:#0B2A1D}
.co-rear p{color:rgba(244,235,214,.55)}
@media(max-width:860px){
  .co-view[data-v="payment"] .co-cardside{background:linear-gradient(rgba(244,250,246,.98) 88%,rgba(244,250,246,0))}
}
@media(pointer:coarse){
  .co-bag,.co-panel::after{background:rgba(244,250,246,.97)}
}