.p24-payment__logo{max-width:80px;}
.p24-1clicks{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.p24-1clicks__items{display:flex;flex-direction:column;gap:8px;align-items:center;}
.p24-1clicks__label, .p24-1clicks__or{font-size:75%;text-align:center;}
.p24-1clicks__or{display:flex;align-items:center;gap:10px;white-space:nowrap;}
.p24-1clicks__or:after, .p24-1clicks__or:before{content:"";width:100%;height:1px;background:rgba(0, 0, 0, .2);}
.p24-1click{display:flex;gap:12px;align-items:center;cursor:pointer;background:white;border-radius:6px;padding:10px;border:2px solid transparent;outline:none;position:relative;}
.p24-1click__logo{margin:0;}
.p24-1click__logo img{display:block;}
.p24-1click--card{aspect-ratio:85.6 / 53.98;}
.p24-1click--active{border-color:currentColor;outline:1px solid;}
.p24-1click--card__number{gap:0.5em;display:flex;font-size:110%;font-family:monospace;align-items:center;margin-bottom:1.5em;}
.p24-1click--card__number small{font-size:75%;}
.p24-1click--card__valid{font-family:monospace;position:absolute;bottom:10px;left:10px;opacity:.8;font-size:80%;font-weight:800;}
.p24-1click--blik__valid{font-family:monospace;opacity:.8;font-size:75%;}
.p24-1click--card__logo{margin-bottom:0;position:absolute;bottom:10px;right:10px;}
#card-tokenizer{display:flex;justify-content:center;min-width:280px;}
.woocommerce table.shop_table .shop_table__cell-description{border-top:none;padding-top:0;margin:0;opacity:.5;font-size:75%;}
.p24-account-table{width:100%;border-collapse:collapse;}
.p24-account-table thead th{font-weight:600;}
.p24-account-table td, .p24-account-table th{vertical-align:top;}
.p24-account-table .p24-col-actions, .p24-account-table .p24-cell-actions{text-align:right;white-space:nowrap;}
.p24-account-table .p24-col-next-payment, .p24-account-table .p24-cell-next-payment{white-space:nowrap;}
.p24-account-table .p24-cell-downloads a{display:inline-block;margin:2px 0;}
.p24-waiting{position:absolute;background:rgba(255, 255, 255, .85);font-size:90%;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;top:0;left:0;bottom:0;right:0;}
.p24-waiting.hidden{display:none;}
.p24-waiting .wc-block-components-spinner{position:relative;height:auto;}
.p24-blik-code-input{margin-top:0 !important;}
.p24-payment-input input[type="text"]{padding:0 1rem;width:100%;box-sizing:border-box;min-height:3rem;}
.woocommerce-order-pay .p24-payment-container{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:24px;}
.wc-block-components-radio-control-accordion-content:has(.p24-payment-container:empty){display:none;}
.p24-methods{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.p24-methods + .woocommerce-input-wrapper{margin-top:24px;display:block;}
.p24-methods__items{--logo-size:20px;display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, auto));gap:12px;border-radius:4px;}
.p24-methods__items--featured{--logo-size:40px;grid-template-columns:repeat(auto-fit, minmax(150px, auto));}
.p24-method-item{cursor:pointer;display:flex;background:white;border-radius:4px;padding:10px;flex-direction:column;text-align:center;justify-content:center;align-items:center;flex:0 1 100px;border:1px solid hsla(0, 0%, 7%, .11);user-select:none;position:relative;gap:8px;font-size:11px;}
.p24-method-item--active{outline:2px solid black;}
.p24-method-item picture{aspect-ratio:16/9;height:var(--logo-size);max-height:var(--logo-size);display:flex;align-items:center;justify-content:center;pointer-events:none;}
.p24-method-item picture img{max-width:100%;max-height:var(--logo-size);}
.p24-payment-container .p24-checkbox:first-child .wc-block-components-checkbox{margin-top:0;}
input[id^="payment_method_p24-"] + label img{max-height:30px;}
.p24-payment-container .wc-block-components-notice-banner:first-child{margin-top:0;}
.p24-payment-container .p24-checkbox + .p24-checkbox{margin-top:10px;}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox{margin:0;display:flex;align-items:flex-start;gap:10px;}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__label{line-height:1.35;}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__input{margin-top:2px;}
p24-installment{margin:20px 0;display:block;}
p24-installment[show-modal="true"]{cursor:pointer;}
.p24-currency{display:inline-flex;align-items:center;column-gap:0.625rem;row-gap:0.5rem;flex-wrap:wrap;}
.p24-currency__select{min-width:5rem;margin:0 !important;align-self:center;}
.p24-currency__submit{flex-shrink:0;margin:0 !important;margin-block:0 !important;margin-inline:0 !important;vertical-align:middle;align-self:center;line-height:1.4;padding-top:0.35rem !important;padding-right:0.75rem !important;padding-bottom:0.35rem !important;padding-left:0.75rem !important;}
#p24-3ds-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.6);visibility:hidden;opacity:0;transition:opacity 0.3s ease-out, visibility 0.3s ease-out;align-items:center;justify-content:center;display:flex;}
#p24-3ds-modal.active{display:flex;visibility:visible;opacity:1;}
#p24-3ds-modal .modal-content{background:#fff;border-radius:8px;padding:16px;max-width:600px;max-height:80vh;width:100%;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;position:relative;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transform:translateY(25px);opacity:0;}
#p24-3ds-iframe-wrapper{width:100%;height:100%;flex-grow:1;min-height:480px;}
#p24-3ds-modal.active .modal-content{transform:translateY(0px);opacity:1;}
.p24-3ds-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;}
.p24-3ds-overlay.hidden{display:none !important;}
.p24-3ds-loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px;text-align:center;z-index:10;}
.p24-3ds-loader-content .loader{width:48px;height:48px;border:4px solid #d1001f;border-top-color:transparent;border-radius:50%;animation:p24-spin 1s linear infinite;}
@keyframes p24-spin {
to{transform:rotate(360deg);}
}
.p24-3ds-loader-message{max-width:400px;font-size:14px;line-height:1.5;color:#fff;margin:0;padding:0 10px;}
#p24-3ds-loader.hidden{display:none !important;}
#p24-3ds-iframe-wrapper{width:100%;height:100%;flex-grow:1;min-height:480px;}
#p24-3ds-iframe-wrapper iframe.fullScreenP24{width:100%;height:100%;border:none;min-height:480px;display:block;visibility:visible;}
#p24-3ds-iframe-wrapper iframe.hiddenP24{display:none !important;visibility:hidden !important;}
.p24-1clicks__new-card{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:450px;margin:16px auto;padding:12px 20px;background-color:#fafbfc;border:1.5px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;font-weight:500;letter-spacing:0.3px;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit;text-decoration:none;box-shadow:none;}
.p24-1clicks__new-card-icon{flex-shrink:0;width:18px;height:18px;color:#3b82f6;stroke:currentColor;}
.p24-1clicks__new-card-text{white-space:nowrap;}
.p24-1clicks__new-card:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.p24-1clicks__new-card:hover .p24-1clicks__new-card-icon{color:#2563eb;transform:scale(1.05);}
.p24-1clicks__new-card:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.p24-1clicks__new-card:focus{outline:2px solid #3b82f6;outline-offset:2px;}
.p24-1clicks__new-card:disabled{opacity:0.6;cursor:not-allowed;background-color:#f3f4f6;}
.p24-1click--card{--card-bg:linear-gradient(135deg, #ffffff 0%, #f7f7f9 100%);--card-border:rgba(0, 0, 0, .06);--card-shadow:0 1px 5px rgba(0, 0, 0, .06);--card-shadow-hover:0 4px 14px rgba(0, 0, 0, .12);--accent:#2563eb;--text-color:#1f2937;--text-color-light:#6b7280;--border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;width:100%;max-width:220px;border:1px solid var(--card-border);border-radius:var(--border-radius);background:var(--card-bg);box-shadow:var(--card-shadow);cursor:pointer;text-align:left;transition:transform .18s ease, box-shadow .18s ease;}
.p24-1click--card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);}
.p24-1click--card:focus-visible{outline:3px solid color-mix(in oklab, var(--accent) 60%, white 40%);outline-offset:3px;}
.p24-1click--card-header{display:flex;justify-content:space-between;align-items:center;}
.p24-1click--card__logo img{max-height:24px;width:auto;opacity:.95;}
.p24-1click--card__number{font-size:17px;font-family:ui-monospace, monospace;letter-spacing:1.5px;font-weight:600;color:var(--text-color);display:block;}
.p24-1click--card__number small{font-size:14px;color:var(--text-color-light);margin-right:4px;}
.p24-1click--card__valid{font-size:13px;color:var(--text-color-light);}
@media screen and (max-width:480px){
#p24-3ds-modal{padding:0;align-items:flex-end;}
#p24-3ds-modal .modal-content{width:100%;height:95vh;max-width:100%;max-height:100%;padding:12px;border-radius:16px 16px 0 0;transform:translateY(100%);opacity:1;}
#p24-3ds-modal.active .modal-content{transform:translateY(0);}
#p24-3ds-iframe-wrapper{height:100%;min-height:0;}
#p24-3ds-iframe-wrapper iframe{min-height:0;}
#card-tokenizer iframe{max-width:100%;width:100% !important;}
.p24-1clicks__new-card{padding:10px 16px;font-size:13px;max-width:100%;}
.p24-1clicks__new-card-icon{width:16px;height:16px;}
.p24-1clicks__items{width:100%;padding:0 8px;}
.p24-1clicks__items .p24-1click--card{width:100%;max-width:100%;padding:12px 14px;flex-direction:row;aspect-ratio:auto;}
.p24-1click--card__number{font-size:15px;margin-bottom:0;flex:1;}
.p24-1click--card__valid{position:static;font-size:12px;margin-left:auto;padding-left:10px;text-align:right;}
.p24-1click--card__logo{position:static;margin-bottom:0;}
}
@media screen and (min-width:481px){
#p24-3ds-modal .modal-content{height:auto;max-height:90vh;}
.p24-1clicks__items{flex-direction:row;flex-wrap:wrap;justify-content:center;}
.p24-1clicks__items .p24-1click--card{flex:0 1 220px;max-width:220px;width:auto;}
}
@media screen and (min-width: 779px) and (max-width: 873px) {
.p24-1clicks__items{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;justify-items:center;}
.p24-1clicks__items .p24-1click--card{width:100%;max-width:100%;}
}
@media screen and (max-width:768px){
#p24-3ds-modal .modal-content{max-width:90%;padding:16px;max-height:92vh;}
} .subscription-button{display:inline-block;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;border-radius:4px;transition:all 0.3s ease;cursor:pointer;border:2px solid transparent;}
.subscription-button:hover{text-decoration:none;}
.subscription-button--login{background-color:#f0f0f0;color:#333;border-color:#ccc;}
.subscription-button--login:hover{background-color:#e8e8e8;border-color:#999;}
.subscription-button--start{background-color:#0073aa;color:#fff;border-color:#0073aa;}
.subscription-button--start:hover{background-color:#005a87;border-color:#005a87;}
.subscription-button--manage{background-color:#28a745;color:#fff;border-color:#28a745;}
.subscription-button--manage:hover{background-color:#218838;border-color:#218838;}
.subscription-period-info, .subscription-extra-box{--p24-sub-accent:#0073aa;--p24-sub-accent-hover:#005a87;--p24-sub-accent-bg:#e8f4f8;--p24-sub-surface:#f8fafb;--p24-sub-border:#d8e6ec;--p24-sub-text:#1e293b;--p24-sub-text-muted:#475569;}
.subscription-svg-icon{display:block;flex-shrink:0;}
.subscription-period-info{margin:0.75rem 0 0.5rem;}
.subscription-period-badge{display:inline-flex;align-items:center;gap:0.5rem;background-color:var(--p24-sub-accent-bg);color:var(--p24-sub-accent);padding:0.5rem 0.875rem;border-radius:999px;font-size:0.875rem;font-weight:600;line-height:1.4;border:1px solid var(--p24-sub-border);}
.subscription-period-badge__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--p24-sub-accent);}
.subscription-period-badge__icon .subscription-svg-icon{width:18px;height:18px;}
.subscription-extra-box{background-color:var(--p24-sub-surface);border:1px solid var(--p24-sub-border);border-left:4px solid var(--p24-sub-accent);border-radius:12px;padding:1.25rem 1.375rem;margin:1.25rem 0;box-shadow:0 1px 3px rgba(15, 23, 42, 0.06);}
.subscription-extra-box__title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;line-height:1.35;color:var(--p24-sub-text);}
.subscription-extra-box__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.875rem;}
.subscription-extra-box__item{display:flex;align-items:flex-start;gap:0.75rem;font-size:0.9375rem;line-height:1.5;color:var(--p24-sub-text-muted);}
.subscription-extra-box__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background-color:var(--p24-sub-accent-bg);color:var(--p24-sub-accent);}
.subscription-extra-box__text{display:block;padding-top:0.2rem;color:var(--p24-sub-text-muted);}
@media(max-width:480px){
.subscription-extra-box{padding:1rem 1.125rem;}
.subscription-extra-box__item{gap:0.625rem;}
}
.subscription-button-wrapper {
margin: 15px 0;
}