.alma-checkout-page--single {
--alma-border: #e9e6e1;
--alma-text: #242320;
--alma-muted: #77736d;
--alma-accent: #242320;
--alma-soft: #f8f6f2;
--alma-danger: #b42318;
--alma-success: #24724c;
color: var(--alma-text);
}
.alma-checkout-page--single .alma-checkout-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
gap: 32px;
align-items: start;
}
.alma-checkout-page--single .alma-checkout-main {
min-width: 0;
}
.alma-checkout-page--single .alma-checkout-sidebar {
min-width: 0;
position: sticky;
top: 24px;
}
.alma-checkout-page--single .alma-card {
background: #fff;
border: 1px solid var(--alma-border);
border-radius: 18px;
box-shadow: 0 8px 28px rgba(36, 35, 32, .05);
}
.alma-checkout-page--single .alma-section {
margin-bottom: 18px;
padding: 28px;
}
.alma-checkout-page--single .alma-section__head {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
}
.alma-checkout-page--single .alma-section__eyebrow {
display: block;
margin-bottom: 5px;
font-size: 11px;
line-height: 1;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--alma-muted);
}
.alma-checkout-page--single .alma-section__title,
.alma-checkout-page--single .alma-card__title {
margin: 0;
font-size: 23px;
line-height: 1.2;
font-weight: 700;
}
.alma-checkout-page--single .alma-section__description {
margin: 7px 0 0;
color: var(--alma-muted);
font-size: 14px;
line-height: 1.5;
}
.alma-checkout-page--single .alma-section__fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 14px;
}
.alma-checkout-page--single .alma-section__fields .form-row {
margin: 0 0 14px;
}
.alma-checkout-page--single .alma-section__fields .form-row-wide,
.alma-checkout-page--single .alma-section__fields .form-row.address-field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_address_1_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_address_2_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_address_1_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_address_2_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_country_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_country_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_state_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_state_field {
grid-column: 1 / -1;
}
.alma-checkout-page--single .alma-section__fields label {
display: block;
margin-bottom: 7px;
font-size: 13px;
font-weight: 600;
}
.alma-checkout-page--single .alma-section__fields label .required {
color: var(--alma-danger);
}
.alma-checkout-page--single .alma-section__fields input.input-text,
.alma-checkout-page--single .alma-section__fields input[type="email"],
.alma-checkout-page--single .alma-section__fields input[type="tel"],
.alma-checkout-page--single .alma-section__fields input[type="password"],
.alma-checkout-page--single .alma-section__fields input[type="number"],
.alma-checkout-page--single .alma-section__fields input[type="text"],
.alma-checkout-page--single .alma-section__fields select,
.alma-checkout-page--single .alma-section__fields textarea {
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid #ddd9d2;
border-radius: 10px;
background: #fff;
color: var(--alma-text);
box-sizing: border-box;
transition: border-color .18s ease, box-shadow .18s ease;
}
.alma-checkout-page--single .alma-section__fields textarea {
min-height: 100px;
}
.alma-checkout-page--single .alma-section__fields input:focus,
.alma-checkout-page--single .alma-section__fields select:focus,
.alma-checkout-page--single .alma-section__fields textarea:focus {
outline: 0;
border-color: #8e8981;
box-shadow: 0 0 0 3px rgba(36, 35, 32, .07);
}
.alma-checkout-page--single .alma-section__fields .woocommerce-invalid input,
.alma-checkout-page--single .alma-section__fields .woocommerce-invalid select,
.alma-checkout-page--single .alma-section__fields .woocommerce-invalid textarea {
border-color: #d92d20;
}
.alma-checkout-page--single .alma-field-error {
margin-top: 6px;
font-size: 12px;
line-height: 1.4;
color: var(--alma-danger);
}
.alma-account-box {
margin-top: 4px;
padding: 16px;
border: 1px solid #e4e0d9;
border-radius: 14px;
background: var(--alma-soft);
}
.alma-account-toggle,
.alma-invoice-toggle {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.alma-account-toggle input,
.alma-invoice-toggle input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.alma-account-toggle__copy,
.alma-invoice-toggle__copy {
display: flex;
flex: 1;
flex-direction: column;
gap: 3px;
}
.alma-account-toggle__copy strong,
.alma-invoice-toggle__copy strong {
font-size: 14px;
line-height: 1.35;
}
.alma-account-toggle__copy small,
.alma-invoice-toggle__copy small {
color: var(--alma-muted);
font-size: 12px;
line-height: 1.45;
}
.alma-account-toggle__box,
.alma-invoice-toggle__box {
content: '';
flex: 0 0 auto;
width: 20px;
height: 20px;
margin-top: 1px;
border: 1px solid #cfc9c0;
border-radius: 6px;
background: #fff;
box-sizing: border-box;
}
.alma-account-toggle__box,
.alma-invoice-toggle__box {
position: relative;
}
.alma-account-toggle input:checked ~ .alma-account-toggle__box,
.alma-invoice-toggle input:checked + .alma-invoice-toggle__box {
border-color: var(--alma-accent);
background: var(--alma-accent);
}
.alma-account-toggle input:checked ~ .alma-account-toggle__box::after,
.alma-invoice-toggle input:checked + .alma-invoice-toggle__box::after {
content: '✓';
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -55%);
color: #fff;
font-size: 13px;
font-weight: 700;
}
.alma-account-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 14px;
margin-top: 15px;
}
.alma-account-fields[hidden] {
display: none !important;
}
.alma-choice-group {
display: grid;
gap: 10px;
margin-bottom: 18px;
}
.alma-choice {
position: relative;
display: grid;
grid-template-columns: 20px 1fr;
gap: 12px;
align-items: start;
padding: 16px;
border: 1px solid #e2ded7;
border-radius: 14px;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.alma-choice:hover {
border-color: #c7c1b8;
}
.alma-choice.is-selected {
border-color: #817a71;
background: #fbfaf8;
box-shadow: 0 0 0 2px rgba(36, 35, 32, .04);
}
.alma-choice input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.alma-choice__indicator {
width: 18px;
height: 18px;
margin-top: 1px;
border: 1px solid #cfc9c0;
border-radius: 50%;
box-sizing: border-box;
background: #fff;
}
.alma-choice input:checked + .alma-choice__indicator {
border-color: var(--alma-accent);
box-shadow: inset 0 0 0 5px #fff;
background: var(--alma-accent);
}
.alma-choice__text {
display: flex;
flex-direction: column;
gap: 3px;
}
.alma-choice__text strong {
font-size: 14px;
}
.alma-choice__text small {
color: var(--alma-muted);
font-size: 12px;
}
.alma-billing-fields[hidden],
.alma-invoice-fields[hidden] {
display: none !important;
}
.alma-invoice-toggle {
position: relative;
margin-bottom: 0;
padding: 15px;
border: 1px solid #e2ded7;
border-radius: 14px;
background: #fff;
transition: border-color .18s ease, background .18s ease;
}
.alma-invoice-toggle.is-selected {
border-color: #817a71;
background: #fbfaf8;
}
.alma-invoice-toggle__box {
position: relative;
width: 20px;
height: 20px;
}
.alma-invoice-fields {
margin-top: 16px;
padding-top: 18px;
border-top: 1px solid var(--alma-border);
}
.alma-empty-state {
margin: 0;
color: var(--alma-muted);
font-size: 13px;
}
.alma-shipping-step {
border: 0;
padding: 0;
}
.alma-shipping-package {
margin: 0;
}
.alma-shipping-methods {
display: grid;
gap: 10px;
}
.alma-shipping-method {
position: relative;
}
.alma-shipping-method__label {
display: block;
padding: 15px 16px;
border: 1px solid #e2ded7;
border-radius: 13px;
cursor: pointer;
}
.alma-shipping-method input:checked + .alma-shipping-method__label,
.alma-shipping-method input:checked ~ .alma-shipping-method__label,
.alma-shipping-method__label.is-selected {
border-color: #817a71;
background: #fbfaf8;
}
.alma-shipping-method .shipping_method {
position: absolute;
opacity: 0;
}
.alma-section-invalid {
border-color: #d92d20 !important;
box-shadow: 0 0 0 3px rgba(217, 45, 32, .06) !important;
}
.alma-checkout-page--single .alma-payment {
padding: 0;
border: 0;
background: transparent;
}
.alma-checkout-page--single .alma-payment-methods {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.alma-checkout-page--single .alma-payment-methods > li {
margin: 0;
padding: 15px 16px;
border: 1px solid #e2ded7;
border-radius: 13px;
}
.alma-checkout-page--single .alma-payment-methods > li.wc_payment_method > label {
font-weight: 600;
}
.alma-checkout-submit {
margin-top: 20px;
}
.alma-terms {
margin: 0 0 16px;
padding: 15px 16px;
border: 1px solid var(--alma-border);
border-radius: 14px;
background: #fff;
}
.alma-terms.is-invalid {
border-color: #d92d20;
box-shadow: 0 0 0 3px rgba(217, 45, 32, .06);
}
.alma-terms__label {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 0;
font-size: 13px;
line-height: 1.55;
}
.alma-terms__label input {
margin-top: 3px;
accent-color: var(--alma-accent);
}
.alma-terms__error {
display: none;
margin-top: 8px;
color: var(--alma-danger);
font-size: 12px;
}
.alma-terms.is-invalid .alma-terms__error {
display: block;
}
.alma-place-order {
width: 100%;
text-transform: uppercase;
min-height: 56px;
border: 0;
border-radius: 12px;
cursor: pointer;
font-size: 15px;
font-weight: 700;
letter-spacing: .01em;
}
.alma-summary {
padding: 24px;
}
.alma-summary > .alma-card__title {
margin-bottom: 20px;
}
.alma-coupon {
margin-top: 22px;
padding-top: 20px;
border-top: 1px solid var(--alma-border);
}
.alma-coupon__title {
margin-bottom: 10px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
.alma-coupon__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
}
.alma-coupon__input {
width: 100%;
min-height: 46px;
padding: 11px 12px;
border: 1px solid #ddd9d2;
border-radius: 10px;
box-sizing: border-box;
}
.alma-coupon__apply {
min-width: 96px;
border: 0;
border-radius: 10px;
padding: 0 15px;
cursor: pointer;
font-weight: 700;
}
.alma-coupon__message {
margin-top: 8px;
font-size: 12px;
}
.alma-coupon.is-loading {
opacity: .65;
pointer-events: none;
}
@media (max-width: 980px) {
.alma-checkout-page--single .alma-checkout-layout {
grid-template-columns: 1fr;
}
.alma-checkout-page--single .alma-checkout-sidebar {
position: static;
order: 2;
}
}
@media (max-width: 640px) {
.alma-checkout-page--single .alma-section,
.alma-summary {
padding: 20px;
border-radius: 14px;
}
.alma-checkout-page--single .alma-section__fields,
.alma-account-fields {
grid-template-columns: 1fr;
}
.alma-checkout-page--single .alma-section__fields .form-row,
.alma-checkout-page--single .alma-section__fields .form-row-wide,
.alma-checkout-page--single .alma-section__fields .form-row.address-field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_address_1_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_address_2_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_address_1_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_address_2_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_country_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_country_field,
.alma-checkout-page--single .alma-section__fields .form-row#billing_state_field,
.alma-checkout-page--single .alma-section__fields .form-row#shipping_state_field {
grid-column: auto;
}
} .alma-checkout-page--single {
max-width: 1240px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
color: #111827;
--alma-border: #E5E7EB;
--alma-text: #111827;
--alma-muted: #6B7280;
--alma-accent: var(--season-text, #059669);
--alma-soft: #F9FAFB;
--alma-danger: #B42318;
}
.alma-checkout-page--single .alma-checkout-layout {
grid-template-columns: minmax(0, 1fr) 380px;
gap: 40px;
align-items: start;
}
.alma-checkout-page--single .alma-checkout-main {
display: flex;
flex-direction: column;
gap: 16px;
}
.alma-checkout-page--single .alma-checkout-sidebar {
position: sticky;
top: 24px;
min-width: 0;
} .alma-checkout-page--single .alma-card,
.alma-checkout-page--single .alma-section {
background: #fff;
border: 1px solid #E5E7EB;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}
.alma-checkout-page--single .alma-section {
padding: 24px;
margin: 0;
}
.alma-checkout-page--single .alma-section__head {
margin-bottom: 18px;
}
.alma-checkout-page--single .alma-section__eyebrow {
margin-bottom: 6px;
color: #6B7280;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
}
.alma-checkout-page--single .alma-section__title,
.alma-checkout-page--single .alma-card__title {
margin: 0;
color: #111827;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
}
.alma-checkout-page--single .alma-section__description {
margin: 6px 0 0;
color: #6B7280;
font-size: 13px;
line-height: 1.5;
} .alma-checkout-page--single .alma-section__fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 12px;
row-gap: 0;
min-width: 0;
}
.alma-checkout-page--single .alma-section__fields .form-row,
.alma-checkout-page--single .alma-section__fields .form-row-first,
.alma-checkout-page--single .alma-section__fields .form-row-last,
.alma-checkout-page--single .alma-section__fields .form-row-wide {
width: 100% !important;
float: none !important;
clear: none !important;
margin-right: 0 !important;
box-sizing: border-box;
min-width: 0;
}
.alma-checkout-page--single .alma-section__fields .form-row-wide,
.alma-checkout-page--single .alma-section__fields .validate-required.form-row-wide,
.alma-checkout-page--single .alma-section__fields #billing_address_1_field,
.alma-checkout-page--single .alma-section__fields #billing_address_2_field,
.alma-checkout-page--single .alma-section__fields #shipping_address_1_field,
.alma-checkout-page--single .alma-section__fields #shipping_address_2_field,
.alma-checkout-page--single .alma-section__fields #billing_country_field,
.alma-checkout-page--single .alma-section__fields #shipping_country_field,
.alma-checkout-page--single .alma-section__fields #billing_state_field,
.alma-checkout-page--single .alma-section__fields #shipping_state_field {
grid-column: 1 / -1;
} .alma-section--contact .alma-section__fields .form-row {
grid-column: 1 / -1;
}
.alma-checkout-page--single .alma-section__fields .form-row {
margin-bottom: 12px !important;
}
.alma-checkout-page--single .alma-section__fields label {
display: block;
margin-bottom: 6px;
color: #374151;
font-size: 12px;
line-height: 1.3;
font-weight: 600;
}
.alma-checkout-page--single .alma-section__fields label .required,
.alma-checkout-page--single .required {
color: #B42318;
}
.alma-checkout-page--single .alma-section__fields input.input-text,
.alma-checkout-page--single .alma-section__fields input[type="text"],
.alma-checkout-page--single .alma-section__fields input[type="email"],
.alma-checkout-page--single .alma-section__fields input[type="tel"],
.alma-checkout-page--single .alma-section__fields input[type="password"],
.alma-checkout-page--single .alma-section__fields input[type="number"],
.alma-checkout-page--single .alma-section__fields input[type="url"],
.alma-checkout-page--single .alma-section__fields select,
.alma-checkout-page--single .alma-section__fields textarea {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 46px;
height: auto;
padding: 11px 13px !important;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
background: #fff !important;
color: #111827 !important;
box-sizing: border-box !important;
box-shadow: none !important;
font-size: 14px !important;
line-height: 1.35 !important;
}
.alma-checkout-page--single .alma-section__fields textarea {
min-height: 100px;
}
.alma-checkout-page--single .alma-section__fields input::placeholder,
.alma-checkout-page--single .alma-section__fields textarea::placeholder {
color: #9CA3AF;
}
.alma-checkout-page--single .alma-section__fields input:focus,
.alma-checkout-page--single .alma-section__fields select:focus,
.alma-checkout-page--single .alma-section__fields textarea:focus {
outline: none !important;
border-color: #9CA3AF !important;
box-shadow: 0 0 0 3px rgba(17, 24, 39, .05) !important;
}
.alma-checkout-page--single .alma-section__fields .woocommerce-input-wrapper,
.alma-checkout-page--single .alma-section__fields .select2-container {
display: block;
width: 100% !important;
max-width: 100% !important;
}
.alma-checkout-page--single .alma-section__fields .select2-container .select2-selection--single {
width: 100% !important;
min-height: 46px;
height: 46px;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
box-sizing: border-box;
}
.alma-checkout-page--single .alma-section__fields .select2-container .select2-selection__rendered {
line-height: 44px !important;
padding-left: 13px !important;
padding-right: 36px !important;
font-size: 14px;
color: #111827;
}
.alma-checkout-page--single .alma-section__fields .select2-container .select2-selection__arrow {
height: 44px !important;
right: 8px;
} .alma-checkout-page--single #shipping_first_name_field,
.alma-checkout-page--single #shipping_last_name_field,
.alma-checkout-page--single #billing_first_name_field,
.alma-checkout-page--single #billing_last_name_field {
width: 100% !important;
} .alma-account-box {
margin-top: 4px;
padding: 14px 16px;
border: 1px solid #E5E7EB;
border-radius: 10px;
background: #F9FAFB;
}
.alma-account-toggle,
.alma-invoice-toggle {
position: relative;
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 12px;
align-items: start;
margin: 0;
cursor: pointer;
}
.alma-account-toggle input,
.alma-invoice-toggle input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.alma-account-toggle__box,
.alma-invoice-toggle__box {
position: relative;
display: block;
width: 22px;
height: 22px;
margin: 0;
border: 2px solid #D1D5DB;
border-radius: 6px;
background: #fff;
box-sizing: border-box;
transition: all .18s ease;
}
.alma-account-toggle:hover .alma-account-toggle__box,
.alma-invoice-toggle:hover .alma-invoice-toggle__box {
border-color: #9CA3AF;
}
.alma-account-toggle input:checked + .alma-account-toggle__box,
.alma-invoice-toggle input:checked + .alma-invoice-toggle__box {
border-color: var(--alma-accent);
background: var(--alma-accent);
}
.alma-account-toggle input:checked + .alma-account-toggle__box::after,
.alma-invoice-toggle input:checked + .alma-invoice-toggle__box::after {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
color: #fff;
font-size: 14px;
font-weight: 800;
line-height: 1;
}
.alma-account-toggle__copy,
.alma-invoice-toggle__copy {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.alma-account-toggle__copy strong,
.alma-invoice-toggle__copy strong {
color: #111827;
font-size: 14px;
line-height: 1.35;
}
.alma-account-toggle__copy small,
.alma-invoice-toggle__copy small {
color: #6B7280;
font-size: 12px;
line-height: 1.45;
} .alma-choice {
grid-template-columns: 20px minmax(0, 1fr);
gap: 12px;
padding: 14px 16px;
border: 2px solid #E5E7EB;
border-radius: 10px;
background: #fff;
}
.alma-choice:hover {
border-color: #D1D5DB;
}
.alma-choice.is-selected {
border-color: var(--alma-accent);
background: #F9FAFB;
box-shadow: none;
}
.alma-choice__indicator {
width: 20px;
height: 20px;
border: 2px solid #D1D5DB;
}
.alma-choice input:checked + .alma-choice__indicator {
border-color: var(--alma-accent);
box-shadow: inset 0 0 0 4px #fff;
background: var(--alma-accent);
}  ul.woocommerce-shipping-methods {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
} ul.woocommerce-shipping-methods li {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 54px;
padding: 13px 16px;
margin: 0;
border: 2px solid #E5E7EB;
border-radius: 12px;
background: #F9FAFB;
box-sizing: border-box;
cursor: pointer;
transition: all 0.2s ease;
}
ul.woocommerce-shipping-methods li:hover {
border-color: #D1D5DB;
} ul.woocommerce-shipping-methods li:has(input[type="radio"]:checked) {
border-color: var(--alma-accent);
background: #ffffff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
} ul.woocommerce-shipping-methods li input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
} ul.woocommerce-shipping-methods li label {
display: flex !important;
align-items: center;
justify-content: space-between;
flex-grow: 1;
margin: 0 !important;
padding: 0 !important;
color: #111827;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
} ul.woocommerce-shipping-methods li .inpost_pl-shipping-method-meta-wrap {
display: flex;
align-items: center;
margin-left: 15px;
flex-shrink: 0;
}
ul.woocommerce-shipping-methods li .inpost_pl-shipping-method-meta-wrap img {
max-width: 90px;
max-height: 28px;
width: auto !important;
height: auto !important;
object-fit: contain;
}  .easypack_show_geowidget,
#easypack_show_geowidget,
#easypack_js_type_geowidget {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 48px;
margin-top: 6px !important;
padding: 0 20px !important;
background: #ffffff !important;
color: #111827 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
border: 2px solid #E5E7EB !important;
border-radius: 10px !important;
cursor: pointer !important;
box-sizing: border-box;
transition: all 0.2s ease !important;
}
.easypack_show_geowidget:hover,
#easypack_show_geowidget:hover,
#easypack_js_type_geowidget:hover {
border-color: #D1D5DB !important;
background: #F9FAFB !important;
color: var(--alma-accent) !important;
} #easypack_selected_point_data {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin-top: 5px !important;
padding: 16px 20px !important;
background: #ffffff !important;
border: 1px solid #E5E7EB !important;
border-top: 4px solid var(--alma-accent) !important;
border-radius: 10px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;
box-sizing: border-box !important;
} #easypack_selected_point_data.hidden-paczkomat-data {
display: none !important;
} #easypack_selected_point_data .easypack-visible-point-header {
display: block;
color: #6B7280 !important;
font-size: 11px !important;
font-style: normal !important;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
background: none;
} #easypack_selected_point_data .easypack-visible-point-description {
display: block;
color: #111827 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4;
} .alma-checkout-page--single .alma-payment-methods {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.alma-checkout-page--single .alma-payment-methods > li {
margin: 0;
padding: 0 !important;
border: 2px solid #E5E7EB !important;
border-radius: 10px !important;
background: #F9FAFB !important;
overflow: hidden;
} .alma-checkout-page--single .alma-payment-methods > li.wc_payment_method > input[name="payment_method"] {
position: absolute !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
pointer-events: none;
} .alma-checkout-page--single .alma-payment-methods > li.wc_payment_method > label {
display: flex !important;
align-items: center;
justify-content: space-between; width: 100% !important;
min-height: 54px;
margin: 0 !important;
padding: 13px 16px !important;
color: #111827;
font-size: 14px;
font-weight: 600;
cursor: pointer;
box-sizing: border-box;
}
.alma-checkout-page--single .alma-payment-methods > li.wc_payment_method:has(input[name="payment_method"]:checked) {
border-color: var(--alma-accent) !important;
background: #fff !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important; } .alma-checkout-page--single .alma-payment-methods > li.wc_payment_method > label img {
max-height: 28px !important;
max-width: 110px !important;
width: auto !important;
margin: 0 0 0 15px !important; object-fit: contain;
flex-shrink: 0; }
.alma-checkout-page--single .alma-payment-methods .payment_box {
margin: 0 !important;
padding: 12px 15px 15px !important;
border-top: 1px solid #E5E7EB;
background: #fff !important;
color: #6B7280;
font-size: 13px;
line-height: 1.5;
}
.alma-checkout-page--single .alma-payment-methods .payment_box::before {
display: none !important;
} .alma-checkout-submit {
margin-top: 4px;
}
.alma-terms {
margin: 0 0 14px;
padding: 16px;
border: 1px solid #E5E7EB;
border-radius: 10px;
background: #F9FAFB;
}
.alma-terms__label {
position: relative;
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) auto;
gap: 11px;
align-items: start;
margin: 0 !important;
color: #374151;
font-size: 13px;
line-height: 1.55;
cursor: pointer;
}
.alma-terms__label input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.alma-terms__box {
position: relative;
display: block;
width: 24px;
height: 24px;
border: 2px solid #C7C9CC;
border-radius: 7px;
background: #fff;
box-sizing: border-box;
transition: all .18s ease;
}
.alma-terms__label:hover .alma-terms__box {
border-color: #9CA3AF;
}
.alma-terms__label input:checked + .alma-terms__box {
border-color: var(--alma-accent);
background: var(--alma-accent);
}
.alma-terms__label input:checked + .alma-terms__box::after {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
color: #fff;
font-size: 15px;
font-weight: 800;
line-height: 1;
}
.alma-terms__label .woocommerce-terms-and-conditions-checkbox-text {
min-width: 0;
}
.alma-terms__label .required {
margin-left: 0;
font-size: 16px;
line-height: 24px;
}
.alma-terms.is-invalid {
border-color: #D92D20;
box-shadow: 0 0 0 3px rgba(217, 45, 32, .06);
} .alma-summary {
padding: 24px !important;
border: 1px solid #E5E7EB !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05) !important;
}
.alma-summary > .alma-card__title {
margin: 0 0 18px;
padding-bottom: 14px;
border-bottom: 1px solid #F3F4F6;
font-size: 18px;
color: #111827;
}
.alma-review {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.alma-order-items {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
.alma-order-item {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto;
gap: 12px;
align-items: start;
padding: 0 0 14px;
margin: 0 0 14px;
border-bottom: 1px solid #F3F4F6;
min-width: 0;
}
.alma-order-item__image {
position: relative;
width: 72px;
min-width: 72px;
}
.alma-order-item__image img {
display: block !important;
width: 72px !important;
height: 72px !important;
object-fit: cover !important;
border-radius: 10px !important;
margin: 0 !important;
}
.alma-order-item__badge {
position: absolute;
top: -6px;
right: -6px;
display: flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 5px;
border: 2px solid #fff;
border-radius: 999px;
background: #111827;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 1;
box-sizing: border-box;
}
.alma-order-item__info {
min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;
}
.alma-order-item__name {
color: #111827;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
overflow-wrap: anywhere;
}
.alma-order-item__name a {
color: inherit;
text-decoration: none;
}
.alma-order-item__qty {
color: #6B7280;
font-size: 12px;
line-height: 1.4;
}
.alma-order-item__qty strong {
color: #374151;
}
.alma-order-item__meta {
margin-top: 5px !important;
min-width: 0;
}
.alma-order-item__meta dl.variation,
.alma-order-item__meta .wc-item-meta {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
width: 100% !important;
margin: 0 !important;
padding: 7px 9px !important;
border: 1px solid #F3F4F6 !important;
border-radius: 7px !important;
background: #F9FAFB !important;
box-sizing: border-box;
}
.alma-order-item__meta dt {
margin: 0 !important;
color: #111827 !important;
font-size: 10px !important;
line-height: 1.3;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: .35px;
}
.alma-order-item__meta dd {
margin: 0 !important;
color: #4B5563 !important;
font-size: 11px !important;
line-height: 1.4;
font-weight: 400 !important;
}
.alma-order-item__total {
white-space: nowrap;
padding-top: 1px;
color: #111827;
font-size: 14px;
font-weight: 700;
text-align: right;
}
.alma-order-item__total .amount,
.alma-order-item__total bdi {
color: inherit;
font-weight: inherit;
}
.alma-totals-card {
display: flex;
flex-direction: column;
gap: 11px;
margin: 0;
padding: 16px 0 0;
border-top: 1px solid #E5E7EB;
}
.alma-totals-row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
margin: 0;
}
.alma-totals-label {
color: #4B5563;
font-size: 13px;
line-height: 1.4;
}
.alma-totals-value {
color: #111827;
font-size: 13px;
line-height: 1.4;
font-weight: 600;
text-align: right;
}
.alma-total-row {
margin-top: 5px;
padding-top: 14px;
border-top: 2px solid #E5E7EB;
}
.alma-total-row .alma-totals-label {
color: #111827;
font-size: 15px;
font-weight: 700;
}
.alma-total-row .alma-totals-value {
color: var(--season-text, #059669);
font-size: 18px;
font-weight: 700;
}
.alma-totals-row--coupon .alma-totals-value,
.alma-totals-row--coupon .amount {
color: var(--season-text, #059669);
} .alma-coupon {
margin-top: 18px !important;
padding-top: 18px !important;
border-top: 1px solid #E5E7EB !important;
}
.alma-coupon__title {
margin-bottom: 9px;
color: #111827;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
.alma-coupon__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
width: 100%;
}
.alma-coupon__input {
width: 100% !important;
min-width: 0;
height: 42px !important;
min-height: 42px !important;
padding: 0 14px !important;
border: 1px solid #D1D5DB !important;
border-radius: 8px !important;
outline: none !important;
background: #fff !important;
color: #111827 !important;
box-sizing: border-box !important;
font-size: 14px !important;
}
.alma-coupon__input:focus {
border-color: #9CA3AF !important;
box-shadow: 0 0 0 3px rgba(17, 24, 39, .05) !important;
}
.alma-coupon__apply {
height: 42px !important;
min-height: 42px !important;
padding: 0 17px !important;
border: 1px solid #E5E7EB !important;
border-radius: 8px !important;
background: #F3F4F6 !important;
color: #111827 !important;
font-size: 13px !important;
font-weight: 700 !important;
cursor: pointer !important;
transition: background .2s ease, border-color .2s ease !important;
}
.alma-coupon__apply:hover {
background: #E5E7EB !important;
border-color: #D1D5DB !important;
}
.alma-coupon__message {
margin-top: 8px;
color: #4B5563;
font-size: 12px;
line-height: 1.4;
}
.alma-coupon__message .woocommerce-error,
.alma-coupon__message .woocommerce-message,
.alma-coupon__message .woocommerce-info {
margin: 0 !important;
padding: 9px 11px !important;
border-radius: 8px !important;
font-size: 12px;
} .alma-place-order {
display: block !important;
width: 100% !important;
min-height: 54px !important;
padding: 14px 20px !important;
border: 0 !important;
border-radius: 8px !important;
background: var(--season-text, #111827) !important;
color: #fff !important;
box-shadow: none !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: .01em;
text-transform: uppercase;
cursor: pointer;
}
.alma-place-order:hover {
filter: brightness(.94);
}
.alma-place-order:disabled,
.alma-place-order[disabled] {
opacity: .55;
cursor: not-allowed;
} .alma-field-error {
margin-top: 5px;
color: #B42318;
font-size: 11px;
line-height: 1.4;
}
.alma-checkout-page--single .woocommerce-invalid input,
.alma-checkout-page--single .woocommerce-invalid select,
.alma-checkout-page--single .woocommerce-invalid textarea,
.alma-checkout-page--single .woocommerce-invalid .select2-selection {
border-color: #D92D20 !important;
} @media (max-width: 980px) {
.alma-checkout-page--single {
margin: 26px auto;
}
.alma-checkout-page--single .alma-checkout-layout {
grid-template-columns: 1fr;
gap: 24px;
}
.alma-checkout-page--single .alma-checkout-sidebar {
position: static;
order: 2;
}
}
@media (max-width: 640px) {
.alma-checkout-page--single {
margin: 18px auto;
padding: 0 12px;
}
.alma-checkout-page--single .alma-section,
.alma-summary {
padding: 18px !important;
border-radius: 10px !important;
}
.alma-checkout-page--single .alma-section__fields {
grid-template-columns: 1fr;
column-gap: 0;
}
.alma-checkout-page--single .alma-section__fields .form-row,
.alma-checkout-page--single .alma-section__fields .form-row-wide,
.alma-checkout-page--single .alma-section__fields .form-row.address-field,
.alma-checkout-page--single .alma-section__fields #billing_address_1_field,
.alma-checkout-page--single .alma-section__fields #billing_address_2_field,
.alma-checkout-page--single .alma-section__fields #shipping_address_1_field,
.alma-checkout-page--single .alma-section__fields #shipping_address_2_field,
.alma-checkout-page--single .alma-section__fields #billing_country_field,
.alma-checkout-page--single .alma-section__fields #shipping_country_field,
.alma-checkout-page--single .alma-section__fields #billing_state_field,
.alma-checkout-page--single .alma-section__fields #shipping_state_field,
.alma-section--contact .alma-section__fields .form-row {
grid-column: 1 / -1 !important;
}
.alma-order-item {
grid-template-columns: 64px minmax(0, 1fr);
gap: 10px;
}
.alma-order-item__image,
.alma-order-item__image img {
width: 64px !important;
min-width: 64px;
height: 64px !important;
}
.alma-order-item__total {
grid-column: 2;
padding-top: 2px;
text-align: left;
}
.alma-coupon__row {
grid-template-columns: 1fr;
}
.alma-coupon__apply {
width: 100%;
}
} .easypack_show_geowidget {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin-top: 8px !important;
padding: 9px 16px !important;
background-color: #111111 !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
border: 1px solid #111111 !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.easypack_show_geowidget:hover {
background-color: #333333 !important;
border-color: #333333 !important;
color: #ffffff !important;
} .alma-order-items {
display: flex;
flex-direction: column;
gap: 0;
margin: 0; max-height: 340px; overflow-y: auto;
padding-right: 12px;  scrollbar-width: thin;
scrollbar-color: #D1D5DB transparent;
} .alma-order-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
} .alma-order-items::-webkit-scrollbar {
width: 5px;
}
.alma-order-items::-webkit-scrollbar-track {
background: transparent;
}
.alma-order-items::-webkit-scrollbar-thumb {
background-color: #D1D5DB;
border-radius: 10px;
}
.alma-order-items::-webkit-scrollbar-thumb:hover {
background-color: #9CA3AF;
}
@media (max-width: 980px) {
.alma-checkout-page--single {
margin: 26px auto;
}
.alma-checkout-page--single .alma-checkout-layout { grid-template-columns: minmax(0, 1fr); 
gap: 20px;
}
.alma-checkout-page--single .alma-checkout-main {
display: contents;
} .alma-checkout-page--single .alma-section,
.alma-checkout-page--single .alma-checkout-submit {
min-width: 0 !important;
width: 100% !important;
max-width: 100vw !important;
box-sizing: border-box !important;
}
.alma-checkout-page--single .alma-checkout-sidebar {
position: static;
order: 2; 
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box;
}
.alma-checkout-page--single .alma-checkout-submit {
order: 3;
margin-top: 10px;
}
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: none !important;
}  .alma-checkout-page--single .payment_box.payment_method_payulistbanks p,
.alma-checkout-page--single .payment_box.payment_method_payucreditcard p,
.alma-checkout-page--single .payment_box.payment_method_payublik p {
margin: 0 0 12px 0 !important;
font-size: 13px;
color: #4B5563;
} .pbl-container .payu-list-banks {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: 10px;
margin: 0 0 15px 0 !important;
padding: 0 !important;
list-style: none !important;
} .payu-list-banks .payu-bank {
margin: 0 !important;
padding: 0 !important;
} .payu-list-banks .payu-bank input[type="radio"] {
position: absolute !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
} .payu-list-banks .payu-bank label {
display: flex !important;
align-items: center;
justify-content: center;
height: 56px;
padding: 8px;
margin: 0 !important;
border: 2px solid #E5E7EB !important;
border-radius: 10px !important;
background: #ffffff !important;
cursor: pointer;
box-sizing: border-box;
transition: all 0.2s ease !important;
}
.payu-list-banks .payu-bank label:hover {
border-color: #D1D5DB !important;
} .payu-list-banks .payu-bank:has(input[type="radio"]:checked) label {
border-color: var(--alma-accent) !important;
background: #F9FAFB !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04) !important;
} .payu-list-banks .payu-bank img {
max-width: 100% !important;
max-height: 32px !important;
width: auto !important;
height: auto !important;
object-fit: contain;
margin: 0 auto !important;
display: block;
} .pbl-container .pbl-error.woocommerce-error {
background: #FEF2F2 !important;
border: 1px solid #FCA5A5 !important;
border-left: 4px solid #B42318 !important;
color: #B42318 !important;
font-size: 13px !important;
padding: 12px 16px !important;
border-radius: 8px !important;
margin-bottom: 15px !important;
list-style: none !important;
} .payu-accept-conditions {
margin-top: 15px;
padding: 14px 16px;
background: #F9FAFB;
border: 1px solid #E5E7EB;
border-radius: 10px;
font-size: 11px;
line-height: 1.5;
color: #6B7280;
}
.payu-conditions-description > div {
margin-bottom: 8px;
}
.payu-conditions-description > div:last-child {
margin-bottom: 0;
} .payu-accept-conditions a,
.payu-accept-conditions .payu-read-more {
color: #374151;
font-weight: 600;
text-decoration: underline;
cursor: pointer;
transition: color 0.2s ease;
}
.payu-accept-conditions a:hover,
.payu-accept-conditions .payu-read-more:hover {
color: var(--alma-accent);
} @media (max-width: 480px) {
.pbl-container .payu-list-banks {
grid-template-columns: repeat(auto-fill, 1fr); gap: 8px;
}
.payu-list-banks .payu-bank label {
height: 50px;
padding: 5px;
border-radius: 8px !important;
}
.payu-list-banks .payu-bank img {
max-height: 26px !important;
}
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
padding: 0 !important;
} .almahome-shipping-container {
margin-bottom: 24px;
width: 100%;
} .alma-shipping-box {
background: #ffffff;
border: 1px solid #E5E7EB;
border-radius: 12px;
padding: 16px 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
display: flex;
flex-direction: column;
gap: 12px;
transition: all 0.3s ease;
} .alma-shipping-text {
font-size: 13px;
color: #4B5563; font-weight: 500;
text-align: center;
line-height: 1.4;
}
.alma-shipping-text strong {
color: #111827; font-weight: 700;
} .alma-progress-wrapper {
width: 100%;
height: 6px; background-color: #F3F4F6;
border-radius: 9999px;
overflow: hidden;
position: relative;
} .alma-progress-bar {
height: 100%;
background-color: #111827; border-radius: 9999px;
transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
} .alma-shipping-box.success {
background-color: #F0FDF4; border-color: #A7F3D0;
}
.alma-shipping-box.success .alma-shipping-text {
color: #065F46; }
.alma-shipping-box.success .alma-shipping-text strong {
color: #064E3B; 
}
.alma-shipping-box.success .alma-progress-wrapper {
background-color: #D1FAE5; }
.alma-shipping-box.success .alma-progress-bar {
background-color: #059669; }