/* All selectors belong to this add-on; existing Komandor styles stay scoped. */
.kppr-payment,.kppr-videos{--kppr-red:#d02e46;--kppr-ink:#191919;--kppr-soft:#f5f3ef;color:var(--kppr-ink);font-family:"TildaSans",Arial,sans-serif;line-height:1.5}
.kppr-payment *,.kppr-videos *{box-sizing:border-box}
.kppr-payment{width:100%;max-width:1440px;margin:0 auto;padding:10px 0 64px}
.kppr-payment p,.kppr-videos p{margin:0 0 18px;line-height:1.5}
.kppr-payment h2,.kppr-videos h2{font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.1!important;letter-spacing:-.025em;margin:0 0 24px}
.kppr-payment h3,.kppr-videos h3{font-weight:500;line-height:1.2!important;letter-spacing:-.02em}
.kppr-payment .kppr-eyebrow,.kppr-videos .kppr-eyebrow{margin:0 0 14px;color:var(--kppr-red);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.kppr-payment__heading{max-width:800px;margin-bottom:36px}
.kppr-payment__heading>p:last-child{max-width:690px;color:#67635f;font-size:18px}
.kppr-payment__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.kppr-payment .kppr-pay-card{position:relative;min-width:0;margin:0;padding:clamp(24px,3vw,44px);border:1px solid #e4e0da;border-radius:20px;background:var(--kppr-soft)}
.kppr-payment .kppr-pay-card h3{margin:0 0 20px;font-size:clamp(26px,2.6vw,36px)}
.kppr-payment .kppr-pay-card--link{display:flex;min-height:480px;flex-direction:column;justify-content:space-between;align-items:flex-start;background:#191919;border-color:#191919;color:#fff}
.kppr-pay-card--link>div{width:100%}
.kppr-payment .kppr-pay-card--link .kppr-eyebrow{color:#fa8b9a}
.kppr-pay-card--link p{color:#ddd9d4;max-width:420px}
.kppr-step{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d5d0c8;border-radius:50%;font-size:14px;color:#6b655e}
.kppr-pay-card--link .kppr-step{color:#fff;border-color:#615d58;margin-bottom:72px}
.kppr-pay-card--qr .kppr-step{float:right;margin:0 0 12px 16px}
.kppr-payment a.kppr-button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:56px;margin:12px 0 18px;padding:14px 25px;border:1px solid var(--kppr-red);border-radius:9px;background:var(--kppr-red);color:#fff;text-decoration:none;font-size:15px;font-weight:700;transition:background .2s}
.kppr-payment a.kppr-button:hover{background:#b92339;border-color:#b92339;color:#fff}
.kppr-payment .kppr-pay-card__note{clear:both;margin:0;color:#77706a;font-size:13px}
.kppr-payment .kppr-pay-card--link .kppr-pay-card__note{color:#b8b1a9}
.kppr-payment .kppr-qr{display:block;clear:both;width:min(100%,320px);margin:22px auto 12px;padding:0;border:0;background:#fff;border-radius:12px;overflow:hidden}
.kppr-payment .kppr-qr img{display:block;width:100%;height:auto!important;max-width:100%;margin:0;object-fit:contain}
.kppr-qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:12px 0 22px;font-size:13px}
.kppr-qr-actions a,.kppr-payment__help a,.kppr-text-link{color:var(--kppr-red);text-decoration:none;font-weight:600}
.kppr-payment__help{margin:26px 0 0!important;color:#67635f;font-size:15px}
.kppr-videos{width:100%;padding:80px 24px;background:#fff;scroll-margin-top:110px}
.kppr-videos__inner{width:100%;max-width:1440px;margin:0 auto}
.kppr-videos__heading{display:grid;grid-template-columns:1fr 1fr;gap:28px 70px;align-items:end;margin-bottom:34px}
.kppr-videos__heading h2{margin-bottom:0}
.kppr-videos__heading h2 span{color:var(--kppr-red)}
.kppr-videos__heading>div>p:not(.kppr-eyebrow){max-width:530px;color:#67635f;font-size:17px}
.kppr-videos .kppr-video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.kppr-videos article.kppr-video-card{display:block;min-width:0;min-height:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none}
.kppr-videos .kppr-video-frame{position:relative;width:100%;aspect-ratio:9 / 16;background:#181818;border-radius:14px;overflow:hidden;isolation:isolate}
.kppr-video-start{position:absolute;inset:0;display:block;color:#fff!important;text-decoration:none!important;background:#181818}
.kppr-video-start img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:9 / 16;object-fit:cover;transition:transform .3s}
.kppr-video-start:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.58))}
.kppr-video-start:hover img{transform:scale(1.025)}
.kppr-video-badge,.kppr-video-time,.kppr-video-prompt{position:absolute;z-index:1;color:#fff;font-size:11px;font-weight:500}
.kppr-video-badge{top:12px;left:12px;padding:5px 9px;border:1px solid #ffffff66;border-radius:5px;background:#17171755;letter-spacing:.02em}
.kppr-video-time{bottom:13px;right:12px;padding:3px 6px;border-radius:4px;background:#15151588}
.kppr-video-prompt{bottom:17px;left:12px;font-size:12px}
.kppr-play{position:absolute;z-index:1;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid #ffffffb3;border-radius:50%;color:#fff;background:#d02e46e8;box-shadow:0 6px 28px #0003;transition:background .2s}
.kppr-play svg{margin-left:3px}
.kppr-video-start:hover .kppr-play{background:#b92339}
.kppr-videos .kppr-video-frame iframe{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;background:#181818}
.kppr-video-copy{padding:17px 2px 0}
.kppr-videos .kppr-video-copy p{margin:0 0 6px;color:#7b736b;font-size:12px}
.kppr-videos .kppr-video-copy h3{min-height:2.4em;margin:0 0 13px;font-size:18px;line-height:1.2!important}
.kppr-video-copy>a{display:inline-block;color:#6c635a;font-size:11px;text-decoration:none}
.kppr-video-copy>a:hover,.kppr-qr-actions>a:hover,.kppr-text-link:hover{text-decoration:underline}
.kppr-payment a:focus-visible,.kppr-videos a:focus-visible{outline:3px solid var(--kppr-red);outline-offset:4px}
.kppr-video-start:focus-visible{outline:3px solid #fff!important;outline-offset:-6px!important}
.kppr-video-frame--playing:focus-visible{outline:3px solid var(--kppr-red);outline-offset:4px}
@media(min-width:721px) and (max-width:1100px){.kppr-videos .kppr-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}}
@media(max-width:800px){.kppr-payment__grid{grid-template-columns:1fr}.kppr-payment .kppr-pay-card--link{min-height:360px}.kppr-pay-card--link .kppr-step{margin-bottom:46px}.kppr-videos__heading{grid-template-columns:1fr;gap:22px}}
@media(max-width:720px){.kppr-videos{padding:54px 20px}.kppr-videos .kppr-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.kppr-videos .kppr-video-copy h3{font-size:17px}}
@media(max-width:480px){.kppr-videos{padding:48px 20px}.kppr-videos .kppr-video-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:360px;margin:0 auto}.kppr-videos .kppr-video-copy h3{min-height:0;font-size:21px}.kppr-video-copy>a{font-size:12px}.kppr-video-badge{top:16px;left:16px}.kppr-video-prompt{bottom:18px;left:16px}.kppr-payment{padding-bottom:40px}.kppr-payment h2{font-size:30px}.kppr-payment .kppr-pay-card{padding:24px}.kppr-payment a.kppr-button{width:100%;gap:18px}.kppr-payment__heading>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.kppr-videos *,.kppr-payment *{transition:none!important}}