:root {
        --button-radius: 4px;
        --element-bg: #eeeeee;
        --element-color-rgb: 238, 238, 238;
        --analytics-active-bg: #454545;
        --analytics-active-text: #eeeeee;
        --banner-bg: #eeeeee;
        --admin-panel-bg: #0f0f0f;
        --admin-banner-text: #ffffff;
        --admin-banner-link-bg: #0f0f0f;
        --admin-banner-link-text: #ffffff;
        --element-text: #454545;
        --element-panel-bg: #f4f4f4;
        --element-panel-hover: #fafafa;
        --element-order-item-bg: #f1f1f1;
        --input-bg: #ffffff;
        --input-text: #111111;
        --input-placeholder: rgba(17,17,17,0.58);
        --tab-inactive-bg: #e4e4e4;
        --element-border: #d1d1d1;
        --order-card-shadow: 3px 3px 2px rgba(0,0,0,0.18);
        --page-bg: #e8e8e8;
        --page-text: #454545;
        --page-text-active-bg: #454545;
        --page-text-active-text: #ffffff;
        --admin-theme-bg: #2b2b2b;
        --admin-theme-text: #ffffff;
        --admin-theme-bg-dark: #262626;
        --admin-theme-icon-filter: brightness(0) invert(1);
        --admin-me-mask-url: url('/shared-img/me.svg?v=1780009657');
        --floating-contact-icon-url: url('/shared-img/support.svg?v=1780833553');
        --outline-primary-hover-text: #ffffff;
        --outline-secondary-hover-text: #ffffff;
        --element-contrast-text: #111111;
        --element-icon-filter: brightness(0);
        --element-contrast-icon-filter: brightness(0);
        --empty-cart-icon-filter: brightness(0);
        --banner-btn-bg: #2b2b2b;
        --banner-btn-bg-dark: #262626;
        --banner-btn-text: #ffffff;
        --banner-btn-icon-filter: brightness(0) invert(1);
        --banner-shadow-opacity: 0.16;
        --button-secondary-bg: #7f583d;
        --button-secondary-text: #ffffff;
        --button-secondary-bg-dark: #724f36;
        --button-danger-bg: #af4c4c;
        --button-danger-text: #ffffff;
        --button-danger-bg-dark: #9d4444;

        --gallery-card-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);

        --gallery-card-shadow-hover: 0 0 22px rgba(0, 0, 0, 0.55);

        --gallery-card-preview-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);

        --ketty-product-frame-effect: 0 12px 34px rgba(0, 0, 0, 0.28);
        --customer-panel-effect: 0 8px 22px rgba(0, 0, 0, 0.12);
        --customer-panel-border: rgba(0, 0, 0, 0.08);

        --gallery-scroll-btn-bg: #ffffff;
        --gallery-scroll-btn-icon-filter: brightness(0);
        --gallery-scroll-btn-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);

        --gallery-badge-bg: #e4e4e4;

        --badge-bg: #454545;
        --badge-text: #ffffff;
    }
    html { background-color: #e8e8e8;}
    .main-content { background-color: #e8e8e8;}
    body { background-color: #e8e8e8;}
    .banner { background-color: var(--banner-bg); }
    .admin-banner {
        background: var(--admin-panel-bg) !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        color: var(--admin-banner-text) !important;
        font-weight: 400;
        padding: 5px 14px !important;
        line-height: 1.15 !important;
        letter-spacing: 0.01em;
    }

    .admin-banner a {
        background: rgba(255,255,255,0.12) !important;
        background-color: transparent !important;
        color: var(--admin-banner-text) !important;
        min-height: 20px !important;
        padding: 2px 11px !important;
        border: 1px solid rgba(255,255,255,0.32) !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.78rem !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: background 0.15s, border-color 0.15s !important;
    }

    .admin-banner a:hover,
    .admin-banner a:focus-visible {
        background: rgba(255,255,255,0.22) !important;
        background-color: transparent !important;
        border-color: rgba(255,255,255,0.55) !important;
        box-shadow: none !important;
    }

    .admin-banner-label strong {
        color: var(--admin-banner-text) !important;
        font-weight: 600 !important;
    }

    .tabs .tab-content,
    .analytics-page,
    #tab-installningar,
    #tab-installningar .settings-subpanel,
    #tab-installningar .theme-radius-panel,
    #tab-installningar .gallery-card-preview-shell,
    #tab-installningar .settings-color-panel,
    #tab-installningar .shop-settings-panel,
    #tab-installningar .font-setting,
    #tab-installningar .form-row-upload,
    .tabs .tab-content > form,
    .tabs .tab-content .form-row-upload,
    .tabs .tab-content .upload-preview-shell,
    .tabs .tab-content .tag-checkbox-list,
    .tabs .tab-content .tag-modal-box,
    .inspect-container .tag-modal-box,
    #editImageForm .tag-modal-box,
    #step1,
    #tab-texter .text-settings-panel,
    #tab-epost .email-settings-card,
    .payment-settings-page,
    .order-history-page,
    .tag-admin-row,
    .container {
        background: var(--element-bg);
        color: var(--element-text);
    }

    .tabs .tab-content h1,
    .tabs .tab-content h2,
    .tabs .tab-content h3,
    .tabs .tab-content label,
    .tabs .tab-content p,
    .tabs .tab-content span,
    .tabs .tab-content legend,
    #tab-installningar .settings-section-title,
    .payment-settings-page h1,
    .payment-settings-page h2,
    .payment-settings-page h3,
    .payment-settings-page p,
    .payment-settings-page label,
    .order-history-page h1,
    .order-history-page h2,
    .order-history-page h3,
    .order-history-page p,
    .order-history-page label,
    .tag-admin-row label,
    .container h1,
    .container h2,
    .container h3,
    .container p,
    .container label {
        color: var(--element-text);
    }

        #tab-epost h1,
    #tab-epost h2,
    #tab-epost h3,
    #tab-epost h4,
    #tab-epost label:not(.email-preview-body label),
    #tab-epost legend,
    #tab-epost .email-template-language h4 {
        color: var(--element-text);
    }

    #tab-epost .email-settings-card,
    #tab-epost .email-template-language {
        background: var(--element-bg);
        color: var(--element-text);
    }

    .tabs .tab-content :where(h1, h2, h3, h4, p, label, legend, small, strong, td, th, li),
    .payment-settings-page :where(h1, h2, h3, h4, p, label, legend, small, strong, td, th, li),
    .order-history-page :where(h1, h2, h3, h4, p, label, legend, small, strong, td, th, li),
    .container :where(h1, h2, h3, h4, p, label, legend, small, strong, td, th, li),
    .tag-admin-row :where(label, span, strong, small) {
        color: var(--element-text);
    }

    #tab-installningar .button-radius-setting,
    #tab-installningar .layout-radius-setting,
    #tab-installningar .gallery-card-style-setting,
    #tab-installningar .gallery-card-font-setting,
    #tab-installningar .gallery-card-radius-setting,
    .tabs .tab-content .tag-checkbox,
    .tag-checkbox {
        background: var(--element-panel-bg);
        color: var(--element-text);
        border-color: rgba(255,255,255,0.32);
    }

    .container,
    .cart-page,
    .checkout-page,
    .checkout-section,
    .checkout-summary,
    .customer-view,
    .order-history-page,
    .order-history-empty,
    .gallery-card-style-original .nf-card,
    .gallery-card-style-original .nf-thumb,
    .success-page,
    .error-container,
    .login-container,
    .tag-admin-panel,
    .size-options {
        background: var(--element-bg);
        color: var(--element-text);
    }

    .container h1,
    .container h2,
    .container h3,
    .container p,
    .container label,
    .cart-page h1,
    .cart-page p,
    .cart-page th,
    .cart-page td,
    .cart-summary,
    .cart-shipping,
    .checkout-page h1,
    .checkout-section-title,
    .checkout-section h1,
    .checkout-item-summary,
    .checkout-item-summary-name,
    .checkout-item-summary-size,
    .checkout-item-summary-qty,
    .checkout-item-summary-price,
    .checkout-section h2,
    .checkout-fields label,
    .checkout-fields span,
    .checkout-summary,
    .checkout-note,
    .customer-view,
    .customer-view label,
    .customer-view legend,
    .customer-view .price-label,
    .customer-view .sold-info,
    .order-history-page,
    .order-history-page h1,
    .order-history-page h2,
    .order-history-page h3,
    .order-history-page p,
    .order-history-page label,
    .gallery-card-style-original .nf-title,
    .gallery-card-style-original .nf-title h3,
    .gallery-card-style-original .nf-bottom,
    .gallery-card-style-original .nf-bottom-price,
    .gallery-card-style-original .nf-sold,
    .success-page,
    .success-page p,
    .error-container,
    .error-container p,
    .login-container,
    .tag-admin-panel,
    .size-price,
    .cart_empty {
        color: var(--element-text);
    }

    .gallery-card-style-original .nf-title,
    .gallery-card-style-original .nf-title h3,
    .gallery-card-style-original .nf-bottom,
    .gallery-card-style-original .nf-bottom-price,
    .gallery-card-style-original .nf-sold,
    .gallery-card-style-original .nf-bottom-price .nf-price,
    .gallery-card-style-original .nf-bottom .nf-price {
        color: var(--page-text);
    }

    .gallery-card-style-original .nf-card {
        box-shadow: var(--gallery-card-shadow);
    }

    .gallery-card-style-original .nf-views-badge {
        background: rgba(var(--element-color-rgb), 0.78);
        color: var(--element-text);
    }

    .gallery-card-style-original .nf-views-badge img {
        filter: var(--element-icon-filter);
    }

    .gallery-card-style-original .nf-like-toggle {
        color: var(--element-text);
    }

    .gallery-card-style-original .nf-like-toggle:not(.is-liked) .nf-like-icon {
        filter: var(--element-icon-filter);
    }

    .gallery-card-style-bildfokus .nf-bottom,
    .gallery-card-style-bildfokus .nf-bottom-price,
    .gallery-card-style-bildfokus .nf-bottom-sold-only {
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: #111;
    }

    .gallery-card-style-bildfokus .nf-bottom:not(.nf-bottom-sold-only) {
        border-radius: 14px;
    }

    .gallery-card-style-bildfokus .nf-bottom .nf-sold,
    .gallery-card-style-bildfokus .nf-bottom-sold-only .nf-sold {
        color: #000 !important;
    }

    .gallery-card-style-original .nf-bottom,
    .gallery-card-style-original .nf-bottom-price,
    .gallery-card-style-original .nf-bottom-sold-only {
        border-radius: 999px;
        background: transparent;
    }

    #galleryCardStylePreview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.82) !important;
        color: #111 !important;
    }

    #galleryCardStylePreview.gallery-card-style-bildfokus.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-sold {
        color: #000 !important;
    }

    #galleryCardStylePreview.gallery-card-style-original.gallery-preview-show-sold:not(.gallery-preview-show-price) .nf-bottom {
        border-radius: 999px !important;
        background: transparent !important;
    }

    button, input[type="submit"], input[type="button"], input[type="reset"],
    .button, .btn, .button-update, .button-reset, .button-delete,
    .button-primary, .add-cart-btn, .tag-add-btn, .custom-file-label,
    .user-login, .cart-area, .login-link {
        border-radius: var(--button-radius);
    }

    html.button-theme-square button,
    html.button-theme-square input[type="submit"],
    html.button-theme-square input[type="button"],
    html.button-theme-square input[type="reset"],
    html.button-theme-square .button,
    html.button-theme-square .btn,
    html.button-theme-square .button-update,
    html.button-theme-square .button-reset,
    html.button-theme-square .button-delete,
    html.button-theme-square .button-primary,
    html.button-theme-square .add-cart-btn,
    html.button-theme-square .tag-add-btn,
    html.button-theme-square .custom-file-label,
    html.button-theme-square .user-login,
    html.button-theme-square .cart-area,
    html.button-theme-square .login-link {
        border-radius: var(--site-radius, var(--button-radius)) !important;
    }

    .button-update { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .button-update:hover { background-color: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    input[type="submit"] { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    input[type="submit"]:hover {background-color: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    .login-container button[type="submit"] { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .login-container button[type="submit"]:hover { background-color: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    .add-cart-btn { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .button-primary { background: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .button-primary:hover { background: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    .payment-mode-switch input:checked + span { background: var(--admin-theme-bg); border-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .payment-mode-switch input:checked + span:hover { background: var(--admin-theme-bg-dark); border-color: var(--admin-theme-bg-dark); }
    .payment-mode-switch input[value="test"]:checked + span { background: #b3261e; border-color: #b3261e; color: #ffffff; }
    .payment-mode-switch input[value="test"]:checked + span:hover { background: #8f1d18; border-color: #8f1d18; color: #ffffff; }
    .settings-panel-switch.is-active,
    .text-panel-switch.is-active,
    .email-panel-switch.is-active { background: var(--admin-theme-bg); border-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .update-btn { color: var(--admin-theme-bg); }
    .update-btn:hover { color: var(--admin-theme-bg-dark); }
    .tag-add-btn { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .tag-add-btn:hover { background-color: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    .price-value { color: var(--admin-theme-bg); }
    .size-option input[type="radio"]:checked + .frame { border-color: var(--admin-theme-bg); }
    .size-option input[type="radio"]:checked ~ .frame { background: linear-gradient(145deg, #bbbbbb, #d0d0d0); }
    .custom-file-label,
    .custom-file-label:visited { background-color: var(--admin-theme-bg); color: var(--admin-theme-text); }
    .custom-file-label:hover { background-color: var(--admin-theme-bg-dark); color: var(--admin-theme-text); }
    .cart_empty .button {background-color: var(--admin-theme-bg); color: var(--admin-theme-text);}

    .gallery-card-style-original .nf-bottom-price .nf-price,
    .gallery-card-style-original .nf-bottom .nf-price,
    .gallery-card-style-original .nf-views-badge,
    .gallery-card-style-original .nf-views-badge span,
    .customer-view .price-value,
    .customer-view .delivery-time,
    .customer-view .delivery-time strong,
    .cart-page .cart_price,
    .cart-page .cart-total,
    .cart-page .cart-summary,
    .cart-page .cart-shipping,
    .cart-product-name {
        color: var(--element-text);
    }

    .gallery-card-style-original .nf-bottom-price .nf-price,
    .gallery-card-style-original .nf-bottom .nf-price {
        color: var(--page-text);
    }

    .cart-table th {
        background: var(--element-panel-bg);
        color: var(--element-text);
        border-bottom-color: var(--element-border);
    }

    .cart-table th,
    .cart-table td {
        border-bottom-color: var(--element-border);
    }

    .cart-table tr:hover {
        background: var(--element-panel-hover);
    }

    .button,
    .button:visited {background: var(--button-secondary-bg); color: var(--button-secondary-text); }
    .button:hover { background: var(--button-secondary-bg-dark); color: var(--button-secondary-text); }
    .button-reset,
    .button-reset:visited { background-color: var(--button-secondary-bg); color: var(--button-secondary-text); }
    .button-reset:hover { background-color: var(--button-secondary-bg-dark); color: var(--button-secondary-text); }
    .checkout-actions .button-reset,
    .checkout-actions .button-reset:visited { background-color: var(--button-secondary-bg); color: var(--button-secondary-text); }
    .checkout-actions .button-reset:hover { background-color: var(--button-secondary-bg-dark); color: var(--button-secondary-text); }

    .button-delete { background-color: var(--button-danger-bg); color: var(--button-danger-text); }
    .button-delete:hover { background-color: var(--button-danger-bg-dark); color: var(--button-danger-text); }
    .about-trigger { background: var(--banner-btn-bg); color: var(--banner-btn-text); }
    .about-trigger:hover { background: var(--banner-btn-bg-dark); color: var(--banner-btn-text); }
    .contact-trigger { background: var(--banner-btn-bg); color: var(--banner-btn-text); }
    .contact-trigger:hover { background: var(--banner-btn-bg-dark); color: var(--banner-btn-text); }
    .cart-area { background: var(--banner-btn-bg); color: var(--banner-btn-text); }
    .cart-area:hover { background: var(--banner-btn-bg-dark); color: var(--banner-btn-text); }
    .contact-icon,
    .about-icon,
    .cart-area .cart-icon { filter: var(--banner-btn-icon-filter); }

    .cart-area-empty .cart-icon { filter: var(--banner-btn-icon-filter); }
    .add-cart-btn .cart-icon { filter: var(--admin-theme-icon-filter); }


    .admin-quick-link.button-primary,
    .admin-orders-link.button-primary {
        background: transparent;
        color: var(--page-text);
        border: 1px solid var(--page-text);
    }

    .admin-quick-link.button-primary.is-current,
    .admin-orders-link.button-primary.is-current {
        background-color: var(--page-text-active-bg);
        color: var(--page-text-active-text);
        border-color: var(--page-text-active-bg);
    }

    .admin-quick-link.button-primary:hover,
    .admin-orders-link.button-primary:hover {
        background: color-mix(in srgb, var(--page-text) 8%, transparent);
        color: var(--page-text);
    }

    .admin-quick-link.button-primary:hover,
    .admin-orders-link.button-primary:hover,
    .no-images-message, .slogan,
    .tag-gallery-top h1,
    .nf-row-header h2,
    .product-title, .product-description { color: var(--page-text); }

    .wysiwyg-content,
    .pell-content,
    .wysiwyg-content p, .wysiwyg-content h1, .wysiwyg-content h2,
    .wysiwyg-content h3, .wysiwyg-content li, .wysiwyg-content span,
    .pell-content p, .pell-content h1, .pell-content h2,
    .pell-content h3, .pell-content li { color: var(--element-text); background: var(--element-bg); }

    .nf-like-toggle { color: #454545; }
    .nf-like-toggle:not(.is-liked) .nf-like-icon {
        filter: none;
    }

    .gallery-card-style-classic .nf-title,
    .gallery-card-style-classic .nf-title h3,
    .gallery-card-style-classic .nf-bottom,
    .gallery-card-style-classic .nf-bottom-price,
    .gallery-card-style-classic .nf-bottom .nf-sold,
    .gallery-card-style-classic .nf-bottom .nf-price,
    .gallery-card-style-classic .nf-bottom-price .nf-price,
    .gallery-card-style-classic .nf-views-badge {
        color: #454545;
    }

    .gallery-card-style-classic .nf-views-badge img {
        filter: none;
    }


    .cart-icon-empty {
        color: var(--page-text);
        display: block;
        fill: currentColor;
        width: 108px;
        height: 108px;
        margin: 20px 0 0;
    }

        .lang-code {
        display: none !important;
    }

    .product-image-open {
        --product-image-shadow: none;
        --product-image-filter-shadow: none;
    }

    .tabs .tab-content,
    #tab-installningar,
    #tab-installningar .settings-subpanel,
    #tab-installningar .theme-radius-panel,
    #tab-installningar .gallery-card-preview-shell,
    #tab-installningar .settings-color-panel,
    #tab-installningar .shop-settings-panel,
    #tab-installningar .font-setting,
    #tab-installningar .form-row-upload,
    .tabs .tab-content > form,
    .tabs .tab-content .form-row-upload,
    .tabs .tab-content .upload-preview-shell,
    .tabs .tab-content .tag-checkbox-list,
    .tabs .tab-content .tag-modal-box,
    .inspect-container .tag-modal-box,
    #editImageForm .tag-modal-box,
    #step1,
    #tab-texter .text-settings-panel,
    #tab-epost .email-settings-card,
    #tab-epost .email-template-language,
    #tab-epost .email-template-preview,
    .payment-key-panel,
    .payment-setup-steps,
    .order-summary,
    .order-details,
    .order-items-table,
    .payment-settings-page,
    .order-history-page,
    .tag-admin-row {
        background: var(--element-bg);
        color: var(--element-text);
    }

    .payment-key-panel,
    .payment-setup-steps,
    .order-card {
        background: var(--element-order-item-bg);
        color: var(--element-text);
    }

    .order-card {
        box-shadow: var(--order-card-shadow);
    }

    .order-list .order-summary {
        background: transparent;
        color: var(--element-text);
    }

    .order-list .order-card.is-completed {
        background: color-mix(in srgb, var(--element-order-item-bg) 78%, var(--element-text) 22%);
    }

    .tabs .tab-content h1,
    .tabs .tab-content h2,
    .tabs .tab-content h3,
    .tabs .tab-content label,
    .tabs .tab-content p,
    .tabs .tab-content span,
    .tabs .tab-content legend,
    .payment-settings-page h1,
    .payment-settings-page h2,
    .payment-settings-page h3,
    .payment-settings-page p,
    .payment-settings-page label,
    .payment-key-panel p,
    .payment-mode-switch span,
    .payment-field-help,
    .payment-setup-steps,
    .payment-setup-steps li,
    .order-history-page h1,
    .order-history-page h2,
    .order-history-page h3,
    .order-history-page p,
    .order-history-page label,
    .order-summary,
    .order-summary-label,
    .order-details dt,
    .order-details dd,
    .order-complete-toggle,
    .tag-admin-row label {
        color: var(--element-text);
    }

    .order-card,
    .order-details,
    .order-items-table,
    .email-template-preview,
    .payment-key-panel {
        border-color: rgba(255,255,255,0.32);
    }

    .payment-key-panel,
    .payment-setup-steps {
        border: 1px solid #868686;
    }

    .order-items-table .order-item-row {
        background-color: var(--element-order-item-bg) !important;
        color: var(--element-text);
    }

    .order-items-table .order-items-head {
        background: var(--element-panel-bg) !important;
        color: var(--element-text) !important;
        border-bottom: 1px solid var(--element-border);
    }

    .order-items-table .order-item-row + .order-item-row {
        border-top-color: var(--element-border);
    }

    .order-summary:hover {
        background: var(--element-panel-hover);
        color: var(--element-text);
    }

    .payment-mode-switch span {
        background: var(--element-panel-bg);
        border-color: var(--element-border);
    }

    .order-status-filter-btn,
    .admin-gallery-cat-btn {
        background: var(--element-panel-bg);
        border-color: var(--element-border);
        color: var(--element-text);
    }
    .order-status-filter-btn:not(.active):hover,
    .admin-gallery-cat-btn:not(.is-active):hover {
        background: var(--element-panel-hover);
    }
    .order-status-filter-btn.active,
    .admin-gallery-cat-btn.is-active {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
    }
    .admin-gallery-cat-btn.is-active {
        outline: 2px solid var(--admin-theme-bg) !important;
        outline-offset: -2px !important;
        color: var(--admin-theme-bg) !important;
        font-weight: 700 !important;
    }

    .admin-gallery-row:hover,
    .admin-gallery-row:focus,
    .admin-gallery-row.is-selected {
        background: color-mix(in srgb, var(--element-bg, #fff) 96%, var(--element-text, #111) 4%) !important;
    }

    #tab-installningar .font-inline-preview {
        color: var(--element-text);
    }

    #tab-installningar .font-preview-btn {
        background: var(--admin-theme-bg);
        color: var(--admin-theme-text);
    }

    #tab-epost .email-settings-grid label,
    #tab-epost .email-settings-toggle,
    #tab-epost .email-template-language h4,
    #tab-epost .email-template-language label,
    #tab-epost .email-preview-heading {
        color: var(--element-text);
    }

    #tab-epost .email-settings-card,
    #tab-epost .email-template-language,
    #tab-epost .email-template-preview {
        border-color: var(--element-border) !important;
    }

    #tab-epost .email-settings-card > h3,
    #tab-epost .email-preview-subject {
        background: transparent !important;
    }

    #tab-epost .email-template-preview {
        background: var(--element-bg) !important;
    }

    #tab-epost .email-template-preview,
    #tab-epost .email-preview-subject,
    #tab-epost .email-preview-body,
    #tab-epost .email-preview-body h4,
    #tab-epost .email-preview-body h5,
    #tab-epost .email-preview-body p,
    #tab-epost .email-preview-body strong,
    #tab-epost .email-preview-body td,
    #tab-epost .email-preview-body th,
    #tab-epost .email-preview-support,
    #tab-epost .email-preview-support a,
    #tab-epost .email-preview-body a {
        color: var(--element-text) !important;
    }

    #tab-epost .email-preview-subject,
    #tab-epost .email-preview-separator {
        border-color: var(--element-border) !important;
    }

    #tab-epost .email-preview-body td,
    #tab-epost .email-preview-body th {
        border-color: var(--element-border) !important;
    }

    #tab-epost .email-preview-body th {
        background: var(--element-panel-bg) !important;
    }

    .tabs {
        color: var(--element-text);
    }

    .tab-headers {
        border-bottom-color: transparent;
    }

    .tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: transparent;
        color: var(--element-text);
        border-color: color-mix(in srgb, var(--element-text) 22%, transparent);
    }

    .tab-btn.active {
        background: var(--admin-theme-bg);
        border-color: var(--admin-theme-bg);
        color: var(--admin-theme-text);
        position: relative;
    }

    .tab-btn {
        background: transparent;
        border-color: color-mix(in srgb, var(--element-text) 22%, transparent);
        color: var(--element-text);
    }

    .tab-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #b91c1c;
        color: #fff !important;
        font-size: 0.68rem;
        font-weight: 700;
        line-height: 1;
        flex-shrink: 0;
        margin-left: 5px;
    }

    .tab-btn:not(.active):hover {
        background: color-mix(in srgb, var(--element-panel-hover) 82%, var(--element-text) 18%);
        color: var(--element-text);
    }

    .tab-btn.active {
        background: var(--admin-theme-bg);
        border-color: var(--admin-theme-bg);
        color: var(--admin-theme-text);
        position: relative;
    }

    .tab-btn.active::after {
        content: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        background: var(--element-bg);
        pointer-events: none;
    }

    .tab-content {
        background: var(--element-bg);
        border-color: var(--element-border);
        color: var(--element-text);
    }

    .tabs .tab-content > :where(form, div, section):not(.tab-panel):not(#tab-installningar):not(#step1):not(.message):not(.include-missing):not(.order-history-page):not(.analytics-page) {
        background: var(--element-panel-bg);
        color: var(--element-text);
        border-color: var(--element-border);
    }

    .tabs .tab-content > .analytics-page {
        background: var(--element-bg);
        color: var(--element-text);
    }

    .inspect-container .inspect-image,
    #editImageForm .inspect-image {
        background: var(--element-bg);
        color: var(--element-text);
        border: 1px solid var(--element-border);
    }

    .inspect-info,
    .inspect-info h1,
    .inspect-info h2,
    .inspect-info h3,
    .inspect-info label,
    .inspect-info p,
    .inspect-info span {
        color: var(--element-text);
    }

    .inspect-info label.custom-file-label {
        color: var(--admin-theme-text);
    }

    .inspect-info input[type="text"],
    .inspect-info input[type="number"],
    .inspect-info input[type="file"],
    .inspect-info textarea,
    .inspect-info select {
        background: var(--element-panel-hover);
        color: var(--element-text);
        border-color: var(--element-border);
    }

    .inspect-info input::file-selector-button {
        background: var(--admin-theme-bg);
        color: var(--admin-theme-text);
        border-color: transparent;
    }

    .themed-input,
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]),
    textarea,
    select {
        background-color: var(--input-bg) !important;
        color: var(--input-text) !important;
        border-color: var(--element-border) !important;
    }

    .contact-form select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23111111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

    .themed-input::placeholder,
    input::placeholder,
    textarea::placeholder {
        color: var(--input-placeholder) !important;
        opacity: 1;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--input-text) !important;
        caret-color: var(--input-text) !important;
        box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
        -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
        border-color: var(--element-border) !important;
        transition: background-color 9999s ease-out 0s;
    }

    select option {
        background-color: var(--input-bg);
        color: var(--input-text);
    }

    .admin-image-stats {
        background: #dadada;
        color: #111111;
        border-color: #b7b7b7;
    }

    .admin-image-stat,
    .admin-image-stat-label,
    .admin-image-stat-value {
        color: #111111;
    }

    #tab-installningar .theme-radius-panel,
    #tab-installningar .gallery-card-preview-shell,
    #tab-installningar .settings-color-panel,
    #tab-installningar .shop-settings-panel,
    #tab-installningar .font-setting,
    #tab-installningar .form-row-upload,
    #settingsForm .theme-radius-panel,
    #settingsForm .gallery-card-preview-shell,
    #settingsForm .settings-color-panel,
    #settingsForm .shop-settings-panel,
    #settingsForm .font-setting,
    #settingsForm .form-row-upload,
    .tag-admin-row {
        background: var(--element-bg) !important;
        border-color: var(--element-border);
    }

    #tab-installningar,
    #tab-installningar .settings-subpanel.is-active,
    #settingsForm,
    #settingsForm .settings-subpanel.is-active {
        background: var(--element-bg) !important;
        color: var(--element-text) !important;
    }

    #tab-installningar .button-radius-setting,
    #tab-installningar .layout-radius-setting,
    #tab-installningar .gallery-card-style-setting,
    #tab-installningar .gallery-card-font-setting,
    #tab-installningar .gallery-card-radius-setting,
    #settingsForm .button-radius-setting,
    #settingsForm .layout-radius-setting,
    #settingsForm .gallery-card-style-setting,
    #settingsForm .gallery-card-font-setting,
    #settingsForm .gallery-card-radius-setting {
        background: var(--element-bg) !important;
        color: var(--element-text) !important;
    }

    #tab-installningar .settings-color-fields label,
    #tab-installningar .settings-color-panel label {
        color: var(--element-text);
    }

    #tab-installningar .settings-panel-switch,
    #tab-texter .text-panel-switch,
    #tab-epost .email-panel-switch {
        border-color: color-mix(in srgb, var(--element-text) 22%, transparent);
        color: var(--element-text);
    }

    .tabs button:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    .tabs input[type="submit"],
    .tabs input[type="button"],
    .tabs input[type="reset"],
    .tabs .button-update,
    .tabs .button-reset,
    .tabs .button-delete,
    .tabs .button-primary,
    .tabs .tag-add-btn,
    .tabs .custom-file-label,
    .tabs .settings-panel-switch,
    .tabs .text-panel-switch,
    .tabs .email-panel-switch {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    #tab-installningar .settings-panel-switch:not(.is-active):hover,
    #tab-texter .text-panel-switch:not(.is-active):hover,
    #tab-epost .email-panel-switch:not(.is-active):hover {
        background: var(--element-panel-hover);
        color: var(--element-text);
    }

    #tab-installningar .settings-panel-switch.is-active,
    #tab-texter .text-panel-switch.is-active,
    #tab-epost .email-panel-switch.is-active {
        background: var(--admin-theme-bg);
        border-color: var(--admin-theme-bg);
        color: var(--admin-theme-text);
    }

    .tabs .tab-content label.custom-file-label,
    #tab-installningar label.custom-file-label,
    label.custom-file-label {
        background-color: var(--admin-theme-bg);
        color: var(--admin-theme-text);
    }

    .tabs .tab-content label.custom-file-label:hover,
    #tab-installningar label.custom-file-label:hover,
    label.custom-file-label:hover {
        background-color: var(--admin-theme-bg-dark);
        color: var(--admin-theme-text);
    }

    html.button-theme-square .lang-trigger,
    html.button-theme-square .about-trigger,
    html.button-theme-square .about-trigger--photo,
    html.button-theme-square .contact-trigger {
        border-radius: var(--site-radius, var(--button-radius)) !important;
        overflow: hidden !important;
    }

    html.button-theme-square .lang-flag {
        border-radius: 0 !important;
    }

    html.button-theme-square .about-trigger--photo,
    html.button-theme-square .about-trigger--photo .about-trigger-photo {
        border-radius: var(--site-radius, var(--button-radius)) !important;
    }

        html.button-theme-text button,
    html.button-theme-text input[type="submit"],
    html.button-theme-text input[type="button"],
    html.button-theme-text input[type="reset"],
    html.button-theme-text .button,
    html.button-theme-text .btn,
    html.button-theme-text .button-update,
    html.button-theme-text .button-reset,
    html.button-theme-text .button-delete,
    html.button-theme-text .button-primary,
    html.button-theme-text .add-cart-btn,
    html.button-theme-text .tag-add-btn,
    html.button-theme-text .user-login,
    html.button-theme-text .login-link,
    html.button-theme-text .cart-area,
    html.button-theme-text .lang-trigger,
    html.button-theme-text .contact-form-submit {
        background: transparent !important;
        border: none !important;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0.5em 0 !important;
    }

    html.button-theme-text :where(.button, .btn, .button-update, .button-reset, .button-delete, .button-primary, .add-cart-btn, .tag-add-btn, .user-login, .login-link, .lang-trigger, .about-trigger, .contact-trigger, .cart-area, .custom-file-label, .contact-form-submit) {
        position: relative;
        text-decoration: none !important;
    }

    html.button-theme-text :where(.button, .btn, .button-update, .button-reset, .button-delete, .button-primary, .add-cart-btn, .tag-add-btn, .user-login, .login-link, .lang-trigger, .about-trigger, .contact-trigger, .cart-area, .custom-file-label, .contact-form-submit)::after {
        content: "";
        position: absolute;
        left: 18%;
        right: 18%;
        bottom: 0.12em;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent 0%, currentColor 18%, currentColor 82%, transparent 100%);
        opacity: 0.62;
        transform: translateY(0);
        transition: left 180ms ease, right 180ms ease, opacity 180ms ease, transform 180ms ease;
        pointer-events: none;
    }

    html.button-theme-text :where(.button, .btn, .button-update, .button-reset, .button-delete, .button-primary, .add-cart-btn, .tag-add-btn, .user-login, .login-link, .lang-trigger, .about-trigger, .contact-trigger, .cart-area, .custom-file-label, .contact-form-submit):where(:hover, :focus-visible)::after {
        left: 0.08em;
        right: 0.08em;
        opacity: 0.9;
        transform: translateY(0);
    }

    html.button-theme-text :where(.user-login, .lang-trigger, .about-trigger, .contact-trigger, .cart-area)::after {
        left: 50%;
        right: 50%;
        opacity: 0;
        transform: translateY(0.18em);
    }

        html.button-theme-text-outline .button,
    html.button-theme-text-outline .btn,
    html.button-theme-text-outline .add-cart-btn,
    html.button-theme-text-outline .user-login,
    html.button-theme-text-outline .login-link,
    html.button-theme-text-outline .cart-area,
    html.button-theme-text-outline .lang-trigger,
    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .about-trigger--photo,
    html.button-theme-text-outline .contact-trigger {
        background: transparent !important;
        border: 2px solid currentColor !important;
        border-radius: var(--button-radius) !important;
        box-shadow: none !important;
        color: var(--page-text) !important;
        font-weight: 600;
        padding: 0.5em 0.8em !important;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    html.button-theme-text-outline :where(.button, .btn, .add-cart-btn, .user-login, .login-link, .lang-trigger, .about-trigger, .contact-trigger, .cart-area)::after {
        content: none !important;
    }

    html.button-theme-text-outline :where(.button, .btn, .add-cart-btn, .user-login, .login-link, .cart-area, .lang-trigger, .about-trigger, .about-trigger--photo, .contact-trigger):where(:hover, :focus-visible) {
        background: var(--page-text) !important;
        border-color: var(--page-text) !important;
        box-shadow: none !important;
        color: var(--page-bg) !important;
        text-decoration: none !important;
    }

    html.button-theme-text-outline :where(.button, .btn):where(:hover, :focus-visible) {
        background: var(--button-secondary-bg) !important;
        border-color: var(--button-secondary-bg) !important;
        color: var(--button-secondary-text) !important;
    }

    html.button-theme-text-outline .add-cart-btn:where(:hover, :focus-visible) {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--outline-primary-hover-text) !important;
    }

    html.button-theme-text-outline .lang-trigger img,
    html.button-theme-text-outline .about-trigger img,
    html.button-theme-text-outline .contact-trigger img,
    html.button-theme-text-outline .add-cart-btn img,
    html.button-theme-text-outline .add-cart-btn .cart-icon {
        display: none !important;
    }

    html.button-theme-text-outline .lang-code {
        display: inline !important;
        font-weight: 600;
    }

    html.button-theme-text-outline .cart-area {
        display: flex;
        gap: 0.3em;
        align-items: center;
        font-size: 1em !important;
        line-height: 1 !important;
    }

    html.button-theme-text-outline .user-login,
    html.button-theme-text-outline .login-link,
    html.button-theme-text-outline .lang-trigger,
    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .about-trigger--photo,
    html.button-theme-text-outline .contact-trigger,
    html.button-theme-text-outline .cart-area {
        color: var(--banner-btn-bg) !important;
    }

    html.button-theme-text-outline .add-cart-btn {
        color: var(--admin-theme-bg) !important;
    }

    html.button-theme-text-outline .contact-form-submit {
        background: transparent !important;
        border: 2px solid currentColor !important;
        border-radius: var(--button-radius) !important;
        box-shadow: none !important;
        color: var(--admin-theme-bg) !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    html.button-theme-text-outline .add-cart-btn:hover,
    html.button-theme-text-outline .add-cart-btn:focus-visible {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--outline-primary-hover-text) !important;
    }

    html.button-theme-text-outline .contact-form-submit:hover,
    html.button-theme-text-outline .contact-form-submit:focus-visible {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--outline-primary-hover-text) !important;
    }

    html.button-theme-text-outline .button {
        color: var(--button-secondary-bg) !important;
    }

    html.button-theme-text-outline .cart-area::before {
        content: '';
        display: block;
        flex-shrink: 0;
        align-self: center;
        width: 1.4em;
        height: 1.4em;
        background-color: var(--banner-btn-text);
        -webkit-mask-image: url('/shared-img/cart.svg');
        mask-image: url('/shared-img/cart.svg');
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }

    html.button-theme-text-outline .cart-count {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1.3em !important;
        height: 1.3em !important;
        background: var(--badge-bg) !important;
        color: var(--badge-text) !important;
        border: 0 !important;
        border-radius: 50% !important;
        font-size: 0.78em !important;
        line-height: 1 !important;
    }

    html.button-theme-text-outline .user-login,
    html.button-theme-text-outline .lang-trigger,
    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .about-trigger--photo,
    html.button-theme-text-outline .contact-trigger,
    html.button-theme-text-outline .cart-area {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0.5em 0 !important;
    }

    html.button-theme-text-outline .user-login::after,
    html.button-theme-text-outline .lang-trigger::after,
    html.button-theme-text-outline .about-trigger::after,
    html.button-theme-text-outline .about-trigger--photo::after,
    html.button-theme-text-outline .contact-trigger::after,
    html.button-theme-text-outline .cart-area::after {
        content: none !important;
    }

    html.button-theme-text-outline .carousel .nf-left,
    html.button-theme-text-outline .carousel .nf-right {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 20% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: transparent !important;
        opacity: 1 !important;
        text-shadow: none !important;
        transform: none !important;
    }

    html.button-theme-text-outline .carousel .nf-left:hover,
    html.button-theme-text-outline .carousel .nf-left:focus-visible,
    html.button-theme-text-outline .carousel .nf-right:hover,
    html.button-theme-text-outline .carousel .nf-right:focus-visible {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: transparent !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html.button-theme-text-outline .carousel-indicators .indicator {
        width: 24px !important;
        height: 6px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,0.5) !important;
        box-shadow: none !important;
        color: transparent !important;
    }

    html.button-theme-text-outline .carousel-indicators .indicator.active {
        background: #ffffff !important;
    }

    html.button-theme-text-outline .cart-actions .button-primary,
    html.button-theme-text-outline .cart_empty .button,
    html.button-theme-text-outline .checkout-actions .button-reset,
    html.button-theme-text-outline .checkout-actions .button-primary {
        background: transparent !important;
        border: 2px solid currentColor !important;
        border-radius: var(--button-radius) !important;
        box-shadow: none !important;
        color: var(--admin-theme-bg) !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
    }

    html.button-theme-text-outline .cart_empty .button,
    html.button-theme-text-outline .checkout-actions .button-reset {
        color: var(--button-secondary-bg) !important;
    }

    html.button-theme-text-outline .cart-actions .button-primary:hover,
    html.button-theme-text-outline .cart_empty .button:hover,
    html.button-theme-text-outline .checkout-actions .button-reset:hover,
    html.button-theme-text-outline .checkout-actions .button-primary:hover,
    html.button-theme-text-outline .cart-actions .button-primary:focus-visible,
    html.button-theme-text-outline .cart_empty .button:focus-visible,
    html.button-theme-text-outline .checkout-actions .button-reset:focus-visible,
    html.button-theme-text-outline .checkout-actions .button-primary:focus-visible {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        box-shadow: none !important;
        color: var(--outline-primary-hover-text) !important;
        text-decoration: none !important;
    }

    html.button-theme-text-outline .cart_empty .button:hover,
    html.button-theme-text-outline .checkout-actions .button-reset:hover,
    html.button-theme-text-outline .cart_empty .button:focus-visible,
    html.button-theme-text-outline .checkout-actions .button-reset:focus-visible {
        background: var(--button-secondary-bg) !important;
        border-color: var(--button-secondary-bg) !important;
        color: var(--outline-secondary-hover-text) !important;
    }

    html.button-theme-text :where(.tabs .button, .tabs .btn, .tabs .button-update, .tabs .button-reset, .tabs .button-delete, .tabs .button-primary, .tabs .tag-add-btn, .tabs .custom-file-label, .payment-settings-page .button-update, .admin-banner a, .admin-banner .admin-view-toggle)::after {
        content: none !important;
    }

    html.button-theme-text .lang-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.3em;
        color: var(--banner-btn-bg) !important;
        font-size: 1em;
        font-weight: 600;
    }

    html.button-theme-text .lang-trigger img {
        display: none !important;
    }

    html.button-theme-text .lang-code {
        display: inline !important;
        font-weight: 600;
    }

    html.button-theme-text .cart-area {
        display: flex;
        gap: 0.3em;
        align-items: center;
        color: var(--banner-btn-bg) !important;
        font-size: 1em !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

    html.button-theme-text .cart-area .cart-icon {
        display: none !important;
    }

    html.button-theme-text .cart-area::before {
        content: '';
        display: block;
        flex-shrink: 0;
        align-self: center;
        width: 1.4em;
        height: 1.4em;
        background-color: var(--banner-btn-bg);
        -webkit-mask-image: url('/shared-img/cart.svg');
        mask-image: url('/shared-img/cart.svg');
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }

    html.button-theme-text .cart-count {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1.3em !important;
        height: 1.3em !important;
        background: var(--badge-bg) !important;
        color: var(--badge-text) !important;
        border-radius: 50% !important;
        font-weight: 600 !important;
        font-size: 0.82em !important;
        font-family: 'Roboto Mono', monospace !important;
        font-variant-numeric: tabular-nums lining-nums !important;
        padding: 0 !important;
        min-width: auto !important;
        min-height: auto !important;
        flex: 0 0 auto !important;
        text-align: center !important;
        line-height: 1 !important;
    }

    html.button-theme-text .cart-count::before {
        content: '';
    }

    html.button-theme-text .cart-count::after {
        content: '';
    }

    html.button-theme-text .button-update,
    html.button-theme-text input[type="submit"],
    html.button-theme-text .button-primary,
    html.button-theme-text .add-cart-btn,
    html.button-theme-text .tag-add-btn {
        color: var(--admin-theme-bg) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html.button-theme-text .button-update:hover,
    html.button-theme-text input[type="submit"]:hover,
    html.button-theme-text .button-primary:hover,
    html.button-theme-text .add-cart-btn:hover,
    html.button-theme-text .tag-add-btn:hover {
        color: var(--admin-theme-bg-dark) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html.button-theme-text .button,
    html.button-theme-text .button-reset,
    html.button-theme-text .user-login,
    html.button-theme-text .login-link {
        color: var(--button-secondary-bg) !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    html.button-theme-text .button:hover,
    html.button-theme-text .button-reset:hover,
    html.button-theme-text .user-login:hover,
    html.button-theme-text .login-link:hover {
        color: var(--button-secondary-bg-dark) !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html.button-theme-text .button-delete {
        color: var(--button-danger-bg) !important;
    }

    html.button-theme-text .button-delete:hover {
        color: var(--button-danger-bg-dark) !important;
        background: transparent !important;
    }

    html .add-cart-btn:disabled,
    html .add-cart-btn[aria-disabled="true"],
    html.button-theme-text .add-cart-btn:disabled,
    html.button-theme-text .add-cart-btn[aria-disabled="true"],
    html.button-theme-text-outline .add-cart-btn:disabled,
    html.button-theme-text-outline .add-cart-btn[aria-disabled="true"] {
        cursor: not-allowed !important;
        opacity: 0.48 !important;
        pointer-events: none !important;
        transform: none !important;
        filter: grayscale(0.35) !important;
    }

    html .add-cart-btn:disabled:hover,
    html .add-cart-btn[aria-disabled="true"]:hover,
    html .add-cart-btn:disabled:focus-visible,
    html .add-cart-btn[aria-disabled="true"]:focus-visible,
    html.button-theme-text .add-cart-btn:disabled:hover,
    html.button-theme-text .add-cart-btn[aria-disabled="true"]:hover,
    html.button-theme-text .add-cart-btn:disabled:focus-visible,
    html.button-theme-text .add-cart-btn[aria-disabled="true"]:focus-visible,
    html.button-theme-text-outline .add-cart-btn:disabled:hover,
    html.button-theme-text-outline .add-cart-btn[aria-disabled="true"]:hover,
    html.button-theme-text-outline .add-cart-btn:disabled:focus-visible,
    html.button-theme-text-outline .add-cart-btn[aria-disabled="true"]:focus-visible {
        transform: none !important;
        filter: grayscale(0.35) !important;
    }

    html.button-theme-text .lang-trigger:hover {
        color: var(--banner-btn-bg-dark) !important;
        opacity: 0.7;
    }

    html.button-theme-text .cart-area:hover {
        color: var(--banner-btn-bg-dark) !important;
        opacity: 0.7;
    }

    html.button-theme-text .custom-file-label,
    html.button-theme-text .custom-file-label:visited {
        background: transparent !important;
        color: var(--admin-theme-bg) !important;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 600;
        padding: 0.5em 0 !important;
    }

    html.button-theme-text .custom-file-label:hover {
        background: transparent !important;
        color: var(--admin-theme-bg-dark) !important;
    }

        html.button-theme-text .about-trigger,
    html.button-theme-text .about-trigger--photo,
    html.button-theme-text .contact-trigger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-family: var(--font-buttons, inherit) !important;
        background: transparent !important;
        border: none !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1em;
        padding: 0.5em 0 !important;
        color: var(--banner-btn-bg) !important;
    }

    html.button-theme-text .user-controls {
        gap: 20px !important;
    }

    html.button-theme-text .about-trigger::before {
        content: attr(data-text);
        font-family: inherit;
    }

    html.button-theme-text .about-trigger {
        flex: 0 0 auto !important;
        min-width: auto !important;
        width: auto !important;
    }

    html.button-theme-text .contact-trigger::before {
        content: attr(data-text);
        font-family: inherit;
    }

    html.button-theme-text .contact-trigger {
        flex: 0 0 auto !important;
        min-width: auto !important;
        width: auto !important;
    }

    html.button-theme-text .about-trigger img,
    html.button-theme-text .contact-trigger img,
    html.button-theme-text .add-cart-btn img,
    html.button-theme-text .add-cart-btn .cart-icon {
        display: none !important;
    }

    html.button-theme-text .about-trigger:hover,
    html.button-theme-text .contact-trigger:hover {
        color: var(--banner-btn-bg-dark) !important;
        opacity: 0.7;
    }

        html.button-theme-text .user-login,
    html.button-theme-text .lang-trigger,
    html.button-theme-text .about-trigger,
    html.button-theme-text .about-trigger--photo,
    html.button-theme-text .contact-trigger,
    html.button-theme-text .cart-area {
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    html.button-theme-text .user-login:hover,
    html.button-theme-text .user-login:focus-visible,
    html.button-theme-text .lang-trigger:hover,
    html.button-theme-text .lang-trigger:focus-visible,
    html.button-theme-text .about-trigger:hover,
    html.button-theme-text .about-trigger:focus-visible,
    html.button-theme-text .about-trigger--photo:hover,
    html.button-theme-text .about-trigger--photo:focus-visible,
    html.button-theme-text .contact-trigger:hover,
    html.button-theme-text .contact-trigger:focus-visible,
    html.button-theme-text .cart-area:hover,
    html.button-theme-text .cart-area:focus-visible {
        box-shadow: none !important;
        outline: none !important;
    }

    html.button-theme-text .about-trigger::before,
    html.button-theme-text .contact-trigger::before {
        border-radius: 0 !important;
    }

    html.button-theme-text .user-login,
    html.button-theme-text .lang-trigger,
    html.button-theme-text .about-trigger,
    html.button-theme-text .about-trigger--photo,
    html.button-theme-text .contact-trigger,
    html.button-theme-text .cart-area {
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        overflow: visible !important;
        font-size: 1.25rem !important;
    }

    html.button-theme-text .user-controls {
        gap: clamp(10px, 1.6vw, 20px) !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end;
        overflow: visible !important;
    }

    html.button-theme-text .lang-menu {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        overflow: visible !important;
    }

@media (max-width: 900px) {
        html.button-theme-text .user-controls {
            gap: clamp(8px, 2vw, 16px) !important;
            margin-right: 4px !important;
        }

        html.button-theme-text .user-login,
        html.button-theme-text .lang-trigger,
        html.button-theme-text .about-trigger,
        html.button-theme-text .about-trigger--photo,
        html.button-theme-text .contact-trigger,
        html.button-theme-text .cart-area {
            font-size: clamp(0.72rem, 1.6vw + 0.35rem, 1.25rem) !important;
            padding: 0.35em 0 !important;
        }

        html.button-theme-text .cart-area {
            gap: 0.25em !important;
        }

        html.button-theme-text .cart-count {
            font-size: 0.72rem !important;
            width: 1.2em !important;
            height: 1.2em !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1180px) and (min-height: 760px) {
        html.button-theme-text .user-login,
        html.button-theme-text .cart-area {
            height: 46px !important;
            min-height: 46px !important;
            max-height: 46px !important;
            line-height: 1 !important;
        }

        html.button-theme-text .lang-trigger,
        html.button-theme-text .about-trigger,
        html.button-theme-text .about-trigger--photo,
        html.button-theme-text .contact-trigger {
            height: 46px !important;
            min-height: 46px !important;
            max-height: 46px !important;
            width: auto !important;
            min-width: max-content !important;
            max-width: none !important;
            flex: 0 0 auto !important;
            padding: 0.5em 0 !important;
            line-height: 1 !important;
            overflow: visible !important;
        }

        html.button-theme-text .about-trigger::before,
        html.button-theme-text .contact-trigger::before {
            display: inline !important;
            content: attr(data-text) !important;
            line-height: 1 !important;
        }

        html.button-theme-text .lang-code {
            display: inline !important;
            line-height: 1 !important;
        }

        html.button-theme-text .about-trigger img,
        html.button-theme-text .contact-trigger img,
        html.button-theme-text .lang-trigger img,
        html.button-theme-text .lang-flag {
            display: none !important;
        }
    }

        html.button-theme-text-outline .lang-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.3em;
        color: var(--banner-btn-bg) !important;
        font-size: 1em;
        font-weight: 600;
    }

    html.button-theme-text-outline .lang-trigger img {
        display: none !important;
    }

    html.button-theme-text-outline .lang-code {
        display: inline !important;
        font-weight: 600;
    }

    html.button-theme-text-outline .cart-area {
        display: flex;
        gap: 0.3em;
        align-items: center;
        color: var(--banner-btn-bg) !important;
        font-size: 1em !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

    html.button-theme-text-outline .cart-area .cart-icon {
        display: block !important;
        filter: var(--banner-btn-icon-filter) !important;
    }

    html.button-theme-text-outline .cart-area::before {
        content: none !important;
    }

    html.button-theme-text-outline .cart-count {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1.3em !important;
        height: 1.3em !important;
        background: var(--badge-bg) !important;
        color: var(--badge-text) !important;
        border-radius: 50% !important;
        font-weight: 600 !important;
        font-size: 0.82em !important;
        font-family: 'Roboto Mono', monospace !important;
        font-variant-numeric: tabular-nums lining-nums !important;
        padding: 0 !important;
        min-width: auto !important;
        min-height: auto !important;
        flex: 0 0 auto !important;
        text-align: center !important;
        line-height: 1 !important;
    }

    html.button-theme-text-outline .cart-count::before,
    html.button-theme-text-outline .cart-count::after {
        content: '';
    }

    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .about-trigger--photo,
    html.button-theme-text-outline .contact-trigger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-family: var(--font-buttons, inherit) !important;
        background: transparent !important;
        border: none !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1em;
        padding: 0.5em 0 !important;
        color: var(--banner-btn-bg) !important;
    }

    html.button-theme-text-outline .user-controls {
        gap: 20px !important;
    }

    html.button-theme-text-outline .about-trigger::before,
    html.button-theme-text-outline .contact-trigger::before {
        content: attr(data-text) !important;
        font-family: inherit;
    }

    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .contact-trigger {
        flex: 0 0 auto !important;
        min-width: auto !important;
        width: auto !important;
    }

    html.button-theme-text-outline .about-trigger img,
    html.button-theme-text-outline .contact-trigger img,
    html.button-theme-text-outline .add-cart-btn img,
    html.button-theme-text-outline .add-cart-btn .cart-icon {
        display: none !important;
    }

    html.button-theme-text-outline .lang-trigger:hover,
    html.button-theme-text-outline .cart-area:hover,
    html.button-theme-text-outline .about-trigger:hover,
    html.button-theme-text-outline .contact-trigger:hover {
        background: transparent !important;
        color: var(--banner-btn-bg-dark) !important;
        opacity: 0.7;
    }

    html.button-theme-text-outline .user-login,
    html.button-theme-text-outline .lang-trigger,
    html.button-theme-text-outline .about-trigger,
    html.button-theme-text-outline .about-trigger--photo,
    html.button-theme-text-outline .contact-trigger,
    html.button-theme-text-outline .cart-area {
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        font-size: 1.25rem !important;
        padding: 0.5em 0 !important;
    }

    html.button-theme-text-outline .user-login:hover,
    html.button-theme-text-outline .user-login:focus-visible,
    html.button-theme-text-outline .lang-trigger:hover,
    html.button-theme-text-outline .lang-trigger:focus-visible,
    html.button-theme-text-outline .about-trigger:hover,
    html.button-theme-text-outline .about-trigger:focus-visible,
    html.button-theme-text-outline .about-trigger--photo:hover,
    html.button-theme-text-outline .about-trigger--photo:focus-visible,
    html.button-theme-text-outline .contact-trigger:hover,
    html.button-theme-text-outline .contact-trigger:focus-visible,
    html.button-theme-text-outline .cart-area:hover,
    html.button-theme-text-outline .cart-area:focus-visible {
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    html.button-theme-text-outline .user-controls {
        gap: clamp(10px, 1.6vw, 20px) !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end;
        overflow: visible !important;
    }

    html.button-theme-text-outline .lang-menu {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        overflow: visible !important;
    }

    @media (max-width: 900px) {
        html.button-theme-text-outline .user-controls {
            gap: clamp(8px, 2vw, 16px) !important;
            margin-right: 4px !important;
        }

        html.button-theme-text-outline .user-login,
        html.button-theme-text-outline .lang-trigger,
        html.button-theme-text-outline .about-trigger,
        html.button-theme-text-outline .about-trigger--photo,
        html.button-theme-text-outline .contact-trigger,
        html.button-theme-text-outline .cart-area {
            font-size: clamp(0.72rem, 1.6vw + 0.35rem, 1.25rem) !important;
            padding: 0.35em 0 !important;
        }

        html.button-theme-text-outline .cart-area {
            gap: 0.25em !important;
        }

        html.button-theme-text-outline .cart-count {
            font-size: 0.72rem !important;
            width: 1.2em !important;
            height: 1.2em !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1180px) and (min-height: 760px) {
        html.button-theme-text-outline .user-login,
        html.button-theme-text-outline .cart-area {
            height: 46px !important;
            min-height: 46px !important;
            max-height: 46px !important;
            line-height: 1 !important;
        }

        html.button-theme-text-outline .lang-trigger,
        html.button-theme-text-outline .about-trigger,
        html.button-theme-text-outline .about-trigger--photo,
        html.button-theme-text-outline .contact-trigger {
            height: 46px !important;
            min-height: 46px !important;
            max-height: 46px !important;
            width: auto !important;
            min-width: max-content !important;
            max-width: none !important;
            flex: 0 0 auto !important;
            padding: 0.5em 0 !important;
            line-height: 1 !important;
            overflow: visible !important;
        }

        html.button-theme-text-outline .about-trigger::before,
        html.button-theme-text-outline .contact-trigger::before {
            display: inline !important;
            content: attr(data-text) !important;
            line-height: 1 !important;
        }

        html.button-theme-text-outline .lang-code {
            display: inline !important;
            line-height: 1 !important;
        }

        html.button-theme-text-outline .about-trigger img,
        html.button-theme-text-outline .contact-trigger img,
        html.button-theme-text-outline .lang-trigger img,
        html.button-theme-text-outline .lang-flag {
            display: none !important;
        }
    }

        html.button-theme-text .admin-banner a,
    html.button-theme-text .admin-banner .admin-view-toggle {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--admin-banner-text) !important;
        font-family: Arial, Helvetica, sans-serif !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: inline !important;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none !important;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    html.button-theme-text .admin-banner a:hover,
    html.button-theme-text .admin-banner a:focus,
    html.button-theme-text .admin-banner a:visited,
    html.button-theme-text .admin-banner .admin-view-toggle:hover,
    html.button-theme-text .admin-banner .admin-view-toggle:focus-visible {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--admin-banner-text) !important;
        opacity: 0.7;
        outline: none !important;
        box-shadow: none !important;
    }

    html.button-theme-text .admin-banner {
        background-color: #111111 !important;
        color: #ffffff !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    html.button-theme-text .admin-banner a,
    html.button-theme-text .admin-banner .admin-view-toggle,
    html.button-theme-text .admin-banner a:hover,
    html.button-theme-text .admin-banner a:focus,
    html.button-theme-text .admin-banner a:visited,
    html.button-theme-text .admin-banner .admin-view-toggle:hover,
    html.button-theme-text .admin-banner .admin-view-toggle:focus-visible {
        background: #242424 !important;
        background-color: #242424 !important;
        color: #ffffff !important;
        border: 1px solid rgba(255,255,255,0.28) !important;
        border-radius: 4px !important;
        box-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;
        display: inline-flex !important;
        font-size: 0.78rem !important;
        opacity: 1 !important;
        min-height: 20px !important;
        padding: 2px 10px !important;
        text-transform: none !important;
    }

    html.button-theme-text .admin-banner a:hover,
    html.button-theme-text .admin-banner a:focus-visible,
    html.button-theme-text .admin-banner .admin-view-toggle:hover,
    html.button-theme-text .admin-banner .admin-view-toggle:focus-visible {
        background: #303030 !important;
        background-color: #303030 !important;
        border-color: rgba(255,255,255,0.42) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.22) !important;
    }

        html.button-theme-text .tabs .tab-btn.active,
    html.button-theme-text .tab-btn.active {
        background: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
        border-color: var(--admin-theme-bg) !important;
        text-decoration: none !important;
    }

    html.button-theme-text .tabs .tab-btn.active::after,
    html.button-theme-text .tab-btn.active::after {
        content: none !important;
    }

        html.button-theme-text #tab-installningar .settings-panel-switch,
    html.button-theme-text #tab-texter .text-panel-switch,
    html.button-theme-text #tab-epost .email-panel-switch {
        background: transparent !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        box-shadow: none !important;
        color: var(--element-text) !important;
    }

    html.button-theme-text #tab-installningar .settings-panel-switch:not(.is-active):hover,
    html.button-theme-text #tab-texter .text-panel-switch:not(.is-active):hover,
    html.button-theme-text #tab-epost .email-panel-switch:not(.is-active):hover {
        background: var(--element-panel-hover) !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        box-shadow: none !important;
        opacity: 0.72;
        transform: translateY(-1px) !important;
    }

    html.button-theme-text #tab-installningar .settings-panel-switch.is-active,
    html.button-theme-text #tab-texter .text-panel-switch.is-active,
    html.button-theme-text #tab-epost .email-panel-switch.is-active {
        background: var(--admin-theme-bg) !important;
        border: 1px solid var(--admin-theme-bg) !important;
        box-shadow: none !important;
        color: var(--admin-theme-text) !important;
    }

        html.button-theme-text .tabs button:not(#preview_font_buttons):not(#preview_font_buttons_secondary):not(.order-status-filter-btn),
    html.button-theme-text .tabs input[type="submit"],
    html.button-theme-text .tabs input[type="button"],
    html.button-theme-text .tabs input[type="reset"],
    html.button-theme-text .tabs .button-update,
    html.button-theme-text .tabs .button-reset,
    html.button-theme-text .tabs .button-delete,
    html.button-theme-text .tabs .button-primary,
    html.button-theme-text .tabs .tag-add-btn,
    html.button-theme-text .tabs .custom-file-label {
        text-transform: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        padding: 6px 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        box-shadow: none !important;
    }
    html.button-theme-text .tabs #tab-installningar .settings-panel-switch.settings-panel-switch,
    html.button-theme-text .tabs #tab-texter .text-panel-switch.text-panel-switch,
    html.button-theme-text .tabs #tab-epost .email-panel-switch.email-panel-switch {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    html.button-theme-text .tabs .button-update,
    html.button-theme-text .tabs input[type="submit"],
    html.button-theme-text .tabs .button-primary,
    html.button-theme-text .tabs .tag-add-btn,
    html.button-theme-text .tabs .custom-file-label {
        background: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
        border: none !important;
    }

    html.button-theme-text .payment-settings-page .button-update {
        background: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
        border: none !important;
        text-transform: none !important;
        font-family: var(--font-buttons, Arial, Helvetica, sans-serif) !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        padding: 6px 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        box-shadow: none !important;
    }

    html.button-theme-text .payment-settings-page .button-update:hover {
        background: var(--admin-theme-bg-dark) !important;
        color: var(--admin-theme-text) !important;
        box-shadow: none !important;
    }

    html.button-theme-text .tabs #tab-installningar .font-preview-btn {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: auto !important;
        min-height: auto !important;
        padding: 0.58em 0 0.62em !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--admin-theme-bg) !important;
        font-family: var(--font-buttons, Arial, Helvetica, sans-serif) !important;
        font-size: 1.08rem !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    html.button-theme-text .tabs #tab-installningar .font-preview-btn.font-preview-btn-secondary {
        color: var(--button-secondary-bg) !important;
    }

    html.button-theme-text .tabs #tab-installningar .font-preview-btn::after {
        content: "" !important;
        position: absolute !important;
        left: 18% !important;
        right: 18% !important;
        bottom: 0.12em !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, transparent 0%, currentColor 18%, currentColor 82%, transparent 100%) !important;
        opacity: 0.62 !important;
        transition: left 180ms ease, right 180ms ease, opacity 180ms ease !important;
        pointer-events: none !important;
    }

    html.button-theme-text .tabs #tab-installningar .font-preview-btn:hover::after,
    html.button-theme-text .tabs #tab-installningar .font-preview-btn:focus-visible::after {
        left: 0.08em !important;
        right: 0.08em !important;
        opacity: 0.9 !important;
    }

    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: auto !important;
        min-height: auto !important;
        padding: 0.58em 0.82em 0.62em !important;
        border: 2px solid currentColor !important;
        border-radius: var(--button-radius) !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--admin-theme-bg) !important;
        font-family: var(--font-buttons, Arial, Helvetica, sans-serif) !important;
        font-size: 1.08rem !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn.font-preview-btn-secondary {
        color: var(--button-secondary-bg) !important;
    }

    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn:hover,
    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn:focus-visible {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
        box-shadow: none !important;
    }

    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn.font-preview-btn-secondary:hover,
    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn.font-preview-btn-secondary:focus-visible {
        background: var(--button-secondary-bg) !important;
        border-color: var(--button-secondary-bg) !important;
        color: var(--button-secondary-text) !important;
    }

    html.button-theme-text-outline .tabs #tab-installningar .font-preview-btn::after {
        content: none !important;
        display: none !important;
    }

    html.button-theme-text .tabs .button,
    html.button-theme-text .tabs .button-reset {
        background: var(--button-secondary-bg) !important;
        color: var(--button-secondary-text) !important;
        border: none !important;
    }

    html.button-theme-text .tabs .button-delete {
        background: var(--button-danger-bg) !important;
        color: var(--button-danger-text) !important;
        border: none !important;
    }

        html.button-theme-text .tabs .button-update:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs .button-reset:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs .button-delete:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs .button-primary:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs .tag-add-btn:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs .custom-file-label:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs input[type="submit"]:not(#preview_font_buttons):not(#preview_font_buttons_secondary) {
        border: none !important;
    }

    html.button-theme-text .tabs .order-status-filter-btn {
        background: var(--element-panel-bg) !important;
        border: 1px solid var(--element-border) !important;
        color: var(--element-text) !important;
        padding: 7px 12px !important;
        min-height: 0 !important;
        min-width: 0 !important;
        opacity: 1 !important;
    }

    html.button-theme-text .tabs .order-status-filter-btn.active {
        background: var(--admin-theme-bg) !important;
        border-color: var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
    }

    html.button-theme-text .tabs #tab-installningar .settings-panel-switch,
    html.button-theme-text .tabs #tab-texter .text-panel-switch,
    html.button-theme-text .tabs #tab-epost .email-panel-switch {
        box-sizing: border-box !important;
        background: transparent !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        color: var(--element-text) !important;
        min-height: 36px !important;
        min-width: 0 !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html.button-theme-text .tabs #tab-installningar .settings-panel-switch:not(.is-active):hover,
    html.button-theme-text .tabs #tab-texter .text-panel-switch:not(.is-active):hover,
    html.button-theme-text .tabs #tab-epost .email-panel-switch:not(.is-active):hover {
        background: var(--element-panel-hover) !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        opacity: 1 !important;
        transform: translateY(-1px) !important;
    }

    html.button-theme-text .tabs #tab-installningar .settings-panel-switch.is-active,
    html.button-theme-text .tabs #tab-texter .text-panel-switch.is-active,
    html.button-theme-text .tabs #tab-epost .email-panel-switch.is-active {
        background: var(--admin-theme-bg) !important;
        border: 1px solid var(--admin-theme-bg) !important;
        color: var(--admin-theme-text) !important;
    }

    .admin-banner,
    .admin-banner *,
    html.button-theme-text .admin-banner,
    html.button-theme-text .admin-banner * {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .tabs :where(
        button,
        input[type="submit"],
        input[type="button"],
        input[type="reset"],
        .button,
        .btn,
        .button-update,
        .button-reset,
        .button-delete,
        .button-primary,
        .tag-add-btn,
        .custom-file-label,
        .tab-btn,
        .settings-panel-switch,
        .text-panel-switch,
        .email-panel-switch,
        .order-status-filter-btn,
        .payment-mode-switch span
    ):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary):not(.about-photo-remove-btn) {
        background: transparent !important;
        background-color: transparent !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        border-radius: var(--button-radius, 6px) !important;
        box-shadow: none !important;
        color: var(--element-text) !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-transform: none !important;
        opacity: 1 !important;
    }

    .tabs :where(
        .tab-btn.active,
        .settings-panel-switch.is-active,
        .text-panel-switch.is-active,
        .email-panel-switch.is-active,
        .order-status-filter-btn.active,
        .payment-mode-switch input:checked + span,
        .button-update,
        .button-primary,
        .tag-add-btn,
        .custom-file-label
    ):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary):not(.about-photo-remove-btn) {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border-color: var(--element-text) !important;
        color: var(--element-bg) !important;
    }

    .tabs :where(.button-reset, input[type="reset"]):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary) {
        background: #d2b051 !important;
        background-color: #d2b051 !important;
        border-color: #d2b051 !important;
        color: #111111 !important;
    }

    .tabs :where(.button-delete):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary) {
        background: var(--button-danger-bg, #af4c4c) !important;
        background-color: var(--button-danger-bg, #af4c4c) !important;
        border-color: var(--button-danger-bg, #af4c4c) !important;
        color: #ffffff !important;
    }

    .tabs :where(
        button,
        input[type="submit"],
        input[type="button"],
        input[type="reset"],
        .button,
        .btn,
        .button-update,
        .button-reset,
        .button-delete,
        .button-primary,
        .tag-add-btn,
        .custom-file-label,
        .tab-btn,
        .settings-panel-switch,
        .text-panel-switch,
        .email-panel-switch,
        .order-status-filter-btn,
        .payment-mode-switch span
    ):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary):hover,
    .tabs :where(
        button,
        input[type="submit"],
        input[type="button"],
        input[type="reset"],
        .button,
        .btn,
        .button-update,
        .button-reset,
        .button-delete,
        .button-primary,
        .tag-add-btn,
        .custom-file-label,
        .tab-btn,
        .settings-panel-switch,
        .text-panel-switch,
        .email-panel-switch,
        .order-status-filter-btn,
        .payment-mode-switch span
    ):not(.font-preview-btn):not(#preview_font_buttons):not(#preview_font_buttons_secondary):focus-visible {
        filter: brightness(0.96) !important;
        transform: translateY(-1px) !important;
    }

    html .tabs #tab-installningar .settings-panel-switch.settings-panel-switch,
    html .tabs #tab-epost .email-panel-switch.email-panel-switch,
    html .tabs #tab-texter .text-panel-switch.text-panel-switch {
        background: transparent !important;
        background-color: transparent !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        border-radius: var(--button-radius, 6px) !important;
        box-shadow: none !important;
        color: var(--element-text) !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html .tabs #tab-installningar .settings-panel-switch.settings-panel-switch.is-active,
    html .tabs #tab-epost .email-panel-switch.email-panel-switch.is-active,
    html .tabs #tab-texter .text-panel-switch.text-panel-switch.is-active {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border-color: var(--element-text) !important;
        color: var(--element-bg) !important;
    }

    html .tabs #tab-installningar .settings-panel-switch.settings-panel-switch:not(.is-active):hover,
    html .tabs #tab-epost .email-panel-switch.email-panel-switch:not(.is-active):hover,
    html .tabs #tab-texter .text-panel-switch.text-panel-switch:not(.is-active):hover {
        background: transparent !important;
        background-color: transparent !important;
        border: 1px solid color-mix(in srgb, var(--element-text) 22%, transparent) !important;
        color: var(--element-text) !important;
        filter: brightness(0.96) !important;
        transform: translateY(-1px) !important;
    }

    html body .order-status-filter .order-status-filter-btn,
    html body .order-history-page .order-status-filter .order-status-filter-btn,
    html body .tabs .order-history-page .order-status-filter .order-status-filter-btn,
    html body .tabs #tab-installningar .settings-panel-switch,
    html.button-theme-text .tabs #tab-installningar .settings-panel-switch,
    html.button-theme-text .tabs button.order-status-filter-btn:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs button.button-update:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs button.button-reset:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs button.tag-add-btn:not(#preview_font_buttons):not(#preview_font_buttons_secondary),
    html.button-theme-text .tabs button.button-delete:not(#preview_font_buttons):not(#preview_font_buttons_secondary) {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .login-container button[type="submit"],
    html.button-theme-text .login-container button[type="submit"] {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border: 1px solid var(--element-text) !important;
        border-radius: var(--button-radius, 6px) !important;
        box-shadow: none !important;
        color: var(--element-bg) !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-transform: none !important;
        opacity: 1 !important;
    }

    .login-container button[type="submit"]:hover,
    .login-container button[type="submit"]:focus-visible,
    html.button-theme-text .login-container button[type="submit"]:hover,
    html.button-theme-text .login-container button[type="submit"]:focus-visible {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border-color: var(--element-text) !important;
        color: var(--element-bg) !important;
        filter: brightness(0.96) !important;
        transform: translateY(-1px) !important;
        box-shadow: none !important;
    }

    @media (max-width: 768px) {
        html body .tabs .order-history-page .order-status-filter,
        html body .order-history-page .order-status-filter {
            display: flex !important;
            flex-wrap: nowrap !important;
            gap: 4px !important;
            width: min(100%, 360px) !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        html body .tabs .order-history-page .order-status-filter .order-status-filter-btn,
        html body .order-history-page .order-status-filter .order-status-filter-btn,
        html.button-theme-text body .tabs .order-history-page .order-status-filter .order-status-filter-btn {
            flex: 1 1 0 !important;
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            min-height: 28px !important;
            padding: 4px 2px !important;
            box-sizing: border-box !important;
            font-size: clamp(0.58rem, 2.75vw, 0.74rem) !important;
            line-height: 1 !important;
            white-space: nowrap !important;
        }
    }

    html.button-theme-text .tabs .button-update,
    html.button-theme-text .tabs button.button-update,
    html.button-theme-text .tabs input[type="submit"],
    html.button-theme-text .tabs .button-primary,
    html.button-theme-text .tabs button.button-primary,
    html.button-theme-text .tabs .tag-add-btn,
    html.button-theme-text .tabs button.tag-add-btn,
    html.button-theme-text .tabs .custom-file-label,
    html.button-theme-text .tabs label.custom-file-label,
    html.button-theme-text .tabs #saveBtn,
    html.button-theme-text .tabs input#saveBtn[type="submit"],
    html.button-theme-text .inspect-container #editImageForm .button-update,
    html.button-theme-text .inspect-container #editImageForm button.button-update,
    html.button-theme-text .inspect-container #editImageForm input[type="submit"],
    html.button-theme-text .inspect-container #editImageForm .button-primary,
    html.button-theme-text .inspect-container #editImageForm .tag-add-btn,
    html.button-theme-text .inspect-container #editImageForm button.tag-add-btn,
    html.button-theme-text .inspect-container #editImageForm .custom-file-label,
    html.button-theme-text .inspect-container #editImageForm label.custom-file-label,
    html.button-theme-text .tag-modal-box .button-update,
    html.button-theme-text .tag-modal-box button.button-update,
    html.button-theme-text .tag-modal-box .tag-add-btn,
    html.button-theme-text .tag-modal-box button.tag-add-btn {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border: none !important;
        color: var(--element-bg) !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text .tabs .button-update:hover,
    html.button-theme-text .tabs button.button-update:hover,
    html.button-theme-text .tabs input[type="submit"]:hover,
    html.button-theme-text .tabs .button-primary:hover,
    html.button-theme-text .tabs button.button-primary:hover,
    html.button-theme-text .tabs .tag-add-btn:hover,
    html.button-theme-text .tabs button.tag-add-btn:hover,
    html.button-theme-text .tabs .custom-file-label:hover,
    html.button-theme-text .tabs label.custom-file-label:hover,
    html.button-theme-text .tabs #saveBtn:hover,
    html.button-theme-text .tabs input#saveBtn[type="submit"]:hover,
    html.button-theme-text .inspect-container #editImageForm .button-update:hover,
    html.button-theme-text .inspect-container #editImageForm button.button-update:hover,
    html.button-theme-text .inspect-container #editImageForm input[type="submit"]:hover,
    html.button-theme-text .inspect-container #editImageForm .button-primary:hover,
    html.button-theme-text .inspect-container #editImageForm .tag-add-btn:hover,
    html.button-theme-text .inspect-container #editImageForm button.tag-add-btn:hover,
    html.button-theme-text .inspect-container #editImageForm .custom-file-label:hover,
    html.button-theme-text .inspect-container #editImageForm label.custom-file-label:hover,
    html.button-theme-text .tag-modal-box .button-update:hover,
    html.button-theme-text .tag-modal-box button.button-update:hover,
    html.button-theme-text .tag-modal-box .tag-add-btn:hover,
    html.button-theme-text .tag-modal-box button.tag-add-btn:hover {
        background: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        background-color: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        color: var(--element-bg) !important;
    }

    html.button-theme-text .tabs .button-reset,
    html.button-theme-text .tabs button.button-reset,
    html.button-theme-text .tabs input[type="reset"],
    html.button-theme-text .inspect-container #editImageForm .button-reset,
    html.button-theme-text .inspect-container #editImageForm button.button-reset,
    html.button-theme-text .tag-modal-box .button-reset,
    html.button-theme-text .tag-modal-box button.button-reset {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border: none !important;
        color: var(--element-bg) !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text .tabs .button-reset:hover,
    html.button-theme-text .tabs button.button-reset:hover,
    html.button-theme-text .tabs input[type="reset"]:hover,
    html.button-theme-text .inspect-container #editImageForm .button-reset:hover,
    html.button-theme-text .inspect-container #editImageForm button.button-reset:hover,
    html.button-theme-text .tag-modal-box .button-reset:hover,
    html.button-theme-text .tag-modal-box button.button-reset:hover {
        background: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        background-color: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        color: var(--element-bg) !important;
    }

    html.button-theme-text .tabs .button-delete,
    html.button-theme-text .tabs button.button-delete,
    html.button-theme-text .inspect-container #editImageForm .button-delete,
    html.button-theme-text .inspect-container #editImageForm button.button-delete,
    html.button-theme-text .tag-modal-box .button-delete,
    html.button-theme-text .tag-modal-box button.button-delete {
        background: var(--button-danger-bg) !important;
        background-color: var(--button-danger-bg) !important;
        border: none !important;
        color: #ffffff !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text .tabs .button-delete:hover,
    html.button-theme-text .tabs button.button-delete:hover,
    html.button-theme-text .inspect-container #editImageForm .button-delete:hover,
    html.button-theme-text .inspect-container #editImageForm button.button-delete:hover,
    html.button-theme-text .tag-modal-box .button-delete:hover,
    html.button-theme-text .tag-modal-box button.button-delete:hover {
        background: var(--button-danger-bg-dark) !important;
        background-color: var(--button-danger-bg-dark) !important;
        color: #ffffff !important;
    }

    html.button-theme-text .tabs .button-update::after,
    html.button-theme-text .tabs button.button-update::after,
    html.button-theme-text .tabs input[type="submit"]::after,
    html.button-theme-text .tabs .button-primary::after,
    html.button-theme-text .tabs button.button-primary::after,
    html.button-theme-text .tabs .tag-add-btn::after,
    html.button-theme-text .tabs button.tag-add-btn::after,
    html.button-theme-text .tabs .custom-file-label::after,
    html.button-theme-text .tabs label.custom-file-label::after,
    html.button-theme-text .tabs #saveBtn::after,
    html.button-theme-text .tabs input#saveBtn[type="submit"]::after,
    html.button-theme-text .tabs .button-reset::after,
    html.button-theme-text .tabs button.button-reset::after,
    html.button-theme-text .tabs input[type="reset"]::after,
    html.button-theme-text .tabs .button-delete::after,
    html.button-theme-text .tabs button.button-delete::after,
    html.button-theme-text .inspect-container #editImageForm .button-update::after,
    html.button-theme-text .inspect-container #editImageForm button.button-update::after,
    html.button-theme-text .inspect-container #editImageForm input[type="submit"]::after,
    html.button-theme-text .inspect-container #editImageForm .button-primary::after,
    html.button-theme-text .inspect-container #editImageForm .tag-add-btn::after,
    html.button-theme-text .inspect-container #editImageForm button.tag-add-btn::after,
    html.button-theme-text .inspect-container #editImageForm .custom-file-label::after,
    html.button-theme-text .inspect-container #editImageForm label.custom-file-label::after,
    html.button-theme-text .inspect-container #editImageForm .button-reset::after,
    html.button-theme-text .inspect-container #editImageForm button.button-reset::after,
    html.button-theme-text .inspect-container #editImageForm .button-delete::after,
    html.button-theme-text .inspect-container #editImageForm button.button-delete::after,
    html.button-theme-text .tag-modal-box .button-update::after,
    html.button-theme-text .tag-modal-box button.button-update::after,
    html.button-theme-text .tag-modal-box .tag-add-btn::after,
    html.button-theme-text .tag-modal-box button.tag-add-btn::after,
    html.button-theme-text .tag-modal-box .button-reset::after,
    html.button-theme-text .tag-modal-box button.button-reset::after,
    html.button-theme-text .tag-modal-box .button-delete::after,
    html.button-theme-text .tag-modal-box button.button-delete::after {
        content: none !important;
        display: none !important;
    }

    html.button-theme-text .tabs #saveBtn,
    html.button-theme-text .tabs input#saveBtn[type="submit"] {
        min-width: 18vh !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .tabs #saveBtn.button-update,
    .tabs input#saveBtn.button-update[type="submit"] {
        min-width: 18vh !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    html body .tabs #step1 > .custom-file label.custom-file-label,
    html body .tabs #step1 > .custom-file label.custom-file-label.button-update,
    html.button-theme-text body .tabs #step1 > .custom-file label.custom-file-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    html body .tabs #step1 > .upload-file-control label.upload-file-button.button-update,
    html.button-theme-text body .tabs #step1 > .upload-file-control label.upload-file-button.button-update {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        height: 5vh !important;
        min-height: 5vh !important;
        min-width: 18vh !important;
        padding: 6px 18px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    html.button-theme-text body .tabs #step1 > .upload-file-control label.upload-file-button.button-update::after {
        display: none !important;
    }

    html.button-theme-text-outline .tabs .button-update,
    html.button-theme-text-outline .tabs button.button-update,
    html.button-theme-text-outline .tabs input[type="submit"],
    html.button-theme-text-outline .tabs .button-primary,
    html.button-theme-text-outline .tabs button.button-primary,
    html.button-theme-text-outline .tabs .tag-add-btn,
    html.button-theme-text-outline .tabs button.tag-add-btn,
    html.button-theme-text-outline .tabs .custom-file-label,
    html.button-theme-text-outline .tabs label.custom-file-label,
    html.button-theme-text-outline .tabs #saveBtn,
    html.button-theme-text-outline .tabs input#saveBtn[type="submit"],
    html.button-theme-text-outline .inspect-container #editImageForm .button-update,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-update,
    html.button-theme-text-outline .inspect-container #editImageForm input[type="submit"],
    html.button-theme-text-outline .inspect-container #editImageForm .button-primary,
    html.button-theme-text-outline .inspect-container #editImageForm .tag-add-btn,
    html.button-theme-text-outline .inspect-container #editImageForm button.tag-add-btn,
    html.button-theme-text-outline .inspect-container #editImageForm .custom-file-label,
    html.button-theme-text-outline .inspect-container #editImageForm label.custom-file-label,
    html.button-theme-text-outline .tag-modal-box .button-update,
    html.button-theme-text-outline .tag-modal-box button.button-update,
    html.button-theme-text-outline .tag-modal-box .tag-add-btn,
    html.button-theme-text-outline .tag-modal-box button.tag-add-btn {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border: none !important;
        color: var(--element-bg) !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text-outline .tabs .button-update:hover,
    html.button-theme-text-outline .tabs button.button-update:hover,
    html.button-theme-text-outline .tabs input[type="submit"]:hover,
    html.button-theme-text-outline .tabs .button-primary:hover,
    html.button-theme-text-outline .tabs button.button-primary:hover,
    html.button-theme-text-outline .tabs .tag-add-btn:hover,
    html.button-theme-text-outline .tabs button.tag-add-btn:hover,
    html.button-theme-text-outline .tabs .custom-file-label:hover,
    html.button-theme-text-outline .tabs label.custom-file-label:hover,
    html.button-theme-text-outline .tabs #saveBtn:hover,
    html.button-theme-text-outline .tabs input#saveBtn[type="submit"]:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .button-update:hover,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-update:hover,
    html.button-theme-text-outline .inspect-container #editImageForm input[type="submit"]:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .button-primary:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .tag-add-btn:hover,
    html.button-theme-text-outline .inspect-container #editImageForm button.tag-add-btn:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .custom-file-label:hover,
    html.button-theme-text-outline .inspect-container #editImageForm label.custom-file-label:hover,
    html.button-theme-text-outline .tag-modal-box .button-update:hover,
    html.button-theme-text-outline .tag-modal-box button.button-update:hover,
    html.button-theme-text-outline .tag-modal-box .tag-add-btn:hover,
    html.button-theme-text-outline .tag-modal-box button.tag-add-btn:hover {
        background: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        background-color: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        color: var(--element-bg) !important;
    }

    html.button-theme-text-outline .tabs .button-reset,
    html.button-theme-text-outline .tabs button.button-reset,
    html.button-theme-text-outline .tabs input[type="reset"],
    html.button-theme-text-outline .inspect-container #editImageForm .button-reset,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-reset,
    html.button-theme-text-outline .tag-modal-box .button-reset,
    html.button-theme-text-outline .tag-modal-box button.button-reset {
        background: var(--element-text) !important;
        background-color: var(--element-text) !important;
        border: none !important;
        color: var(--element-bg) !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text-outline .tabs .button-reset:hover,
    html.button-theme-text-outline .tabs button.button-reset:hover,
    html.button-theme-text-outline .tabs input[type="reset"]:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .button-reset:hover,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-reset:hover,
    html.button-theme-text-outline .tag-modal-box .button-reset:hover,
    html.button-theme-text-outline .tag-modal-box button.button-reset:hover {
        background: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        background-color: color-mix(in srgb, var(--element-text) 86%, #000000) !important;
        color: var(--element-bg) !important;
    }

    html.button-theme-text-outline .tabs .button-delete,
    html.button-theme-text-outline .tabs button.button-delete,
    html.button-theme-text-outline .inspect-container #editImageForm .button-delete,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-delete,
    html.button-theme-text-outline .tag-modal-box .button-delete,
    html.button-theme-text-outline .tag-modal-box button.button-delete {
        background: var(--button-danger-bg) !important;
        background-color: var(--button-danger-bg) !important;
        border: none !important;
        color: #ffffff !important;
        box-shadow: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html.button-theme-text-outline .tabs .button-delete:hover,
    html.button-theme-text-outline .tabs button.button-delete:hover,
    html.button-theme-text-outline .inspect-container #editImageForm .button-delete:hover,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-delete:hover,
    html.button-theme-text-outline .tag-modal-box .button-delete:hover,
    html.button-theme-text-outline .tag-modal-box button.button-delete:hover {
        background: var(--button-danger-bg-dark) !important;
        background-color: var(--button-danger-bg-dark) !important;
        color: #ffffff !important;
    }

    html.button-theme-text-outline .tabs .button-update::after,
    html.button-theme-text-outline .tabs button.button-update::after,
    html.button-theme-text-outline .tabs input[type="submit"]::after,
    html.button-theme-text-outline .tabs .button-primary::after,
    html.button-theme-text-outline .tabs button.button-primary::after,
    html.button-theme-text-outline .tabs .tag-add-btn::after,
    html.button-theme-text-outline .tabs button.tag-add-btn::after,
    html.button-theme-text-outline .tabs .custom-file-label::after,
    html.button-theme-text-outline .tabs label.custom-file-label::after,
    html.button-theme-text-outline .tabs #saveBtn::after,
    html.button-theme-text-outline .tabs input#saveBtn[type="submit"]::after,
    html.button-theme-text-outline .tabs .button-reset::after,
    html.button-theme-text-outline .tabs button.button-reset::after,
    html.button-theme-text-outline .tabs input[type="reset"]::after,
    html.button-theme-text-outline .tabs .button-delete::after,
    html.button-theme-text-outline .tabs button.button-delete::after,
    html.button-theme-text-outline .inspect-container #editImageForm .button-update::after,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-update::after,
    html.button-theme-text-outline .inspect-container #editImageForm input[type="submit"]::after,
    html.button-theme-text-outline .inspect-container #editImageForm .button-primary::after,
    html.button-theme-text-outline .inspect-container #editImageForm .tag-add-btn::after,
    html.button-theme-text-outline .inspect-container #editImageForm button.tag-add-btn::after,
    html.button-theme-text-outline .inspect-container #editImageForm .custom-file-label::after,
    html.button-theme-text-outline .inspect-container #editImageForm label.custom-file-label::after,
    html.button-theme-text-outline .inspect-container #editImageForm .button-reset::after,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-reset::after,
    html.button-theme-text-outline .inspect-container #editImageForm .button-delete::after,
    html.button-theme-text-outline .inspect-container #editImageForm button.button-delete::after,
    html.button-theme-text-outline .tag-modal-box .button-update::after,
    html.button-theme-text-outline .tag-modal-box button.button-update::after,
    html.button-theme-text-outline .tag-modal-box .tag-add-btn::after,
    html.button-theme-text-outline .tag-modal-box button.tag-add-btn::after,
    html.button-theme-text-outline .tag-modal-box .button-reset::after,
    html.button-theme-text-outline .tag-modal-box button.button-reset::after,
    html.button-theme-text-outline .tag-modal-box .button-delete::after,
    html.button-theme-text-outline .tag-modal-box button.button-delete::after {
        content: none !important;
        display: none !important;
    }

    html.button-theme-text-outline .tabs #saveBtn,
    html.button-theme-text-outline .tabs input#saveBtn[type="submit"] {
        min-width: 18vh !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    html.button-theme-text-outline body .tabs #step1 > .custom-file label.custom-file-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        min-height: 5vh !important;
        min-width: 12vh !important;
        padding: 6px 10px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    html.button-theme-text-outline body .tabs #step1 > .upload-file-control label.upload-file-button.button-update {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        height: 5vh !important;
        min-height: 5vh !important;
        min-width: 18vh !important;
        padding: 6px 18px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    html.button-theme-text-outline body .tabs #step1 > .upload-file-control label.upload-file-button.button-update::after {
        display: none !important;
    }

    html.button-theme-text .banner-sep,
    html.button-theme-text-outline .banner-sep {
        display: block;
        width: 18px;
        height: 1px;
        background: var(--banner-btn-bg);
        flex-shrink: 0;
        align-self: center;
    }

    html.button-theme-text .banner-sep--after-lang,
    html.button-theme-text-outline .banner-sep--after-lang {
        order: -1;
    }

    html.button-theme-text .banner-sep--before-cart,
    html.button-theme-text-outline .banner-sep--before-cart {
        display: none !important;
    }

    html.button-theme-text .banner .user-controls .cart-area,
    html.button-theme-text-outline .banner .user-controls .cart-area {
        margin-left: 14px !important;
    }

    @media (max-width: 600px) {
        html.button-theme-text .banner-sep,
        html.button-theme-text-outline .banner-sep {
            width: auto;
            height: auto;
            background: none;
        }
        html.button-theme-text .banner-sep::after,
        html.button-theme-text-outline .banner-sep::after {
            content: none !important;
            display: none !important;
        }
        html.button-theme-text .user-controls,
        html.button-theme-text-outline .user-controls {
            gap: 4px;
        }
        html.button-theme-text .user-controls .about-trigger,
        html.button-theme-text .user-controls .lang-trigger,
        html.button-theme-text .user-controls .cart-area,
        html.button-theme-text-outline .user-controls .about-trigger,
        html.button-theme-text-outline .user-controls .lang-trigger,
        html.button-theme-text-outline .user-controls .cart-area {
            font-size: 1.01rem !important;
        }
        html.button-theme-text .cart-count,
        html.button-theme-text-outline .cart-count {
            font-size: 0.7em !important;
            width: 1.2em !important;
            height: 1.2em !important;
        }
    }

    html.font-buttons-cinzel.button-theme-text .banner-sep,
    html.font-buttons-cinzel.button-theme-text-outline .banner-sep {
        transform: translateY(-2px);
    }


        html.button-theme-text .contact-menu,
    html.button-theme-text .contact-trigger,
    html.button-theme-text-outline .contact-menu,
    html.button-theme-text-outline .contact-trigger {
        display: none !important;
    }

    #tab-installningar .form-actions .button-group #settingsPublishButton:disabled,
    #tab-installningar .form-actions .button-group #settingsResetButton:disabled {
        background: #d2d2d2 !important;
        background-color: #d2d2d2 !important;
        border-color: #d2d2d2 !important;
        box-shadow: none !important;
        color: #777777 !important;
        cursor: not-allowed !important;
        opacity: 0.75 !important;
        pointer-events: auto;
        transform: none !important;
    }

    #tab-installningar .form-actions .button-group #settingsPublishButton:disabled:hover,
    #tab-installningar .form-actions .button-group #settingsResetButton:disabled:hover {
        background: #d2d2d2 !important;
        background-color: #d2d2d2 !important;
        color: #777777 !important;
        transform: none !important;
    }

    .lang-menu.open .lang-dropdown :where(span, a),
    .about-menu.open .about-popup-content,
    .about-menu.open .about-popup-content *,
    .contact-menu.open .contact-popup-content,
    .contact-menu.open .contact-popup-content * {
        background-color: transparent !important;
        color: color-mix(in srgb, var(--element-text, #111) 82%, #fff 18%) !important;
        transition: color 0.22s ease, background-color 0.22s ease !important;
    }

    .about-menu.open .about-popup-content :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, div, span, strong, em, a),
    .contact-menu.open .contact-popup-content :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, div, span, strong, em, a) {
        background-color: transparent !important;
        color: color-mix(in srgb, var(--element-text, #111) 82%, #fff 18%) !important;
    }

    .about-menu.open .about-social-icon,
    .contact-menu.open .contact-details-icon {
        filter: brightness(0) !important;
        opacity: 1 !important;
    }

    .floating-contact-trigger {
        transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    }

    .floating-contact-trigger:hover,
    .floating-contact-trigger:focus-visible {
        background: #666666 !important;
    }

        html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area {
        align-self: stretch !important;
        background: var(--page-text) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: var(--element-bg) !important;
        flex: 0 0 auto !important;
        height: auto !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        min-width: 10vw !important;
        opacity: 1 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        text-decoration: none !important;
        width: auto !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area:hover,
    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area:focus-visible {
        background: var(--page-text) !important;
        color: var(--element-bg) !important;
        filter: brightness(0.96);
        opacity: 1 !important;
    }

    html.button-theme-text .banner .user-controls .cart-area,
    html.button-theme-text-outline .banner .user-controls .cart-area {
        align-self: stretch !important;
        background: var(--page-text) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: var(--page-bg) !important;
        flex: 0 0 auto !important;
        height: auto !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        min-width: 10vw !important;
        opacity: 1 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        text-decoration: none !important;
        width: auto !important;
    }

    html.button-theme-text .banner .user-controls .cart-area:hover,
    html.button-theme-text .banner .user-controls .cart-area:focus-visible,
    html.button-theme-text-outline .banner .user-controls .cart-area:hover,
    html.button-theme-text-outline .banner .user-controls .cart-area:focus-visible {
        background: var(--page-text) !important;
        color: var(--page-bg) !important;
        filter: brightness(0.94);
        opacity: 1 !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area .cart-icon {
        display: none !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area::before {
        content: '' !important;
        display: block;
        flex: 0 0 auto;
        width: 2.8vh;
        height: 2.8vh;
        background-color: var(--element-bg) !important;
        -webkit-mask-image: url('/shared-img/cart.svg?v=1780009657');
        mask-image: url('/shared-img/cart.svg?v=1780009657');
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total:not(.cart-area--admin)::before {
        content: none !important;
        display: none !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total .cart-main::before {
        content: '' !important;
        display: block;
        flex: 0 0 auto;
        margin-right: 6px !important;
        width: 2.8vh;
        height: 2.8vh;
        background-color: var(--element-bg) !important;
        -webkit-mask-image: url('/shared-img/cart.svg?v=1780009657');
        mask-image: url('/shared-img/cart.svg?v=1780009657');
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area--admin::before,
    html.button-theme-text .banner .user-controls .cart-area--admin::before,
    html.button-theme-text-outline .banner .user-controls .cart-area--admin::before {
        content: '' !important;
        display: block !important;
        background-color: var(--banner-btn-text) !important;
        width: 3.35vh !important;
        height: 3.35vh !important;
        -webkit-mask-image: var(--admin-me-mask-url, url('/shared-img/me.svg')) !important;
        mask-image: var(--admin-me-mask-url, url('/shared-img/me.svg')) !important;
        -webkit-mask-size: contain !important;
        mask-size: contain !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
        -webkit-mask-position: center !important;
        mask-position: center !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area--admin .cart-subtotal {
        font-size: 0.75rem !important;
    }

    html.button-theme-text .banner .user-controls .cart-area--admin,
    html.button-theme-text-outline .banner .user-controls .cart-area--admin {
        gap: 2px !important;
    }

    html.button-theme-text .banner .user-controls .cart-area::before,
    html.button-theme-text-outline .banner .user-controls .cart-area::before {
        background-color: var(--banner-btn-text) !important;
    }

    html.button-theme-text .banner .user-controls .cart-area-has-total:not(.cart-area--admin)::before,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total:not(.cart-area--admin)::before {
        content: none !important;
        display: none !important;
    }

    html.button-theme-text .banner .user-controls .cart-area-has-total .cart-main::before,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total .cart-main::before {
        content: none !important;
    }

    html.button-theme-text .banner .user-controls .cart-area-has-total .cart-main,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total .cart-main {
        transform: none !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area .cart-count {
        background: var(--element-bg) !important;
        color: var(--page-text) !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total .cart-main {
        gap: 6px !important;
    }

    html.button-theme-text .banner .user-controls .cart-area .cart-count,
    html.button-theme-text-outline .banner .user-controls .cart-area .cart-count {
        background: var(--page-bg) !important;
        color: var(--page-text) !important;
        border-radius: 999px !important;
        height: 1.35em !important;
        min-height: 1.35em !important;
        min-width: 1.35em !important;
        padding: 0 0.38em !important;
        width: auto !important;
    }


    @media (max-width: 900px) {
        html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area {
            font-size: 1.01rem !important;
        }

        html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area::before {
            height: 1.4em !important;
            width: 1.4em !important;
        }

        html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total .cart-main::before {
            height: 1.4em !important;
            width: 1.4em !important;
        }

        .banner .user-controls .cart-area .cart-count {
            font-size: 0.82em !important;
            height: 1.35em !important;
            min-height: 1.35em !important;
            min-width: 1.35em !important;
            padding-left: 0.38em !important;
            padding-right: 0.38em !important;
            width: auto !important;
        }

        .banner .user-controls .cart-area-has-total {
            gap: 3px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .banner .user-controls .cart-area-has-total .cart-main {
            gap: 6px !important;
        }

        .banner .user-controls .cart-area-has-total .cart-subtotal {
            font-size: 0.62em !important;
        }
    }

    @media (max-width: 900px) {
        html.button-theme-text .banner .user-controls,
        html.button-theme-text-outline .banner .user-controls {
            margin-right: -6px !important;
        }

        html.button-theme-text .banner .user-controls .cart-area,
        html.button-theme-text-outline .banner .user-controls .cart-area {
            margin-right: 0 !important;
        }
    }

        @media (min-width: 769px) and (max-width: 1180px) {
        .banner {
            height: 56px !important;
            transition: none !important;
        }
        body {
            padding-top: 56px !important;
        }
        body:has(.admin-banner) {
            padding-top: calc(56px + var(--admin-banner-height)) !important;
        }
    }

        @media (min-width: 1181px) {
        .banner {
            height: 7vh !important;
            transition: none !important;
        }
        body {
            padding-top: 7vh !important;
        }
        body:has(.admin-banner) {
            padding-top: calc(7vh + var(--admin-banner-height)) !important;
        }
    }

    .banner .user-controls .cart-area:not(.cart-area--admin) .cart-count {
        align-self: center !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        font-size: 0.82em !important;
        height: 1.35em !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 1.35em !important;
        min-width: 1.35em !important;
        padding: 0 0.38em !important;
        position: static !important;
        transform: translateY(0) !important;
        width: auto !important;
    }

    .banner .user-controls .cart-area:not(.cart-area--admin) .cart-count::before,
    .banner .user-controls .cart-area:not(.cart-area--admin) .cart-count::after {
        content: none !important;
        display: none !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total .cart-main .cart-count {
        align-items: center !important;
        align-self: center !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        font-size: 0.82em !important;
        height: 1.35em !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 1.35em !important;
        min-width: 1.35em !important;
        padding: 0 0.38em !important;
        position: static !important;
        transform: translateY(0) !important;
        width: auto !important;
    }

    .banner .user-controls .cart-area--admin::before,
    html.button-theme-text .banner .user-controls .cart-area--admin::before,
    html.button-theme-text-outline .banner .user-controls .cart-area--admin::before,
    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area--admin::before {
        background-color: var(--element-bg) !important;
        content: '' !important;
        display: block !important;
        flex: 0 0 auto !important;
        height: 4vh !important;
        -webkit-mask-image: var(--admin-me-mask-url, url('/shared-img/me.svg?v=1780009657')) !important;
        mask-image: var(--admin-me-mask-url, url('/shared-img/me.svg?v=1780009657')) !important;
        -webkit-mask-position: center !important;
        mask-position: center !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
        -webkit-mask-size: contain !important;
        mask-size: contain !important;
        width: 4vh !important;
    }

    .banner .user-controls .cart-area--admin .cart-main {
        display: none !important;
    }

    .banner .user-controls .cart-area:not(.cart-area--admin):not(.cart-area-has-total)::before,
    .banner .user-controls .cart-area:not(.cart-area--admin) .cart-main::before,
    html.button-theme-text .banner .user-controls .cart-area:not(.cart-area--admin):not(.cart-area-has-total)::before,
    html.button-theme-text .banner .user-controls .cart-area:not(.cart-area--admin) .cart-main::before,
    html.button-theme-text-outline .banner .user-controls .cart-area:not(.cart-area--admin):not(.cart-area-has-total)::before,
    html.button-theme-text-outline .banner .user-controls .cart-area:not(.cart-area--admin) .cart-main::before {
        background-color: var(--element-bg) !important;
        content: '' !important;
        display: block !important;
        flex: 0 0 auto !important;
        margin-right: 6px !important;
        -webkit-mask-image: url('/shared-img/cart.svg?v=1780009657') !important;
        mask-image: url('/shared-img/cart.svg?v=1780009657') !important;
        -webkit-mask-position: center !important;
        mask-position: center !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
        -webkit-mask-size: contain !important;
        mask-size: contain !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin)::before {
        content: none !important;
        display: none !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-inner > .cart-main > .cart-icon {
        display: none !important;
    }

    .banner .user-controls .cart-area-empty:not(.cart-area--admin) .cart-inner > .cart-icon {
        display: none !important;
    }

    .banner .user-controls .cart-area-empty:not(.cart-area--admin) .cart-inner > .cart-icon,
    .banner .user-controls .cart-area-empty:not(.cart-area--admin)::before {
        height: clamp(36px, 4.5vh, 58px) !important;
        width: clamp(36px, 4.5vh, 58px) !important;
    }

    body .cart-page .cart_empty > .cart-icon-empty {
        color: var(--page-text) !important;
        display: block !important;
        fill: currentColor !important;
        height: 108px !important;
        margin: 20px 0 0 !important;
        width: 108px !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) {
        gap: 6px !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main {
        gap: 3px !important;
        transform: none !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main::before {
        height: 22px !important;
        margin-right: 0 !important;
        width: 22px !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main,
    html.button-theme-text .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main {
        gap: 3px !important;
        transform: none !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main::before,
    html.button-theme-text .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main::before,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-main::before {
        height: 22px !important;
        margin-right: 0 !important;
        width: 22px !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-count {
        align-items: center !important;
        align-self: center !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        font-family: 'Roboto Mono', monospace !important;
        font-size: 12px !important;
        font-variant-numeric: tabular-nums lining-nums !important;
        font-weight: 700 !important;
        height: 18px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 18px !important;
        min-width: 18px !important;
        padding: 0 5px !important;
        position: static !important;
        text-align: center !important;
        transform: translateY(2px) !important;
        width: auto !important;
    }

    html:not(.button-theme-text):not(.button-theme-text-outline) .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-count,
    html.button-theme-text .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-count,
    html.button-theme-text-outline .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-count {
        font-size: 12px !important;
        height: 18px !important;
        min-height: 18px !important;
        min-width: 18px !important;
        padding: 0 5px !important;
        transform: translateY(2px) !important;
        width: auto !important;
    }

    .banner .user-controls .cart-area-has-total:not(.cart-area--admin) .cart-subtotal {
        font-size: 0.72rem !important;
        transform: none !important;
    }