/* TONEvintage skin on the shared sell layout */
:root{
  --paper:#FAF0DC;--ink:#4A2C1D;--sand:#FCE9C0;--mute:#7A5A48;--saffron:#E8772E;
  --rule:rgba(74,44,29,.2);
  --state:'Lilita One','Arial Rounded MT Bold',system-ui,sans-serif;
  --name:'Lilita One','Arial Rounded MT Bold',system-ui,sans-serif;
  --body:'Figtree',system-ui,-apple-system,sans-serif;
  --data:'Figtree',system-ui,sans-serif;
}
body{font-size:17px}
h1,h2,h3{font-weight:400;letter-spacing:0}
h2 em,h3 em,.acc{font-style:normal;font-weight:400;color:var(--saffron)}
.state{text-transform:none;line-height:1}
.state em{font-family:var(--name);font-style:normal;color:var(--saffron);font-size:.55em;margin-top:.25em}
.lab{letter-spacing:.04em;font-weight:800}
.data{font-weight:800}
/* header: green like the shop */
.hd{background:#E8772E;border-bottom:2px solid var(--ink);color:#fff}
.hd a{color:#fff}
.hd .btn{background:#F4C542;color:var(--ink)!important;border-color:var(--ink)}
.tvl{display:inline-flex;align-items:center;gap:8px}
.tvl-t{background:#F4C542;color:var(--ink);font:400 26px/1 var(--name);padding:6px 12px;border:4px solid #fff;transform:rotate(-3deg);box-shadow:3px 3px 0 #B8541A}
.tvl-v{background:#C4501B;color:#fff;font:800 11px/1 var(--body);letter-spacing:2px;padding:6px 8px;border:3px solid #fff;transform:rotate(4deg);box-shadow:3px 3px 0 #B8541A}
/* buttons: yellow pill like the shop */
.btn{background:#F4C542;color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-weight:800;box-shadow:0 3px 0 var(--ink)}
.btn:hover{background:#F8D468}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:none}
.btn.sm{box-shadow:none}
/* panels */
.card,.total,.drop,.tile,.pay label,details,.box,.note{border-radius:14px}
.card{background:#fff;border:2px solid var(--ink)}
.band-sand{background:#FCE9C0}
.band-ink{background:var(--ink);color:#fff}
.tile{background:#fff;border:2px solid var(--ink)}
input,select,textarea{border-radius:10px}
.chip{border-radius:999px}
/* hero art: three sticker tiles */
.tv-hero-ill{position:relative;height:300px;margin:18px 0 8px}
.tv-stk{position:absolute;width:170px;height:150px;background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:6px 8px 0 #E0CBA8;display:flex;align-items:center;justify-content:center}
.tv-stk svg{width:130px;height:auto}
.tv-stk-a{left:4%;top:30px;transform:rotate(-6deg);background:#FCE9C0}
.tv-stk-b{left:36%;top:0;transform:rotate(3deg);background:#FCE9C0}
.tv-stk-c{left:66%;top:60px;transform:rotate(-2deg);background:#FFE1EC}
@media (max-width:640px){.tv-hero-ill{height:220px}.tv-stk{width:120px;height:108px}.tv-stk svg{width:92px}.tv-stk-b{left:34%}.tv-stk-c{left:64%}}
.ft{border-top:2px solid var(--ink)}
.ft-bot i{display:none}
.card{padding:28px 32px 32px}
.prog i{border-radius:4px}
.buy .tile{background:#fff;border-radius:14px}
.buy figure:nth-child(3n+1) .tile{background:#FCE9C0}
.buy figure:nth-child(3n+2) .tile{background:#FCE9C0}
.buy figure:nth-child(3n) .tile{background:#FFE1EC}
.drop{background:#FCE9C0;border:2px dashed var(--ink)}
@media (max-width:640px){.card{padding:20px 16px 24px}}
/* collection form */
.pay.rows label{border-radius:0}
.seg{border:0;gap:8px;flex-wrap:wrap;background:none}
.seg .chip{border:1.5px solid var(--rule);border-radius:999px;background:#fff;padding:8px 16px}
.seg .chip[aria-pressed="true"]{background:#F4C542;border-color:var(--ink)}
.ptile .tile{border-radius:14px;background:#FCE9C0;border:2px solid var(--ink)}
.ptile[aria-pressed="true"] .tile{background:#F4C542}
/* unslop: sentence-case labels, one-colour headings */
.lab,.flab,.prog-t,.field label,.tool-h .lab{text-transform:none;letter-spacing:0;font-weight:700;font-size:14px}
h2 em,h3 em{color:inherit}
.lab,.prog-t,.field label,.field .flab,.guide h3,.opt>span,.price .amt.w,.ft-cols h3,.hd-nav a{text-transform:none!important;letter-spacing:0!important}
.field label,.field .flab{font-weight:700;font-size:14px}