.amount{font:400 16px/1.75 var(--serif);color:var(--ink);white-space:nowrap}
.full{display:flex;width:100%}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--sand);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}
.btn-icon:hover{background:var(--parchment);border-color:var(--kraft-deep)}
.btn-icon svg{width:20px;height:20px}
h1.headline{font-style:italic;margin:24px 0 8px}
.group{margin-top:24px}
.group h2{font-style:italic;margin:32px 0 12px}
.lines{list-style:none;margin:0;padding:0}
.line{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--kraft)}
.line:first-child{border-top:0}
.thumb{width:72px;height:72px;border-radius:8px}
.line .row{display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap}
.line .row .title{flex:1 1 auto;display:inline-flex;align-items:center;min-height:44px}
.line .row form{display:inline-flex;margin:0}
.line .body-sm{margin-top:2px}
.qty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.input{display:block;min-height:48px;padding:12px 14px;border:1.5px solid var(--kraft-deep);border-radius:8px;background:var(--card);font:400 16px/1.75 var(--serif);color:var(--ink)}
.qty .input{width:88px}
hr.dashed{border:0;border-top:1.5px dashed var(--kraft);margin:24px 0 16px}
.ship .body{margin:0}
fieldset{border:0;margin:16px 0 0;padding:0;min-width:0}
legend{font:700 15px/1.4 var(--serif);color:var(--ink);padding:0;margin-bottom:4px}
.choice{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:6px 0;font:400 16px/1.75 var(--serif);color:var(--ink-soft);cursor:pointer}
.choice input{width:24px;height:24px;accent-color:var(--accent);margin:2px 0 0;flex:none}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding-top:4px}
.total .headline{font-style:normal}
.checkout{margin-top:24px}
.continue{margin-top:8px;text-align:center}
.empty{margin-top:8px}
.ph-lagon{background:linear-gradient(160deg,#D8EEF0 0%,#5FBFC8 40%,#1D8F9C 75%,#156672 100%)}
.ph-vague{background:linear-gradient(165deg,#F3F7F6 0%,#A9DDE2 35%,#3FA8B8 65%,#156672 100%)}
.ph-renard{background:linear-gradient(160deg,#CFE0E8 0%,#E39A52 45%,#B8642A 80%,#5C2B2E 100%)}
.btn-primary{padding:10px 16px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* desktop : colonne de lecture bornée à la mesure de 820 px, centrée (DESIGN.md › Layout) */
@media (min-width:768px){
  main{max-width:868px}
  .btn-primary{padding:10px 26px}
  .btn-primary,.btn-legal{width:fit-content;min-width:240px}
}