/* CRMed — /vouchery/ (2026-09-23). Tylko na stronach z shortcodem; tokeny motywu crmed-2025. */
.crmed-vou{--vou-ink:var(--crmed-grafit);--vou-mut:var(--crmed-grafit-2);--vou-line:var(--crmed-linia);--vou-acc:var(--crmed-zolty);--vou-bg:var(--crmed-biel);--vou-soft:var(--crmed-off-white)}
.crmed-vou .crmed-vou-title{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.08;margin:0 0 var(--space-3);text-wrap:balance}
.crmed-vou-hero .crmed-page__intro{max-width:60ch}
.crmed-vou-steps{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.crmed-vou-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--vou-bg);border:1px solid var(--vou-line);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.35;min-width:0}
.crmed-vou-steps b{flex:0 0 28px;height:28px;border-radius:50%;background:var(--vou-acc);color:var(--vou-ink);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800}
.crmed-vou-notice{padding:16px 20px;border:1px solid var(--vou-line);border-left:6px solid var(--vou-acc);border-radius:var(--radius-md);background:var(--vou-soft);line-height:1.5}
.crmed-vou-notice--test{border-left-color:#C2247A}
.crmed-vou-group{font-size:var(--fs-md);margin:var(--space-5) 0 var(--space-3);padding-bottom:8px;border-bottom:2px solid var(--vou-ink);display:inline-block}
.crmed-vou-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.crmed-vou-card{display:flex;flex-direction:column;gap:10px;background:var(--vou-bg);border:1.5px solid var(--vou-line);border-radius:var(--radius-md);padding:20px 22px;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.crmed-vou-card:hover{border-color:var(--vou-ink)}
.crmed-vou-card.is-selected{border-color:var(--vou-acc);box-shadow:0 0 0 3px rgba(246,197,0,.35)}
.crmed-vou-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.crmed-vou-card h4{margin:0;font-size:1.1rem;line-height:1.25;overflow-wrap:anywhere}
.crmed-vou-card__dur{flex:0 0 auto;font-size:var(--fs-xs);font-weight:700;color:var(--vou-mut);background:var(--vou-soft);border:1px solid var(--vou-line);border-radius:var(--radius-pill);padding:3px 10px;white-space:nowrap}
.crmed-vou-card__desc{margin:0;color:var(--vou-mut);font-size:var(--fs-sm);line-height:1.45}
.crmed-vou-card__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}
.crmed-vou-card__price{font-family:var(--font-display);font-weight:800;font-size:1.35rem;font-variant-numeric:tabular-nums}
.crmed-vou-card__price small{font-size:var(--fs-xs);font-weight:600;color:var(--vou-mut)}
.crmed-vou-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:var(--space-6);align-items:start}
.crmed-vou-form{display:grid;gap:var(--space-4);min-width:0}
.crmed-vou-fs{border:1px solid var(--vou-line);border-radius:var(--radius-lg);padding:22px 24px 24px;margin:0;min-width:0;background:var(--vou-bg)}
.crmed-vou-fs legend{font-family:var(--font-display);font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:10px;padding:0 8px;margin-left:-8px}
.crmed-vou-num{width:30px;height:30px;border-radius:50%;background:var(--vou-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}
.crmed-vou-picked{font-size:1.05rem;margin:6px 0 14px;min-height:1.5em}
.crmed-vou-picked em{color:var(--vou-mut)}
.crmed-vou-picked strong{font-size:1.15rem}
.crmed-vou-qty{display:flex;flex-wrap:wrap;gap:10px}
.crmed-vou-qty__opt input,.crmed-vou-mode input{position:absolute;opacity:0;width:1px;height:1px}
.crmed-vou-qty__opt span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1.5px solid var(--vou-line);border-radius:var(--radius-pill);font-weight:700;cursor:pointer;background:var(--vou-bg);transition:all .12s}
.crmed-vou-qty__opt input:checked+span{background:var(--vou-ink);color:#fff;border-color:var(--vou-ink)}
.crmed-vou-qty__opt input:focus-visible+span,.crmed-vou-mode input:focus-visible+span{outline:3px solid var(--crmed-focus);outline-offset:2px}
.crmed-vou-sum{margin:16px 0 0;font-family:var(--font-display);font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums;min-height:1.4em}
.crmed-vou-modes{display:grid;gap:10px}
.crmed-vou-mode span{display:flex;flex-direction:column;gap:2px;padding:14px 18px 14px 48px;border:1.5px solid var(--vou-line);border-radius:var(--radius-md);cursor:pointer;position:relative;background:var(--vou-bg)}
.crmed-vou-mode span::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;border:2px solid var(--vou-mut);background:#fff}
.crmed-vou-mode input:checked+span{border-color:var(--vou-ink);background:var(--vou-soft)}
.crmed-vou-mode input:checked+span::before{border-color:var(--vou-ink);background:radial-gradient(circle,var(--vou-ink) 45%,#fff 50%)}
.crmed-vou-mode small{color:var(--vou-mut);font-size:var(--fs-sm)}
.crmed-vou-gift{margin-top:16px;padding-top:16px;border-top:1px dashed var(--vou-line);display:grid;gap:14px}
.crmed-vou-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.crmed-vou-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.crmed-vou-field label{font-weight:700;font-size:var(--fs-sm)}
.crmed-vou-field small{color:var(--vou-mut);font-size:var(--fs-xs)}
.crmed-vou-input{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1.5px solid var(--vou-line);border-radius:var(--radius-sm);font:inherit;font-size:1rem;color:var(--vou-ink);background:#fff}
textarea.crmed-vou-input{min-height:88px;resize:vertical}
.crmed-vou-input:focus{outline:3px solid var(--crmed-focus);outline-offset:1px;border-color:var(--vou-ink)}
.crmed-vou-input.is-invalid{border-color:#c62828}
.crmed-vou-err{color:#b3261e;font-size:var(--fs-xs);font-weight:700}
.crmed-vou-errbox{padding:14px 18px;border:1.5px solid #c62828;background:#fff4f2;border-radius:var(--radius-md);color:#7a1a12}
.crmed-vou-privacy-note{margin:14px 0 0;color:var(--vou-mut);font-size:var(--fs-sm)}
.crmed-vou-consent{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:var(--fs-sm);line-height:1.45;cursor:pointer}
.crmed-vou-consent input{flex:0 0 22px;width:22px;height:22px;margin:1px 0 0;accent-color:var(--vou-ink)}
.crmed-vou-consent.is-invalid span{color:#b3261e}
.crmed-vou-consent--opt{color:var(--vou-mut);border-top:1px dashed var(--vou-line);margin-top:6px}
.crmed-vou-legal{margin:14px 0 18px;font-size:var(--fs-xs);color:var(--vou-mut);line-height:1.5}
.crmed-vou-pay{width:100%;font-size:1.15rem;min-height:58px}
.crmed-vou-pay[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.crmed-vou-paynote{margin:12px 0 0;font-size:var(--fs-xs);color:var(--vou-mut);text-align:center}
.crmed-vou-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.crmed-vou-preview{position:sticky;top:calc(var(--crmed-header-h,80px) + 16px)}
.crmed-vou-pv{background:#fff;border:1px solid var(--vou-line);border-left:10px solid var(--vou-acc);border-radius:var(--radius-md);padding:26px 26px 22px;box-shadow:var(--crmed-shadow-2);display:grid;gap:8px;min-width:0}
.crmed-vou-pv__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid var(--vou-acc);padding-bottom:10px;margin-bottom:6px}
.crmed-vou-pv__brand{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:.02em}
.crmed-vou-pv__kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--vou-mut)}
.crmed-vou-pv__no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;color:var(--vou-mut)}
.crmed-vou-pv__srv{font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1.2;overflow-wrap:anywhere}
.crmed-vou-pv__qty{color:var(--vou-mut);font-weight:600}
.crmed-vou-pv__for{margin-top:8px;font-size:1.05rem}
.crmed-vou-pv__for b{font-size:1.2rem}
.crmed-vou-pv__from{color:var(--vou-mut)}
.crmed-vou-pv__ded{font-style:italic;color:#33404F;padding:10px 14px;background:var(--vou-soft);border-left:3px solid var(--vou-line);overflow-wrap:anywhere;white-space:pre-line}
.crmed-vou-pv__foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--vou-line);font-size:var(--fs-xs);color:var(--vou-mut)}
.crmed-vou-preview__note{margin:12px 0 0;font-size:var(--fs-xs);color:var(--vou-mut)}
.crmed-vou-thanks-box{margin-top:var(--space-4);padding:20px 24px;background:var(--vou-bg);border:1px solid var(--vou-line);border-left:6px solid var(--vou-acc);border-radius:var(--radius-md);max-width:60ch}
.crmed-vou-thanks-box ul{margin:8px 0 0;padding-left:20px;display:grid;gap:8px;line-height:1.5}
.crmed-vou-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--vou-soft);border:1px solid var(--vou-line);padding:2px 8px;border-radius:6px;white-space:nowrap}
.crmed-vou-spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--vou-line);border-top-color:var(--vou-ink);animation:crmed-vou-spin 1s linear infinite;margin:var(--space-4) 0}
@keyframes crmed-vou-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.crmed-vou-spinner{animation:none}.crmed-vou-card{transition:none}}
@media (max-width:1024px){.crmed-vou-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.crmed-vou-layout{grid-template-columns:1fr}.crmed-vou-preview{position:static;order:-1}.crmed-vou-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.crmed-vou-cards{grid-template-columns:1fr}.crmed-vou-grid{grid-template-columns:1fr}.crmed-vou-fs{padding:18px 16px 20px;border-radius:var(--radius-md)}.crmed-vou-steps{grid-template-columns:1fr}.crmed-vou-pv{padding:20px 18px 18px}.crmed-vou-card{padding:16px 18px}.crmed-vou-mode span{padding-left:44px}.crmed-vou-sum{font-size:1.1rem}}
/* ---- landing (2026-09-24) ---- */
.crmed-vou-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-6);align-items:center}
.crmed-vou-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:var(--space-4) 0 var(--space-3)}
.crmed-vou-hero__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crmed-vou-hero__chips li{font-size:var(--fs-xs);font-weight:700;padding:6px 12px;border:1px solid var(--vou-line);border-radius:var(--radius-pill);background:var(--vou-bg)}
.crmed-vou-hero__media{margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--crmed-shadow-2);aspect-ratio:4/3;max-width:100%}
.crmed-vou-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
.crmed-vou-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);counter-reset:none}
.crmed-vou-steps li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--vou-bg);border:1px solid var(--vou-line);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.4;min-width:0}
.crmed-vou-steps li strong{display:block;margin-bottom:2px}
.crmed-vou-modes2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.crmed-vou-mode2{background:var(--vou-bg);border:1.5px solid var(--vou-line);border-top:6px solid var(--vou-acc);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:10px;min-width:0}
.crmed-vou-mode2:last-child{border-top-color:var(--vou-ink)}
.crmed-vou-mode2 h3{margin:0;font-size:1.25rem}
.crmed-vou-mode2 ul{margin:0 0 6px;padding-left:18px;color:var(--vou-mut);line-height:1.5}
.crmed-vou-mode2 .crmed-btn{align-self:flex-start;margin-top:auto}
.crmed-vou-paper{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:var(--space-5);align-items:center;background:var(--vou-soft);border:1px solid var(--vou-line);border-radius:var(--radius-lg);padding:var(--space-5)}
.crmed-vou-paper h2{margin:0 0 var(--space-2);font-size:var(--fs-lg)}
.crmed-vou-paper p{margin:0;color:var(--vou-mut);max-width:60ch}
.crmed-vou-paper__card{font-style:normal;background:var(--vou-bg);border:1px solid var(--vou-line);border-left:6px solid var(--vou-acc);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);line-height:1.7}
.crmed-vou-paper__card .crmed-btn{margin-top:8px}
@media (max-width:1024px){.crmed-vou-hero__grid{grid-template-columns:1fr}.crmed-vou-hero__media{aspect-ratio:16/9}.crmed-vou-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.crmed-vou-paper{grid-template-columns:1fr}}
@media (max-width:640px){.crmed-vou-steps,.crmed-vou-modes2{grid-template-columns:1fr}.crmed-vou-hero__actions .crmed-btn{width:100%;box-sizing:border-box}.crmed-vou-paper{padding:var(--space-3)}}
