@charset "UTF-8";
:root { color-scheme: light; --ink:#18211b; --muted:#657068; --line:#dce4dd; --accent:#42702d; --soft:#f5f8f3; --danger:#a93830; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:#fff !important; color:var(--ink); font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; padding-bottom:64px; }
#main { width:min(1160px,100%); padding:0 clamp(18px,4vw,48px); background:#fff !important; }
a { color:var(--accent); }
a:hover { color:#2e511f; }
a:focus-visible, input:focus-visible, select:focus-visible { outline:3px solid #99b788; outline-offset:2px; }
#top01 { width:auto; min-height:70px; height:auto; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); background:none; text-align:left; color:var(--muted); font-size:14px; }
#top01 a { color:var(--ink); font-weight:700; text-decoration:none; }
#closecart { padding:18px 0 4px; text-align:right; }
#closecart a { background:none; color:var(--accent); border:1px solid var(--line); border-radius:8px; padding:10px 16px; font-size:14px; font-weight:600; transition:background .2s; }
#closecart a:hover { background:var(--soft); color:var(--ink); }
.checkout-title { margin:30px 0 0; font-size:clamp(28px,3.6vw,42px); line-height:1.15; letter-spacing:-.03em; color:var(--ink); }
.checkout-steps { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:32px 0 40px; padding:0; counter-reset:step; }
.checkout-steps li { min-width:0; display:flex; align-items:center; gap:10px; padding:0 0 14px; border-bottom:2px solid var(--line); color:var(--muted); font-size:14px; font-weight:600; }
.checkout-steps li::before { counter-increment:step; content:counter(step); display:grid; place-items:center; flex:none; width:30px; height:30px; border:1px solid var(--line); border-radius:50%; font-weight:700; }
.checkout-steps li.done, .checkout-steps li.current { color:var(--accent); border-color:var(--accent); }
.checkout-steps li.done::before, .checkout-steps li.current::before { background:var(--accent); border-color:var(--accent); color:#fff; }
.torders { margin:0; border:1px solid var(--line); border-radius:12px; border-collapse:separate; border-spacing:0; overflow:hidden; font-size:14px; }
.torders td { padding:16px 10px; border-bottom:1px solid var(--line); vertical-align:middle; }
.torders tr:last-child td { border-bottom:0; }
.torders .header td { background:var(--soft); border-right:0; color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.torders .td1 { width:auto; min-width:180px; }
.torders .td1 a { color:var(--ink); text-decoration:none; }
.torders .td1 a:hover { color:var(--accent); text-decoration:underline; }
.torders .desc { margin-top:5px; color:var(--muted); line-height:1.45; font-size:12px; }
.torders .td4, .torders2 .td3 { color:var(--ink); }
.torders .td5 { color:var(--danger); }
.torders .td2 { min-width:95px; }
.torders .td2 > div { display:flex; align-items:center; justify-content:center; gap:6px; width:max-content; height:auto; margin:auto; }
.torders .inp { position:static; order:1; flex:none; width:56px; height:38px; border:1px solid var(--line); border-radius:6px; padding:4px; font:inherit; }
.torders .td2 .adjust { position:static; order:2; display:flex; flex:none; flex-direction:column; justify-content:center; gap:2px; width:18px; height:38px; }
.torders .td2 .adjust a { display:grid; place-items:center; width:18px; height:18px; line-height:0; }
.torders .td2 .adjust br { display:none; }
.torders .td2 .adjust img { width:15px; height:15px; margin:0; }
#suma { width:100%; height:auto; display:flex; justify-content:flex-end; margin:24px 0; }
.torders2 { float:none; width:min(390px,100%); margin:0; padding:16px 20px; background:var(--soft); border:1px solid var(--line); border-radius:12px; border-collapse:separate; }
.torders2 td { padding:7px 4px; }
.torders2 .td1 { text-align:left; padding:7px 4px; }
.torders2 .td2, .torders2 .td3 { text-align:right; }
.torders2 tr:last-child td { border-top:1px solid var(--line); padding-top:13px; }
.torders2 .td3 { font-size:1.35rem; font-weight:750; }
.torders2 .td4 { color:var(--accent); text-align:left; }
.buttons { width:100%; margin:28px 0; border-collapse:collapse; }
.buttons td { vertical-align:middle; }
.buttons .caption { text-align:left; margin:0 !important; }
.buttons .continue, .buttons td:last-child { text-align:right; }
.buttons a:has(> img[src*="continueon"]), .buttons a:has(> img[src*="finish"]), .buttons a:has(> img[src*="back"]), #coupons a:has(> img[src*="insert_coupon"]), #add_sortiment a:has(> img[src*="addtocart"]) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 18px; border-radius:8px; font-size:14px; font-weight:700; line-height:1.2; text-decoration:none; white-space:nowrap; }
.buttons a:has(> img[src*="continueon"]), .buttons a:has(> img[src*="finish"]) { background:var(--accent); color:#fff; }
.buttons a:has(> img[src*="back"]) { background:#fff; border:1px solid var(--line); color:var(--ink); }
.buttons a:has(> img[src*="continueon"])::after { content:"Pokračovat →"; }
.buttons a:has(> img[src*="finish"])::after { content:"Dokončit objednávku"; }
.buttons a:has(> img[src*="back"])::after { content:"← Zpět"; }
.buttons a:has(> img[src*="continueon"]) img, .buttons a:has(> img[src*="finish"]) img, .buttons a:has(> img[src*="back"]) img, #coupons a:has(> img[src*="insert_coupon"]) img, #add_sortiment a:has(> img[src*="addtocart"]) img { display:none; }
.checkout-disabled { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 18px; border-radius:8px; background:#edf1e9; color:#7d8978; font-size:14px; font-weight:700; cursor:not-allowed; }
#coupons a:has(> img[src*="insert_coupon"]), #add_sortiment a:has(> img[src*="addtocart"]) { color:var(--accent); border:1px solid var(--accent); }
#coupons a:has(> img[src*="insert_coupon"])::after { content:"Vložit"; }
#add_sortiment a:has(> img[src*="addtocart"])::after { content:"Přidat"; }
.caption { width:auto; height:auto; min-height:0; padding:0 0 14px; border-bottom:1px solid var(--line); background:none; color:var(--ink); text-align:left; font-size:1.3rem; font-weight:700; }
.paddings { width:min(760px,100%); margin:28px auto; padding:25px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.paddings > table { max-width:100%; }
.paddings img { max-width:100%; height:auto; }
.paddings table { border-collapse:separate; border-spacing:0 12px; }
.paddings input[type="radio"] { accent-color:var(--accent); width:18px; height:18px; }
.paddings input[type="radio"] + * { line-height:1.5; }
.dodaci { width:100%; }
.dodaci .left { width:38%; text-align:left; padding:0 14px 0 0; color:var(--muted); font-size:14px; }
.dodaci .right { width:62%; padding:0; }
.input2,.input2s,.input3,.input4,.inp2,.inp3 { max-width:100%; min-height:42px; height:auto; border:1px solid #cbd6cc; border-radius:7px; background-color:#fff; padding:8px 10px; font:inherit; }
.input2,.input2s { width:100%; }
.input3 { width:84px; margin-right:8px; }
.input4 { width:calc(100% - 94px); }
/* Replace only the legacy validation artwork; PHP validation stays unchanged. */
.dodaci input[style*="pics/ok.png"] { border-color:#96bd9c; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%228%22%20fill%3D%22%23edf6ed%22%20stroke%3D%22%23398046%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m6%2010%202.5%202.5L14%207%22%20fill%3D%22none%22%20stroke%3D%22%23398046%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:right 10px center !important; background-size:20px 20px !important; padding-right:38px; }
.dodaci input[style*="pics/failed.png"] { border-color:#e6aaa6; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%228%22%20fill%3D%22%23fff1f0%22%20stroke%3D%22%23c85650%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m7.5%207.5%205%205m0-5-5%205%22%20fill%3D%22none%22%20stroke%3D%22%23c85650%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat:no-repeat !important; background-position:right 10px center !important; background-size:20px 20px !important; padding-right:38px; }
.dodaci .input3[style*="pics/"] { background-position:right 3px center !important; background-size:15px 15px !important; padding-right:19px; }
#divpredvolba,#divtelefon,#divpredvolba2,#divtelefon2 { display:inline; }
.dodaciinfo { text-align:left; font-weight:500; font-size:14px; }
.empty { margin:24px 0; padding:28px; border:1px solid var(--line); border-radius:12px; background:var(--soft); color:var(--muted); font-size:1rem; }
#add_sortiment { display:flow-root; margin-top:30px; }
#add_sortiment > table { width:calc(100% - 330px); border-collapse:collapse; }
#add_sortiment > table tr { border-bottom:1px solid var(--line); }
#add_sortiment > table td { padding:12px 8px; }
#add_sortiment .xtd1 { text-align:left; min-width:130px; }
#add_sortiment .xtd1 .desc { font-size:12px; font-weight:400; color:var(--muted); }
#coupons { width:300px; margin:0 0 24px 24px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--soft); text-align:left; }
#coupons table { width:100%; }
#coupons td { padding:4px; }
#coupons .inp3 { width:100%; margin-top:8px; }
#gel,#gel2 { display:block; float:none; clear:both; width:100%; height:auto; min-height:90px; padding:20px 22px; margin:12px 0; background:var(--soft); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:9px; color:var(--ink); text-align:left; font:inherit; line-height:1.5; cursor:pointer; }
.address-notice { display:block; width:100%; margin-top:20px; padding:18px 22px; background:#fff6f4; border:1px solid #ebc9c4; border-left:4px solid var(--danger); border-radius:9px; color:#853a33; text-align:left; font-size:15px; font-weight:500; line-height:1.5; }
#gel:hover,#gel2:hover { border-color:var(--accent); background:#eef5ec; }
#gel:focus-visible,#gel2:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.upsell-action { display:table; width:max-content; max-width:100%; margin-top:14px; padding:9px 16px; border-radius:7px; background:var(--accent); color:#fff; font-size:14px; font-weight:700; line-height:1.25; }
#gel a,#gel2 a { color:var(--accent); }
.oou { float:none; width:min(680px,100%); margin:18px 0 18px auto; text-align:right; color:var(--muted); }
.repe { border-bottom:1px solid var(--line); }
.prodvyp { background:#fff1ee; color:var(--danger); font-size:1rem; }
.conterror { width:auto; max-width:300px; float:none; margin:0 0 8px auto; color:var(--danger); }
@media(max-width:900px) {
 #main { padding:0 20px; }
 .checkout-steps li { font-size:12px; }
 #add_sortiment > table { width:100%; }
 #coupons { float:none; width:100%; margin:0 0 25px; }
}
@media(max-width:650px) {
 body { font-size:15px; }
 #main { padding:0 16px; }
 #top01 { min-height:60px; font-size:13px; flex-wrap:wrap; }
 #closecart { text-align:left; }
 #closecart a { width:100%; text-align:center; }
 .checkout-steps { margin:26px 0 30px; gap:4px; }
 .checkout-steps li { display:flex; flex-direction:column; align-items:flex-start; gap:5px; font-size:10px; line-height:1.25; min-height:65px; padding:0 2px 8px; }
 .checkout-steps li::before { width:26px; height:26px; }
 .torders, .torders tbody { display:block; width:100%; }
 .torders .header { display:none; }
 .torders tr:not(.header) { display:grid; grid-template-columns:58px minmax(0,1fr) minmax(0,1fr); gap:3px 10px; padding:14px; border-bottom:1px solid var(--line); }
 .torders tr:last-child { border-bottom:0; }
 .torders tr:not(.header) td { display:block; width:auto !important; min-width:0; border:0; padding:2px; text-align:left; }
 .torders tr:not(.header) td:first-child { grid-column:1; grid-row:1; }
 .torders tr:not(.header) td:first-child img { width:48px; height:48px; object-fit:contain; }
 .torders .td1 { grid-column:2 / 4; grid-row:1; }
 .torders .td2 { grid-column:2; }
 .torders .td2::before { content:"Množství"; display:block; color:var(--muted); font-size:11px; }
 .torders .td2 > div { margin:4px 0 0; }
 .torders .td5 { grid-column:1; }
 .torders td:nth-child(5)::before { content:"Délka plotu"; display:block; color:var(--muted); font-size:11px; }
 .torders td:nth-child(6)::before { content:"Cena za kus"; display:block; color:var(--muted); font-size:11px; }
 .torders .td4 { grid-column:3; font-size:15px; }
 .torders .td4::before { content:"Celkem"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders tr:has(> td.prodvyp) { display:block; }
 .torders .prodvyp { padding:12px !important; }
 #suma { margin:18px 0; }
 .torders2 { width:100%; }
 .buttons, .buttons tbody, .buttons tr { display:block; }
 .buttons tr { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
 .buttons td, .buttons .back, .buttons .continue { display:block; width:auto; text-align:left; }
 .buttons td:has(.caption) { flex:1 1 100%; }
 .buttons a:has(> img[src*="continueon"]), .buttons a:has(> img[src*="finish"]) { min-width:145px; }
 .paddings { padding:18px 15px; margin:20px auto; }
 .paddings .caption { font-size:1.15rem; }
 .dodaci, .dodaci tbody, .dodaci tr, .dodaci td { display:block; width:100% !important; }
 .dodaci tr { margin:0 0 16px; }
 .dodaci .left { padding:0 0 5px; }
 .dodaci .right { padding:0; }
 .input3 { width:84px; }
 .input4 { width:calc(100% - 94px); }
 .paddings > table:not(.dodaci) { width:100%; }
 .paddings > table:not(.dodaci) tr { display:flex; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); }
 .paddings > table:not(.dodaci) td { display:block; }
 #add_sortiment > table, #add_sortiment > table tbody { display:block; }
 #add_sortiment > table tr { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:8px; padding:13px 0; }
 #add_sortiment > table td { display:block; min-width:0; padding:2px; }
 #add_sortiment .xtd1 { grid-column:2 / 4; grid-row:1; }
 #add_sortiment .xtd2 { grid-column:1; grid-row:1; }
 #add_sortiment > table td:nth-child(3) { grid-column:2; grid-row:2; display:flex; align-items:center; gap:6px; white-space:nowrap; }
 #add_sortiment .xtd4 { grid-column:3; grid-row:2; }
 #add_sortiment .inp2 { flex:none; width:65px; }
 #coupons { padding:16px; }
 #gel,#gel2,.address-notice { padding:16px; }
 .oou { text-align:left; }
}

/* This checkout has plan-specific columns and variant selection. */
.torders-plan .td1 { min-width:220px; font-size:1rem; }
.torders-plan .desc { overflow-wrap:anywhere; }
.torders-plan .desc select { max-width:100%; min-height:34px; padding:4px 6px; border:1px solid var(--line); border-radius:6px; background:#fff; font:inherit; }
.torders-plan .td3 { font-size:13px !important; white-space:nowrap; }
.torders-plan .td4,.torders-summary .td4 { white-space:nowrap; }
.torders2 .td3 { white-space:nowrap; font-size:1.2rem; }
.torders-plan .shnojivo { color:var(--accent); }
.torders-summary .td1 { font-size:1rem; }
.repe { padding:14px 0; border-bottom:1px solid var(--line); color:var(--muted); text-align:left; font-size:14px; overflow-wrap:anywhere; }
.buttons a:has(> img[src*="finish2"])::after { content:"Potvrdit a zaplatit"; }
.buttons td:has(> img[src*="continueoff"]), #submitform:has(> img[src*="continueoff"]) { text-align:right; }
.buttons td > img[src*="continueoff"], #submitform > img[src*="continueoff"] { display:none; }
.buttons td:has(> img[src*="continueoff"])::after, #submitform:has(> img[src*="continueoff"])::after { content:"Pokračovat"; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 18px; border-radius:8px; background:#edf1e9; color:#7d8978; font-size:14px; font-weight:700; }
@media(max-width:650px) {
 .torders-plan tr:not(.header):not(:has(> td[colspan])) { grid-template-columns:48px minmax(0,1fr) minmax(0,1fr); }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) .td1 { grid-column:2 / 4; grid-row:1; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) .td2 { grid-column:2 / 4; grid-row:2; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(4) { grid-column:2; grid-row:3; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(5) { grid-column:3; grid-row:3; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(6) { grid-column:2 / 4; grid-row:4; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(4)::before { content:"Cena za rostlinu"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(5)::before { content:"Cena za záhon"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders-plan tr:not(.header):not(:has(> td[colspan])) td:nth-child(6)::before { content:"Celkem"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders-plan tr:has(> td[colspan]) { display:block; padding:14px; }
 .torders-plan tr:has(> td[colspan]) td { display:block; width:100%; padding:0; }
 .torders-plan tr:has(> td[colspan]) td:first-child { display:none; }
 .torders-summary tr:not(.header) td:nth-child(4)::before { content:"Cena za kus"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders-summary tr:not(.header) td:nth-child(5)::before { content:"Celkem"; display:block; color:var(--muted); font-size:11px; font-weight:400; }
 .torders-summary tr:not(.header) td:nth-child(5) { grid-column:3; }
}

/* Final payment card */
.payment-complete { width:min(984px,100%); margin:28px auto 44px; color:#1b251d; font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.payment-complete * { box-sizing:border-box; }
.payment-intro { margin:0 0 26px; }
.payment-eyebrow { margin:0 0 8px !important; color:#4f7843; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.payment-intro h1 { margin:0 0 12px; color:#1b251d; font-size:clamp(28px,3vw,39px); line-height:1.17; letter-spacing:-.03em; }
.payment-intro > p:last-child { max-width:770px; margin:0; color:#4a584c; font-size:16px; }
.payment-card { overflow:hidden; border:1px solid #dce5d9; border-radius:14px; background:#fff; box-shadow:0 7px 26px #1737190b; }
.payment-card-header { padding:20px 26px; border-bottom:1px solid #e3e9e0; background:#f5f9f3; }
.payment-card-header h2 { margin:0 0 3px; color:#1b251d; font-size:19px; line-height:1.25; }
.payment-card-header p { margin:0; color:#566457; font-size:14px; }
.payment-content { display:grid; grid-template-columns:minmax(270px,.85fr) minmax(280px,1fr); }
.payment-qr-panel { display:flex; flex-direction:column; align-items:center; padding:27px 26px 29px; border-right:1px solid #e3e9e0; }
.payment-qr-panel img { display:block; width:214px; max-width:100%; height:auto; aspect-ratio:1; background:#fff; }
.payment-download { display:block; width:min(260px,100%); margin-top:15px; padding:12px 14px; border-radius:8px; background:#467638; color:#fff !important; text-align:center; text-decoration:none; font-size:15px; font-weight:700; }
.payment-download:hover,.payment-download:focus-visible { background:#365e2b; color:#fff !important; text-decoration:none; }
.payment-qr-note { margin:10px 0 0; color:#768278; text-align:center; font-size:12px; }
.payment-details { min-width:0; padding:30px 29px; }
.payment-details h3 { margin:0 0 16px; color:#1b251d; font-size:15px; }
.payment-detail { padding:13px 0; border-bottom:1px solid #e8ece7; }
.payment-detail span { display:block; margin-bottom:3px; color:#667367; font-size:13px; }
.payment-detail strong { color:#1b251d; font-size:17px; overflow-wrap:anywhere; }
.payment-total strong { font-size:23px; }
.payment-details-note { margin:18px 0 0; color:#657065; font-size:13px; line-height:1.5; }
@media(max-width:650px) {
 .payment-complete { margin:23px auto 36px; }
 .payment-intro { margin-bottom:19px; }
 .payment-intro h1 { margin-bottom:9px; font-size:28px; }
 .payment-intro > p:last-child { font-size:14px; line-height:1.48; }
 .payment-card-header { padding:15px 17px; }
 .payment-card-header h2 { font-size:17px; }
 .payment-card-header p { font-size:13px; }
 .payment-content { display:block; }
 .payment-qr-panel { padding:20px 17px 21px; border:0; border-bottom:1px solid #e3e9e0; }
 .payment-qr-panel img { width:206px; }
 .payment-download { width:100%; margin-top:14px; }
 .payment-details { padding:20px 19px; }
 .payment-details h3 { margin-bottom:7px; }
 .payment-detail { padding:10px 0; }
 .payment-detail strong { font-size:16px; }
 .payment-total strong { font-size:21px; }
 .payment-details-note { margin-top:10px; }
}

/* Delivery-date cards, November 2026; no seasonal information block */
.delivery-step { width:min(760px,100%); border-radius:18px; }
.delivery-step .caption { border:0; padding:0; font-size:clamp(20px,2.8vw,26px); line-height:1.3; }
.delivery-intro { margin:6px 0 22px; color:var(--muted); font-size:14px; }
.delivery-options { display:grid; gap:12px; }
.delivery-option { display:block; position:relative; cursor:pointer; }
.delivery-option > input[type="radio"] { position:absolute; width:1px; height:1px; margin:0; opacity:0; }
.delivery-option-body { display:flex; align-items:flex-start; gap:16px; min-height:136px; padding:19px; border:1px solid #dfe6dc; border-radius:15px; background:#fff; transition:border-color .15s,background .15s,box-shadow .15s; }
.delivery-option:hover .delivery-option-body { border-color:#7a9d6c; }
.delivery-option > input:checked + .delivery-option-body { border:2px solid #4f833c; padding:18px; background:#f4f9f1; box-shadow:0 3px 10px #3d753817; }
.delivery-option > input:focus-visible + .delivery-option-body { outline:3px solid #99b788; outline-offset:3px; }
.delivery-radio { flex:none; width:25px; height:25px; margin-top:2px; border:2px solid #bac9b5; border-radius:50%; background:#fff; }
.delivery-option > input:checked + .delivery-option-body .delivery-radio { border-color:#4e803d; background:#4e803d; }
.delivery-option > input:checked + .delivery-option-body .delivery-radio::after { content:"✓"; display:block; color:#fff; font-size:18px; line-height:21px; text-align:center; font-weight:800; }
.delivery-option-copy { display:block; min-width:0; flex:1; }
.delivery-option-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.delivery-season { color:#8a5b29; font-size:12px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.delivery-option.spring .delivery-season { color:#446f8c; }
.delivery-selected { display:none; flex:none; border-radius:20px; padding:5px 8px; background:#dfeeda; color:#416e37; font-size:10px; font-weight:800; }
.delivery-option > input:checked + .delivery-option-body .delivery-selected { display:inline-block; }
.delivery-date { display:block; margin-top:10px; color:var(--ink); font-size:clamp(20px,2.7vw,24px); font-weight:800; line-height:1.25; letter-spacing:-.025em; }
.delivery-year { display:block; margin-top:3px; color:#536250; font-size:15px; font-weight:700; }
.delivery-subtitle { display:block; margin-top:9px; color:#6b7669; font-size:12px; }
.delivery-payment-marks { width:min(760px,100%); padding:18px 20px; text-align:center; }
.delivery-payment-marks img { display:block; width:min(350px,100%); height:auto; margin:auto; }
.delivery-actions { width:min(760px,100%); margin:24px auto 36px; }
.delivery-actions a:has(> img[src*="continueon"])::after { content:"Pokračovat k dodacím údajům →"; }
@media(max-width:650px) {
 .delivery-step { padding:20px 17px; }
 .delivery-option-body { min-height:140px; padding:17px 14px; gap:13px; }
 .delivery-option > input:checked + .delivery-option-body { padding:16px 13px; }
 .delivery-date { font-size:20px; }
 .delivery-payment-marks img { width:min(300px,100%); }
 .delivery-actions a:has(> img[src*="continueon"]) { white-space:normal; text-align:center; }
}

/* Emphasize the active checkout action; keep the primary action gently pulsing. */
.buttons a:has(> img[src*="continueon"]),
.buttons a:has(> img[src*="finish"]) {
 min-height:50px; padding:12px 22px; font-size:16px;
 box-shadow:0 5px 15px rgba(40,89,29,.24);
 transform-origin:center;
 animation:checkout-cta-breathe 1.45s ease-in-out infinite;
}
@keyframes checkout-cta-breathe {
 0%,100% { transform:scale(1); box-shadow:0 5px 15px rgba(40,89,29,.24); }
 50% { transform:scale(1.04); box-shadow:0 10px 26px rgba(40,89,29,.42); }
}
@media (prefers-reduced-motion: reduce) {
 .buttons a:has(> img[src*="continueon"]),
 .buttons a:has(> img[src*="finish"]) { animation:none; }
}