@import url("variables.css");
:root {
    --sidebar-scrollbar-compensation: 0px;
    --header-bar-height: 48px;
    --header-shell-height: 48px;
}

html {
    scrollbar-gutter: stable;
}
main.maincontent {
    background: var(--white);
}
.raketa-header a:visited {
    color: inherit;
}
a:visited:not(:hover) {
    color: inherit;
}

footer.globalfooter {
    box-shadow: none;
}
.globalfooter {
    font-size: 12px;
    line-height: 144%;
    font-weight: 500;
    color: var(--black);
}
.globalfooter .container {
    margin-right: var(--page-gutter);
    margin-left: var(--page-gutter);
}
.globalfooter .container .row {
    justify-content: flex-end;
}
.globalfooter .container .row .mail-block {
    margin-right: auto;
}
.globalfooter .globalfooter-primary {
    display: grid;
    grid-template-columns:
        calc(50% - (var(--logo-width) / 2) - var(--gap))
        repeat(3, minmax(0, 1fr));
}
.globalfooter .globalfooter-primary > .footer-block {
    width: auto;
}
.globalfooter .container .globalfooter-primary > .mail-block {
    margin-right: 0;
    width: min(100%, 440px);
    justify-self: start;
}
.globalfooter .globalfooter-primary > .footer-block--help {
    grid-column: 2;
}
.globalfooter-mobile {
    display: none;
}
.footer-block-header {
    font-weight: 800;
    font-size: 12px;
    line-height: 144%;
}
.footer-block-content a {
    font-size: 12px;
    font-weight: 500;
    line-height: 144%;
    vertical-align: middle;
    margin: 0;
}
.footer-block {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.footer-block .footer-block-content a + a {
    margin-top: 8px;
}
.appfooter {
    padding: 0;
    border-top: none;
    margin-top: 64px;
}
.appfooter .container {
    margin: 0;
    margin-right: var(--page-gutter);
}
.footer-logo {
    width: calc(100vw - var(--page-gutter));
}
.footer-logo  svg {
    width: 100%;
    height: fit-content;
}
.copyright-caption {
    position: relative;
    top: -17px;
    margin-left: var(--page-gutter);
    font-size: 12px;
    color: rgba(22, 22, 35, 1);
    font-weight: 500;
    line-height: 144%;
    font-style: normal;
}
.copyright-caption a:visited {
    color: rgba(22, 22, 35, 1);
}

/* MAIL BLOCK */
.mail-block .mail-block-subscribe input[type=email] {
    border: none;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
}
.mail-block .mail-block-subscribe button {
    border: none;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
    background: none;
    color: var(--black);
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-family);
}
.mail-block .mail-block-subscribe button:hover {
    background: none;
    color: var(--footer-link-hover-color);
}
.mail-block .mail-block-subscribe button:hover::after {
    background: none;
}
.mail-block .s-hidden {
    display: none;
}

.mail-block .js-email-field,
.header__search-input,
#search {
    font-family: var(--font-family-mono);
}

.mail-block .js-email-field,
.header__search-input {
    padding-left: 0;
    padding-bottom: 4px;
}

.mail-block .js-email-field::placeholder,
.header__search-input::placeholder,
#search::placeholder {
    font-family: var(--font-family-mono);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
    line-height: 1.2;
    letter-spacing: 0;
    opacity: 0.65;
}
.mail-block .mail-personal-data-wrapper {
    flex-wrap: nowrap;
    gap: 12px;
}
.mail-block .js-personal-data-checkbox {
    width: 12px;
    height: 12px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    min-width: 12px;
    min-height: 12px;
}
.mail-block .js-personal-data-checkbox:checked[type=checkbox] {
    background-position: bottom;
}

@media screen and (max-width: 767px) {
    .globalfooter {
        padding-top: 16px;
    }

    .globalfooter .container {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: none;
    }

    .globalfooter .globalfooter-desktop {
        display: none;
    }

    .globalfooter-mobile {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0 var(--page-gutter);
    }

    .footer-mobile-accordion {
        padding-top: 14px;
        border-bottom: 1px solid var(--black);
    }

    .footer-mobile-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 0 0 8px;
        list-style: none;
        cursor: pointer;
        font-weight: 800;
        font-size: 12px;
        line-height: 144%;
    }

    .footer-mobile-summary::marker {
        content: "";
        font-size: 0;
    }

    .footer-mobile-summary::-webkit-details-marker {
        display: none;
    }

    .footer-mobile-summary::after {
        content: "";
        flex: 0 0 auto;
        display: block;
        width: 13px;
        height: 13px;
        background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0H7V13H6V0Z' fill='%23161623'/%3E%3Cpath d='M0 6H13V7H0V6Z' fill='%23161623'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
        transition: transform 180ms ease;
    }

    .footer-mobile-accordion[open] .footer-mobile-summary::after {
        transform: rotate(45deg);
        transform-origin: center;
    }

    .footer-mobile-panel {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0 0 14px;
    }

    .footer-mobile-panel a {
        font-size: 12px;
        font-weight: 500;
        line-height: 144%;
    }

    .footer-mobile-mail {
        margin-top: 72px;
        gap: 24px;
    }

    .footer-mobile-mail .footer-block-content,
    .footer-mobile-mail .mail-block-subscribe form > .col {
        display: flex;
        flex-direction: column;
    }

    .footer-mobile-mail .footer-block-content {
        gap: 24px;
    }

    .mail-block .mail-block-note {
        margin: 0;
    }

    .mail-block .mail-block-subscribe input[type=email] {
        width: 100%;
        margin-top: 0;
    }

    .mail-block .mail-block-subscribe button {
        align-self: flex-start;
    }

    .mail-block .mail-personal-data-wrapper {
        align-items: flex-start;
        gap: 10px;
        margin-top: 24px !important;
    }

    .mail-block .js-personal-data-checkbox {
        margin-top: 2px;
    }

    .appfooter {
        margin-top: 72px;
    }

    .appfooter .container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .footer-logo {
        width:calc(100vw - var(--page-gutter));
        margin-left: 0;
    }

    .footer-logo svg {
        width: 100%;
        height: auto;
    }

    .copyright-caption {
        position: static;
        width: min(178px, calc(100% - (var(--page-gutter) * 2)));
        margin: 20px var(--page-gutter) 0 auto;
        gap: 0;
        text-align: left;
    }
}

/* ========================================
   GLOBAL & UTILITY STYLES
   ======================================== */
.container {
    max-width: 1300px;
    min-width: 0;
}

@media screen and (min-width: 1300px) {
    .container {
        max-width: 100%;
    }
}

main.maincontent {
    margin-top: 48px;
}

/* ========================================
   SYSTEM, ACCOUNT & EMPTY-STATE PAGES
   ======================================== */
.raketa-system-page,
.raketa-account-page,
.raketa-empty-state,
.raketa-listing-page {
    color: var(--black);
    font-family: var(--font-family-mono);
}

.raketa-system-page {
    width: 100%;
    min-height: clamp(420px, 65vh, 760px);
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    align-items: end;
    gap: clamp(40px, 7vw, 120px);
    padding: clamp(64px, 9vw, 128px) var(--page-gutter) clamp(48px, 6vw, 80px);
    background: var(--white);
}

.raketa-system-page--error {
    display: block;
    min-height: 0;
    padding-top: clamp(72px, 9vw, 112px);
    padding-bottom: clamp(72px, 9vw, 112px);
}

.raketa-system-page--error .raketa-system-page__inner {
    width: min(100%, 720px);
    margin: 0 auto;
}

.raketa-system-page--error .raketa-system-page__code {
    margin: 0 0 clamp(48px, 7vw, 80px);
    color: var(--black);
    font-family: var(--font-family-display);
    font-size: clamp(96px, 18vw, 180px);
    font-weight: 700;
    line-height: 0.78;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

.raketa-system-page--error .raketa-system-page__content {
    width: 100%;
    max-width: none;
    padding-top: 20px;
}

.raketa-system-page--error .raketa-system-page__title {
    font-size: clamp(22px, 2.5vw, 28px);
}

.raketa-system-page__content {
    max-width: 520px;
    padding-top: 16px;
    border-top: 1px solid var(--black);
}

.raketa-system-page__eyebrow {
    margin: 0 0 32px;
    color: var(--gray);
    font-size: var(--type-label-size);
    font-weight: var(--type-body-weight-bold);
    line-height: var(--type-label-line-height);
    letter-spacing: var(--type-label-letter-spacing);
    text-transform: uppercase;
}

.raketa-system-page__title,
.raketa-empty-state__title {
    margin: 0;
    color: var(--black);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: var(--type-body-weight-bold);
    line-height: 1.1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.raketa-system-page__description {
    max-width: 420px;
    margin: 24px 0 0;
    color: var(--gray);
    font-size: var(--type-body-size-s);
    font-weight: var(--type-body-weight-medium);
    line-height: var(--type-body-line-height);
}

.raketa-system-page__action,
.raketa-system-page__action:visited,
.raketa-system-page__action:focus,
.raketa-system-page__action:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    padding: 8px 14px;
    border-radius: 5px;
    background: var(--purple);
    color: var(--white) !important;
    font-family: var(--font-family-mono);
    font-size: 12px;
    font-weight: var(--type-body-weight-medium);
    line-height: var(--type-body-line-height);
    letter-spacing: var(--type-link-letter-spacing);
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

.raketa-system-page__action:hover,
.raketa-system-page__action:focus-visible {
    color: var(--neon) !important;
}

.raketa-system-page__action:focus-visible {
    outline: 2px solid var(--black);
    outline-offset: 3px;
}

.raketa-system-page--compact {
    min-height: clamp(320px, 55vh, 600px);
    grid-template-columns: minmax(0, 1fr);
}

.checkout .checkout-result.raketa-system-page--compact,
.checkout-result.raketa-system-page--compact {
    padding: clamp(64px, 9vw, 128px) var(--page-gutter) clamp(48px, 6vw, 80px);
    margin: 0;
    background: var(--white);
    text-align: left;
}

.checkout .checkout-result.raketa-system-page--compact h1.raketa-system-page__title {
    margin: 0;
    color: var(--black);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: var(--type-body-weight-bold);
    line-height: 1.1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.raketa-account-page {
    min-height: clamp(420px, 65vh, 720px);
    padding: clamp(64px, 9vw, 120px) var(--page-gutter) clamp(48px, 6vw, 80px);
}

.raketa-account-page__content {
    width: 100%;
    max-width: 620px;
    display: flow-root;
}

.raketa-account-page__content > h1,
.raketa-account-page__content :is(.wa-login-form-wrapper, .wa-signup-form-wrapper, .wa-forgotpassword-form-wrapper, .wa-set-password-form-wrapper) h1 {
    margin: 0 0 32px;
    color: var(--black);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: var(--type-body-weight-bold);
    line-height: 1.1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.raketa-account-page .wa-form {
    float: none;
    width: 100%;
    max-width: 520px;
}

.raketa-account-page :is(.wa-login-form-wrapper, .wa-signup-form-wrapper, .wa-forgotpassword-form-wrapper, .wa-set-password-form-wrapper) {
    width: 100%;
    max-width: 520px;
}

.raketa-account-page :is(.wa-login-form-actions, .wa-signup-form-actions, .wa-forgotpassword-form-actions, .wa-set-password-form-wrapper) :is(button, [type="button"], [type="submit"]),
.raketa-account-page .wa-confirm-signup-button {
    border-radius: 5px;
    font-family: var(--font-family-mono);
    font-size: 12px;
    font-weight: var(--type-body-weight-medium);
    line-height: var(--type-body-line-height);
    letter-spacing: var(--type-link-letter-spacing);
    text-transform: uppercase;
}

.raketa-empty-state {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 0;
    padding: 64px var(--page-gutter);
    border-top: 1px solid var(--black);
    background: var(--white);
}

.raketa-listing-page {
    width: 100%;
    padding: 64px var(--page-gutter) 80px;
}

.raketa-listing-page__header {
    margin-bottom: 40px;
}

.raketa-listing-page__title,
.raketa-listing-page__header h1 {
    margin: 0 0 40px;
    color: var(--black);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: var(--type-body-weight-bold);
    line-height: 1.1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.raketa-listing-page__header h1 {
    margin-bottom: 0;
}

.raketa-listing-page .raketa-empty-state {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .raketa-system-page {
        min-height: 520px;
        grid-template-columns: minmax(0, 1fr);
        align-content: space-between;
        align-items: start;
        gap: 64px;
        padding-top: 72px;
    }

    .raketa-system-page--error {
        min-height: 0;
        padding-top: 56px;
        padding-bottom: 64px;
    }

    .raketa-system-page--error .raketa-system-page__code {
        margin-bottom: 48px;
        font-size: clamp(88px, 36vw, 128px);
    }

    .raketa-system-page__content {
        width: 100%;
        max-width: none;
    }

    .raketa-system-page--compact {
        min-height: 420px;
        align-content: end;
    }

    .raketa-account-page {
        padding-top: 72px;
    }

    .raketa-account-page .wa-form .wa-field .wa-name {
        float: none;
        width: auto;
    }

    .raketa-account-page .wa-form .wa-field .wa-value {
        margin-left: 0;
    }

    .raketa-account-page .wa-form .wa-field .wa-value :is(input[type="text"], input[type="email"], input[type="password"], textarea) {
        width: 100%;
        min-width: 0;
    }

    .raketa-empty-state {
        min-height: 280px;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .raketa-listing-page {
        padding-top: 48px;
        padding-bottom: 64px;
    }

    .raketa-listing-page__header {
        align-items: flex-start !important;
        flex-direction: column;
        margin-bottom: 32px;
    }
}

html.page-shop-product main.maincontent {
    margin-top: 48px;
    background: var(--white);
}

html.page-shop-product,
html.header-mode-solid-light {
    --header-shell-height: calc(var(--header-bar-height) + 1px);
}

html.page-shop-product header.globalheader.raketa-header {
    --header-base-bg: var(--white);
    --header-base-fg: var(--black);
    --header-active-bg: var(--white);
    --header-active-fg: var(--black);
    border-bottom: 1px solid var(--black);
}

html.page-shop-product header.globalheader.raketa-header:hover,
html.page-shop-product header.globalheader.raketa-header.is-open {
    background-color: var(--white);
    color: var(--black);
}

html.page-shop-product main.maincontent > .container {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ========================================
   HEADER BASE STYLES
   ======================================== */
.raketa-header {
    --header-panel-height: 350px;
    --header-panel-max-width: 1280px;
    --header-panel-padding: 40px var(--page-gutter);
    --header-bar-height: 48px;
    --header-shell-height: var(--header-bar-height);
    --header-label-font-size: 12px;
    --header-label-letter-spacing: 0.1em;
    --header-label-line-height: 1.44;
    --header-nav-font-size: 10px;
    --header-nav-letter-spacing: 0.05em;
    --header-action-color: var(--black);
    --header-action-hover-color: var(--purple);
    --header-cart-bg: var(--purple);
    --header-cart-text-hover: var(--neon);
    --header-base-bg: var(--white);
    --header-base-fg: var(--black);
    --header-active-bg: var(--white);
    --header-active-fg: var(--black);
    position: relative;
    z-index: 1100;
    background-color: var(--header-base-bg);
    color: var(--header-base-fg);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.site-logo-link,
.site-logo-link:visited,
.raketa-header .site-logo-link:hover,
.raketa-header .site-logo-link:focus,
.raketa-header .site-logo-link:active {
    color: inherit;
}

.site-logo {
    color: inherit;
    transition: color 0.2s ease;
}

.raketa-header--transparent-light {
    --header-base-bg: transparent;
    --header-base-fg: var(--white);
}

.raketa-header--solid-light {
    --header-base-bg: var(--white);
    --header-base-fg: var(--black);
    --header-shell-height: calc(var(--header-bar-height) + 1px);
    border-bottom: 1px solid var(--black);
}

header #globalnav {
    background: none;
}

.raketa-header #globalnav > .container {
    padding-left: 0;
    padding-right: 0;
}

header.globalheader {
    margin: 0;
    background-color: var(--header-base-bg);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: none;
}

/* ========================================
   NAVIGATION BAR LAYOUT
   ======================================== */
.raketa-header .globalnav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px var(--page-gutter);
    gap: 16px;
    position: relative;
}

.raketa-header .globalnav-left {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-left: 0;
    flex: 1 1 0;
}

.raketa-header .globalnav-center {
    flex: 0 0 auto;
    text-align: center;
}

/* True horizontal center so PDP logo-align (50%) matches the painted logo
   even when left/right nav content widths differ. Desktop only — mobile uses grid. */
@media (min-width: 1024px) {
    .raketa-header .globalnav-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: var(--logo-width);
        line-height: 0;
    }

    .raketa-header .globalnav-center h2 {
        margin: 0;
        line-height: 0;
        font-size: 0;
    }

    .raketa-header .site-logo-link,
    .raketa-header .site-logo {
        display: block;
        width: var(--logo-width);
    }
}

.raketa-header .globalnav-right {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-right: 0;
    flex: 1 1 0;
    justify-content: flex-end;
}

.raketa-header #mobile-nav-toggle,
.raketa-header__mobile-toggle {
    color: inherit;
    padding: 0;
    min-width: 0;
    height: auto;
}

/* ========================================
   HEADER TYPOGRAPHY & CONTROLS
   ======================================== */
.top-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 32px;
}

/* Unified header navigation item class */
.header-nav-item {
    font-family: var(--font-family);
    font-size: var(--header-nav-font-size);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: var(--header-nav-letter-spacing);
    line-height: 1;
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.header-nav-item:hover,
.header-nav-item:focus {
    background: transparent;
    color: var(--purple);
    outline: none;
}

/* Count badge for cart/kit items */
.header-nav-item__count {
    font-weight: 800;
}

/* Hide cart SVG icon in header */
.header-nav-item--cart svg {
    display: none;
}

/* Cart button with purple background */
.header-nav-item--cart {
    background: var(--header-cart-bg);
    color: var(--white);
    width: 74px;
    height: 21px;
    padding: 4px 4px;
    gap: 9px;
    border-radius: 5px;
    justify-content: center;
    flex: 0 0 auto;
}

.header-nav-item--cart:hover {
    background: var(--header-cart-bg);
    color: var(--header-cart-text-hover);
}

.header-nav-item--cart:hover::after,
.header-nav-item--cart:focus::after {
    content: none;
    display: none;
}

.header-nav-item--cart .header-nav-item__count {
    color: inherit;
}

/* =======================
   HEADER BUTTON OVERRIDES
   ======================= */

/* Targeted control reset for header-owned interactive elements */
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn):hover,
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn):focus {
    background: transparent;
    color: inherit;
    outline: none;
}

:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn)::before,
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn)::after,
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn):hover::before,
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:not(.header-nav-item--cart):not(.sidebar-btn):hover::after {
    content: none;
    display: none;
}

:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset:focus-visible,
#mobile-panel .mobile-list a:focus-visible,
#mobile-panel .mobile-footer-link:focus-visible {
    outline: 2px solid var(--purple);
    outline-offset: 2px;
}
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset.sidebar-item__link[data-cart-action="remove"] {
    color: var(--gray);
}

:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset.sidebar-item__link[data-cart-action="remove"]:hover,
:is(.raketa-header, .header-sidebar-root, .header-sidebar) .header-control-reset.sidebar-item__link[data-cart-action="remove"]:focus {
    color: var(--red);
}
.raketa-header .auth a,
.raketa-header .auth a.text-white,
.raketa-header .auth a.text-gray,
.raketa-header .auth a:visited {
    color: inherit !important;
}

/* Header nav items: purple on hover (must come after resets) */
.raketa-header .header-nav-item:hover:not(.header-nav-item--cart),
.raketa-header .header-nav-item:focus:not(.header-nav-item--cart) {
    color: var(--header-action-hover-color);
}

/* Header background: transparent by default, white when open/hover */
.raketa-header.is-open,
.raketa-header:hover {
    background-color: var(--header-active-bg);
    color: var(--header-active-fg);
}

/* Logo color transition */
.raketa-header.is-open .site-logo,
.raketa-header:hover .site-logo {
    color: inherit;
}

/* ========================================
   SEARCH INPUT STYLING
   ======================================== */
.header__search-input {
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--gray4);
    background: transparent;
    font-size: 14px;
    color: var(--input-color);
    min-width: 160px;
    outline: none;
    appearance: none;
}

.header__search-input:focus {
    border-bottom-color: var(--black);
}

.header__search-input::placeholder {
    color: var(--gray3);
}

/* ========================================
   PANEL BASE STYLES
   ======================================== */
.header__panel {
    position: relative;
    display: none;
}

.header__panel--visible {
    display: block;
}

.header__panel--hidden {
    display: none;
}

.header__panel .header__panel-inner {
    padding: 18px 0;
}

/* Full-width overlay panels (search, currency, brand, support, contact) */
.header-panel--overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    background: var(--white);
    z-index: 1200;
    border-top: 1px solid var(--gray6);
    padding: 0;
}

.header-panel--overlay > .container {
    padding: 18px var(--page-gutter);
}

.raketa-header,
.raketa-header #globalnav,
.raketa-header .globalnav-bar {
    overflow: visible;
    position: relative;
}

/* ========================================
   MEGA PANELS (Brand, Support, Contact)
   ======================================== */
.header-panel--mega,
.header-panel--split {
    background: var(--white);
    overflow: hidden;
    height: var(--header-panel-height);
}

.header-panel--mega {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.header-panel--mega > .container,
.header-panel--split > .container {
    height: 100%;
    max-width: var(--header-panel-max-width);
    padding: 0;
}

.header-panel__layout,
.header__panel-grid,
.header__contact-grid,
.header__split {
    display: flex;
    height: 100%;
}

.header-panel__body,
.header__panel-content,
.header__split-content {
    display: flex;
    padding: var(--header-panel-padding);
    min-width: 0;
}

.header-panel__body--half,
.header__panel-content {
    flex: 0 0 50%;
}

.header-panel__body--main,
.header__split-content {
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: flex-start;
}

.header-panel__column,
.header__panel-column {
    flex: 0 0 50%;
}

.header-panel__label {
    font-family: var(--font-family);
    font-size: var(--header-label-size, var(--header-label-font-size));
    font-weight: 800;
    letter-spacing: var(--header-label-spacing, var(--header-label-letter-spacing));
    text-transform: uppercase;
    color: var(--header-label-color, var(--black));
    line-height: var(--header-label-line-height);
    margin: 0;
}

.header__panel-title,
.header-panel__stack-title {
    margin-bottom: 24px;
}

.header__search-title {
    margin-bottom: 18px;
}

.header-panel__links,
.header__panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-panel__links li + li,
.header__panel-list li + li {
    margin-top: 8px;
}

.header-panel__links a,
.header-panel__stack-content--links a {
    font-size: 12px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
    line-height: 1.44;
}

.header-panel__links a:hover,
.header-panel__stack-content--links a:hover {
    color: var(--link-hover-color);
}

.header-panel__stack {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.header-panel__stack-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header-panel__stack-content > :last-child {
    margin-bottom: 0;
}

.header-panel__stack-content--links {
    gap: 8px;
}

.header-panel__media,
.header__panel-image,
.header__panel-image-left {
    position: relative;
    overflow: hidden;
}

.header-panel__media picture,
.header__panel-image picture,
.header__panel-image-left picture {
    display: block;
    width: 100%;
    height: 100%;
}

.header-panel__media--half,
.header__panel-image {
    flex: 0 0 50%;
}

.header-panel__media--narrow,
.header__panel-image-left {
    flex: 0 0 50%;
}

.header-panel__media img,
.header__panel-image img,
.header__panel-image-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.header-panel__picture img {
    opacity: 0;
    transition: opacity 0.18s ease;
}

.header-panel__picture img.is-ready {
    opacity: 1;
}

/* ========================================
   CONTACT PANEL
   ======================================== */
.header__contact-left {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
}

.header__contact-connect {
    flex: 0 0 140px;
}

.header__contact-mail {
    flex: 1 1 auto;
    min-width: 0;
}

.header__contact-mail .mail-block-note {
    margin: 0;
    max-width: 36rem;
}

/* ========================================
   SEARCH & CURRENCY PANELS
   ======================================== */
.header__split--reverse {
    flex-direction: row;
}

.header__search-form {
    width: 100%;
    max-width: 640px;
}

.header__currency-stack {
    gap: 0;
}

.header__currency-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header__currency-list li + li {
    margin-top: 8px;
}

.header__currency-link,
.header__currency-link:visited {
    color: var(--mobile-menu-color, var(--black));
    text-decoration: none;
}

.header__currency-link.is-inactive,
.header__currency-link.is-inactive:visited {
    color: #9C9CA6;
}

/* ========================================
   SIDEBAR PANELS (KIT & CART)
   ======================================== */
.header-sidebar-root {
    position: fixed;
    inset: 0;
    z-index: 1390;
    pointer-events: none;
}

.header-panel--sidebar,
.header-sidebar {
    position: fixed;
    right: 0;
    top: var(--header-shell-height, var(--header-bar-height));
    width: 360px;
    max-width: calc(100vw - 40px);
    height: calc(100vh - var(--header-shell-height, var(--header-bar-height)));
    height: calc(100dvh - var(--header-shell-height, var(--header-bar-height)));
    background: var(--white);
    z-index: 1400;
    display: none;
    flex-direction: column;
    box-shadow: -8px 8px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    pointer-events: auto;
}

.header-panel--sidebar.header__panel--visible,
.header-sidebar.header__panel--visible {
    display: flex;
}

html.is-menu-open,
body.is-menu-open {
    overflow: hidden;
}

.sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
    border-bottom: 1px solid var(--gray6);
}

.sidebar-title {
    --header-label-size: var(--header-nav-font-size);
    --header-label-spacing: var(--header-nav-letter-spacing);
    --header-label-line-height: 1;
    --header-label-color: var(--black);
    color: var(--black);
}

.sidebar-title__meta {
    color: var(--gray3);
    margin-left: 8px;
}

.sidebar-close {
    font-size: 20px;
    line-height: 1;
    color: var(--black);
}

.sidebar-content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 var(--page-gutter);
}

.sidebar-content--empty {
    display: flex;
    align-items: center;
}

.sidebar-footer {
    padding: var(--page-gutter);
    border-top: 1px solid var(--gray6);
}

.sidebar-footer--empty .sidebar-footer-total {
    opacity: 0.5;
}

.sidebar-footer-total {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    font-family: var(--font-family-mono);
    font-weight: 800;
    font-size: 12px;
    line-height: 1.44;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    vertical-align: middle;
    color: var(--black);
}

.sidebar-footer-total,
.sidebar-footer-total *:not(.sidebar-footer-total__vat) {
    font-family: var(--font-family-mono) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    line-height: 1.44 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase;
    color: var(--black) !important;
}

.sidebar-footer-total__price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sidebar-footer-total__vat {
    display: block;
    margin-top: 2px;
    color: var(--gray);
    font-family: var(--font-family-mono);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0;
    text-align: right;
    text-transform: none;
}

.sidebar-btn,
.sidebar-btn:visited,
.sidebar-btn:hover,
.sidebar-btn:focus,
.sidebar-btn:active {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 5px;
    font-family: var(--font-family-mono);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.44;
    text-align: center;
    color: var(--white);
    text-decoration: none;
    display: block;
    transition: opacity 0.2s;
}

.sidebar-btn--black,
.sidebar-btn--black:hover,
.sidebar-btn--black:focus,
.sidebar-btn--black:active,
.sidebar-btn--black:visited {
    background: var(--black);
    color: var(--white) !important;
}

.sidebar-btn--purple,
.sidebar-btn--purple:hover,
.sidebar-btn--purple:focus,
.sidebar-btn--purple:active,
.sidebar-btn--purple:visited {
    background: var(--purple);
    color: var(--white) !important;
}

.sidebar-btn:hover {
    opacity: 0.9;
}

.sidebar-btn.is-disabled,
.sidebar-btn[aria-disabled="true"] {
    opacity: 0.35;
    pointer-events: none;
}

.header-sidebar button.sidebar-btn {
    appearance: none;
    border: none;
    position: static;
    overflow: visible;
    height: auto;
    z-index: auto;
    font-weight: 500;
}

.header-sidebar button.sidebar-btn::before,
.header-sidebar button.sidebar-btn::after,
.header-sidebar button.sidebar-btn:hover::before,
.header-sidebar button.sidebar-btn:hover::after {
    content: none;
    display: none;
}

.sidebar-item {
    display: flex;
    gap: 16px;
    padding: 24px 0;
}

.sidebar-item + .sidebar-item {
    border-top: 1px solid var(--black);
}

.sidebar-item__image {
    flex: 0 0 80px;
    width: 80px;
}

.sidebar-item__image picture {
    display: block;
}

.sidebar-item__image img {
    width: 100%;
    height: auto;
    display: block;
}

.sidebar-item__image-placeholder {
    display: block;
    width: 80px;
    height: 80px;
    background: var(--gray6);
}

.sidebar-item__main {
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar-item__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.sidebar-item__title,
.sidebar-item__price,
.sidebar-item__link,
.cart-item__option,
.cart-item__option-value,
.cart-item__qty,
.cart-item__qty-btn,
.cart-item__qty input,
.sidebar-footer-total {
    font-family: var(--font-family-mono);
    font-size: 12px;
    line-height: 1.44;
    text-transform: uppercase;
}

.sidebar-item__title {
    font-weight: 800;
    letter-spacing: 0;
    color: var(--black);
}

.sidebar-item__product-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

a.sidebar-item__title.sidebar-item__product-link:hover,
.sidebar-item:has(.sidebar-item__image .sidebar-item__product-link:hover) .sidebar-item__title.sidebar-item__product-link {
    color: var(--red);
}

.sidebar-item__price {
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--black);
}

.sidebar-item__price,
.sidebar-item__price * {
    font-family: var(--font-family-mono) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.44 !important;
    letter-spacing: 0.05em !important;
    color: var(--black) !important;
}

.sidebar-item__desc {
    margin-top: 12px;
    font-size: 10px;
    line-height: 1.5;
    color: var(--gray3);
}

.sidebar-item__actions {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}

.sidebar-item__link {
    font-weight: 500;
    letter-spacing: 0.05em;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 25%;
    text-decoration-thickness: 8%;
    text-decoration-skip-ink: auto;
    color: var(--gray);
    padding: 0;
    opacity: 1;
}

.sidebar-item__link:hover,
.sidebar-item__link:focus {
    color: var(--red);
    opacity: 1;
}

/* ========================================
   CART ITEM SPECIFICS
   ======================================== */
.cart-item__options {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cart-item__option {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.cart-item__option-name,
.cart-item__option-sep {
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--black);
}

.cart-item__option-value {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    color: var(--gray3);
    letter-spacing: 0.05em;
    margin-left: 16px;
    min-height: 12px;
    line-height: 1;
}

.cart-item__option-text,
.cart-item__option-addon {
    color: inherit;
    line-height: 12px;
}

.cart-item__option-addon,
.cart-item__option-addon * {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit;
    color: inherit !important;
}

.cart-item__swatch {
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

.cart-item__qty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cart-item__qty-label {
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--black);
}

.cart-item__qty-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10px;
    height: 17px;
    padding: 0;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--black);
    vertical-align: middle;
}

.cart-item__qty-btn[disabled] {
    opacity: 0.35;
    cursor: default;
}

.cart-item__qty input {
    width: 12px;
    display: inline-block;
    text-align: center;
    border: none;
    background: none;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 0;
    color: var(--gray3);
    vertical-align: middle;
}

.header-sidebar.is-loading {
    pointer-events: none;
}

.header-sidebar.is-loading .sidebar-content,
.header-sidebar.is-loading .sidebar-footer {
    opacity: 0.55;
}

.sidebar-empty {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    min-height: 100%;
    padding: 48px 0;
    text-align: left;
}

.sidebar-empty__title,
.sidebar-empty__text {
    margin: 0;
}

.sidebar-empty__title {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.sidebar-empty__text {
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray3);
}

/* ========================================
   MOBILE PANEL
   ======================================== */
#mobile-panel {
    position: fixed;
    inset: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    background: var(--white);
    z-index: 1300;
    box-shadow: none;
    overflow-y: auto;
    display: none;
}

#mobile-panel.header__panel--visible {
    display: block;
}

#mobile-panel .header__panel-inner.container {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    padding: 0;
}

.raketa-header #globalnav #mobile-panel nav {
    display: block !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mobile-menu-shell {
    --mobile-menu-color: var(--black);
    --mobile-menu-heading-color: var(--gray);
    --mobile-menu-muted-color: #9C9CA6;
    --mobile-menu-rule-color: var(--gray4);
    --mobile-menu-footer-size: 10px;
    --mobile-menu-heading-size: 12px;
    --mobile-menu-item-size: 16px;
    min-height: 100vh;
    padding: 0 var(--page-gutter) 24px;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-mono);
    color: var(--mobile-menu-color);
}

.mobile-menu-shell :is(a, button, input) {
    font-family: inherit;
}

.mobile-menu-view {
    display: none;
    min-height: 100vh;
}

.mobile-menu-view--active {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.mobile-menu-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0 0;
    min-height: 34px;
}

.mobile-menu-toolbar--search {
    align-items: center;
    gap: 12px;
    padding: 12px 0 10px;
    border-bottom: 1px solid var(--mobile-menu-rule-color);
}

.mobile-menu-toolbar__back,
.mobile-menu-toolbar__close {
    color: var(--mobile-menu-color);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: none;
}

.mobile-menu-toolbar__close {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    line-height: 0;
}

.mobile-menu-toolbar__close svg,
.mobile-search__submit svg {
    display: block;
    width: 100%;
    height: 100%;
}

#mobile-panel .mobile-search {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

#mobile-panel .mobile-search .header__search-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: none;
    padding: 0;
    font-size: var(--mobile-menu-footer-size);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    color: var(--mobile-menu-color);
    background: transparent;
}

#mobile-panel .mobile-search .header__search-input::placeholder {
    color: var(--mobile-menu-muted-color);
}

.mobile-search__submit {
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mobile-menu-color);
}

.mobile-menu-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 48px 0 0;
}

.mobile-section-title,
.mobile-subsection-title {
    --header-label-size: var(--mobile-menu-heading-size);
    --header-label-spacing: 0.05em;
    --header-label-color: var(--mobile-menu-heading-color);
    margin: 0 0 16px;
}

.mobile-subsection + .mobile-subsection {
    margin-top: 32px;
}

.mobile-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-list + .mobile-section-title,
.mobile-list + .mobile-subsection-title {
    margin-top: 32px;
}

.mobile-list li + li {
    margin-top: 8px;
}

.mobile-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    border-bottom: none;
    color: var(--mobile-menu-color);
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--mobile-menu-item-size);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.44;
}

.mobile-list li a .chev {
    color: var(--mobile-menu-color);
    font-size: 14px;
    line-height: 1;
}

.mobile-panel-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 0;
    margin-top: auto;
    padding: 32px 0 16px;
    border-top: 1px solid var(--mobile-menu-rule-color);
}

.mobile-panel-footer__group strong {
    display: block;
    margin-bottom: 16px;
    font-size: var(--mobile-menu-footer-size);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--mobile-menu-color);
}

.mobile-panel-footer__group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-panel-footer__group > ul {
    margin-bottom: 24px;
}

.mobile-panel-footer__group li + li {
    margin-top: 8px;
}

.mobile-panel-footer__link {
    color: var(--mobile-menu-color);
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: var(--mobile-menu-footer-size);
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.44;
    text-decoration: none;
}

.mobile-panel-footer__action,
.mobile-footer-link {
    color: var(--mobile-menu-color);
    font-size: var(--mobile-menu-footer-size);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    text-decoration: none;
}

.mobile-footer-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.mobile-panel-footer__link,
.mobile-panel-footer__link:visited {
    color: var(--mobile-menu-color);
    text-decoration: none;
}

.mobile-panel-footer__action {
    display: inline-flex;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mobile-panel-footer__link.is-inactive,
.mobile-panel-footer__link.is-inactive:visited {
    color: var(--mobile-menu-muted-color);
}

/* Stacked pages for mobile */
.pages--stacked {
    display: block;
    padding: 0;
}

.pages--stacked li {
    display: block;
    margin: 8px 0;
}

/* ========================================
   MOBILE HEADER TOGGLE
   ======================================== */
.raketa-header__mobile-toggle {
    display: none;
    align-items: center;
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
}

.raketa-header__mobile-menu-icon {
    display: inline-block;
    vertical-align: middle;
}

.raketa-header__mobile-menu-label {
    display: none;
    font-family: var(--font-family-mono);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-left: 0;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */
@media (max-width: 1023px) {
    /* Compact navigation: mobile + tablet */
    .raketa-header .globalnav-left {
        display: none;
    }

    .raketa-header {
        --header-base-bg: var(--white);
        --header-base-fg: var(--black);
    }

    .raketa-header #globalnav {
        background: var(--white);
    }

    .raketa-header .site-logo {
        color: var(--black);
    }

    .raketa-header .globalnav-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 12px var(--page-gutter);
    }

    /* Keep the logo optically centered without changing the bar's layout mode. */
    .raketa-header .globalnav-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 auto;
        width: var(--logo-width);
        line-height: 0;
    }

    .raketa-header .globalnav-center h2 {
        margin: 0;
        line-height: 0;
        font-size: 0;
    }

    .raketa-header .site-logo-link,
    .raketa-header .site-logo {
        display: block;
        width: var(--logo-width);
    }

    /* Right controls */
    .raketa-header .globalnav-right {
        gap: 8px;
        padding-right: 0;
        flex: 0 0 auto;
    }

    /* Show mobile toggle (ID needed to beat default.css header #mobile-nav-toggle) */
    .raketa-header #mobile-nav-toggle.raketa-header__mobile-toggle {
        display: inline-flex;
        padding: 6px 0;
    }

    .raketa-header__mobile-menu-label {
        display: inline-block;
    }

    .raketa-header__mobile-menu-icon {
        display: none;
    }

    .raketa-header .globalnav-right > * {
        display: none;
    }

    .raketa-header .globalnav-right .header-nav-item--cart {
        display: inline-flex;
    }

    /* Hide kit/currency/search buttons in compact navigation */
    .header__kit-placeholder {
        display: none;
    }

    #header-search-panel,
    #header-currency-panel {
        left: 0;
        right: auto;
    }

    /* Compact menu panel sizing */
    #mobile-panel {
        inset: 0;
    }

    #mobile-panel .header__panel-inner.container {
        max-width: 100%;
    }

    .mobile-menu-shell {
        padding: 0 var(--page-gutter) 24px;
    }

    #mobile-panel a,
    #mobile-panel a:visited {
        color: var(--black);
    }

    #mobile-panel .mobile-panel-footer__link.is-inactive,
    #mobile-panel .mobile-panel-footer__link.is-inactive:visited {
        color: var(--mobile-menu-muted-color);
    }

    #mobile-panel a:hover {
        color: var(--purple);
    }

    #mobile-panel .mobile-panel-footer {
        padding-bottom: 24px;
    }
}

@media screen and (max-width: 767px) {
    .raketa-header h2 a span {
        display: none;
    }
    header #mobile-nav-toggle:hover {
        color: var(--link-hover-color);
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .container {
        padding: inherit;
    }
}