.practice { background: var(--warm); }
.practice [hidden] { display: none !important; }
.practice-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:18px; padding-bottom:18px; }
.practice-header a:last-child { font-size:14px; font-weight:600; }
.practice-intro { max-width:760px; margin:32px 0 22px; }
.practice-intro h1 { font-size:clamp(28px,4vw,44px); line-height:1.18; margin:8px 0 14px; }
.practice-notice { padding:16px 20px; border:1px solid var(--brand-tint); border-radius:12px; background:var(--brand-soft); color:var(--brand-deep); font-size:14px; margin-bottom:24px; }
.practice-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.practice section { padding:24px; }
.practice-panel { border:1px solid var(--line); border-radius:16px; background:var(--surface); min-width:0; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.practice h2 { font-size:20px; line-height:1.4; }
.panel-heading>span { color:var(--muted); font-size:13px; white-space:nowrap; }
.sample-product { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:20px 0; }
.sample-product h3 { font-size:17px; }
.sample-product p,.sample-product small { display:block; color:var(--muted); font-size:13px; }
.sample-product strong { display:block; margin:6px 0; font-size:15px; }
.sample-product .btn { padding:0 16px; }
.practice button:disabled { background:var(--warm); color:var(--muted); cursor:not-allowed; box-shadow:none; }
.practice-help { font-size:13px; color:var(--muted); margin:12px 0; }
.basket-line { padding:16px 0; border-top:1px solid var(--line); }
.line-title { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.line-title strong { font-size:15px; }
.line-controls { display:grid; grid-template-columns:1fr 95px; gap:12px; margin-top:8px; }
.practice label { display:block; font-weight:600; font-size:14px; }
.practice input,.practice select { width:100%; min-height:48px; border:1px solid #85918d; border-radius:8px; padding:10px; font:inherit; color:var(--ink); background:white; margin-top:6px; }
.practice :where(a,button,input,select):focus-visible { outline:3px solid var(--brand-dark); outline-offset:3px; }
.text-button { border:0; background:none; text-decoration:underline; color:var(--brand-dark); cursor:pointer; font:600 13px var(--sans); min-height:44px; padding:6px; }
.practice-total { display:flex; justify-content:space-between; gap:12px; align-items:center; border-top:2px solid var(--ink); padding:20px 0; }
.practice-total strong { font-size:26px; }
.tender-row { display:flex; align-items:end; gap:10px; }
.tender-row input { min-width:0; }
.practice-error { color:#a32626; font-size:14px; margin:12px 0; }
.practice-error:empty { display:none; }
.practice-feedback { min-height:28px; margin:12px 0; color:var(--brand-deep); }
.practice-receipt { border:2px solid var(--brand); border-radius:16px; background:white; margin:12px 0 24px; }
.receipt-top { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.practice-stamp { font-size:12px; font-weight:800; padding:6px 10px; border:1px dashed var(--brand); color:var(--brand-dark); }
.receipt-lines { padding:0; list-style:none; }
.receipt-lines li { border-bottom:1px dashed var(--line); padding:12px 0; }
.receipt-lines small { display:block; color:var(--muted); }
.receipt-summary { display:flex; gap:32px; flex-wrap:wrap; margin:20px 0; }
.receipt-summary dt { font-size:13px; color:var(--muted); }
.receipt-summary dd { margin:0; font-size:22px; font-weight:700; }
.practice-next { display:grid; grid-template-columns:1fr auto; gap:32px; border-radius:16px; background:var(--brand-soft); margin:32px 0; }
.practice-next p { max-width:700px; margin-top:8px; font-size:14px; }
.practice-next>div:last-child { display:flex; flex-direction:column; gap:16px; justify-content:center; font-size:14px; }
.practice-footer { padding-bottom:32px; font-size:13px; color:var(--muted); }
@media(max-width:780px) { .practice-grid,.practice-next { grid-template-columns:1fr; } .practice-intro { margin-top:20px; } }
@media(max-width:420px) { .practice .wrap { padding-left:16px; padding-right:16px; } .practice section { padding:18px; } .panel-heading { align-items:start; } .sample-product { gap:8px; } .sample-product .btn { padding:0 12px; } .practice .btn { white-space:normal; line-height:1.4; } .practice-total strong { font-size:23px; } }