/*
 * OGONKI.BY Modern UI — day/night theme
 * Version: 0.3.2
 * Date: 2026-09-29
 * Loaded last so it can safely override day-only colours from older Modern UI layers.
 */

html[data-og-theme="day"] body.ogonki-modern {
    color-scheme: light;
    --og-logo-image: url("../img/logo-day.png");
}

html[data-og-theme="night"] body.ogonki-modern {
    color-scheme: dark;
    --og-bg: #0d1014;
    --og-surface: #171b20;
    --og-surface-soft: #12161b;
    --og-text: #f3f5f7;
    --og-text-soft: #b8c0c8;
    --og-muted: #8f99a4;
    --og-line: #2a3139;
    --og-line-strong: #39434d;
    --og-accent: #a8d24f;
    --og-accent-dark: #c8ec69;
    --og-accent-soft: rgba(168,210,79,.13);
    --og-dark: #090c10;
    --og-shadow-sm: 0 5px 18px rgba(0,0,0,.24);
    --og-shadow: 0 16px 42px rgba(0,0,0,.34);
    --og-menu-surface: rgba(15,18,22,.96);
    --og-menu-text: #edf1f4;
    --og-menu-hover: rgba(168,210,79,.10);
    --og-menu-shadow: 0 20px 60px rgba(0,0,0,.42);
    --og-logo-image: url("../img/logo-night.png");
}

/* Brand mark: the original SoloMono img stays in the DOM for its link/alt text,
   but the Modern theme paints the supplied optimized logo asset. */
body.ogonki-modern .top_header .logo a,
body.ogonki-modern .new_nav-wrapper .logo a {
    width: 118px;
    min-width: 118px;
    height: 62px;
    background-image: var(--og-logo-image);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

body.ogonki-modern .top_header .logo img,
body.ogonki-modern .new_nav-wrapper .logo img {
    width: 118px !important;
    height: 62px !important;
    max-width: 118px !important;
    max-height: 62px !important;
    opacity: 0 !important;
}

/* Theme switch */
body.ogonki-modern .og-theme-toggle {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 13px;
    background: rgba(255,255,255,.07);
    color: #fff;
    cursor: pointer;
    box-shadow: none;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.ogonki-modern .og-theme-toggle:hover,
body.ogonki-modern .og-theme-toggle:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.28);
    background: rgba(255,255,255,.12);
    outline: 0;
}

body.ogonki-modern .og-theme-icon {
    display: none;
    width: 21px;
    height: 21px;
}

body.ogonki-modern .og-theme-icon svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html[data-og-theme="day"] body.ogonki-modern .og-theme-icon-moon,
html[data-og-theme="night"] body.ogonki-modern .og-theme-icon-sun {
    display: block;
}

html[data-og-theme="day"] body.ogonki-modern .og-theme-icon-moon svg path {
    fill: currentColor;
    stroke: currentColor;
}

html[data-og-theme="night"] body.ogonki-modern .og-theme-icon-sun svg circle {
    fill: none;
}

/* Day header now actually looks like a day theme, so the black logo has a proper home. */
html[data-og-theme="day"] body.ogonki-modern .top_header {
    background: #fbfbf9;
    border-bottom-color: #e7e8e9;
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input {
    border-color: #dfe3e6;
    background: #fff;
    color: #20242a;
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input:focus {
    border-color: #b8c0c6;
    background: #fff;
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input::placeholder {
    color: #8b9299;
}

html[data-og-theme="day"] body.ogonki-modern .phones_header,
html[data-og-theme="day"] body.ogonki-modern .phones_header a,
html[data-og-theme="day"] body.ogonki-modern .call_me p {
    color: #252a30;
}

html[data-og-theme="day"] body.ogonki-modern .container_top_header-items svg,
html[data-og-theme="day"] body.ogonki-modern .img_basket svg,
html[data-og-theme="day"] body.ogonki-modern .basket_block svg {
    fill: #20262c;
}

html[data-og-theme="day"] body.ogonki-modern .opt {
    color: #607b2e;
}

html[data-og-theme="day"] body.ogonki-modern .opt:hover {
    color: #3e5f16;
}

html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle {
    border-color: #dce1e5;
    background: #fff;
    color: #20262c;
    box-shadow: 0 4px 14px rgba(18,24,30,.06);
}

html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle:hover,
html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle:focus-visible {
    border-color: #c6ced4;
    background: #f6f8f9;
}

/* Night navigation */
html[data-og-theme="night"] body.ogonki-modern .add_navbar {
    background: rgba(13,16,20,.96);
    border-bottom-color: #252c33;
    box-shadow: 0 6px 24px rgba(0,0,0,.22);
}

html[data-og-theme="night"] body.ogonki-modern .menu_information li > a {
    color: #e9edf1;
}

html[data-og-theme="night"] body.ogonki-modern .menu_information li > a:hover,
html[data-og-theme="night"] body.ogonki-modern .menu_information li > a:focus {
    background: rgba(168,210,79,.09);
    color: #c8ec69;
}

html[data-og-theme="night"] body.ogonki-modern .socials_telegram a {
    border-color: #2b333b;
    background: #151a20;
}

/* Main storefront surfaces */
html[data-og-theme="night"] body.ogonki-modern main,
html[data-og-theme="night"] body.ogonki-modern .page-wrap {
    background: var(--og-bg);
}

html[data-og-theme="night"] body.ogonki-modern .product,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product,
html[data-og-theme="night"] body.ogonki-modern .listing-header,
html[data-og-theme="night"] body.ogonki-modern .description_card_product,
html[data-og-theme="night"] body.ogonki-modern .account_template .panel,
html[data-og-theme="night"] body.ogonki-modern.checkout_page .moduleRow,
html[data-og-theme="night"] body.ogonki-modern.checkout_page .moduleRowSelected {
    background: var(--og-surface);
    border-color: var(--og-line);
    color: var(--og-text);
}

html[data-og-theme="night"] body.ogonki-modern .p_img_href,
html[data-og-theme="night"] body.ogonki-modern .product .p_img_href {
    background: #eef1f3;
}

html[data-og-theme="night"] body.ogonki-modern input,
html[data-og-theme="night"] body.ogonki-modern textarea,
html[data-og-theme="night"] body.ogonki-modern select,
html[data-og-theme="night"] body.ogonki-modern .selectize-input,
html[data-og-theme="night"] body.ogonki-modern .selectize-dropdown {
    border-color: var(--og-line-strong);
    background: #13181d;
    color: var(--og-text);
}

/* Home SEO component */
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__surface {
    background:
        radial-gradient(circle at 92% 4%, rgba(168,210,79,.12), transparent 29%),
        #15191e;
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__quick li,
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__category,
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__card,
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__cta {
    background: #11161b;
    border-color: #293139;
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__category:hover,
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__btn--secondary {
    background: #1a2026;
    border-color: #39434d;
    color: #f1f4f6 !important;
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__quick li {
    background: rgba(18,23,28,.9);
}

/* Premium catalogue follows the selected colour scheme. The branded top stays dark. */
html[data-og-theme="night"] body.ogonki-modern .og-desktop-catalog-panel-premium {
    background: #12161a;
    box-shadow: 0 34px 100px rgba(0,0,0,.56);
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-rail {
    border-right-color: #2b3238;
    background:
        linear-gradient(180deg, rgba(24,29,34,.98), rgba(17,21,25,.98)),
        radial-gradient(circle at 0 0, rgba(168,210,79,.08), transparent 40%);
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-main {
    background: #111519;
    scrollbar-color: #414951 transparent;
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-rail h3,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-main-head h3,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-quick-link,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-item-title {
    color: #f0f3f5 !important;
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-rail > p,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-quick-copy small,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-item-copy small,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-item .og-catalog-card-links a {
    color: #929ca6 !important;
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-quick-link,
html[data-og-theme="night"] body.ogonki-modern .og-catalog-item {
    border-color: #293038;
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-trust a {
    border-color: #343d45;
    background: #171d22;
    color: #b6c0c8;
}

html[data-og-theme="night"] body.ogonki-modern .og-catalog-trust a:hover {
    border-color: rgba(168,210,79,.42);
    background: rgba(168,210,79,.09);
    color: #d7ef8d;
}

/* Mobile toggle placement */
@media (max-width: 991px) {
    body.ogonki-modern .og-theme-toggle-desktop {
        display: none !important;
    }

    body.ogonki-modern .og-theme-toggle-mobile {
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }
}

@media (min-width: 992px) {
    body.ogonki-modern .og-theme-toggle-mobile {
        display: none !important;
    }
}

@media (max-width: 991px) {
    body.ogonki-modern .new_nav-wrapper .logo a {
        width: 102px;
        min-width: 102px;
        height: 52px;
    }

    body.ogonki-modern .new_nav-wrapper .logo img {
        width: 102px !important;
        height: 52px !important;
        max-width: 102px !important;
        max-height: 52px !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.2.4 — premium fixed dark header + clean messenger cluster
 * Day/night now changes the storefront, not the brand header.
 * ---------------------------------------------------------------------- */

/* The header stays dark in BOTH themes. The supplied white logo is used there
   in both modes because it has much better contrast and looks more premium. */
html[data-og-theme="day"] body.ogonki-modern,
html[data-og-theme="night"] body.ogonki-modern {
    --og-logo-image: url("../img/logo-night.png");
}

html[data-og-theme="day"] body.ogonki-modern .top_header,
html[data-og-theme="night"] body.ogonki-modern .top_header {
    background: #11151a !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 8px 24px rgba(8,12,16,.08);
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input,
html[data-og-theme="night"] body.ogonki-modern .search_site_input {
    border-color: rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.075) !important;
    color: #fff !important;
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input:focus,
html[data-og-theme="night"] body.ogonki-modern .search_site_input:focus {
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.11) !important;
}

html[data-og-theme="day"] body.ogonki-modern .search_site_input::placeholder,
html[data-og-theme="night"] body.ogonki-modern .search_site_input::placeholder {
    color: rgba(255,255,255,.52) !important;
}

html[data-og-theme="day"] body.ogonki-modern .phones_header,
html[data-og-theme="day"] body.ogonki-modern .phones_header a,
html[data-og-theme="day"] body.ogonki-modern .call_me p,
html[data-og-theme="night"] body.ogonki-modern .phones_header,
html[data-og-theme="night"] body.ogonki-modern .phones_header a,
html[data-og-theme="night"] body.ogonki-modern .call_me p {
    color: rgba(255,255,255,.92) !important;
}

html[data-og-theme="day"] body.ogonki-modern .container_top_header-items svg,
html[data-og-theme="day"] body.ogonki-modern .img_basket svg,
html[data-og-theme="day"] body.ogonki-modern .basket_block svg,
html[data-og-theme="night"] body.ogonki-modern .container_top_header-items svg,
html[data-og-theme="night"] body.ogonki-modern .img_basket svg,
html[data-og-theme="night"] body.ogonki-modern .basket_block svg {
    fill: currentColor;
}

html[data-og-theme="day"] body.ogonki-modern .opt,
html[data-og-theme="night"] body.ogonki-modern .opt {
    color: #d8ef66 !important;
}

html[data-og-theme="day"] body.ogonki-modern .opt:hover,
html[data-og-theme="night"] body.ogonki-modern .opt:hover {
    color: #efffa5 !important;
}

/* Remove SoloMono's duplicate Telegram surfaces; Modern UI renders one
   controlled messenger group in the top header (and one inside mobile menu). */
body.ogonki-modern .socials_telegram {
    display: none !important;
}

body.ogonki-modern .container_top_header-items {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.ogonki-modern .og-messenger-group {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    margin: 0 2px;
}

body.ogonki-modern .og-messenger-link,
body.ogonki-modern .og-theme-toggle {
    box-sizing: border-box;
    display: inline-grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 0 !important;
    margin: 0;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.065);
    color: #fff;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 5px 16px rgba(0,0,0,.14);
    transition: transform .17s ease, background .17s ease, border-color .17s ease, box-shadow .17s ease;
}

html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle,
html[data-og-theme="night"] body.ogonki-modern .og-theme-toggle {
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.065) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 5px 16px rgba(0,0,0,.14) !important;
}

body.ogonki-modern .og-messenger-link:hover,
body.ogonki-modern .og-messenger-link:focus-visible,
html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle:hover,
html[data-og-theme="day"] body.ogonki-modern .og-theme-toggle:focus-visible,
html[data-og-theme="night"] body.ogonki-modern .og-theme-toggle:hover,
html[data-og-theme="night"] body.ogonki-modern .og-theme-toggle:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.105) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 9px 22px rgba(0,0,0,.19) !important;
    outline: none;
}

body.ogonki-modern .og-messenger-link svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

body.ogonki-modern .og-messenger-telegram {
    color: #2aabee;
    background: rgba(42,171,238,.095);
}

body.ogonki-modern .og-messenger-viber {
    color: #8f7cf6;
    background: rgba(143,124,246,.095);
}

body.ogonki-modern .og-messenger-whatsapp {
    color: #35d878;
    background: rgba(53,216,120,.095);
}

body.ogonki-modern .og-messenger-telegram:hover,
body.ogonki-modern .og-messenger-telegram:focus-visible {
    background: rgba(42,171,238,.16) !important;
    border-color: rgba(42,171,238,.34) !important;
}

body.ogonki-modern .og-messenger-viber:hover,
body.ogonki-modern .og-messenger-viber:focus-visible {
    background: rgba(143,124,246,.16) !important;
    border-color: rgba(143,124,246,.34) !important;
}

body.ogonki-modern .og-messenger-whatsapp:hover,
body.ogonki-modern .og-messenger-whatsapp:focus-visible {
    background: rgba(53,216,120,.16) !important;
    border-color: rgba(53,216,120,.34) !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.ogonki-modern .og-messenger-group { gap: 5px; }
    body.ogonki-modern .og-messenger-link,
    body.ogonki-modern .og-theme-toggle {
        flex-basis: 36px;
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        height: 36px;
        min-height: 36px;
        max-height: 36px;
    }
    body.ogonki-modern .og-messenger-link svg { width: 18px; height: 18px; }
}

@media (max-width: 991px) {
    body.ogonki-modern .og-messenger-group-mobile {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }
}


/* -------------------------------------------------------------------------
 * v0.2.5 — header contrast, clickable phones and compact legal footer
 * ---------------------------------------------------------------------- */

/* Legacy SoloMono action icons (account/compare/wishlist/cart) are black SVGs.
   Keep messenger brand colours untouched and brighten only the legacy direct
   actions sitting alongside the Modern controls. */
body.ogonki-modern .container_top_header-items > :not(.og-messenger-group):not(.og-theme-toggle) {
    color: rgba(255,255,255,.88) !important;
    opacity: 1 !important;
}
body.ogonki-modern .container_top_header-items > :not(.og-messenger-group):not(.og-theme-toggle) svg {
    opacity: .9 !important;
    filter: brightness(0) invert(1) !important;
}
body.ogonki-modern .container_top_header-items > :not(.og-messenger-group):not(.og-theme-toggle):hover svg,
body.ogonki-modern .container_top_header-items > :not(.og-messenger-group):not(.og-theme-toggle):focus-within svg {
    opacity: 1 !important;
}

body.ogonki-modern .og-phone-link {
    color: rgba(255,255,255,.94) !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-weight: 700;
}
body.ogonki-modern .og-phone-link:hover,
body.ogonki-modern .og-phone-link:focus-visible {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
body.ogonki-modern footer .og-phone-link {
    color: rgba(255,255,255,.82) !important;
}

/* The stock SoloMono footer has a tall legal column. In Modern UI the key
   identity remains visible while the full legal text is preserved in an
   accessible disclosure instead of forcing the footer hundreds of pixels down. */
body.ogonki-modern footer {
    min-height: 0 !important;
}
body.ogonki-modern .og-seller-compact {
    box-sizing: border-box;
    margin-top: 14px !important;
    padding: 18px 18px 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.72) !important;
}
body.ogonki-modern .og-seller-eyebrow {
    margin-bottom: 8px;
    color: #d8ef66;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.ogonki-modern .og-seller-identity {
    color: #fff;
    font-size: 15px;
    line-height: 1.42;
    font-weight: 720;
}
body.ogonki-modern .og-seller-meta {
    display: grid;
    gap: 5px;
    margin-top: 8px;
    color: rgba(255,255,255,.62);
    font-size: 12.5px;
    line-height: 1.45;
}
body.ogonki-modern .og-seller-details {
    margin-top: 14px;
    border-top: 1px solid rgba(255,255,255,.09);
}
body.ogonki-modern .og-seller-details > summary {
    position: relative;
    padding: 13px 26px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 12.5px;
    line-height: 1.4;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
body.ogonki-modern .og-seller-details > summary::-webkit-details-marker { display: none; }
body.ogonki-modern .og-seller-details > summary::after {
    content: '+';
    position: absolute;
    right: 2px;
    top: 10px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.9);
    font-size: 16px;
    font-weight: 500;
}
body.ogonki-modern .og-seller-details[open] > summary::after { content: '−'; }
body.ogonki-modern .og-seller-details-body {
    padding-top: 14px;
    color: rgba(255,255,255,.68);
    font-size: 12.5px;
    line-height: 1.55;
}
body.ogonki-modern .og-seller-details-body .h3,
body.ogonki-modern .og-seller-details-body > .h3:first-child {
    display: none !important;
}
body.ogonki-modern .og-seller-details-body p,
body.ogonki-modern .og-seller-details-body div {
    max-width: 100%;
}

/* Footer message actions: text labels make the actions obvious and avoid a
   second row of tiny anonymous icons. */
body.ogonki-modern .og-footer-messengers {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.09);
}
body.ogonki-modern .og-footer-messengers-label {
    margin-bottom: 9px;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.ogonki-modern .og-footer-messenger-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.ogonki-modern .og-footer-messenger-link {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px 0 10px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
}
body.ogonki-modern .og-footer-messenger-link svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}
body.ogonki-modern .og-footer-messenger-link span { color: #fff; }

@media (max-width: 767px) {
    body.ogonki-modern .og-seller-compact {
        margin-top: 12px !important;
        padding: 16px !important;
    }
    body.ogonki-modern .og-footer-messenger-link {
        height: 40px !important;
        min-height: 40px !important;
    }
}


/* -------------------------------------------------------------------------
 * v0.2.6 — dark-card polish + compact seller + unified messenger dock
 * ---------------------------------------------------------------------- */

/* Footer must use the same system stack as the rest of Modern UI. This also
   neutralises legacy Montserrat/Open Sans declarations from Solo Home. */
body.ogonki-modern footer,
body.ogonki-modern footer * {
    font-family: var(--og-font) !important;
}

/* The compact seller card owns the heading. Never show a second legacy title
   inside the disclosure if markup differs slightly between SoloMono builds. */
body.ogonki-modern .og-seller-details-body .og-seller-original > :first-child:is(.h3,h1,h2,h3,h4,h5),
body.ogonki-modern .og-seller-details-body .og-seller-original :is(.h3,h1,h2,h3,h4,h5):first-child {
    display: none !important;
}

/* In night mode the stock light image tray looked like a white frame around
   product photos. Keep the photo stage dark and let the picture itself lead. */
html[data-og-theme="night"] body.ogonki-modern .product .p_img_href,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product .p_img_href,
html[data-og-theme="night"] body.ogonki-modern #featured .p_img_href {
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: #171c21 !important;
    box-shadow: none !important;
}
html[data-og-theme="night"] body.ogonki-modern .product .p_img_href img,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product .p_img_href img,
html[data-og-theme="night"] body.ogonki-modern #featured .p_img_href img {
    display: block !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
}

/* Promo badges on dark cards: no white sticker / bright-red supermarket look. */
html[data-og-theme="night"] body.ogonki-modern .product_label,
html[data-og-theme="night"] body.ogonki-modern .label3.product_label,
html[data-og-theme="night"] body.ogonki-modern .label1.product_label,
html[data-og-theme="night"] body.ogonki-modern .label4.product_label {
    padding: 7px 10px !important;
    border: 1px solid rgba(216,239,102,.28) !important;
    border-radius: 999px !important;
    background: rgba(17,21,26,.90) !important;
    color: #d8ef66 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.24) !important;
    font-family: var(--og-font) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

/* The previous footer text buttons are retired in favour of one unobtrusive
   floating dock alongside Viber. Keep this hidden as a safety net if stale
   markup is still present after a partial cache refresh. */
body.ogonki-modern .og-footer-messengers {
    display: none !important;
}

body.ogonki-modern .og-floating-messenger-dock {
    position: fixed;
    right: 24px;
    bottom: 92px;
    z-index: 10020;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    background: rgba(17,21,26,.90);
    box-shadow: 0 14px 36px rgba(0,0,0,.28);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
body.ogonki-modern .og-floating-messenger-dock .og-messenger-link {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
}
body.ogonki-modern .og-floating-messenger-dock .og-messenger-link svg {
    width: 20px;
    height: 20px;
}

/* Neutralise the old fixed SoloMono Viber skin if a cached DOM/class survives. */
body.ogonki-modern a.viber {
    background-image: none !important;
}

@media (max-width: 767px) {
    body.ogonki-modern .og-floating-messenger-dock {
        right: 14px;
        bottom: 78px;
        gap: 6px;
        padding: 6px;
    }
    body.ogonki-modern .og-floating-messenger-dock .og-messenger-link {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.2.7 — night home tabs + image stage + hover/badge polish
 * ---------------------------------------------------------------------- */

/* The stock homepage tab colours (#313131) disappear on the night canvas.
   Keep the control understated at rest, but give hover/active a restrained
   neon accent that can be expanded later without changing the structure. */
html[data-og-theme="night"] body.ogonki-modern .sliders_tabs {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a {
    position: relative;
    border: 0 !important;
    background: transparent !important;
    color: #98a2ad !important;
    opacity: 1 !important;
    font-family: var(--og-font) !important;
    text-shadow: none;
    transition: color .18s ease, text-shadow .18s ease, background-color .18s ease;
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 1px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
    transform: scaleX(.65);
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a:hover,
html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a:focus {
    color: #d9f67a !important;
    background: rgba(168,210,79,.055) !important;
    text-shadow: 0 0 16px rgba(168,210,79,.16);
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a:hover::after,
html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li > a:focus::after {
    background: rgba(168,210,79,.72);
    box-shadow: 0 0 14px rgba(168,210,79,.28);
    transform: scaleX(.82);
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li.active > a,
html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li.active > a:hover,
html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li.active > a:focus {
    color: #f4f7f8 !important;
    background: transparent !important;
    text-shadow: 0 0 16px rgba(168,210,79,.10);
}

html[data-og-theme="night"] body.ogonki-modern .sliders_tabs .nav-tabs > li.active > a::after {
    background: var(--og-accent);
    box-shadow: 0 0 18px rgba(168,210,79,.34);
    transform: scaleX(1);
}

/* The category mosaic already has enough visual weight. Pull the product tabs
   closer so there is no accidental empty band between the two sections. */
body.ogonki-modern:has(.og-home-seo) #browse_category + .sliders_tabs {
    margin-top: 34px !important;
    padding-top: 0 !important;
}

/* Night cards should not reveal a dark 'tray' under a short image. The native
   product derivatives are close to 400x264, so use that ratio and let the
   photo fill the stage consistently. */
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .product .p_img_href,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #featured .product .p_img_href {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 400 / 264;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .product .p_img_href img,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #featured .product .p_img_href img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
}

/* Legacy hover styles can flip a product card back to white, making the title
   and price effectively disappear. Night mode owns the entire hover surface. */
html[data-og-theme="night"] body.ogonki-modern .product:hover,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product:hover {
    background: #181d22 !important;
    border-color: rgba(168,210,79,.24) !important;
    box-shadow:
        0 18px 46px rgba(0,0,0,.38),
        0 0 0 1px rgba(168,210,79,.035),
        0 0 28px rgba(168,210,79,.055) !important;
}

html[data-og-theme="night"] body.ogonki-modern .product:hover .p_description,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product:hover .p_description {
    background: #181d22 !important;
    color: var(--og-text) !important;
}

html[data-og-theme="night"] body.ogonki-modern .product:hover .model_product,
html[data-og-theme="night"] body.ogonki-modern .product:hover .model_product:link,
html[data-og-theme="night"] body.ogonki-modern .product:hover .model_product:visited,
html[data-og-theme="night"] body.ogonki-modern .product:hover .price,
html[data-og-theme="night"] body.ogonki-modern .product:hover .price > span,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product:hover .model_product,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product:hover .price,
html[data-og-theme="night"] body.ogonki-modern .product_slider .product:hover .price > span {
    color: #f4f7f8 !important;
    opacity: 1 !important;
}

/* Keep the promo pill fully inside the card. SoloMono's stock right offset can
   place it on the rounded edge, especially inside Owl items. */
html[data-og-theme="night"] body.ogonki-modern .product {
    position: relative;
}

html[data-og-theme="night"] body.ogonki-modern .product_label,
html[data-og-theme="night"] body.ogonki-modern .label3.product_label,
html[data-og-theme="night"] body.ogonki-modern .label1.product_label,
html[data-og-theme="night"] body.ogonki-modern .label4.product_label {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    max-width: calc(100% - 24px) !important;
    z-index: 5 !important;
}

@media (max-width: 767px) {
    body.ogonki-modern:has(.og-home-seo) #browse_category + .sliders_tabs {
        margin-top: 26px !important;
    }
    html[data-og-theme="night"] body.ogonki-modern .product_label,
    html[data-og-theme="night"] body.ogonki-modern .label3.product_label,
    html[data-og-theme="night"] body.ogonki-modern .label1.product_label,
    html[data-og-theme="night"] body.ogonki-modern .label4.product_label {
        top: 9px !important;
        right: 9px !important;
        max-width: calc(100% - 18px) !important;
    }
}

/* -------------------------------------------------------------------------
 * v0.2.8 — image seams, sale-badge breathing room, visible carousel arrows
 *          and night secondary CTA contrast
 * ---------------------------------------------------------------------- */

/* Remove the tiny legacy image-baseline/tray seam in both day and night.
   The home product rails use one deterministic photo stage in both schemes. */
body.ogonki-modern:has(.og-home-seo) .product_slider .product .p_img_href,
body.ogonki-modern:has(.og-home-seo) #featured .product .p_img_href {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 400 / 264;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: top !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.ogonki-modern:has(.og-home-seo) .product_slider .product .p_img_href img,
body.ogonki-modern:has(.og-home-seo) #featured .product .p_img_href img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    vertical-align: top !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
}

/* Same anti-seam treatment for category tiles. The caption restores its own
   readable line-height below, so zeroing the link line box is safe. */
body.ogonki-modern:has(.og-home-seo) #browse_category a,
body.ogonki-modern:has(.og-home-seo) #browse_category .browse_category_item {
    font-size: 0 !important;
    line-height: 0 !important;
}

body.ogonki-modern:has(.og-home-seo) #browse_category img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    vertical-align: top !important;
}

body.ogonki-modern:has(.og-home-seo) #browse_category .subcat_name {
    font-size: 14px !important;
    line-height: 1.25 !important;
}

/* Give the sale pill obvious air from both rounded edges. Positioning is
   shared by day/night; colour treatment remains scheme-specific. */
body.ogonki-modern:has(.og-home-seo) .product {
    position: relative !important;
}

body.ogonki-modern:has(.og-home-seo) .product_label,
body.ogonki-modern:has(.og-home-seo) .label1.product_label,
body.ogonki-modern:has(.og-home-seo) .label2.product_label,
body.ogonki-modern:has(.og-home-seo) .label3.product_label,
body.ogonki-modern:has(.og-home-seo) .label4.product_label {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    max-width: calc(100% - 36px) !important;
    box-sizing: border-box !important;
    z-index: 6 !important;
    transform: none !important;
}

/* Owl in this SoloMono build can render its navigation controls without a
   visible glyph. Draw our own arrows so the controls never become blank dots. */
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: transparent !important;
}

body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev::before {
    content: "‹" !important;
}

body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next::before,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next::before {
    content: "›" !important;
}

body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next::before,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next::before {
    display: block;
    margin-top: -2px;
    color: #20262c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next {
    border-color: rgba(168,210,79,.25) !important;
    background: rgba(24,29,34,.96) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.34) !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next::before {
    color: #d9f67a !important;
    text-shadow: 0 0 14px rgba(168,210,79,.28);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next:hover {
    border-color: rgba(168,210,79,.58) !important;
    background: rgba(31,38,43,.98) !important;
    box-shadow: 0 0 0 1px rgba(168,210,79,.08), 0 0 24px rgba(168,210,79,.16) !important;
}

/* The secondary CTA inherited a white legacy surface in Night mode while the
   link text stayed light. Own both surface and text explicitly. */
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__button--secondary {
    border-color: rgba(255,255,255,.16) !important;
    background: #181d22 !important;
    color: #f4f7f8 !important;
    box-shadow: none !important;
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__button--secondary:hover,
html[data-og-theme="night"] body.ogonki-modern .og-home-seo__button--secondary:focus {
    border-color: rgba(168,210,79,.46) !important;
    background: #1e252b !important;
    color: #d9f67a !important;
    box-shadow: 0 0 22px rgba(168,210,79,.09) !important;
}

@media (max-width: 767px) {
    body.ogonki-modern:has(.og-home-seo) #browse_category .subcat_name {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    body.ogonki-modern:has(.og-home-seo) .product_label,
    body.ogonki-modern:has(.og-home-seo) .label1.product_label,
    body.ogonki-modern:has(.og-home-seo) .label2.product_label,
    body.ogonki-modern:has(.og-home-seo) .label3.product_label,
    body.ogonki-modern:has(.og-home-seo) .label4.product_label {
        top: 12px !important;
        right: 12px !important;
        max-width: calc(100% - 24px) !important;
    }

    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next {
        width: 38px !important;
        height: 38px !important;
    }

    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-prev::before,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-nav .owl-next::before,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-prev::before,
    body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-nav .owl-next::before {
        font-size: 27px;
    }
}

/* -------------------------------------------------------------------------
 * v0.2.9 — final home polish: category seams, inset sale badges,
 *          real Night carousel arrows and premium footer separator
 * ---------------------------------------------------------------------- */

/* Solo Home still contributes `padding-bottom: 10px` to homepage category
   links. That padding is the coloured strip visible under the photo in both
   colour schemes. Remove only that legacy spacing; keep the current image
   ratio untouched. */
body.ogonki-modern:has(.og-home-seo) .page-wrap .right_content #browse_category.subcats_imgs > div > a,
body.ogonki-modern:has(.og-home-seo) #browse_category.subcats_imgs > div > a,
body.ogonki-modern:has(.og-home-seo) #browse_category .browse_category_item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom-width: 1px !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

body.ogonki-modern:has(.og-home-seo) #browse_category.subcats_imgs > div > a > img,
body.ogonki-modern:has(.og-home-seo) #browse_category .browse_category_item > img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

/* Keep sale badges visibly inside the image/card radius. The previous 18 px
   offset was still too close to the rounded corner on the wide Owl cards. */
body.ogonki-modern:has(.og-home-seo) .product_slider .product .product_label,
body.ogonki-modern:has(.og-home-seo) .product_slider .product .label1.product_label,
body.ogonki-modern:has(.og-home-seo) .product_slider .product .label2.product_label,
body.ogonki-modern:has(.og-home-seo) .product_slider .product .label3.product_label,
body.ogonki-modern:has(.og-home-seo) .product_slider .product .label4.product_label,
body.ogonki-modern:has(.og-home-seo) #featured .product .product_label {
    top: 14px !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    max-width: calc(100% - 48px) !important;
    transform: none !important;
}

/* Some SoloMono Owl builds paint the navigation background on the actual
   `.owl-prev/.owl-next` node after the generic Modern rule. Own the complete
   button in Night mode and suppress any stock image/SVG so a white blank disc
   cannot leak through. */
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(168,210,79,.34) !important;
    border-radius: 999px !important;
    background: #151a1f !important;
    background-image: none !important;
    color: transparent !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.34), 0 0 0 1px rgba(168,210,79,.025) !important;
    text-indent: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev > *,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next > *,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev > *,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next > * {
    display: none !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev::before {
    content: "‹" !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next::before {
    content: "›" !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev::before,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next::before {
    display: block !important;
    margin: -2px 0 0 !important;
    color: #d9f67a !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 29px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    text-shadow: 0 0 14px rgba(168,210,79,.28) !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev::after,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next::after,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev::after,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next::after {
    content: none !important;
    display: none !important;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next:hover {
    border-color: rgba(190,235,98,.72) !important;
    background: #1c241f !important;
    box-shadow: 0 0 0 1px rgba(168,210,79,.10), 0 0 26px rgba(168,210,79,.20), 0 10px 28px rgba(0,0,0,.32) !important;
}

/* Replace the old grey rule above the permanently dark footer with a very
   restrained brand-light separator. It is intentionally subtle: neon is an
   interaction/accent language, not a large decorative surface. */
body.ogonki-modern footer,
body.ogonki-modern .footer_content {
    border-top: 0 !important;
}

body.ogonki-modern footer {
    position: relative;
}

body.ogonki-modern footer::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,
        rgba(168,210,79,0) 0%,
        rgba(168,210,79,.18) 18%,
        rgba(197,236,105,.72) 50%,
        rgba(168,210,79,.18) 82%,
        rgba(168,210,79,0) 100%);
    box-shadow: 0 0 14px rgba(168,210,79,.10);
}

@media (max-width: 767px) {
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .product_label,
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .label1.product_label,
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .label2.product_label,
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .label3.product_label,
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .label4.product_label,
    body.ogonki-modern:has(.og-home-seo) #featured .product .product_label {
        top: 10px !important;
        right: 12px !important;
        max-width: calc(100% - 24px) !important;
    }

    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-prev,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .owl-carousel.product_slider .owl-next,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-prev,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .owl-controls .owl-next {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }
}



/* -------------------------------------------------------------------------
 * v0.3.0 — tabs state, sale-badge optical inset and reliable carousel arrows
 * ---------------------------------------------------------------------- */

/* The badge is positioned from the whole product card, while the photo itself
   starts lower because of the card's inner inset. Move the badge down to give
   it the same visible breathing room from the top of the PHOTO as from its
   right edge. */
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .product .product_label,
body.ogonki-modern:has(.og-home-seo) .product_slider .product .product_label,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .product .product_label,
body.ogonki-modern:has(.og-home-seo) #featured .product .product_label,
body.ogonki-modern:has(.og-home-seo) .product .label1.product_label,
body.ogonki-modern:has(.og-home-seo) .product .label2.product_label,
body.ogonki-modern:has(.og-home-seo) .product .label3.product_label,
body.ogonki-modern:has(.og-home-seo) .product .label4.product_label {
    top: 28px !important;
    right: 26px !important;
    left: auto !important;
    bottom: auto !important;
}

/* Avoid displaying SoloMono's initial generic Recommended payload under an
   already-active "ТОП продаж" tab while the site's own Best sellers request
   is being activated by ogonki-modern-home.js. */
body.ogonki-modern:has(.og-home-seo) .sliders_tabs.og-tabs-booting .tab-content {
    opacity: 0 !important;
    min-height: 220px;
    pointer-events: none;
}

body.ogonki-modern:has(.og-home-seo) .sliders_tabs .tab-content {
    transition: opacity .16s ease;
}

/* Owl/SoloMono has several generations of navigation markup. Do not depend on
   a text glyph supplied by Owl: draw the chevron ourselves on every product
   carousel navigation button. This also prevents the blank white discs seen
   in Night mode. */
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev,
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(168,210,79,.55) !important;
    background: rgba(18,24,28,.96) !important;
    background-image: none !important;
    color: #d9f67a !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.24), 0 0 18px rgba(168,210,79,.07) !important;
    opacity: 1 !important;
    overflow: visible !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev > *,
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next > *,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev > *,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next > *,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev > *,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next > * {
    display: none !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next::before,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next::before,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next::before {
    content: "" !important;
    display: block !important;
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-style: solid !important;
    border-color: #d9f67a !important;
    border-width: 0 2px 2px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev::before,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev::before {
    transform: rotate(135deg) translate(-1px,-1px) !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next::before,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next::before,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next::before {
    transform: rotate(-45deg) translate(-1px,-1px) !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev::after,
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next::after,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev::after,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next::after,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev::after,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next::after {
    content: none !important;
    display: none !important;
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .owl-prev,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .owl-next {
    background: rgba(255,255,255,.98) !important;
    border-color: rgba(111,142,47,.40) !important;
    box-shadow: 0 9px 26px rgba(20,25,30,.13) !important;
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev::before,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next::before,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev::before,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next::before,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .owl-prev::before,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .owl-next::before {
    border-color: #6f8e2f !important;
}

body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-prev:hover,
body.ogonki-modern:has(.og-home-seo) .row_catalog_products .owl-next:hover,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-prev:hover,
body.ogonki-modern:has(.og-home-seo) .sliders_tabs .owl-next:hover,
body.ogonki-modern:has(.og-home-seo) #featured .owl-prev:hover,
body.ogonki-modern:has(.og-home-seo) #featured .owl-next:hover {
    border-color: rgba(201,239,111,.88) !important;
    box-shadow: 0 0 24px rgba(168,210,79,.22), 0 10px 28px rgba(0,0,0,.24) !important;
}

@media (max-width: 767px) {
    body.ogonki-modern:has(.og-home-seo) .row_catalog_products .product .product_label,
    body.ogonki-modern:has(.og-home-seo) .product_slider .product .product_label,
    body.ogonki-modern:has(.og-home-seo) .sliders_tabs .product .product_label,
    body.ogonki-modern:has(.og-home-seo) #featured .product .product_label,
    body.ogonki-modern:has(.og-home-seo) .product .label1.product_label,
    body.ogonki-modern:has(.og-home-seo) .product .label2.product_label,
    body.ogonki-modern:has(.og-home-seo) .product .label3.product_label,
    body.ogonki-modern:has(.og-home-seo) .product .label4.product_label {
        top: 20px !important;
        right: 18px !important;
    }
}

/* ========================================================================== 
   0.3.1 — Premium home colour pass
   ========================================================================== */

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__surface {
    border-color: rgba(255,255,255,.085);
    background:
        radial-gradient(circle at 94% 4%, rgba(168,210,79,.115), transparent 30%),
        radial-gradient(circle at 12% 112%, rgba(77,124,190,.045), transparent 34%),
        #15191e;
    box-shadow:
        0 34px 92px rgba(0,0,0,.33),
        inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__quick li {
    border-color: #2a333b;
    background: linear-gradient(180deg, rgba(18,24,29,.96), rgba(14,19,24,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__category {
    background: linear-gradient(180deg, #151a20, #11161b);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.12);
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__card {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__cta {
    border-color: rgba(168,210,79,.12);
    background:
        linear-gradient(135deg, rgba(168,210,79,.065), rgba(168,210,79,.018) 42%),
        #11161b;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

@media (hover: hover) and (pointer: fine) {
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .product:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #featured .product:hover {
        border-color: rgba(168,210,79,.25) !important;
        box-shadow:
            0 0 0 1px rgba(168,210,79,.055),
            0 18px 42px rgba(0,0,0,.25),
            0 0 28px rgba(168,210,79,.055) !important;
    }

    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product:hover,
    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product_slider .product:hover,
    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .product:hover {
        border-color: #dce3e7 !important;
        box-shadow: 0 18px 42px rgba(22,28,35,.105) !important;
    }

    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #browse_category a:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #browse_category a:focus {
        border-color: rgba(168,210,79,.28) !important;
        box-shadow: 0 16px 36px rgba(0,0,0,.25), 0 0 26px rgba(168,210,79,.045) !important;
    }
}


/* ========================================================================== 
   0.3.2 — Premium home colour / light pass II
   ========================================================================== */

/* Day gets a warmer editorial canvas; Night gets a very restrained luminous
   field. Header stays permanently dark in both schemes. */
html[data-og-theme="day"] body.frontpage.ogonki-modern:has(.og-home-seo) main {
    background:
        radial-gradient(circle at 50% 3%, rgba(168,210,79,.075), transparent 24%),
        linear-gradient(180deg, #f7f8f8 0%, var(--og-bg) 22%, var(--og-bg) 100%);
}

html[data-og-theme="night"] body.frontpage.ogonki-modern:has(.og-home-seo) main {
    background:
        radial-gradient(circle at 50% 4%, rgba(168,210,79,.055), transparent 22%),
        radial-gradient(circle at 92% 44%, rgba(58,112,170,.03), transparent 25%),
        var(--og-bg);
}

html[data-og-theme="night"] body.frontpage.ogonki-modern:has(.og-home-seo) main > .container:first-of-type {
    border-color: rgba(255,255,255,.075);
    background: linear-gradient(180deg, #151a20, #11161b);
    box-shadow:
        0 26px 70px rgba(0,0,0,.34),
        0 0 0 1px rgba(168,210,79,.025),
        0 0 42px rgba(168,210,79,.035);
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .banner_block > .row > .section_banner {
    border-color: #e0e5e8;
    box-shadow: 0 14px 38px rgba(22,28,35,.085);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .banner_block > .row > .section_banner {
    border-color: #293139;
    box-shadow: 0 16px 40px rgba(0,0,0,.28);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .like_h2,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .browse_category_title {
    border-bottom-color: #242c33;
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .like_h2::after,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .browse_category_title::after {
    box-shadow: 0 0 17px rgba(168,210,79,.24);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #browse_category a,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #browse_category .browse_category_item {
    border-color: #2a323a;
    box-shadow: 0 12px 34px rgba(0,0,0,.24);
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #browse_category a,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #browse_category .browse_category_item {
    border-color: #e1e5e8;
    box-shadow: 0 12px 32px rgba(22,28,35,.075);
}

/* Product surfaces: soft material depth at rest, light only on interaction. */
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .product,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #featured .product {
    border-color: #252d34;
    background: linear-gradient(180deg, #181d22 0%, #171b20 100%);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product_slider .product,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #featured .product {
    border-color: #e2e6e9;
    box-shadow: 0 10px 28px rgba(22,28,35,.065);
}

/* In Night the product CTA stays almost black and receives a glow only when
   it is actionable/hovered; no bright filled neon blocks. */
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product .new_old_price .add2cart,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product .new_old_price .added2cart {
    border: 1px solid #2d363e;
    background: #0d1216;
    box-shadow: 0 8px 22px rgba(0,0,0,.24);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product .new_old_price .add2cart:hover,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product .new_old_price .added2cart:hover {
    border-color: rgba(168,210,79,.42);
    background: #101710;
    color: #e2fb91;
    box-shadow: 0 0 22px rgba(168,210,79,.15), 0 10px 24px rgba(0,0,0,.28);
}

/* Cleaner premium sale chip. */
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label1.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label2.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label3.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label4.product_label {
    border-color: rgba(190,226,93,.30) !important;
    background: rgba(14,19,22,.90) !important;
    color: #d8f36f !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
}

html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label1.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label2.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label3.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label4.product_label {
    border-color: rgba(77,111,33,.14) !important;
    background: rgba(250,252,247,.94) !important;
    color: #537c2a !important;
    box-shadow: 0 7px 16px rgba(22,28,35,.10) !important;
}

/* SEO premium panel is deliberately stronger than ordinary cards so it reads
   as an editorial landing section, not another catalogue module. */
html[data-og-theme="day"] body.ogonki-modern .og-home-seo__surface {
    border-color: #e1e5e8;
    background:
        radial-gradient(circle at 92% 0%, rgba(168,210,79,.12), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fbfcfb 100%);
}

html[data-og-theme="night"] body.ogonki-modern .og-home-seo__surface {
    border-color: #2b333b;
    background:
        radial-gradient(circle at 91% 2%, rgba(168,210,79,.105), transparent 30%),
        radial-gradient(circle at 12% 112%, rgba(73,118,181,.04), transparent 34%),
        linear-gradient(180deg, #151a1f, #13181d);
    box-shadow:
        0 36px 96px rgba(0,0,0,.34),
        0 0 52px rgba(168,210,79,.025),
        inset 0 1px 0 rgba(255,255,255,.025);
}

@media (hover: hover) and (pointer: fine) {
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .banner_block .section_banner:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) #browse_category a:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product:hover,
    html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_slider .product:hover {
        border-color: rgba(168,210,79,.30) !important;
        box-shadow:
            0 18px 46px rgba(0,0,0,.30),
            0 0 0 1px rgba(168,210,79,.035),
            0 0 34px rgba(168,210,79,.07) !important;
    }

    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .banner_block .section_banner:hover,
    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) #browse_category a:hover,
    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product:hover,
    html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product_slider .product:hover {
        border-color: #d4dde2 !important;
        box-shadow: 0 20px 48px rgba(22,28,35,.115) !important;
    }
}


/* ========================================================================== 
   0.3.3 — Sale-chip material polish
   ========================================================================== */
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label1.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label2.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label3.product_label,
html[data-og-theme="day"] body.ogonki-modern:has(.og-home-seo) .label4.product_label {
    border: 1px solid rgba(87,125,45,.17) !important;
    border-radius: 999px !important;
    background: rgba(252,253,250,.93) !important;
    color: #537c2a !important;
    box-shadow: 0 8px 18px rgba(22,28,35,.09) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label1.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label2.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label3.product_label,
html[data-og-theme="night"] body.ogonki-modern:has(.og-home-seo) .label4.product_label {
    border-radius: 999px !important;
}

/* ========================================================================== 
   0.3.4 — Header bridge: dark brand bar -> storefront surface
   --------------------------------------------------------------------------
   Removes the hard white navigation stripe on Day mode. The secondary nav
   stays visually attached to the dark brand header and softly hands off into
   the page surface. Night keeps the same architecture without a bright seam.
   Classic is unaffected.
   ========================================================================== */

html[data-og-theme="day"] body.ogonki-modern .add_navbar,
html[data-og-theme="night"] body.ogonki-modern .add_navbar {
    position: relative;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html[data-og-theme="day"] body.ogonki-modern .add_navbar {
    background:
        linear-gradient(180deg,
            #11151a 0%,
            #151a1f 66%,
            rgba(232, 237, 231, .98) 100%) !important;
}

html[data-og-theme="night"] body.ogonki-modern .add_navbar {
    background:
        linear-gradient(180deg,
            #11151a 0%,
            #10151a 72%,
            #0d1115 100%) !important;
}

html[data-og-theme="day"] body.ogonki-modern .add_navbar::after,
html[data-og-theme="night"] body.ogonki-modern .add_navbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(168,210,79,.16) 18%,
        rgba(168,210,79,.30) 50%,
        rgba(168,210,79,.16) 82%,
        transparent 100%);
}

/* Links must remain readable while the Day navigation itself is dark. */
html[data-og-theme="day"] body.ogonki-modern .add_navbar .menu_information li > a {
    color: rgba(248,250,251,.90) !important;
}

html[data-og-theme="day"] body.ogonki-modern .add_navbar .menu_information li > a:hover,
html[data-og-theme="day"] body.ogonki-modern .add_navbar .menu_information li > a:focus {
    color: #d8ef70 !important;
    background: rgba(168,210,79,.10) !important;
}

html[data-og-theme="day"] body.ogonki-modern .add_navbar .block_categories .button-main-cursor,
html[data-og-theme="night"] body.ogonki-modern .add_navbar .block_categories .button-main-cursor {
    border-color: rgba(255,255,255,.10) !important;
    background: linear-gradient(180deg, #20262c 0%, #181d22 100%) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

@media (max-width: 991px) {
    html[data-og-theme="day"] body.ogonki-modern .add_navbar,
    html[data-og-theme="night"] body.ogonki-modern .add_navbar {
        background: #11151a !important;
    }
}

/* ========================================================================== 
   0.3.5 — Header: solid graphite Day nav + restrained theme seam
   --------------------------------------------------------------------------
   Day mode no longer tries to blend the dark brand header into the light page
   with a vertical gradient. The navigation is a deliberate graphite bar in
   both themes. A single 1px accent seam handles the visual transition.
   ========================================================================== */

html[data-og-theme="day"] body.ogonki-modern .add_navbar {
    background: #171c21 !important;
}

html[data-og-theme="night"] body.ogonki-modern .add_navbar {
    background: #10151a !important;
}

html[data-og-theme="day"] body.ogonki-modern .add_navbar::after {
    height: 1px !important;
    background: linear-gradient(90deg,
        rgba(168,210,79,0) 0%,
        rgba(168,210,79,.18) 14%,
        rgba(168,210,79,.42) 50%,
        rgba(168,210,79,.18) 86%,
        rgba(168,210,79,0) 100%) !important;
}

html[data-og-theme="night"] body.ogonki-modern .add_navbar::after {
    height: 1px !important;
    background: linear-gradient(90deg,
        rgba(190,235,98,0) 0%,
        rgba(190,235,98,.12) 14%,
        rgba(190,235,98,.28) 50%,
        rgba(190,235,98,.12) 86%,
        rgba(190,235,98,0) 100%) !important;
}


/* ========================================================================== 
   0.3.9 — mobile header recovery
   --------------------------------------------------------------------------
   Restore a clean first screen on phones:
   - day/night toggle is visible in the top header again;
   - slide-out menu is not injected with extra controls;
   - header icons keep a calm single-row rhythm.
   ========================================================================== */

@media (max-width: 991px) {
    body.ogonki-modern .container_top_header-items {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        margin-left: auto !important;
    }

    body.ogonki-modern .container_top_header-items > * {
        flex: 0 0 auto !important;
    }

    body.ogonki-modern .container_top_header-items .og-theme-toggle-desktop {
        display: inline-grid !important;
        order: 0;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    body.ogonki-modern .og-theme-toggle-mobile,
    body.ogonki-modern .og-messenger-group-mobile,
    body.ogonki-modern .new_nav .settings-selector .og-theme-toggle,
    body.ogonki-modern .new_nav .settings_selector .og-theme-toggle,
    body.ogonki-modern .new_nav .settings-selector .og-messenger-group,
    body.ogonki-modern .new_nav .settings_selector .og-messenger-group {
        display: none !important;
    }

    body.ogonki-modern .top_header .logo a,
    body.ogonki-modern .top_header .logo img,
    body.ogonki-modern .new_nav-wrapper .logo a,
    body.ogonki-modern .new_nav-wrapper .logo img {
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
        height: 58px !important;
        max-height: 58px !important;
    }
}

@media (max-width: 640px) {
    body.ogonki-modern .container_top_header-items {
        gap: 6px !important;
    }

    body.ogonki-modern .container_top_header-items .og-theme-toggle-desktop,
    body.ogonki-modern .container_top_header-items .img_basket,
    body.ogonki-modern .container_top_header-items > a,
    body.ogonki-modern .container_top_header-items > div {
        transform: none !important;
    }
}


/* ========================================================================== 
   0.4.0 — mobile header + contact dock refinement
   ========================================================================== */

@media (max-width: 991px) {
    /* Only the day/night control belongs in the compact phone header. The
       messenger trio stays in the floating contact dock. */
    body.ogonki-modern .og-messenger-group-desktop {
        display: none !important;
    }

    body.ogonki-modern .container_top_header-items .og-theme-toggle-desktop {
        display: inline-grid !important;
    }

    body.ogonki-modern .top_header,
    body.ogonki-modern .new_nav-wrapper {
        background: #0f1418 !important;
    }
}

@media (max-width: 767px) {
    body.ogonki-modern .og-floating-messenger-dock {
        right: 10px !important;
        bottom: 16px !important;
        gap: 4px !important;
        padding: 4px !important;
        border-color: rgba(255,255,255,.09) !important;
        background: rgba(15,20,24,.90) !important;
        box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
    }

    body.ogonki-modern .og-floating-messenger-dock .og-messenger-link {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    body.ogonki-modern .og-floating-messenger-dock .og-messenger-link svg {
        width: 17px !important;
        height: 17px !important;
    }
}

/* ========================================================================== 
   0.4.1 — mobile cleanup after real-device review
   --------------------------------------------------------------------------
   - stable compact mobile header with a real three-line burger;
   - day/night switch lives in the visible mobile header;
   - legacy floating Viber button is suppressed in Modern UI;
   - footer accordion affordances are larger and easier to tap;
   - remove the artificial vertical gap before the footer on the home page.
   ========================================================================== */

/* The old SoloMono fixed Viber control may be injected after our dock is built.
   Keep only the Modern dock version; Classic is untouched. */
body.ogonki-modern a.viber,
body.ogonki-modern a[href^="viber://"]:not(.og-messenger-link):not(.og-mobile-msg-viber) {
    display: none !important;
}

@media (max-width: 767px) {
    body.frontpage.ogonki-modern .page-wrap,
    body.frontpage.ogonki-modern main,
    body.frontpage.ogonki-modern .right_content {
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }

    body.frontpage.ogonki-modern footer {
        margin-top: 0 !important;
    }

    body.frontpage.ogonki-modern .og-home-seo {
        margin-bottom: 16px !important;
    }

    /* Footer mobile sections: readable title and a real touch-size chevron. */
    body.ogonki-modern footer .footer_content .h3,
    body.ogonki-modern footer .footer_content > .container a[data-toggle="collapse"],
    body.ogonki-modern footer .footer_content > .container a.collapsed {
        font-family: var(--og-font) !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
        font-weight: 760 !important;
        letter-spacing: -.015em !important;
        text-transform: none !important;
    }

    body.ogonki-modern footer .footer_content > .container a[data-toggle="collapse"],
    body.ogonki-modern footer .footer_content > .container a.collapsed {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 9px 44px 9px 0 !important;
        color: #f4f6f7 !important;
        text-decoration: none !important;
    }

    body.ogonki-modern footer .footer_content > .container a[data-toggle="collapse"]::after,
    body.ogonki-modern footer .footer_content > .container a.collapsed::after {
        content: "" !important;
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        width: 11px !important;
        height: 11px !important;
        margin-top: -8px !important;
        border-right: 2px solid rgba(255,255,255,.92) !important;
        border-bottom: 2px solid rgba(255,255,255,.92) !important;
        background: none !important;
        transform: rotate(45deg) !important;
        transform-origin: center !important;
        opacity: 1 !important;
    }

    body.ogonki-modern footer .footer_content > .container a[data-toggle="collapse"][aria-expanded="true"]::after,
    body.ogonki-modern footer .footer_content > .container a:not(.collapsed)[data-toggle="collapse"]::after {
        margin-top: -3px !important;
        transform: rotate(225deg) !important;
    }

    body.ogonki-modern footer .footer_content {
        padding-top: 28px !important;
        padding-bottom: 24px !important;
    }

    /* The messenger dock is the only floating contact control in Modern UI. */
    body.ogonki-modern .og-floating-messenger-dock {
        z-index: 1250 !important;
    }
}

@media (max-width: 520px) {
    /* Keep the mobile header deliberately simple: logo, search, theme, cart,
       menu. Less important account/compare/wishlist actions stay available in
       the menu / desktop header instead of crushing the first row. */
    body.ogonki-modern .new_nav-wrapper .mobile-header-phone,
    body.ogonki-modern .new_nav-wrapper .wish_list-block,
    body.ogonki-modern .new_nav-wrapper .wishlist-block,
    body.ogonki-modern .new_nav-wrapper .compare_block,
    body.ogonki-modern .new_nav-wrapper .compare-block,
    body.ogonki-modern .new_nav-wrapper .login_block {
        display: none !important;
    }

    body.ogonki-modern .new_nav-wrapper > .row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        min-width: 0 !important;
    }

    body.ogonki-modern .new_nav-wrapper .logo_block {
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.ogonki-modern .new_nav-wrapper .logo_block img {
        width: 112px !important;
        max-width: 112px !important;
        height: auto !important;
        max-height: 54px !important;
        object-fit: contain !important;
    }

    body.ogonki-modern .new_nav-wrapper .header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
        gap: 7px !important;
    }

    body.ogonki-modern .new_nav-wrapper .og-theme-toggle-mobile-header {
        display: inline-grid !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        border-radius: 13px !important;
    }

    /* Draw the burger ourselves so legacy icon-bar state can no longer leave
       one/two broken horizontal strokes. The close action is already present
       inside the drawer. */
    body.ogonki-modern .btn-mobile_menu {
        position: relative !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    body.ogonki-modern .btn-mobile_menu .icon-bar {
        display: none !important;
    }

    body.ogonki-modern .btn-mobile_menu::before {
        content: "" !important;
        display: block !important;
        width: 20px !important;
        height: 14px !important;
        border: 0 !important;
        background:
            linear-gradient(#fff,#fff) 0 0 / 20px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 6px / 14px 2px no-repeat,
            linear-gradient(#fff,#fff) 0 12px / 20px 2px no-repeat !important;
        opacity: .95 !important;
        transform: none !important;
    }

    body.ogonki-modern .btn-mobile_menu::after {
        content: none !important;
        display: none !important;
    }
}

/* ========================================================================== 
   0.5.0 — mobile header/contact hub + footer cleanup
   ========================================================================== */
@media (max-width: 767px) {
    /* One contact trigger replaces the noisy floating messenger trio. */
    body.ogonki-modern .og-floating-messenger-dock { display: none !important; }

    body.ogonki-modern .new_nav-wrapper,
    body.ogonki-modern .add_navbar {
        min-height: 66px !important;
        height: 66px !important;
        background: #0d1216 !important;
        border-bottom: 1px solid rgba(168,210,79,.16) !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.14) !important;
    }

    body.ogonki-modern .new_nav-wrapper .logo,
    body.ogonki-modern .new_nav-wrapper .logo_block,
    body.ogonki-modern .new_nav-wrapper .logo a,
    body.ogonki-modern .new_nav-wrapper .logo img {
        height: 62px !important;
        max-height: 62px !important;
    }

    body.ogonki-modern .new_nav-wrapper .logo img,
    body.ogonki-modern .new_nav-wrapper .logo_block img {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        object-fit: contain !important;
    }

    body.ogonki-modern .new_nav-wrapper .header-actions {
        height: 66px !important;
        gap: 5px !important;
        padding-right: 5px !important;
    }

    /* Hide secondary legacy actions that crush the phone header. */
    body.ogonki-modern .new_nav-wrapper .wish_list-block,
    body.ogonki-modern .new_nav-wrapper .wishlist-block,
    body.ogonki-modern .new_nav-wrapper .compare_block,
    body.ogonki-modern .new_nav-wrapper .compare-block,
    body.ogonki-modern .new_nav-wrapper .login_block,
    body.ogonki-modern .new_nav-wrapper .account_block,
    body.ogonki-modern .new_nav-wrapper .account-block,
    body.ogonki-modern .new_nav-wrapper .settings-selector,
    body.ogonki-modern .new_nav-wrapper .settings_selector,
    body.ogonki-modern .new_nav-wrapper .mobile-header-phone {
        display: none !important;
    }

    body.ogonki-modern .new_nav-wrapper .og-theme-toggle-mobile-header,
    body.ogonki-modern .og-mobile-contact-trigger,
    body.ogonki-modern .new_nav-wrapper .basket_block,
    body.ogonki-modern .new_nav-wrapper .img_basket,
    body.ogonki-modern .btn-mobile_menu {
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 13px !important;
        background: rgba(255,255,255,.055) !important;
        color: #f5f7f8 !important;
        box-shadow: none !important;
    }

    body.ogonki-modern .og-mobile-contact-trigger {
        display: inline-grid !important;
        place-items: center !important;
    }

    body.ogonki-modern .og-mobile-contact-trigger svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.ogonki-modern .btn-mobile_menu { flex-basis: 44px !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; }

    body.ogonki-modern .og-mobile-contact-popover {
        position: fixed;
        z-index: 20020;
        top: 72px;
        right: 10px;
        width: min(350px, calc(100vw - 20px));
        padding: 12px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 19px;
        background: rgba(15,20,24,.97);
        color: #f4f6f7;
        box-shadow: 0 22px 60px rgba(0,0,0,.42);
        -webkit-backdrop-filter: blur(18px) saturate(125%);
        backdrop-filter: blur(18px) saturate(125%);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px) scale(.985);
        transform-origin: top right;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    body.ogonki-modern .og-mobile-contact-popover.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    body.ogonki-modern .og-mobile-contact-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 36px;
        padding: 0 2px 8px 4px;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    body.ogonki-modern .og-mobile-contact-head span {
        color: #fff;
        font-size: 15px;
        font-weight: 760;
    }

    body.ogonki-modern .og-mobile-contact-head button {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: rgba(255,255,255,.06);
        color: #cbd2d8;
        font-size: 21px;
        line-height: 1;
    }

    body.ogonki-modern .og-mobile-call {
        display: grid;
        grid-template-columns: 38px minmax(0,1fr) auto;
        gap: 10px;
        align-items: center;
        min-height: 66px;
        margin-top: 10px;
        padding: 9px 10px;
        border: 1px solid rgba(168,210,79,.15);
        border-radius: 15px;
        background: rgba(168,210,79,.065);
        color: #fff !important;
        text-decoration: none !important;
    }

    body.ogonki-modern .og-mobile-call > svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: #a8d24f;
        stroke-width: 1.7;
    }

    body.ogonki-modern .og-mobile-call span { display: grid; gap: 2px; }
    body.ogonki-modern .og-mobile-call small { color: #95a0a9; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
    body.ogonki-modern .og-mobile-call strong { color: #fff; font-size: 15px; line-height: 1.2; }
    body.ogonki-modern .og-mobile-call b { color: #a8d24f; font-size: 20px; font-weight: 500; }

    body.ogonki-modern .og-mobile-msgs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 8px;
        margin-top: 9px;
    }

    body.ogonki-modern .og-mobile-msg {
        display: grid;
        grid-template-columns: 24px 1fr;
        gap: 7px;
        align-items: center;
        min-height: 46px;
        padding: 8px 9px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 13px;
        background: rgba(255,255,255,.035);
        color: #dce1e5 !important;
        font-size: 11px;
        font-weight: 650;
        text-decoration: none !important;
    }

    body.ogonki-modern .og-mobile-msg svg { width: 20px; height: 20px; fill: currentColor; }
    body.ogonki-modern .og-mobile-msg-telegram { color: #41b7ef !important; }
    body.ogonki-modern .og-mobile-msg-viber { color: #a494ff !important; }
    body.ogonki-modern .og-mobile-msg-whatsapp { color: #48dc85 !important; }
    body.ogonki-modern .og-mobile-msg span { color: #dce1e5; }

    /* Footer: tighter end of page and stronger accordion affordance. */
    body.frontpage.ogonki-modern footer { margin-top: 8px !important; }
    body.ogonki-modern footer .footer_content { padding-top: 24px !important; }
    body.ogonki-modern footer .footer_content > .container a[data-toggle="collapse"]::after,
    body.ogonki-modern footer .footer_content > .container a.collapsed::after {
        right: 8px !important;
        width: 13px !important;
        height: 13px !important;
        border-width: 0 2.5px 2.5px 0 !important;
    }
}

@media (max-width: 390px) {
    body.ogonki-modern .new_nav-wrapper .logo img,
    body.ogonki-modern .new_nav-wrapper .logo_block img {
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
    }
    body.ogonki-modern .new_nav-wrapper .header-actions { gap: 3px !important; }
    body.ogonki-modern .new_nav-wrapper .og-theme-toggle-mobile-header,
    body.ogonki-modern .og-mobile-contact-trigger,
    body.ogonki-modern .new_nav-wrapper .basket_block,
    body.ogonki-modern .new_nav-wrapper .img_basket { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; }
    body.ogonki-modern .og-mobile-msg { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 3px; }
}

/* ========================================================================== 
   0.5.1 — compact phone contact hub + sharper mobile geometry
   ========================================================================== */
@media (max-width: 767px) {
    /* Explicitly restore the Modern Viber action after suppressing SoloMono's
       legacy fixed Viber button. */
    body.ogonki-modern .og-mobile-msg-viber {
        display: grid !important;
    }

    body.ogonki-modern .new_nav-wrapper .og-theme-toggle-mobile-header,
    body.ogonki-modern .og-mobile-contact-trigger,
    body.ogonki-modern .new_nav-wrapper .basket_block,
    body.ogonki-modern .new_nav-wrapper .img_basket,
    body.ogonki-modern .btn-mobile_menu {
        border-radius: 10px !important;
    }

    body.ogonki-modern .og-mobile-contact-popover {
        top: 70px !important;
        right: 8px !important;
        width: min(356px, calc(100vw - 16px)) !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    body.ogonki-modern .og-mobile-contact-head button { border-radius: 8px !important; }
    body.ogonki-modern .og-mobile-call { border-radius: 11px !important; }
    body.ogonki-modern .og-mobile-msg { border-radius: 10px !important; }
}

/* ========================================================================== 
   0.5.2 — mobile header spacing polish
   - restore right-side breathing room in the phone header;
   - keep action icons visually separated from the viewport edge.
   ========================================================================== */
@media (max-width: 767px) {
    body.ogonki-modern .new_nav-wrapper > .row,
    body.ogonki-modern .new_nav-wrapper .container,
    body.ogonki-modern .add_navbar > .container {
        padding-right: 10px !important;
    }

    body.ogonki-modern .new_nav-wrapper .header-actions {
        gap: 6px !important;
        padding-right: 8px !important;
        margin-right: 0 !important;
        flex-wrap: nowrap !important;
    }

    body.ogonki-modern .new_nav-wrapper .header-actions > * {
        margin-right: 0 !important;
    }
}

@media (max-width: 390px) {
    body.ogonki-modern .new_nav-wrapper > .row,
    body.ogonki-modern .new_nav-wrapper .container,
    body.ogonki-modern .add_navbar > .container {
        padding-right: 8px !important;
    }

    body.ogonki-modern .new_nav-wrapper .header-actions {
        gap: 4px !important;
        padding-right: 6px !important;
    }
}

/* 0.6.1 — the phone contact popover is generated globally by JS but belongs
   only to the compact phone header. Keep it out of desktop document flow. */
body.ogonki-modern .og-mobile-contact-popover {
    display: none !important;
}

@media (max-width: 767px) {
    body.ogonki-modern .og-mobile-contact-popover {
        display: block !important;
    }
}