:root {
                --button-font-family: var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
                --button-radius: 999px;
                --button-height: 42px;
                --button-height-compact: 34px;
                --button-height-large: 50px;
                --button-padding-x: 22px;
                --button-padding-x-compact: 14px;
                --button-padding-x-large: 28px;
                --button-font-size: 11px;
                --button-font-size-compact: 10px;
                --button-font-size-large: 12px;
                --button-font-weight: 700;
                --button-letter-spacing: 0;
                --button-icon-size: 44px;
                --button-icon-size-compact: 36px;
                --button-transition-duration: 180ms;
                --button-transition-easing: ease;
                --button-focus-color: #8b6428;
                --button-ink: var(--ink, #2d2a26);
                --button-muted: var(--muted, #746b60);
                --button-line: var(--line, rgba(65, 54, 40, 0.16));
                --button-surface: #fffdf8;
                --button-gold: #b98534;
                --button-gold-hover: #a67328;
                --button-gold-active: #8f5f1e;
                --button-teal: #507973;
                --button-teal-hover: #426862;
                --button-teal-active: #345752;
                --button-teal-soft: #e8f2ef;
                --button-teal-soft-hover: #dcebe7;
                --button-neutral-bg: rgba(255, 253, 248, 0.86);
                --button-neutral-bg-hover: #fff8ea;
                --button-danger: #a6423a;
                --button-danger-hover: #8f342e;
                --button-danger-active: #772923;
                --button-shadow-soft: 0 10px 22px rgba(45, 42, 38, 0.08);
                --button-shadow-primary: 0 14px 30px rgba(185, 133, 52, 0.28);
                --button-shadow-secondary: 0 12px 26px rgba(80, 121, 115, 0.18);
            }

            .button {
                --button-bg: var(--button-neutral-bg);
                --button-bg-hover: var(--button-neutral-bg-hover);
                --button-bg-active: #f3eadc;
                --button-color: var(--button-ink);
                --button-border-color: rgba(111, 76, 38, 0.2);
                --button-shadow: none;

                min-height: var(--button-height);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                box-sizing: border-box;
                max-width: 100%;
                border: 1px solid var(--button-border-color);
                border-radius: var(--button-radius);
                padding: 0 var(--button-padding-x);
                background: var(--button-bg);
                color: var(--button-color);
                box-shadow: var(--button-shadow);
                font-family: var(--button-font-family);
                font-size: var(--button-font-size);
                font-weight: var(--button-font-weight);
                line-height: 1.1;
                letter-spacing: var(--button-letter-spacing);
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                white-space: normal;
                cursor: pointer;
                user-select: none;
                -webkit-tap-highlight-color: transparent;
                touch-action: manipulation;
                transition:
                    transform var(--button-transition-duration) var(--button-transition-easing),
                    box-shadow var(--button-transition-duration) var(--button-transition-easing),
                    border-color var(--button-transition-duration) var(--button-transition-easing),
                    background-color var(--button-transition-duration) var(--button-transition-easing),
                    color var(--button-transition-duration) var(--button-transition-easing);
            }

            @media (hover: hover) {
                .button:hover {
                    background: var(--button-bg-hover);
                    transform: translateY(-2px);
                    box-shadow: var(--button-shadow);
                }
            }

            .button:active {
                background: var(--button-bg-active);
                transform: translateY(0);
                box-shadow: none;
            }

            .button:focus {
                outline: none;
            }

            .button:focus-visible {
                outline: 2px solid var(--button-focus-color);
                outline-offset: 3px;
            }

            .button--primary,
            .button--gold {
                --button-bg: var(--button-gold);
                --button-bg-hover: var(--button-gold-hover);
                --button-bg-active: var(--button-gold-active);
                --button-color: #ffffff;
                --button-border-color: transparent;
                --button-shadow: var(--button-shadow-primary);
            }

            .button--secondary,
            .button--blue {
                --button-bg: var(--button-teal-soft);
                --button-bg-hover: var(--button-teal-soft-hover);
                --button-bg-active: #cfe2dd;
                --button-color: var(--button-teal);
                --button-border-color: rgba(80, 121, 115, 0.24);
                --button-shadow: var(--button-shadow-secondary);
            }

            .button--light {
                --button-bg: rgba(255, 253, 248, 0.78);
                --button-bg-hover: #fff8ea;
                --button-bg-active: #f3eadc;
                --button-color: var(--button-ink);
                --button-border-color: rgba(111, 76, 38, 0.22);
                --button-shadow: var(--button-shadow-soft);
            }

            .button--danger {
                --button-bg: var(--button-danger);
                --button-bg-hover: var(--button-danger-hover);
                --button-bg-active: var(--button-danger-active);
                --button-color: #ffffff;
                --button-border-color: transparent;
                --button-shadow: 0 12px 26px rgba(166, 66, 58, 0.22);
            }

            .button--compact {
                min-height: var(--button-height-compact);
                padding: 0 var(--button-padding-x-compact);
                font-size: var(--button-font-size-compact);
            }

            .button--large {
                min-height: var(--button-height-large);
                padding: 0 var(--button-padding-x-large);
                font-size: var(--button-font-size-large);
            }

            .button--block {
                width: 100%;
            }

            .button:disabled,
            .button[aria-disabled="true"],
            .button.is-disabled {
                opacity: 0.56;
                cursor: not-allowed;
                box-shadow: none;
                transform: none;
            }

            .button:disabled:hover,
            .button[aria-disabled="true"]:hover,
            .button.is-disabled:hover {
                background: var(--button-bg);
                box-shadow: none;
                transform: none;
            }

            .button[aria-disabled="true"],
            .button.is-disabled {
                pointer-events: none;
            }

            .button.is-loading {
                position: relative;
                pointer-events: none;
                cursor: progress;
            }

            .button.is-loading .button__text {
                opacity: 0;
            }

            .button.is-loading::after {
                position: absolute;
                width: 18px;
                height: 18px;
                border: 2px solid rgba(255, 255, 255, 0.45);
                border-top-color: #ffffff;
                border-radius: 999px;
                content: "";
                animation: button-loading-spin 700ms linear infinite;
            }

            .button:not(.button--primary):not(.button--gold):not(.button--danger).is-loading::after {
                border-color: rgba(45, 42, 38, 0.2);
                border-top-color: var(--button-ink);
            }

            @keyframes button-loading-spin {
                to {
                    transform: rotate(360deg);
                }
            }

            .icon-button,
            .module-toggle,
            .scroll-top-button,
            .social-link {
                width: var(--button-icon-size);
                min-width: var(--button-icon-size);
                height: var(--button-icon-size);
                min-height: var(--button-icon-size);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                border: 1px solid rgba(111, 76, 38, 0.18);
                border-radius: 999px;
                background: rgba(255, 253, 248, 0.9);
                color: var(--button-ink);
                box-shadow: var(--button-shadow-soft);
                font-family: var(--button-font-family);
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                text-decoration: none;
                cursor: pointer;
                user-select: none;
                -webkit-tap-highlight-color: transparent;
                touch-action: manipulation;
                transition:
                    transform var(--button-transition-duration) var(--button-transition-easing),
                    box-shadow var(--button-transition-duration) var(--button-transition-easing),
                    border-color var(--button-transition-duration) var(--button-transition-easing),
                    background-color var(--button-transition-duration) var(--button-transition-easing),
                    color var(--button-transition-duration) var(--button-transition-easing);
            }

            @media (hover: hover) {
                .icon-button:hover,
                .module-toggle:hover,
                .scroll-top-button:hover,
                .social-link:hover {
                    background: #fff8ea;
                    transform: translateY(-2px);
                }
            }

            .icon-button:active,
            .module-toggle:active,
            .scroll-top-button:active,
            .social-link:active {
                transform: translateY(0);
                box-shadow: none;
            }

            .icon-button:focus-visible,
            .module-toggle:focus-visible,
            .scroll-top-button:focus-visible,
            .social-link:focus-visible {
                outline: 2px solid var(--button-focus-color);
                outline-offset: 3px;
            }

            .icon-button--compact,
            .module-toggle {
                width: var(--button-icon-size-compact);
                min-width: var(--button-icon-size-compact);
                height: var(--button-icon-size-compact);
                min-height: var(--button-icon-size-compact);
                font-size: 14px;
            }

            .scroll-top-button {
                position: fixed;
                right: 22px;
                bottom: 116px;
                z-index: 35;
                background: var(--button-ink);
                color: #ffffff;
                border-color: transparent;
                box-shadow: 0 16px 34px rgba(45, 42, 38, 0.22);
                backdrop-filter: blur(14px);
            }

            @media (hover: hover) {
                .scroll-top-button:hover {
                    background: #1f1d1a;
                }
            }

            .social-link {
                background: var(--button-teal-soft);
                color: var(--button-teal);
                border-color: rgba(80, 121, 115, 0.2);
                box-shadow: none;
            }

            @media (hover: hover) {
                .social-link:hover {
                    background: var(--button-teal-soft-hover);
                    color: var(--button-teal-hover);
                }
            }

            .social-link svg {
                width: 16px;
                height: 16px;
                fill: currentColor;
            }

            .social-link__max-logo {
                width: 16px;
                height: 16px;
                object-fit: contain;
            }

            .social-link__fallback {
                font-size: 10px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .support-actions a {
                min-height: var(--button-height);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                box-sizing: border-box;
                border: 1px solid transparent;
                border-radius: var(--button-radius);
                padding: 0 var(--button-padding-x);
                background: var(--button-teal);
                color: #ffffff;
                box-shadow: var(--button-shadow-secondary);
                font-family: var(--button-font-family);
                font-size: var(--button-font-size);
                font-weight: var(--button-font-weight);
                line-height: 1.1;
                letter-spacing: var(--button-letter-spacing);
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                transition:
                    transform var(--button-transition-duration) var(--button-transition-easing),
                    box-shadow var(--button-transition-duration) var(--button-transition-easing),
                    background-color var(--button-transition-duration) var(--button-transition-easing);
            }

            @media (hover: hover) {
                .support-actions a:hover {
                    background: var(--button-teal-hover);
                    transform: translateY(-2px);
                }
            }

            .support-actions a:active {
                background: var(--button-teal-active);
                transform: translateY(0);
                box-shadow: none;
            }

            .support-actions a:focus-visible {
                outline: 2px solid var(--button-focus-color);
                outline-offset: 3px;
            }

            .cabinet-link {
                min-height: 38px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                border: 1px solid rgba(111, 76, 38, 0.2);
                border-radius: 999px;
                padding: 0 16px;
                background: rgba(255, 253, 248, 0.78);
                color: var(--button-ink);
                font-family: var(--button-font-family);
                font-size: 12px;
                font-weight: 700;
                line-height: 1.1;
                letter-spacing: 0;
                text-decoration: none;
                text-transform: uppercase;
                cursor: pointer;
                transition:
                    background-color var(--button-transition-duration) var(--button-transition-easing),
                    border-color var(--button-transition-duration) var(--button-transition-easing),
                    color var(--button-transition-duration) var(--button-transition-easing);
            }

            @media (hover: hover) {
                .cabinet-link:hover {
                    background: #fff8ea;
                    border-color: rgba(111, 76, 38, 0.34);
                }
            }

            .cabinet-link:focus-visible {
                outline: 2px solid var(--button-focus-color);
                outline-offset: 3px;
            }

            .header-mobile-menu-toggle {
                display: none;
            }

            .language-switch {
                display: inline-flex;
                align-items: center;
                padding: 0;
                border: 1px solid rgba(111, 76, 38, 0.16);
                border-radius: 999px;
                background: rgba(255, 253, 248, 0.72);
            }

            .language-switch__button {
                min-width: 48px;
                min-height: 30px;
                border: 0;
                border-radius: 999px;
                padding: 0 12px;
                background: transparent;
                color: var(--button-ink);
                font-family: var(--button-font-family);
                font-size: 11px;
                font-weight: 800;
                line-height: 1;
                letter-spacing: 0;
                text-transform: uppercase;
                cursor: pointer;
                transition:
                    background-color var(--button-transition-duration) var(--button-transition-easing),
                    color var(--button-transition-duration) var(--button-transition-easing);
            }

            .language-switch__next {
                display: none;
            }

            @media (hover: hover) {
                .language-switch__button:hover {
                    background: var(--button-ink);
                    color: #ffffff;
                }

                .language-switch__button:hover .language-switch__current {
                    display: none;
                }

                .language-switch__button:hover .language-switch__next {
                    display: inline;
                }
            }

            .language-switch__button:focus-visible {
                outline: 2px solid var(--button-focus-color);
                outline-offset: 2px;
            }

            .language-switch__button:focus-visible .language-switch__current {
                display: none;
            }

            .language-switch__button:focus-visible .language-switch__next {
                display: inline;
            }

            .checkout-form__submit {
                width: 100%;
            }

            @media (prefers-reduced-motion: reduce) {
                .button,
                .icon-button,
                .module-toggle,
                .scroll-top-button,
                .social-link,
                .cabinet-link,
                .language-switch__button,
                .support-actions a {
                    transition: none;
                }

                .button:hover,
                .icon-button:hover,
                .module-toggle:hover,
                .scroll-top-button:hover,
                .social-link:hover,
                .support-actions a:hover {
                    transform: none;
                }

                .button.is-loading::after {
                    animation-duration: 1200ms;
                }
            }