@layer components{.pay-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.pay-option{cursor:pointer;display:block;position:relative}.pay-option input{opacity:0;pointer-events:none;position:absolute;inset:0}.pay-option-card{background:var(--panel);text-align:center;min-height:4.4rem;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:14px;place-items:center;gap:.25rem;padding:.8rem .6rem;font-weight:700;line-height:1.35;transition:box-shadow .2s,background .2s,color .2s;display:grid}.pay-option-card small{color:var(--muted);font-size:.72rem;font-weight:500}.pay-option:hover .pay-option-card{box-shadow:inset 0 0 0 1px var(--cobalt)}.pay-option input:checked+.pay-option-card{color:var(--cobalt);box-shadow:inset 0 0 0 2px var(--cobalt), 0 10px 24px -16px var(--cobalt);background:#eef3ff}.pay-option input:focus-visible+.pay-option-card{outline:2px solid var(--cobalt);outline-offset:3px}.pay-option-card.is-fps{--brand:#15803d}.pay-option-card.is-payme{--brand:#db0011}.pay-option input:checked+.pay-option-card.is-fps,.pay-option input:checked+.pay-option-card.is-payme{color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand), 0 10px 24px -16px var(--brand);background:color-mix(in srgb, var(--brand) 6%, white)}.pay-logo{mix-blend-mode:multiply;width:auto;height:2.6rem;display:block}.pay-option input:not(:checked)+.pay-option-card .pay-logo{filter:saturate(.85)}.pay-panel-head{align-items:center;gap:.6rem;display:flex}.pay-panel-head .pay-logo{height:2.4rem}.pay-lock{align-items:center;gap:.25rem;display:inline-flex}.pay-lock svg{width:.8rem;height:.8rem}.pay-hint{border-radius:14px;margin-top:1rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.85;display:none}.pay-hint a{text-decoration:underline}.pay-hint.is-fps{color:#14532d;background:#ecf8f0;box-shadow:inset 0 0 0 1px #9fd8b2}.pay-hint.is-payme{color:#7f1d1d;background:#fdf0f1;box-shadow:inset 0 0 0 1px #f2b6bd}.checkout-pay:has(#pay-fps:checked) .pay-hint.is-fps,.checkout-pay:has(#pay-payme:checked) .pay-hint.is-payme,.checkout-pay:has(#pay-stripe:checked) .pay-hint.is-stripe{display:block}#checkout-form .stripe-only{display:none}#checkout-form:has(#pay-stripe:checked) .stripe-only{display:flex}.stripe-secure{color:#2c2560;background:linear-gradient(135deg,#f4f2ff,#eef4ff);border-radius:16px;padding:1.15rem 1.2rem;box-shadow:inset 0 0 0 1px #c9c2f5}.stripe-secure-head{align-items:center;gap:.6rem;font-weight:700;display:flex}.stripe-secure-head svg{color:#635bff;flex:none;width:1.6rem;height:1.6rem}.stripe-secure-head b{color:#fff;font-family:var(--font-latin);letter-spacing:.04em;background:#635bff;border-radius:6px;padding:.05rem .5rem;font-size:.78rem;display:inline-block}.stripe-secure p{margin-top:.55rem;font-size:.9rem;line-height:1.85}.stripe-secure ul{gap:.5rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.stripe-secure li{padding-left:1.5rem;font-size:.88rem;line-height:1.8;position:relative}.stripe-secure li:before{content:"";background:#635bff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.5 2.6 2.5L12 5.5'/%3E%3C/svg%3E") 50%/80% no-repeat;border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.45em;left:.1rem}.stripe-secure li strong{color:#4b42d6}.pay-panel{text-align:left;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:18px;margin-top:1.75rem;padding:1.5rem}.pay-panel h2{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.2rem;font-weight:800}.pay-panel.is-fps h2{color:#15803d}.pay-panel.is-payme{text-align:center}.pay-panel.is-payme h2{color:#db0011}.pay-field+.pay-field{margin-top:.9rem}.pay-field dt{color:var(--muted);font-size:.75rem;font-weight:700}.pay-field dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-weight:700}.fps-id{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fps-id strong{font-family:var(--font-latin);letter-spacing:.08em;font-size:1.5rem}.copy-button{background:var(--base-2);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;border:0;border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:700;transition:color .2s,box-shadow .2s}.copy-button:hover{color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt)}.copy-button.is-done{color:#15803d;box-shadow:inset 0 0 0 1px #15803d}.payme-qr{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:18px;margin-top:.9rem;padding:.75rem;display:inline-block}.payme-qr img{border-radius:10px;width:min(15rem,70vw);height:auto}.after-pay{text-align:left;background:var(--base-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;margin-top:1.75rem;padding:1.25rem 1.3rem;font-size:.92rem;line-height:1.95}.after-pay strong{color:var(--cobalt)}.order-facts{text-align:left;grid-template-columns:6rem minmax(0,1fr);gap:.55rem 1rem;font-size:.92rem;display:grid}.order-facts dt{color:var(--muted)}.order-facts dd{overflow-wrap:anywhere;margin:0;font-weight:700}.contact-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.contact-help a{box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:color .2s,box-shadow .2s}.contact-help a:hover{color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt)}@media (width<=640px){.pay-options{grid-template-columns:minmax(0,1fr)}.pay-option-card{text-align:left;grid-auto-flow:column;justify-content:space-between;min-height:0}.contact-help{grid-template-columns:minmax(0,1fr)}}}