/* ~~~~~~~~~~ Checkout in the client mockup (10/2026), loaded only on checkout (inc/mobilka-sales.php) ~~~~~~~~~~ */
/* Phones: your order -> payment method -> express payment -> your details -> delivery address -> total ->
   consent -> "Buy · total" -> contacts. Desktop: the same in the left column, order + total + button on the right.
   Markup: woocommerce/checkout/*.php,
   woocommerce-germanized/checkout/order-submit.php, inc/mobilka-payments.php. */

.mobilka-checkout {
    --co-text: #14213d;
    --co-muted: #6b7588;
    --co-line: #dfe4ec;
    --co-soft: #f3f6f9;
    --co-blue: #0a7fb0;
    --co-red: #d20e0e;
    color: var(--co-text);
}


/* Page: the blue band with the white title and the form card over its edge, like the other pages (css/design/site.css) */

.mobilka-checkout h3,
.mobilka-checkout #order_payment_heading {
    margin: 1.75rem 0 .75rem !important;
    color: var(--co-text);
    font-size: 1.25rem !important;
    font-weight: 900;
}


/* ~~~~~~~~~~ "Your order": picture, name, quantity, price; "Change" goes to the cart ~~~~~~~~~~ */

.mobilka-checkout-summary {
    padding: 1rem;
    border: 1px solid var(--co-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 33, 61, .04), 0 6px 18px rgba(20, 33, 61, .06);
}

.mobilka-checkout-summary__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.mobilka-checkout-summary__label {
    margin: 0 !important;
    color: var(--co-text);
    font-size: 1.125rem !important;
    font-weight: 900;
    line-height: 1.3;
}

.mobilka-checkout-items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobilka-checkout-item {
    display: grid;
    grid-template-columns: 4.5rem 1fr auto;
    align-items: center;
    gap: .875rem;
    margin: 0;
    padding: 0;
}

.mobilka-checkout-item__image img {
    display: block;
    width: 4.5rem !important;
    height: 4.5rem !important;
    object-fit: contain;
    border-radius: .5rem;
    background: var(--co-soft);
}

.mobilka-checkout-item__body {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.mobilka-checkout-item__name {
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.3;
}

.mobilka-checkout-item__qty {
    color: var(--co-muted);
    font-size: .8125rem;
}

.mobilka-checkout-item__qty strong {
    color: var(--co-text);
}

.mobilka-checkout-item__price {
    font-size: 1.125rem;
    font-weight: 900;
    white-space: nowrap;
}

/* the totals table: only on desktop, and without the item rows (they are in the list above) */
.mobilka-checkout-summary__body {
    display: none;
}

.mobilka-checkout-summary__body table.woocommerce-checkout-review-order-table tbody {
    display: none;
}

@media (min-width: 992px) {
    .mobilka-checkout-summary {
        padding: 1.25rem;
    }

    .mobilka-checkout-summary__body {
        display: block;
        margin-top: 1rem;
        padding-top: .5rem;
        border-top: 1px solid var(--co-line);
    }

    .mobilka-checkout-summary__body table.woocommerce-checkout-review-order-table tfoot tr:first-child th,
    .mobilka-checkout-summary__body table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
        border-top: 0 !important;
    }

    .mobilka-checkout-summary__actions {
        margin-top: .5rem;
        padding: 0 !important;
        border-top: 0 !important;
    }
}


/* ~~~~~~~~~~ Payment methods: icon, name, chevron; brand blue for the chosen one ~~~~~~~~~~ */

.mobilka-checkout #payment ul.payment_methods li > label {
    min-height: 3.5rem;
    padding-right: 2.5rem !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .875rem center / 1.125rem;
    font-size: .9375rem !important;
}

.mobilka-checkout #payment ul.payment_methods li > input:checked + label {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230a7fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mobilka-checkout #payment ul.payment_methods li:has(input:checked) {
    background: #f2f8fc;
}

/* own icons for Vorkasse and card (the plugin's small card icon is replaced) */
.mobilka-checkout #payment ul.payment_methods li.payment_method_bacs > label,
.mobilka-checkout #payment ul.payment_methods li.payment_method_stripe > label {
    padding-left: 4.75rem !important;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_bacs > label {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2314213d'%3E%3Cpath d='M12 2 2 7v2h20V7L12 2zM4 11v7h3v-7H4zm6.5 0v7h3v-7h-3zM17 11v7h3v-7h-3zM2 20v2h20v-2H2z'/%3E%3C/svg%3E") no-repeat 2.625rem center / 1.5rem,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .875rem center / 1.125rem;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_stripe > label {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d'%3E%3Crect x='2' y='5' width='20' height='14' rx='2' stroke-width='1.8'/%3E%3Cpath d='M2 10h20' stroke-width='2.6'/%3E%3Cpath d='M6 15h5' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 2.625rem center / 1.5rem,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .875rem center / 1.125rem;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_bacs > input:checked + label {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2314213d'%3E%3Cpath d='M12 2 2 7v2h20V7L12 2zM4 11v7h3v-7H4zm6.5 0v7h3v-7h-3zM17 11v7h3v-7h-3zM2 20v2h20v-2H2z'/%3E%3C/svg%3E") no-repeat 2.625rem center / 1.5rem,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230a7fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .875rem center / 1.125rem;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_stripe > input:checked + label {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d'%3E%3Crect x='2' y='5' width='20' height='14' rx='2' stroke-width='1.8'/%3E%3Cpath d='M2 10h20' stroke-width='2.6'/%3E%3Cpath d='M6 15h5' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 2.625rem center / 1.5rem,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230a7fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .875rem center / 1.125rem;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_stripe > label img,
.mobilka-checkout #payment ul.payment_methods li.payment_method_stripe > label svg {
    display: none !important;
}

/* PayPal: the logo says it, the word "PayPal" before it is not needed */
.mobilka-checkout #payment ul.payment_methods li.payment_method_paypal > label {
    font-size: 0 !important;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_paypal > label img {
    max-height: 1.625rem;
}

.mobilka-checkout #payment ul.payment_methods li.payment_method_paypal > label a {
    display: none; /* "What is PayPal?" */
}


/* ~~~~~~~~~~ Express payment: own section after the payment methods ~~~~~~~~~~ */

.mobilka-express {
    margin: 0;
}

.mobilka-express__title[style*="none"] {
    display: none !important;
}

.mobilka-express__wrap {
    position: relative;
}

/* until the legal checkbox is ticked: takes the tap and leads to the checkbox (js/mobilka-sales.js) */
.mobilka-express__lock {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.mobilka-express.is-locked .mobilka-express__lock {
    display: block;
}

.mobilka-express:has(#wc-stripe-express-checkout-element[style*="none"]) .mobilka-express__lock {
    display: none;
}

.mobilka-express__hint {
    display: none;
    margin: .5rem 0 0 !important;
    padding: .5rem .75rem;
    border-radius: .5rem;
    background: #fff4e5;
    color: #7a4b00;
    font-size: .8125rem;
    line-height: 1.4;
}

.mobilka-express.is-locked.is-asked .mobilka-express__hint {
    display: block;
}

#wc-stripe-express-checkout-element.mobilka-express__buttons:not([style*="none"]) {
    gap: .75rem;
}


/* ~~~~~~~~~~ Your details / delivery address: fields with placeholders instead of labels ~~~~~~~~~~ */

/* labels stay for screen readers; the placeholder carries the name and "*" (inc/mobilka-sales.php) */
.mobilka-checkout-details .woocommerce-billing-fields .form-row:not(.form-row-checkbox) > label,
.mobilka-checkout-details .woocommerce-shipping-fields .form-row:not(.form-row-checkbox) > label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.mobilka-checkout-details .form-row input.input-text {
    height: 3rem;
    border-color: var(--co-line) !important;
    border-radius: .625rem !important;
    background-color: #fff;
}

.mobilka-checkout-details .form-row input.input-text::placeholder {
    color: #7d8799;
}

.mobilka-checkout-details .form-row input.input-text:focus {
    border-color: var(--co-blue) !important;
    box-shadow: 0 0 0 3px rgba(10, 127, 176, .18);
}

#billing_first_name,
#billing_email,
#billing_phone {
    padding-left: 2.75rem !important;
    background-repeat: no-repeat;
    background-position: .875rem center;
    background-size: 1.25rem;
}

#billing_first_name {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a94a6'%3E%3Cpath d='M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");
}

#billing_email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a94a6'%3E%3Cpath d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 2v.4l8 5 8-5V7H4zm16 2.8-7.5 4.7a1 1 0 0 1-1 0L4 9.8V17h16V9.8z'/%3E%3C/svg%3E");
}

#billing_phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a94a6'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
}

/* validation messages under the field (labels are hidden, so the message names the field) */
.mobilka-checkout-details .checkout-inline-error-message {
    margin: .25rem 0 0;
    color: var(--co-red);
    font-size: .8125rem;
}

.mobilka-checkout-details .woocommerce-billing-fields h3 {
    margin-top: 1.75rem !important;
}

/* optional delivery address: "+ Delivery address" with a chevron, the fields below when opened */
.mobilka-checkout-address-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 1rem 0 0;
    padding: .75rem 0;
    border: 0;
    border-top: 1px solid var(--co-line);
    border-bottom: 1px solid var(--co-line);
    background: none;
    color: var(--co-blue);
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.mobilka-checkout-address-toggle::after {
    content: "";
    flex: none;
    width: .5rem;
    height: .5rem;
    margin-right: .375rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-.15rem) rotate(45deg);
    transition: transform .15s ease;
}

.mobilka-checkout-address-toggle[aria-expanded="true"]::after {
    transform: translateY(.1rem) rotate(-135deg);
}

.mobilka-checkout-fields--address {
    padding-top: .75rem;
}

.mobilka-checkout-fields--address[hidden] {
    display: none !important;
}


/* ~~~~~~~~~~ Total, consent, "Buy · 9,95 €", contacts ~~~~~~~~~~ */

/* No order table before the button (the total is in the button): one line with the items, VAT and shipping
   right above it (inc/mobilka-sales.php, mobilka_checkout_buy_line). Desktop: the summary column shows all that. */
.mobilka-checkout #order_review > table.woocommerce-checkout-review-order-table {
    display: none !important;
}

.mobilka-checkout-buyline {
    margin: .75rem 0 0 !important;
    color: var(--co-muted);
    font-size: .75rem;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .mobilka-checkout-buyline {
        display: none;
    }
}

/* consent: the full list of documents, but smaller and quieter */
.mobilka-checkout .form-row.checkbox-legal label.woocommerce-form__label-for-checkbox > span:not(.required) {
    color: #4a5568;
    font-size: .75rem !important;
    line-height: 1.5 !important;
}

.mobilka-checkout .form-row.checkbox-legal a {
    color: var(--co-blue) !important;
}

.mobilka-checkout .wc-gzd-checkbox-placeholder-legal {
    margin: 0 -.5rem;
    padding: 0 .5rem;
    border-radius: .5rem;
    scroll-margin-top: calc(var(--mobilka-header-offset, 5rem) + .5rem);
}

.mobilka-checkout .form-row.checkbox-legal {
    padding: .25rem 0 !important;
}

/* tapped Apple Pay / Google Pay without consent */
.mobilka-checkout .wc-gzd-checkbox-placeholder-legal.is-attention {
    animation: mobilka-attention 1.6s ease-out;
    background: #fff4e5;
}

.mobilka-checkout .wc-gzd-checkbox-placeholder-legal.is-attention label.woocommerce-form__label-for-checkbox > span:not(.required)::before {
    border-color: #e07b00 !important;
    box-shadow: 0 0 0 3px rgba(224, 123, 0, .25);
}

@keyframes mobilka-attention {
    0%, 30% { box-shadow: 0 0 0 3px rgba(224, 123, 0, .55); }
    100% { box-shadow: 0 0 0 3px rgba(224, 123, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .mobilka-checkout .wc-gzd-checkbox-placeholder-legal.is-attention {
        animation: none;
    }
}

/* "Buy · 9,95 €": the total comes from data-mobilka-total (WooCommerce rewrites the text per payment method) */
.mobilka-checkout .wc-gzd-order-submit #place_order.crunch-button {
    min-height: 3.25rem !important;
    border-radius: .75rem !important;
    font-size: 1.125rem !important;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none !important;
}

.mobilka-checkout .wc-gzd-order-submit #place_order[data-mobilka-total]:not([data-mobilka-total=""])::after {
    content: " · " attr(data-mobilka-total) !important;
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* contacts under the button */
.mobilka-checkout-contacts {
    margin-top: 1rem;
    padding-top: .875rem;
    border-top: 1px solid var(--co-line);
}

.mobilka-checkout-contacts__title {
    margin: 0 0 .5rem !important;
    color: var(--co-muted);
    font-size: .8125rem;
    text-align: center;
}

.mobilka-checkout-contacts__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .25rem .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobilka-checkout-contacts__list li {
    margin: 0;
    padding: 0;
}

.mobilka-checkout-contacts__link {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    min-height: 2.75rem; /* touch target */
    color: var(--co-text) !important;
    font-size: .8125rem;
    font-weight: 700;
    text-decoration: none !important;
}

.mobilka-checkout-contacts__link:hover {
    color: var(--co-blue) !important;
}

.mobilka-checkout-contacts__link::before {
    content: "";
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    background: no-repeat center / contain;
}

.mobilka-checkout-contacts__link--whatsapp::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325d366'/%3E%3Cpath transform='translate(5 5) scale(.583)' fill='%23fff' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 11.9 11.9 0 0 0 4.6 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .1-1.3c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E");
}

.mobilka-checkout-contacts__link--phone::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23d20e0e'/%3E%3Cpath transform='translate(5.5 5.5) scale(.54)' fill='%23fff' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
}

.mobilka-checkout-contacts__link--email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%230a7fb0'/%3E%3Cpath transform='translate(5.5 5.5) scale(.54)' fill='%23fff' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 2v.4l8 5 8-5V7H4zm16 2.8-7.5 4.7a1 1 0 0 1-1 0L4 9.8V17h16V9.8z'/%3E%3C/svg%3E");
}

/* phones: the four contacts in one row */
@media (max-width: 575.98px) {
    .mobilka-checkout-contacts__list {
        flex-wrap: nowrap;
        gap: .5rem;
    }

    .mobilka-checkout-contacts__link {
        gap: .3rem;
        font-size: .75rem;
    }

    .mobilka-checkout-contacts__link::before {
        width: 1.375rem;
        height: 1.375rem;
    }
}


/* ~~~~~~~~~~ "Your order": −/+ and "Remove" per item, "+ add more" (inc/mobilka-sales.php, client 16.10.2026) ~~~~~~~~~~ */

.mobilka-checkout-items.is-busy {
    opacity: .55;
    pointer-events: none;
    transition: opacity .15s ease;
}

.mobilka-checkout-item__qty {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .125rem;
}

.mobilka-checkout-item__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--co-line);
    border-radius: 50%;
    background: #fff;
    color: var(--co-text);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.mobilka-checkout-item__step:hover:not(:disabled),
.mobilka-checkout-item__step:focus-visible {
    border-color: var(--co-blue);
    color: var(--co-blue);
}

.mobilka-checkout-item__step:disabled {
    opacity: .35;
    cursor: default;
}

.mobilka-checkout-item__count {
    min-width: 1.25rem;
    color: var(--co-text);
    font-size: .9375rem;
    text-align: center;
}

.mobilka-checkout-item__end {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .375rem;
}

.mobilka-checkout-item__remove {
    padding: 0;
    border: 0;
    background: none;
    color: var(--co-muted);
    font-size: .8125rem;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.mobilka-checkout-item__remove:hover,
.mobilka-checkout-item__remove:focus-visible {
    color: #d20e0e;
}

.mobilka-checkout-more {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .875rem;
    padding-top: .875rem;
    border-top: 1px dashed var(--co-line);
}

.mobilka-checkout-more[hidden] {
    display: none;
}

.mobilka-checkout-more__label {
    margin-right: .25rem;
    color: var(--co-muted);
    font-size: .875rem;
}

.mobilka-checkout-more__link {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: .25rem .875rem;
    border: 1.5px solid var(--co-blue);
    border-radius: 999px;
    color: var(--co-blue) !important;
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.mobilka-checkout-more__link:hover,
.mobilka-checkout-more__link:focus {
    background: var(--co-blue);
    color: #fff !important;
}