/* Jarden: elegant homepage. Styling only; delete this file to return the old look. */

/* more air between sections */
.drag-block .content_wrapper_block > .maxwidth-theme { padding-top: 58px !important; padding-bottom: 58px !important; }

/* main banner on phones and tablets: rounded */
@media (max-width: 991px) {
    .drag-block.BIG_BANNER_INDEX .main-slider { border-radius: 18px; overflow: hidden; }
}

/* desktop first screen: full-width photo with the header floating over it (dark theme, homepage only) */
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .header_wrap {
        position: absolute;
        left: 0; right: 0;
        z-index: 500;
        background: transparent !important;
    }
    body.theme-dark .wrapper1.front_page .header_wrap .logo_and_menu-row,
    body.theme-dark .wrapper1.front_page .header_wrap .menu-row {
        background: transparent !important;
        border: 0 !important;
    }
    body.theme-dark .wrapper1.front_page .header_wrap hr { display: none; }
    body.theme-dark .wrapper1.front_page .header_wrap .menu-row td.menu-item > .wrap > a,
    body.theme-dark .wrapper1.front_page .header_wrap .header__top-part {
        text-shadow: 0 1px 14px rgba(0, 0, 0, .55);
    }
    body.theme-dark .wrapper1.front_page .drag-block.BIG_BANNER_INDEX { position: relative; }
    body.theme-dark .wrapper1.front_page .drag-block.BIG_BANNER_INDEX > .maxwidth-theme {
        max-width: none !important;
        padding: 0 !important;
        background: transparent !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .top_slider_wrapp { padding-bottom: 0 !important; max-width: none !important; }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop {
        height: min(90vh, 52vw) !important;
        min-height: 600px;
        border-radius: 0 !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item {
        width: 100% !important;
        background-size: cover !important;
        background-position: center 60% !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop .wrapper_inner { display: none; }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop a.target {
        position: absolute; inset: 0; z-index: 2;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after {
        content: "";
        position: absolute; inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(180deg,
            rgba(22, 13, 16, .74) 0, rgba(22, 13, 16, .28) 21%, rgba(22, 13, 16, 0) 38%,
            rgba(22, 13, 16, 0) 60%, var(--black_bg_black) 100%);
    }
    .jd-hero-cta {
        position: absolute;
        left: 0; right: 0; bottom: 10%;
        z-index: 6;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px;
        pointer-events: none;
    }
    .jd-hero-line {
        margin: 0;
        font-family: var(--jd-display);
        font-size: clamp(24px, 2.1vw, 34px);
        line-height: 1.15;
        color: #fff;
        text-shadow: 0 2px 22px rgba(0, 0, 0, .6);
    }
    .jd-hero-btns { display: flex; gap: 14px; pointer-events: auto; }
    .jd-btn {
        display: inline-flex;
        align-items: center;
        height: 54px;
        padding: 0 34px;
        border-radius: 999px;
        font-family: var(--jd-text);
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .02em;
        text-decoration: none !important;
        transition: background .2s ease, color .2s ease, border-color .2s ease;
    }
    .jd-btn--fill { background: var(--jd-pink); border: 1px solid var(--jd-pink); color: #fff !important; }
    .jd-btn--fill:hover { background: #e4577c; border-color: #e4577c; }
    .jd-btn--glass {
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .75);
        color: #fff !important;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }
    .jd-btn--glass:hover { background: #fff; color: #1b1b1b !important; }
    .jd-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
    body.theme-dark .wrapper1.front_page .drag-block.MIDDLE_ADV { margin-top: 26px; }
}

/* section headings */
.drag-block .top_block { margin-bottom: 34px; }
.drag-block h2.top_block_title { font-size: 44px; line-height: 1.1; }
.drag-block .top_block .font_upper {
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: color .2s ease;
}
.drag-block .top_block a.font_upper { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.drag-block .top_block a.font_upper:hover,
.drag-block .top_block .font_upper:hover { color: var(--jd-pink) !important; }

/* category banners */
.drag-block .float_banners .item .image,
.drag-block .float_banners .item .image .img_inner,
.drag-block .float_banners .item .image a,
.drag-block .float_banners .item .image .image__fon { border-radius: 16px !important; }
.drag-block .float_banners .item .image { overflow: hidden; }
.drag-block .float_banners .item .image .image__fon { transition: transform .7s ease; }
.drag-block .float_banners .item:hover .image .image__fon { transform: scale(1.035); }
.drag-block .float_banners .item .title,
.drag-block .float_banners .item .title a {
    font-family: var(--jd-display);
    font-size: 28px;
    line-height: 1.15;
    font-weight: 400;
}

/* buttons */
.drag-block .btn {
    border-radius: 999px !important;
    padding-left: 24px;
    padding-right: 24px;
    letter-spacing: .03em;
}

/* stories */
.drag-block .front_stories .item .name { margin-top: 6px; }

/* reviews */
.drag-block .front_review .item-wrapper { border-radius: 16px; overflow: hidden; background: transparent !important; }
.drag-block .front_review .item-wrapper > .item {
    border: 0 !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, .06);
    box-shadow: none !important;
}
.drag-block .front_review .preview-text { font-size: 15px; line-height: 1.65; }
.drag-block .front_review .date.font_upper { text-transform: none; letter-spacing: 0; font-size: 13px !important; }
.drag-block .front_review .reviews-photo-gallery img,
.drag-block .front_review .reviews-photo-gallery a { border-radius: 10px; overflow: hidden; }

/* popular categories */
.drag-block .sections_wrapper .item {
    border-radius: 16px;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: none !important;
}
.drag-block .sections_wrapper .item .img,
.drag-block .sections_wrapper .item .img img { border-radius: 50%; overflow: hidden; }
.drag-block .sections_wrapper .item .name a { font-family: var(--jd-display); font-size: 19px; }
.drag-block .sections_wrapper .item:hover .name a { color: var(--jd-pink) !important; }

@media (max-width: 767px) {
    h1, #pagetitle { font-size: 32px; }
    .drag-block h2.top_block_title { font-size: 30px; }
    .drag-block .content_wrapper_block > .maxwidth-theme { padding-top: 34px !important; padding-bottom: 34px !important; }
    .drag-block .float_banners .item .title, .drag-block .float_banners .item .title a { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .drag-block * { transition: none !important; }
}

/* ---------- the page reacts to the pointer ---------- */
.jd-btn { transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.jd-btn--fill { box-shadow: 0 8px 26px rgba(218, 59, 100, .45); }
.jd-btn:hover { transform: translateY(-3px); }
.jd-btn--fill:hover { box-shadow: 0 14px 36px rgba(234, 92, 130, .6); }
.jd-btn--glass:hover { box-shadow: 0 14px 36px rgba(255, 255, 255, .22); }
.drag-block .float_banners .item .title a { transition: color .22s ease; }
.drag-block .float_banners .item:hover .title a { color: #ffb1c5 !important; }
.drag-block .front_stories .item .img { transition: transform .3s ease, box-shadow .3s ease; border-radius: 50%; }
.drag-block .front_stories .item:hover .img { transform: scale(1.07); box-shadow: 0 0 0 3px var(--jd-pink); }
.drag-block .front_review .item-wrapper > .item { transition: background .25s ease, transform .25s ease; }
.drag-block .front_review .item-wrapper:hover > .item { background: rgba(255, 255, 255, .1); transform: translateY(-4px); }
.drag-block .sections_wrapper .item { transition: background .25s ease, transform .25s ease; }
.drag-block .sections_wrapper .item:hover { background: rgba(255, 255, 255, .11) !important; transform: translateY(-5px); }
.drag-block .sections_wrapper .item .img img { transition: transform .35s ease; }
.drag-block .sections_wrapper .item:hover .img img { transform: scale(1.1); }
.drag-block .btn { transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease; }
.drag-block .btn:hover { transform: translateY(-2px); border-color: var(--jd-pink) !important; color: #ffb1c5 !important; }
#footer .bottom-menu a { display: inline-block; transition: color .2s ease, transform .2s ease; }
#footer .bottom-menu a:hover { color: #ffb1c5 !important; transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
    .jd-btn, #footer .bottom-menu a { transition: none !important; }
}

/* the peonies deepen in colour while the pointer is over the first screen */
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { transition: filter .9s ease; }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX:hover .main-slider__item { filter: saturate(1.2) brightness(1.04); }
}
@media (prefers-reduced-motion: reduce) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { transition: none; }
}

/* ---------- moving line under the first screen ---------- */
.jd-ticker {
    overflow: hidden;
    background: var(--jd-pink);
    color: #fff;
    white-space: nowrap;
    user-select: none;
}
.jd-ticker__track {
    display: inline-flex;
    width: max-content;
    animation: jd-ticker-move 48s linear infinite;
}
.jd-ticker:hover .jd-ticker__track { animation-play-state: paused; }
.jd-ticker__group { display: inline-flex; align-items: center; flex: none; }
.jd-ticker__item {
    padding: 19px 0;
    font-family: var(--jd-text);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.jd-ticker__sep { padding: 0 52px; font-size: 15px; opacity: .85; }
@keyframes jd-ticker-move {
    from { transform: translateX(0); }
    to { transform: translateX(-33.3333%); }
}
@media (max-width: 767px) {
    .jd-ticker__item { padding: 14px 0; font-size: 11.5px; letter-spacing: .16em; }
    .jd-ticker__sep { padding: 0 28px; }
    .jd-ticker__track { animation-duration: 36s; }
}
@media (prefers-reduced-motion: reduce) {
    .jd-ticker__track { animation: none; }
}
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .drag-block.MIDDLE_ADV { margin-top: 34px; }
}

/* ---------- product cards (homepage and catalog): square photo, heart, name, pink price, two buttons ---------- */
.catalog_block .catalog_item_wrapp { padding: 10px 10px 22px; background: transparent !important; }
.catalog_block .catalog_item_wrapp > .inner_wrap,
.catalog_block .catalog_item:hover .inner_wrap {
    width: 100%;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* photo */
.catalog_block .catalog_item .image_wrapper_block {
    padding-top: 100% !important;
    margin: 0 0 14px !important;
    border-radius: 16px;
    overflow: hidden;
}
.catalog_block .catalog_item .section-gallery-wrapper__item img,
.catalog_block .catalog_item .image_wrapper_block a.thumb > img {
    left: 0 !important; right: 0 !important; top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    transition: opacity .2s ease-in-out, transform .7s ease;
}
.catalog_block .catalog_item:hover .section-gallery-wrapper__item._active img { transform: scale(1.04); }
/* heart, top left, always visible */
.catalog_block .catalog_item .like_icons { left: 12px !important; right: auto !important; top: 12px !important; z-index: 5; }
.catalog_block .catalog_item .like_icons .fast_view_button { display: none !important; }
.catalog_block .catalog_item .like_icons .wish_item_button span {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    margin: 0;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--jd-pink) !important;
    transition: transform .2s ease, background .2s ease;
}
.catalog_block .catalog_item .like_icons .wish_item_button span:hover { transform: scale(1.1); background: #ea5c82 !important; }
.catalog_block .catalog_item .like_icons .wish_item_button svg path,
.catalog_block .catalog_item .like_icons .wish_item_button svg use { fill: #fff !important; }
/* badge, top right */
.catalog_block .catalog_item .stickers { left: auto !important; right: 12px !important; top: 12px !important; padding: 0 !important; z-index: 5; }
.catalog_block .catalog_item .stickers [class*="sticker_"] {
    padding: 5px 11px;
    border-radius: 8px !important;
    background: var(--jd-pink) !important;
    color: #fff !important;
    font-family: var(--jd-text);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
}
/* name and price */
.catalog_block .catalog_item .item_info { padding: 0 2px !important; }
.catalog_block .catalog_item .item-title { min-height: 2.6em; }
.catalog_block .catalog_item .item-title a {
    font-family: var(--jd-text);
    font-size: 16px !important;
    line-height: 1.3;
    font-weight: 500 !important;
    transition: color .2s ease;
}
.catalog_block .catalog_item:hover .item-title a { color: #ffb1c5 !important; }
.catalog_block .catalog_item .sa_block { display: none; }
.catalog_block .catalog_item .cost { margin-top: 8px; }
.catalog_block .catalog_item .cost .price {
    font-size: 23px !important;
    font-weight: 500 !important;
    color: #ff6f95 !important;
    letter-spacing: 0;
}
.catalog_block .catalog_item .cost .price_measure { display: none; }
/* buttons, always visible under the price */
.catalog_block .item_block .catalog_item .footer_button,
.catalog_block .catalog_item .footer_button {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    margin: 12px 0 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* items with sizes have two alternative rows (buy / "Подробнее"); the theme decides which one a screen gets, so never force both */
.catalog_block .catalog_item .footer_button .counter_wrapp.ce_cmp_hidden { display: flex; }
.catalog_block .catalog_item .footer_button .counter_wrapp:not(.ce_cmp_hidden):not(.ce_cmp_visible) { display: flex !important; }
.catalog_block .catalog_item .footer_button .counter_wrapp {
    gap: 8px;
    overflow: visible;
    white-space: normal;
    visibility: visible;
}
.catalog_block .catalog_item .footer_button .counter_wrapp > div { float: none; width: auto; }
.catalog_block .catalog_item .footer_button .counter_wrapp > .counter_block { display: none !important; }
.catalog_block .catalog_item .footer_button .button_block { flex: 1 1 0; min-width: 0; visibility: visible; }
.catalog_block .catalog_item .footer_button .button_block .btn {
    height: 42px;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--jd-pink) !important;
    color: #fff !important;
    font-family: var(--jd-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: .01em;
    text-transform: none;
    text-align: center;
    visibility: visible;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.catalog_block .catalog_item .footer_button .button_block .btn:hover {
    background: #ea5c82 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(218, 59, 100, .45);
}
.catalog_block .catalog_item .footer_button .button_block .btn .svg { display: none; }
.jd-quick {
    flex: 1 1 0;
    min-width: 0;
    height: 42px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 999px;
    color: #fff;
    font-family: var(--jd-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.jd-quick:hover { background: #fff; border-color: #fff; color: #24131a; transform: translateY(-2px); }
/* homepage: five cards in a row on wide screens, and a wide "load more" bar */
@media (min-width: 1400px) {
    .drag-block .catalog_block > [class*="col-lg-3"] { width: 20%; }
}
.drag-block .bottom_nav .ajax_load_btn .more_text_ajax {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--jd-pink) !important;
    color: #fff !important;
    font-family: var(--jd-text);
    font-size: 17px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: .01em;
    text-transform: none;
    transform: none;
}
.drag-block .bottom_nav .ajax_load_btn .more_text_ajax:hover { background: #ea5c82 !important; color: #fff !important; }
@media (max-width: 767px) {
    .catalog_block .catalog_item_wrapp { padding: 6px 6px 16px; }
    .catalog_block .catalog_item .item-title a { font-size: 14px !important; }
    .catalog_block .catalog_item .cost .price { font-size: 19px !important; }
    .jd-quick { display: none; }
}

/* ---------- category tiles under the first screen: equal rounded squares in one row, name underneath ---------- */
@media (min-width: 768px) {
    .drag-block .float_banners .items > .row {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -16px;
        margin-right: -16px;
    }
    .drag-block .float_banners .items > .row > [class*="col-"] {
        float: none;
        flex: 0 0 25%;
        width: 25% !important;
        max-width: 25%;
        padding: 0 16px !important;
        margin-bottom: 34px;
    }
    .drag-block .float_banners .item {
        display: flex;
        flex-direction: column;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .drag-block .float_banners .item .image {
        position: relative;
        width: 100%;
        height: auto !important;
        aspect-ratio: 1 / 1;
        border-radius: 28px !important;
        overflow: hidden;
    }
    .drag-block .float_banners .item .image .img_inner,
    .drag-block .float_banners .item .image a,
    .drag-block .float_banners .item .image .image__fon {
        position: absolute !important;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        border-radius: 28px !important;
    }
    .drag-block .float_banners .item .image .image__fon { background-size: cover !important; background-position: center !important; }
    .drag-block .float_banners .item .inner-text {
        position: static !important;
        width: auto !important;
        padding: 20px 6px 0 !important;
        margin: 0 !important;
        background: none !important;
        text-align: center;
        transform: none !important;
    }
    .drag-block .float_banners .item .inner-text .title-inner { padding: 0 !important; margin: 0 !important; }
    .drag-block .float_banners .item .title,
    .drag-block .float_banners .item .title a {
        font-family: var(--jd-display);
        font-size: 24px;
        line-height: 1.2;
        text-shadow: none;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .drag-block .float_banners .items > .row > [class*="col-"] { flex-basis: 50%; width: 50% !important; max-width: 50%; }
}

/* ================= phones and tablets (below 992px) ================= */
@media (max-width: 991px) {
    /* first screen: the photo runs edge to edge, sized so the JARDEN lettering is never cut off */
    body.theme-dark .wrapper1.front_page .drag-block.BIG_BANNER_INDEX { position: relative; }
    body.theme-dark .wrapper1.front_page .drag-block.BIG_BANNER_INDEX > .maxwidth-theme {
        max-width: none !important;
        padding: 0 !important;
        background: transparent !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .top_slider_wrapp { padding-bottom: 0 !important; }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop {
        height: min(100vw, 64vh) !important;
        min-height: 0 !important;
        border-radius: 0 !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { width: 100% !important; position: relative; }
    /* on phones the photo sits on the inner table row, so stretch that row over the whole slide */
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item .wrapper_inner,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item table,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tbody,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info {
        background-size: cover !important;
        background-position: center 32% !important;
        background-repeat: no-repeat !important;
    }
    /* phone first screen uses a real Jarden bouquet (tall photo); remove this rule to return the peony banner */
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info {
        background-image: url("/local/jarden/img/hero-phone.jpg") !important;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info > td { display: none !important; }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after {
        content: "";
        position: absolute; inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(22, 13, 16, .25) 0%, rgba(22, 13, 16, 0) 28%, rgba(22, 13, 16, 0) 50%, var(--black_bg_black) 100%);
    }
    /* heading and buttons rise over the faded bottom of the photo */
    body.theme-dark .jd-hero-cta {
        position: relative;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-top: -22px;
        padding: 0 20px 30px;
    }
    body.theme-dark .jd-hero-cta::before {
        content: "Свежие цветы каждый день";
        font-family: var(--jd-text);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .22em;
        text-transform: uppercase;
        text-align: center;
        color: var(--jd-pink);
    }
    .jd-hero-line {
        margin: -6px 0 2px;
        font-family: var(--jd-display);
        font-size: 32px;
        line-height: 1.1;
        text-align: center;
        color: var(--white_text_black, #fff);
    }
    .jd-hero-btns { display: flex; gap: 10px; }
    .jd-btn {
        flex: 1 1 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        padding: 0 10px;
        border-radius: 999px;
        font-family: var(--jd-text);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none !important;
        white-space: nowrap;
    }
    .jd-btn--fill { background: var(--jd-pink); border: 1px solid var(--jd-pink); color: #fff !important; }
    .jd-btn--glass { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .6); color: #fff !important; }

    /* category tiles: rounded squares you swipe through, name underneath */
    .drag-block .float_banners .item { padding: 0 !important; }
    .drag-block .float_banners .item .image,
    .drag-block .float_banners .item .image .img_inner,
    .drag-block .float_banners .item .image a,
    .drag-block .float_banners .item .image .image__fon { border-radius: 22px !important; }
    .drag-block .float_banners .item .inner-text {
        position: static !important;
        width: auto !important;
        padding: 12px 4px 0 !important;
        background: none !important;
        text-align: center;
    }
    .drag-block .float_banners .item .title,
    .drag-block .float_banners .item .title a { font-family: var(--jd-display); font-size: 20px; line-height: 1.2; }
    .drag-block .float_banners .items > .row > [class*="col-"] { padding-bottom: 8px !important; }
}

/* =====================================================================
   THE REST OF THE SITE (catalogue, product page, basket, text pages)
   ===================================================================== */

/* ---- page heading ---- */
.topic__heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.topic__heading #pagetitle { font-family: var(--jd-display); font-weight: 400; letter-spacing: .005em; margin: 0; }
.topic__heading .element-count-wrapper { margin: 0 !important; }
.topic__heading .element-count {
    padding: 2px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 157, 186, .14) !important;
    color: #ffb3c8 !important;
    font-family: var(--jd-text);
    font-size: 12px !important;
}

/* ---- subsections: round photos you swipe through, like stories ---- */
.section-compact-list > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    overflow-x: auto;
    margin: 0 -16px !important;
    padding: 6px 18px 16px;
    scroll-snap-type: x proximity;
    scroll-padding-left: 18px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.section-compact-list > .row::-webkit-scrollbar { display: none; }
.section-compact-list > .row > [class*="col-"] {
    flex: 0 0 86px;
    width: 86px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start;
}
.section-compact-list__item {
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.section-compact-list__image {
    flex: none !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 0 !important;
    margin: 0 0 9px !important;
    padding: 3px !important;
    border-radius: 50%;
    background: linear-gradient(140deg, #ff9dba, #d8355f 55%, #7a2440);
    box-sizing: border-box;
    transition: transform .35s cubic-bezier(.3, 1.5, .5, 1);
}
.section-compact-list__image a {
    display: block;
    width: 100%; height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--black_bg_black, #24131a);
    box-sizing: border-box;
}
.section-compact-list__image img {
    display: block;
    width: 100% !important; height: 100% !important;
    max-width: none !important; max-height: none !important;
    object-fit: cover;
    transition: transform .6s ease;
}
.section-compact-list__item:hover .section-compact-list__image { transform: translateY(-4px); }
.section-compact-list__item:hover .section-compact-list__image img { transform: scale(1.08); }
.section-compact-list__item:active .section-compact-list__image { transform: scale(.93); transition: none; }
.section-compact-list__info { width: 100%; padding: 0 !important; text-align: center; }
.section-compact-list__link {
    font-family: var(--jd-text) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    color: #f3e9e6 !important;
}
.section-compact-list__item:hover .section-compact-list__link { color: #ffb3c8 !important; }
.section-compact-list__info .element-count2 { display: none !important; }
@media (min-width: 992px) {
    .section-compact-list > .row { flex-wrap: wrap !important; overflow: visible; gap: 22px 18px; margin: 0 !important; padding: 8px 0 26px; }
    .section-compact-list > .row > [class*="col-"] { flex: 0 0 112px; width: 112px !important; }
    .section-compact-list__image { width: 96px !important; height: 96px !important; }
    .section-compact-list__link { font-size: 14px !important; }
}

/* ---- filter and sorting bar ---- */
.filter-panel.sort_header { border: 0 !important; background: transparent !important; padding: 0 !important; margin-bottom: 14px; }
.filter-panel .filter_title {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    transition: background .25s ease, border-color .25s ease;
}
.filter-panel .filter_title:hover, .filter-panel .filter_title:active { background: rgba(255, 157, 186, .18); border-color: #ff9dba; }
.filter-panel .filter_title span {
    border: 0 !important;
    font-family: var(--jd-text);
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .1em;
    color: #fff !important;
}
.filter-panel .filter_title svg path { fill: #ff9dba; }
.filter-panel .controls-hr { display: none; }

/* ---- product cards in lists: names keep to two lines so prices and buttons line up ---- */
.catalog_block .catalog_item .item-title a,
.catalog_block .catalog_item .item-title a span {
    font-family: var(--jd-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
}
.catalog_block .catalog_item .item-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.7em;
    max-height: 2.7em;
    line-height: 1.35;
}

/* ---- product page ---- */
.product-view .product-info-wrapper { border: 0 !important; }
.product-view .stickers > div > div,
.catalog_item .stickers > div > div {
    padding: 5px 12px 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ff6f98, #d8355f) !important;
    font-family: var(--jd-text);
    font-size: 10.5px !important;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff !important;
}
.product-view .wish_item.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    background: rgba(255, 255, 255, .05) !important;
    transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), background .25s ease, border-color .25s ease;
}
.product-view .wish_item.btn:hover { border-color: #ff9dba !important; background: rgba(255, 157, 186, .16) !important; }
.product-view .wish_item.btn:active { transform: scale(.88); transition: none; }
.product-view .cost.prices.detail .price {
    font-family: var(--jd-display);
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 1.1;
    color: #fff;
}
.product-view .cost.prices.detail .price .price_measure { margin-left: 4px; font-family: var(--jd-text); font-size: 14px; opacity: .55; }
.product-view .front_tizers { border: 0 !important; border-radius: 20px !important; background: rgba(255, 255, 255, .045) !important; overflow: hidden; }
.bottom-info .nav-tabs > li.bordered { border-radius: 999px !important; border-color: rgba(255, 255, 255, .2) !important; overflow: hidden; transition: border-color .25s ease; }
.bottom-info .nav-tabs > li.bordered:hover { border-color: #ff9dba !important; }
.bottom-info .nav-tabs > li.bordered.active { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }
.bottom-info .nav-tabs > li.bordered.active a { background: transparent !important; color: #fff !important; }
.product-view img.detail-gallery-big__picture { border-radius: 22px !important; }

@media (max-width: 991px) {
    /* breadcrumbs: one quiet line you can swipe */
    #navigation { overflow-x: auto; white-space: nowrap; scrollbar-width: none; padding: 4px 0 10px !important; font-size: 12px; opacity: .75; }
    #navigation::-webkit-scrollbar { display: none; }
    #navigation * { white-space: nowrap !important; float: none !important; }
    #navigation .breadcrumbs { display: flex !important; flex-wrap: nowrap !important; align-items: center; }
    /* the buy bar at the bottom of the screen */
    .counter_wrapp.big.fixed {
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        background: rgba(36, 19, 26, .94) !important;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        border-top: 1px solid rgba(255, 255, 255, .08);
        box-sizing: border-box;
    }
    .counter_wrapp.big.fixed .counter_block { border-radius: 999px !important; border-color: rgba(255, 255, 255, .2) !important; background: transparent !important; overflow: hidden; }
    .counter_wrapp.big.fixed .button_block .btn { border-radius: 999px !important; font-weight: 500; letter-spacing: .02em; box-shadow: 0 10px 24px -10px var(--jd-pink); }
    body:has(.counter_wrapp.big.fixed) .jd-side { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 767px) {
    /* the photo fills the width of the phone, tall, with rounded corners */
    .product-view .product-info { padding: 0 0 18px !important; }
    .product-view .detail-gallery-big-slider-main__inner { width: 100% !important; max-width: none !important; }
    .product-view .detail-gallery-big-slider-main__ratio-wrap { height: 0 !important; padding-top: 122% !important; }
    .product-view .detail-gallery-big-slider-thumbs__inner,
    .product-view .gallery-wrapper,
    .product-view .detail-gallery-big-slider-main { height: auto !important; }
    .product-view .detail-gallery-big-slider-thumbs__inner { position: relative !important; }
    .product-view .detail-gallery-big-slider .swiper-slide { width: 100% !important; }
    .product-view img.detail-gallery-big__picture { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; }
    .product-view .detail-gallery-big__link { border-radius: 22px; overflow: hidden; }
}

/* ---- basket ---- */
.basket-items-list-wrapper, .basket-checkout-section-inner {
    border-radius: 22px !important;
    border-color: rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .035) !important;
    overflow: hidden;
}
.basket-items-list-header-filter-item { font-family: var(--jd-text); font-weight: 500 !important; }
.basket-item-block-image { border-radius: 16px; overflow: hidden; }
.basket-item-image { border-radius: 16px; object-fit: cover; }
.basket-item-info-name-link { font-family: var(--jd-text); font-weight: 400 !important; }
.basket-item-amount { border-radius: 999px !important; border-color: rgba(255, 255, 255, .2) !important; overflow: hidden; }
.basket-item-price-current-text, .basket-checkout-total-price, .basket-coupon-block-total-price-current {
    font-family: var(--jd-display);
    font-weight: 400 !important;
    letter-spacing: .01em;
}
.basket-checkout-block-total-title, .basket-checkout-total-title { font-family: var(--jd-display); font-weight: 400 !important; font-size: 22px !important; }
.basket-coupon-block-field .form-control {
    height: 48px;
    padding-left: 20px;
    border-radius: 999px !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(0, 0, 0, .18) !important;
}
.basket-btn-checkout {
    height: 54px;
    border-radius: 999px !important;
    font-family: var(--jd-text);
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: .04em;
    text-transform: none !important;
    box-shadow: 0 14px 30px -12px var(--jd-pink);
    transition: transform .3s cubic-bezier(.3, 1.5, .5, 1), filter .25s ease;
}
.basket-btn-checkout:hover { filter: brightness(1.1); }
.basket-btn-checkout:active { transform: scale(.97); transition: none; }

/* ---- "you looked at" strip and the footer ---- */
.viewed_product_block .viewed-title { font-family: var(--jd-display); font-size: 26px !important; font-weight: 400 !important; }
.viewed_product_block .block-item {
    border-radius: 18px !important;
    border-color: rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .04) !important;
    box-shadow: none !important;
    overflow: hidden;
}
.viewed_product_block .block-item__image img { border-radius: 12px; }
#footer .bottom-menu .item .title a { font-family: var(--jd-display); font-weight: 400; font-size: 19px; }
#footer .subscribe .form-control, #footer .subscribe_wrap input[type="text"], #footer .subscribe_wrap input[type="email"] { border-radius: 999px !important; }

/* ---- forms and buttons everywhere ---- */
.wrapper1 .btn.btn-default, .wrapper1 .btn.btn-lg, .wrapper1 .btn.btn-transparent-border-color, .popup .btn.btn-default, .jqmWindow .btn.btn-default { border-radius: 999px !important; }
.wrapper1 input.form-control, .wrapper1 textarea.form-control, .wrapper1 select.form-control,
.jqmWindow input.form-control, .jqmWindow textarea.form-control { border-radius: 14px !important; }
.wrapper1 textarea.form-control { border-radius: 18px !important; }
.jqmWindow, .popup.jqmWindow, .fancybox-content { border-radius: 24px !important; overflow: hidden; }
.basket-checkout-section-inner { overflow: visible !important; padding-top: 10px !important; }

/* flowers sold by size: the lengths are small pills right on the card, then one full-width "В корзину" for the chosen length */
.catalog_block .catalog_item.has-sku .footer_button { display: flex !important; flex-direction: column; }
.catalog_block .catalog_item.has-sku .footer_button .counter_wrapp.ce_cmp_hidden { display: flex !important; }
.catalog_block .catalog_item.has-sku .footer_button .counter_wrapp.ce_cmp_visible { display: none !important; }
.catalog_block .catalog_item.has-sku .footer_button .button_block { display: block !important; width: auto; }
.catalog_block .catalog_item.has-sku .footer_button .sku_props {
    order: -1;
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}
.catalog_block .catalog_item .sku_props .bx_catalog_item_scu,
.catalog_block .catalog_item .sku_props .item_wrapper,
.catalog_block .catalog_item .sku_props .bx_item_detail_size { margin: 0 !important; padding: 0 !important; }
.catalog_block .catalog_item .sku_props .bx_item_section_name {
    display: block;
    margin: 0 0 7px;
    font-family: var(--jd-text);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(253, 246, 242, .55);
}
.catalog_block .catalog_item .sku_props .bx_size ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; width: auto !important; }
.catalog_block .catalog_item .sku_props .bx_size li,
.catalog_block .catalog_item .sku_props .bx_size .item {
    float: none !important;
    width: auto !important;
    min-width: 46px;
    height: 34px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    border-radius: 999px !important;
    background: transparent !important;
    font-family: var(--jd-text);
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    color: #fff !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .3s cubic-bezier(.3, 1.5, .5, 1);
}
.catalog_block .catalog_item .sku_props .bx_size li *,
.catalog_block .catalog_item .sku_props .bx_size .item * { border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; line-height: inherit !important; color: inherit !important; }
.catalog_block .catalog_item .sku_props .bx_size li.active,
.catalog_block .catalog_item .sku_props .bx_size .item.active { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }
.catalog_block .catalog_item .sku_props .bx_size li:active,
.catalog_block .catalog_item .sku_props .bx_size .item:active { transform: scale(.92); }
.catalog_block .catalog_item .cost.prices { margin-top: 2px !important; }
/* every card lines up the same way: price and button start at the same left edge, buttons the same width */
.catalog_block .catalog_item .footer_button .counter_wrapp::before,
.catalog_block .catalog_item .footer_button .counter_wrapp::after { display: none !important; }
.catalog_block .catalog_item .footer_button .offer_buy_block { margin: 0 !important; }
.catalog_block .catalog_item .cost.prices .price { margin-left: 0 !important; }
/* the price on the card follows the chosen length (180 ₽ for 50, 200 ₽ for 60) instead of a fixed "от 180 ₽" */
.catalog_block .catalog_item.has-sku .cost.prices .ce_cmp_hidden { display: block !important; }
.catalog_block .catalog_item.has-sku .cost.prices .ce_cmp_visible { display: none !important; }

/* ---- homepage: "Популярные категории" as soft glowing tiles, not a boxed list ---- */
.sections_wrapper.type2.compact .top_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.sections_wrapper.type2.compact .top_block::before,
.sections_wrapper.type2.compact .top_block::after { display: none; }
.sections_wrapper.type2.compact .top_block .top_block_title { float: none; margin: 0; }
.sections_wrapper.type2.compact .top_block > a {
    position: static !important;
    float: none !important;
    flex: none;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    width: auto !important;
    height: auto !important;
    padding: 8px 16px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    font-family: var(--jd-text);
    font-size: 12px !important;
    letter-spacing: .06em;
    white-space: nowrap;
    color: #fff !important;
    opacity: 1;
    transition: background .25s ease, border-color .25s ease;
}
.sections_wrapper.type2.compact .top_block > a:hover,
.sections_wrapper.type2.compact .top_block > a:active { background: var(--jd-pink); border-color: var(--jd-pink); }
.sections_wrapper.type2.compact .list.items > .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0 !important;
}
.sections_wrapper.type2.compact .list.items > .row::before,
.sections_wrapper.type2.compact .list.items > .row::after { display: none; }
.sections_wrapper.type2.compact .list.items > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.sections_wrapper.type2.compact .list.items .item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    min-height: 168px;
    margin: 0 !important;
    padding: 20px 12px 18px !important;
    border: 0 !important;
    border-radius: 26px !important;
    background: radial-gradient(circle at 50% 34%, rgba(255, 157, 186, .26) 0%, rgba(255, 157, 186, .07) 46%, rgba(255, 255, 255, .04) 74%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06) !important;
    text-align: center;
    overflow: hidden;
    transition: transform .4s cubic-bezier(.3, 1.4, .5, 1), box-shadow .3s ease;
}
.sections_wrapper.type2.compact .list.items .item .img {
    position: static !important;
    float: none !important;
    flex: none;
    width: 88px !important;
    height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.sections_wrapper.type2.compact .list.items .item .img a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sections_wrapper.type2.compact .list.items .item .img img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
    filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45));
    transition: transform .5s cubic-bezier(.3, 1.4, .5, 1);
}
.sections_wrapper.type2.compact .list.items .item .name { margin: 0 !important; padding: 0 !important; }
.sections_wrapper.type2.compact .list.items .item .name a {
    font-family: var(--jd-display);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.15;
    color: #fdf6f2 !important;
}
.sections_wrapper.type2.compact .list.items .item:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(255, 157, 186, .45), 0 18px 34px -18px rgba(216, 53, 95, .6) !important; }
.sections_wrapper.type2.compact .list.items .item:hover .img img { transform: translateY(-4px) rotate(-5deg) scale(1.08); }
.sections_wrapper.type2.compact .list.items .item:active { transform: scale(.96); transition: none; }
.sections_wrapper.type2.compact .list.items .item:active .img img { transform: rotate(-5deg) scale(1.08); }
@media (min-width: 992px) {
    .sections_wrapper.type2.compact .list.items > .row { grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .sections_wrapper.type2.compact .list.items .item { min-height: 240px; gap: 18px; }
    .sections_wrapper.type2.compact .list.items .item .img { width: 128px !important; height: 128px !important; }
    .sections_wrapper.type2.compact .list.items .item .name a { font-size: 22px; }
}
.sections_wrapper.type2.compact .list.items > .row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sections_wrapper.type2.compact .list.items .item .name { width: 100%; text-align: center; }
.sections_wrapper.type2.compact .list.items .item .name a { display: block; white-space: normal; overflow-wrap: anywhere; font-size: 16px; }
.sections_wrapper.type2.compact .top_block > a { text-decoration: none !important; border-bottom: 1px solid rgba(255, 255, 255, .25) !important; }
@media (min-width: 992px) {
    .sections_wrapper.type2.compact .list.items > .row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sections_wrapper.type2.compact .list.items .item .name a { font-size: 22px; }
}

/* ---- homepage: customer reviews — one soft card per review, no frame inside a frame ---- */
.item-views.reviews.compact .swiper-slide.item-wrapper {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.item-views.reviews.compact .swiper-slide.item-wrapper > .item {
    height: 100%;
    padding: 22px 20px 24px !important;
    border: 0 !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06) !important;
    box-sizing: border-box;
}
.item-views.reviews.compact .reviews-photo-list img,
.item-views.reviews.compact .reviews-photo-list a { border-radius: 14px !important; overflow: hidden; }
.sections_wrapper.type2.compact .list.items .item .name,
.sections_wrapper.type2.compact .list.items .item .name a { text-align: center !important; }

/* ---- footer on phones and tablets: one composed block — brand and phone, then all links in clear columns ---- */
@media (max-width: 991px) {
    #footer .footer-v1 {
        position: relative;
        margin-top: 28px;
        padding: 0 24px;
        border-top: 1px solid rgba(255, 255, 255, .08);
        background: #1d0e15 !important;
    }
    #footer .footer-v1 .footer-inner,
    #footer .footer-v1 .footer_top,
    #footer .footer-v1 .footer_middle,
    #footer .footer-v1 .footer_bottom { background: transparent !important; border: 0 !important; }
    #footer .footer-v1 .maxwidth-theme { max-width: 720px; margin: 0 auto; padding: 0 !important; background: transparent !important; border: 0 !important; }
    #footer .footer-v1 .row { margin: 0 !important; }
    #footer .footer-v1 [class*="col-"] { float: none; width: auto; min-height: 0; padding: 0 !important; }

    /* everything in one grid: the brand block across the top, link groups under it */
    #footer .footer_top > .maxwidth-theme > .row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 24px;
        padding: 40px 0 34px;
    }
    #footer .footer_top .contact-block { grid-column: 1 / -1; order: -1; padding-bottom: 30px !important; border-bottom: 1px solid rgba(255, 255, 255, .08); }
    #footer .contact-block .info > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "logo logo" "phone sub" "mail sub";
        align-items: end;
        gap: 0 20px;
    }
    #footer .contact-block .info > .row::before {
        content: "";
        grid-area: logo;
        justify-self: start;
        width: 150px; height: 52px;
        margin-bottom: 26px;
        background: url("/upload/CMax/fd9/j7e70xggqfhfo5syekr35ggsft3x9urn/logo_white.png") left center / contain no-repeat;
    }
    #footer .contact-block .info > .row::after { display: none; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(1) { grid-area: sub; align-self: center; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(2) { grid-area: phone; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(3) { grid-area: mail; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(n+4) { display: none; }
    #footer .contact-block .phone.blocks, #footer .contact-block .email.blocks { margin: 0 !important; padding: 0 !important; text-align: left; }
    #footer .contact-block .phone .svg, #footer .contact-block .email .svg { display: none !important; }
    #footer .contact-block .phone .wrap::before {
        content: "Звонок бесплатный";
        display: block;
        margin-bottom: 6px;
        font-family: var(--jd-text);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: rgba(253, 246, 242, .5);
    }
    #footer .contact-block .phone a {
        font-family: var(--jd-display);
        font-size: 30px !important;
        font-weight: 400 !important;
        letter-spacing: .02em;
        line-height: 1.1;
        white-space: nowrap;
        color: #fff !important;
    }
    #footer .contact-block .email.blocks { margin-top: 8px !important; }
    #footer .contact-block .email a { font-size: 14px; color: rgba(253, 246, 242, .65) !important; }
    #footer .contact-block .subscribe_button { margin: 0 !important; }
    #footer .contact-block .subscribe_button .btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        width: auto;
        height: 46px;
        padding: 0 20px !important;
        border: 1px solid rgba(255, 255, 255, .28) !important;
        border-radius: 999px !important;
        background: transparent !important;
        font-family: var(--jd-text);
        font-size: 13px;
        font-weight: 500;
        white-space: nowrap;
        color: #fff !important;
        transition: background .25s ease, border-color .25s ease;
    }
    #footer .contact-block .subscribe_button .btn .svg { position: static !important; margin: 0 !important; }
    #footer .contact-block .subscribe_button .btn:hover,
    #footer .contact-block .subscribe_button .btn:active { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }

    /* link groups: a small label and its links, always open — nothing to tap open */
    #footer .bottom-menu, #footer .bottom-menu .items { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left; }
    #footer .bottom-menu .items > .item.childs { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; pointer-events: none; }
    #footer .bottom-menu .items > .item.childs .title { margin: 0; padding: 0; text-align: left !important; }
    #footer .bottom-menu .items > .item.childs .title a {
        pointer-events: auto;
        font-family: var(--jd-text);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: rgba(253, 246, 242, .5) !important;
    }
    #footer .bottom-menu .compact_arrow { display: none !important; }
    #footer .bottom-menu .wrap,
    #footer .bottom-menu .wrap.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        visibility: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    #footer .bottom-menu .wrap .item { margin: 0 !important; padding: 5px 0 !important; border: 0 !important; background: transparent !important; }
    #footer .bottom-menu .wrap .item .title { text-align: left !important; }
    #footer .bottom-menu .wrap .item .title a {
        font-family: var(--jd-text);
        font-size: 14.5px;
        font-weight: 400;
        line-height: 1.35;
        color: #f3e9e6 !important;
        transition: color .2s ease;
    }
    #footer .bottom-menu .wrap .item .title a:hover,
    #footer .bottom-menu .wrap .item .title a:active { color: #ff9dba !important; }

    /* last line: socials on the left, payment marks on the right, small print under */
    #footer .footer_middle .row, #footer .footer_middle .row > div,
    #footer .footer_middle .social-block, #footer .footer_middle .social-icons { background: transparent !important; border: 0 !important; }
    #footer .footer_middle .social-block { padding: 22px 0 0 !important; border-top: 1px solid rgba(255, 255, 255, .08) !important; text-align: left; }
    #footer .footer_middle .social-block::before, #footer .footer_middle .social-block::after { display: none !important; }
    #footer .footer_middle .social-icons ul { display: flex; justify-content: flex-start; gap: 10px; margin: 0; padding: 0; }
    #footer .footer_middle .social-icons li { margin: 0 !important; }
    #footer .footer_bottom .footer-bottom__items-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 20px 0 calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        text-align: left;
    }
    #footer .footer_bottom .copy { margin: 0 !important; padding: 0 !important; font-size: 11.5px !important; line-height: 1.6; text-align: left; color: rgba(253, 246, 242, .4) !important; }
    #footer .footer_bottom .pays { margin: 0 !important; opacity: .5; }
}
@media (min-width: 600px) and (max-width: 991px) {
    #footer .footer_top > .maxwidth-theme > .row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
    #footer .contact-block .info > .row { grid-template-columns: minmax(0, 1fr); grid-template-areas: "logo" "phone" "mail" "sub"; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(1) { margin-top: 20px; justify-self: start; }
}
@media (max-width: 991px) {
    #footer .footer-v1 .row::before, #footer .footer-v1 .row::after { display: none !important; }
    #footer .footer_top .contact-block { width: 100% !important; max-width: none !important; margin: 0 !important; justify-self: stretch; }
    #footer .contact-block .info, #footer .contact-block .info > .row { width: 100%; }
    #footer .contact-block .phone.blocks > .inline-block, #footer .contact-block .phone .phone, #footer .contact-block .phone .wrap { display: block !important; margin: 0 !important; padding: 0 !important; text-align: left; }
    #footer .contact-block .info > .row > [class*="col-"] { margin: 0 !important; text-align: left; }
}
@media (max-width: 991px) {
    #footer .contact-block .info { max-width: none !important; margin: 0 !important; padding: 0 !important; }
    #footer .contact-block .phone.blocks { display: block !important; }
    #footer .contact-block .phone .wrap > div { padding: 0 !important; }
}

/* ---- footer, phone/tablet: top block repaired and made the brand moment; group names in serif ---- */
@media (max-width: 991px) {
    #footer .contact-block .info > .row {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 0;
        text-align: center;
    }
    #footer .contact-block .info > .row::before {
        display: block !important;
        width: 190px; height: 66px;
        margin: 0 0 26px;
        background-position: center;
    }
    #footer .contact-block .info > .row > [class*="col-"] { width: 100% !important; text-align: center !important; }
    #footer .contact-block .info > .row > [class*="col-"]:nth-child(1) { order: 5; margin-top: 24px !important; }
    #footer .contact-block .phone.blocks, #footer .contact-block .email.blocks,
    #footer .contact-block .phone .wrap, #footer .contact-block .phone .phone,
    #footer .contact-block .phone.blocks > .inline-block { text-align: center !important; }
    #footer .contact-block .phone a { display: inline-block !important; font-size: 32px !important; letter-spacing: .04em; white-space: nowrap; }
    #footer .contact-block .phone .wrap::before { color: #ff9dba; letter-spacing: .22em; margin-bottom: 8px; }
    #footer .contact-block .email.blocks { margin-top: 10px !important; }
    #footer .contact-block .subscribe_button .btn { height: 48px; padding: 0 26px !important; }
    #footer .footer_top .contact-block { padding-bottom: 34px !important; }
    /* link groups: the group name is a serif heading, the links are quiet */
    #footer .bottom-menu .items > .item.childs { margin: 0 0 10px !important; }
    #footer .bottom-menu .items > .item.childs .title a {
        font-family: var(--jd-display);
        font-size: 21px;
        font-weight: 400;
        letter-spacing: .01em;
        text-transform: none;
        color: #fff !important;
    }
    #footer .bottom-menu .wrap .item { padding: 6px 0 !important; }
    #footer .bottom-menu .wrap .item .title a { font-size: 13.5px; line-height: 1.4; color: rgba(253, 246, 242, .62) !important; }
    #footer .footer_top > .maxwidth-theme > .row { gap: 34px 22px; }
    /* bottom: centred */
    #footer .footer_middle .social-block { text-align: center; padding-top: 26px !important; }
    #footer .footer_middle .social-icons ul { justify-content: center; }
    #footer .footer_bottom .footer-bottom__items-wrapper { align-items: center; text-align: center; }
    #footer .footer_bottom .copy { text-align: center; }
}
@media (max-width: 991px) { #footer .contact-block .subscribe_button .btn .svg { display: none !important; } }

/* ---- homepage "stories": the pictures are posters full of small text, which a circle crops into nonsense.
        Each one becomes a tall soft card: the poster only as a blurred backdrop, the title set large on top ---- */
.front_stories .tab_slider_wrapp.stories::before {
    content: "Полезно знать";
    display: block;
    margin: 0 0 18px;
    font-family: var(--jd-display);
    font-size: 30px;
    line-height: 1.1;
    color: #fdf6f2;
}
.front_stories .swiper-slide.item {
    position: relative;
    width: 158px !important;
    height: 208px;
    margin-right: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 26px !important;
    background: #2f1b23 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    overflow: hidden;
    cursor: pointer;
    transition: transform .4s cubic-bezier(.3, 1.4, .5, 1);
}
.front_stories .swiper-slide.item .img {
    position: absolute !important;
    inset: -14px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
.front_stories .swiper-slide.item .img::before, .front_stories .swiper-slide.item .img::after { display: none !important; }
.front_stories .swiper-slide.item .img > span {
    position: absolute !important;
    inset: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    filter: blur(9px) saturate(1.15) brightness(.62);
    transition: filter .5s ease, transform .6s ease;
}
.front_stories .swiper-slide.item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(216, 53, 95, .20) 0%, rgba(36, 19, 26, .35) 45%, rgba(29, 14, 21, .92) 100%);
    pointer-events: none;
}
.front_stories .swiper-slide.item::before {
    content: "✿";
    position: absolute;
    left: 14px; top: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px; height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    font-size: 15px;
    line-height: 1;
    color: #ffb3c8;
}
.front_stories .swiper-slide.item .name {
    position: absolute;
    left: 16px; right: 14px; bottom: 16px;
    z-index: 2;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--jd-display);
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.14;
    text-align: left !important;
    white-space: normal;
    color: #fff !important;
}
.front_stories .swiper-slide.item:hover { transform: translateY(-5px); }
.front_stories .swiper-slide.item:hover .img > span { filter: blur(5px) saturate(1.2) brightness(.75); transform: scale(1.06); }
.front_stories .swiper-slide.item:active { transform: scale(.96); transition: none; }
@media (min-width: 992px) {
    .front_stories .swiper-slide.item { width: 220px !important; height: 280px; margin-right: 18px !important; }
    .front_stories .swiper-slide.item .name { font-size: 25px !important; left: 22px; bottom: 22px; }
    .front_stories .tab_slider_wrapp.stories::before { font-size: 44px; margin-bottom: 26px; }
}
.front_stories .swiper-slide.item .img > span { filter: blur(9px) saturate(1.5) brightness(.85); }
.front_stories .swiper-slide.item::after { background: linear-gradient(180deg, rgba(216, 53, 95, .34) 0%, rgba(122, 36, 64, .30) 45%, rgba(29, 14, 21, .90) 100%); }
.item-views.reviews.compact .swiper-slide.item-wrapper > .item { margin: 0 6px; }

/* ---- story viewer: finger gestures, a larger close button, pink progress ---- */
.stories-popup { touch-action: none; overscroll-behavior: contain; background: #1d0e15; }
.stories-popup__section-slider { will-change: transform; overflow: hidden; }
.stories-popup__close { width: 44px !important; height: 44px !important; right: 8px !important; top: 14px !important; background-position: center !important; }
.stories-popup__element-slider-panel-element { border-radius: 2px; overflow: hidden; }
.stories-popup__element-slider-panel-element-line { background: #ff9dba !important; }
.stories-popup__element-slider-header-img { border: 2px solid #ff9dba; border-radius: 50%; }
.stories-popup__element-slider-header-name { font-family: var(--jd-text); font-weight: 500; }

/* ---- homepage reviews, redone: heading with two real buttons, even cards, a person on each ---- */
.front_review .top_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 10px;
    margin-bottom: 22px;
}
.front_review .top_block::before, .front_review .top_block::after { display: none; }
.front_review .top_block .top_block_title { flex: 1 1 100%; float: none; margin: 0; }
.front_review .top_block > a,
.front_review .top_block > .reviews {
    position: static !important;
    display: inline-flex !important;
    float: none !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
.front_review .top_block > a,
.front_review .top_block > .reviews > span {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    border-radius: 999px;
    font-family: var(--jd-text);
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    color: #fff !important;
    opacity: 1;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .3s cubic-bezier(.3, 1.5, .5, 1);
}
.front_review .top_block > .reviews { order: 1; }
.front_review .top_block > a { order: 2; }
.front_review .top_block > .reviews > span { background: var(--jd-pink); border-color: var(--jd-pink) !important; box-shadow: 0 10px 24px -12px var(--jd-pink); }
.front_review .top_block > .reviews > span span { color: #fff !important; border: 0 !important; }
.front_review .top_block > .reviews > span svg path { fill: #fff !important; }
.front_review .top_block > a:hover { border-color: #ff9dba !important; background: rgba(255, 157, 186, .14); }
.front_review .top_block > a:active, .front_review .top_block > .reviews > span:active { transform: scale(.95); transition: none; }

.item-views.reviews.compact .swiper-slide.item-wrapper { width: 300px !important; height: auto !important; margin-right: 12px !important; }
.item-views.reviews.compact .swiper-slide.item-wrapper > .item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 330px;
    margin: 0 !important;
    padding: 22px 22px 20px !important;
    border-radius: 28px !important;
    background: linear-gradient(160deg, rgba(255, 157, 186, .10) 0%, rgba(255, 255, 255, .045) 42%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07) !important;
    overflow: hidden;
}
/* a big soft quotation mark in the corner */
.item-views.reviews.compact .item::after {
    content: "”";
    position: absolute;
    right: 18px; top: -6px;
    font-family: var(--jd-display);
    font-size: 120px;
    line-height: 1;
    color: rgba(255, 157, 186, .16);
    pointer-events: none;
}
.item-views.reviews.compact .item .svg-inline-quote { display: none !important; }
/* who wrote it */
.item-views.reviews.compact .item .top_wrapper { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; }
.item-views.reviews.compact .item .top-info {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-areas: "ava name" "ava date";
    align-items: center;
    gap: 2px 12px;
    padding: 0 !important;
}
.jd-ava {
    grid-area: ava;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px; height: 46px;
    border-radius: 50%;
    background: linear-gradient(140deg, #ff9dba, #d8355f 60%, #7a2440);
    font-family: var(--jd-display);
    font-size: 22px;
    line-height: 1;
    color: #fff;
}
.item-views.reviews.compact .item .top-info > [itemprop="author"] { grid-area: name; align-self: end; min-width: 0; }
.item-views.reviews.compact .item .top-info .title {
    float: none !important;
    margin: 0 !important;
    font-family: var(--jd-display);
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff !important;
}
.item-views.reviews.compact .item .top-info > .wrap { grid-area: date; align-self: start; margin: 0 !important; }
.item-views.reviews.compact .item .top-info .date { font-family: var(--jd-text); font-size: 11.5px !important; letter-spacing: .04em; text-transform: none !important; color: rgba(253, 246, 242, .5) !important; }
.item-views.reviews.compact .item .top-info .votes_block { display: none !important; }
/* stars */
.item-views.reviews.compact .item .body-info { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0 !important; }
.item-views.reviews.compact .item .body-info .votes_block { float: none !important; margin: 0 0 12px !important; padding: 0 !important; }
.item-views.reviews.compact .item .body-info .inner_rating { display: flex; gap: 3px; }
.item-views.reviews.compact .item .item-rating { float: none !important; margin: 0 !important; padding: 0 !important; line-height: 0; }
.item-views.reviews.compact .item .item-rating svg { width: 15px; height: 14px; }
.item-views.reviews.compact .item .item-rating.filed svg path { fill: #ffb86b !important; }
.item-views.reviews.compact .item .item-rating:not(.filed) svg path { fill: rgba(255, 255, 255, .18) !important; }
/* the words: six lines, the rest opens with the link */
.item-views.reviews.compact .item .preview-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    margin: 0 !important;
    font-family: var(--jd-text);
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: rgba(253, 246, 242, .88) !important;
}
.item-views.reviews.compact .item .reviews-photo-gallery { margin: 14px 0 0 !important; padding: 0 !important; }
.item-views.reviews.compact .item .reviews-photo-title { display: none; }
.item-views.reviews.compact .item .reviews-photo-list { display: flex; gap: 8px; margin: 0 !important; }
.item-views.reviews.compact .item .reviews-photo-item { display: block; width: 56px; height: 56px; margin: 0 !important; border: 0 !important; border-radius: 14px !important; overflow: hidden; }
.item-views.reviews.compact .item .reviews-photo-item img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.item-views.reviews.compact .item .link-block-more { margin: auto 0 0 !important; padding: 16px 0 0 !important; }
.item-views.reviews.compact .item .link-block-more .btn {
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    font-family: var(--jd-text);
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: .02em;
    color: #ff9dba !important;
}
.item-views.reviews.compact .item .link-block-more .btn::after { content: " →"; }
@media (min-width: 992px) {
    .front_review .top_block .top_block_title { flex: 1 1 auto; }
    .item-views.reviews.compact .swiper-slide.item-wrapper { width: 360px !important; margin-right: 18px !important; }
}
.front_review .top_block > a {
    height: 42px !important;
    line-height: 40px !important;
    padding: 0 18px !important;
    box-sizing: border-box;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 13px !important;
}
.front_review .top_block > .reviews { padding: 0 !important; border: 0 !important; background: none !important; }
.front_review .top_block > .reviews > span { box-sizing: border-box; height: 42px !important; }
.front_review .top_block > .reviews > span i.svg { position: static !important; margin: 0 !important; line-height: 0; background: none !important; }

/* =====================================================================
   DESKTOP (992px and wider): the same design carried over from the phone
   ===================================================================== */
@media (min-width: 992px) {
    /* product page: large photo on the left that stays in view, everything to buy on the right */
    .product-view .product-info { padding: 20px 0 30px !important; }
    .product-view .product-info > .flexbox.flexbox--row { flex-wrap: nowrap !important; align-items: flex-start; gap: 52px; }
    .product-view .product-info > .flexbox.flexbox--row > .product-detail-gallery { flex: 0 0 54% !important; max-width: 54%; min-width: 0; position: sticky; top: 90px; }
    .product-view .product-info > .flexbox.flexbox--row > .product-main { flex: 1 1 0 !important; min-width: 0; padding-top: 6px; }
    .product-view .detail-gallery-big-slider-main__inner { width: 100% !important; max-width: none !important; }
    .product-view .detail-gallery-big-slider-main__ratio-wrap { height: 0 !important; padding-top: 112% !important; }
    .product-view .detail-gallery-big-slider .swiper-slide { width: 100% !important; }
    .product-view img.detail-gallery-big__picture { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; }
    .product-view .detail-gallery-big__link { border-radius: 26px; overflow: hidden; }
    .product-view .gallery__item--thumb { border-radius: 14px !important; overflow: hidden; }
    .product-view .cost.prices.detail .price { font-size: 46px !important; }
    .product-view .product-main > .flexbox.flex-wrap > * { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
    .product-view .product-main .buy_block .counter_wrapp.big { display: flex !important; align-items: center; gap: 12px; max-width: 440px; margin-top: 18px; }
    .product-view .product-main .buy_block .counter_wrapp.big::before,
    .product-view .product-main .buy_block .counter_wrapp.big::after { display: none !important; }
    .product-view .product-main .buy_block .counter_wrapp.big .counter_block_inner { flex: 0 0 140px; width: 140px !important; float: none !important; }
    .product-view .product-main .buy_block .counter_wrapp.big .counter_block { width: 100% !important; height: 54px; border-radius: 999px !important; overflow: hidden; }
    .product-view .product-main .buy_block .counter_wrapp.big .button_block { flex: 1 1 0; width: auto !important; float: none !important; }
    .product-view .product-main .buy_block .counter_wrapp.big .button_block .btn { width: 100%; height: 54px; border-radius: 999px !important; font-size: 16px; box-shadow: 0 14px 30px -14px var(--jd-pink); }

    /* stories row starts at the page's left edge */
    .front_stories .tab_slider_wrapp.stories .swiper { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; }

    /* footer: same tone and type as the phone version */
    #footer .footer-v1 { background: #1d0e15 !important; border-top: 1px solid rgba(255, 255, 255, .08); }
    #footer .footer-v1 .footer-inner, #footer .footer-v1 .footer_top, #footer .footer-v1 .footer_middle,
    #footer .footer-v1 .footer_bottom, #footer .footer-v1 .maxwidth-theme { background: transparent !important; }
    #footer .footer_top { padding-top: 26px; }
    #footer .bottom-menu .items > .item.childs .title a { font-family: var(--jd-display); font-size: 22px; font-weight: 400; color: #fff !important; }
    #footer .bottom-menu .wrap .item .title a { font-family: var(--jd-text); font-size: 14px; line-height: 1.4; color: rgba(253, 246, 242, .62) !important; transition: color .2s ease; }
    #footer .bottom-menu .wrap .item .title a:hover { color: #ff9dba !important; }
    #footer .contact-block .phone a { font-family: var(--jd-display); font-size: 28px !important; font-weight: 400 !important; letter-spacing: .02em; color: #fff !important; }
    #footer .contact-block .phone .svg { display: none !important; }
    #footer .contact-block .email a { color: rgba(253, 246, 242, .65) !important; }
    #footer .contact-block .subscribe_button .btn {
        border: 1px solid rgba(255, 255, 255, .28) !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: #fff !important;
        transition: background .25s ease, border-color .25s ease;
    }
    #footer .contact-block .subscribe_button .btn:hover { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }
    #footer .footer_bottom .copy { color: rgba(253, 246, 242, .4) !important; }
    #footer .footer_bottom .pays { opacity: .5; }
}
/* basket details */
.basket-item-info-name { padding-right: 0 !important; margin-bottom: 6px !important; }
.basket-item-info-name-link { word-break: normal !important; overflow-wrap: break-word; font-size: 15px; line-height: 1.35; }
.stickers-basket--item {
    padding: 4px 11px 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ff6f98, #d8355f) !important;
    font-family: var(--jd-text);
    font-size: 10.5px !important;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff !important;
}
@media (min-width: 992px) { #footer .contact-block .phone a { font-size: 24px !important; white-space: nowrap; } }

/* =====================================================================
   HOMEPAGE CATEGORIES: round photos in one row, the name under each
   ===================================================================== */
body .drag-block.MIDDLE_ADV .float_banners > .maxwidth-theme::before {
    content: "Каталог";
    display: block;
    margin: 0 0 26px;
    font-family: var(--jd-display);
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    color: #fdf6f2;
}
body .drag-block.MIDDLE_ADV .float_banners .items > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    gap: 16px;
    width: auto !important;
    margin: 0 -16px !important;
    padding: 6px 18px 10px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    transform: none !important;
    scroll-snap-type: x proximity;
    scroll-padding-left: 18px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body .drag-block.MIDDLE_ADV .float_banners .items > .row::-webkit-scrollbar { display: none; }
body .drag-block.MIDDLE_ADV .float_banners .items > .row::before,
body .drag-block.MIDDLE_ADV .float_banners .items > .row::after { display: none !important; }
body .drag-block.MIDDLE_ADV .float_banners .items > .row > [class*="col-"] {
    flex: 0 0 132px !important;
    width: 132px !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start;
}
body .drag-block.MIDDLE_ADV .float_banners .item {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0;
    overflow: visible;
    transform: none;
    box-shadow: none !important;
}
/* the circle: a thin pink ring, a gap, then the photo */
body .drag-block.MIDDLE_ADV .float_banners .item .image {
    position: relative !important;
    inset: auto !important;
    flex: none;
    display: block !important;
    width: 124px !important;
    height: 124px !important;
    margin: 0 0 14px !important;
    padding: 3px !important;
    border-radius: 50% !important;
    background: linear-gradient(140deg, #ffb3c8, #d8355f 55%, #7a2440) !important;
    box-sizing: border-box;
    overflow: visible !important;
    transition: transform .5s cubic-bezier(.3, 1.4, .5, 1), box-shadow .4s ease;
}
body .drag-block.MIDDLE_ADV .float_banners .item .image::after { display: none !important; }
body .drag-block.MIDDLE_ADV .float_banners .item .image .img_inner {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 3px solid var(--black_bg_black, #24131a);
    border-radius: 50% !important;
    box-sizing: border-box;
    overflow: hidden;
}
body .drag-block.MIDDLE_ADV .float_banners .item .image a,
body .drag-block.MIDDLE_ADV .float_banners .item .image .image__fon {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
}
body .drag-block.MIDDLE_ADV .float_banners .item .image .image__fon {
    background-size: cover !important;
    background-position: center 30% !important;
    transition: transform .9s cubic-bezier(.2, .7, .2, 1) !important;
}
body .drag-block.MIDDLE_ADV .float_banners .item .inner-text {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    background: none !important;
    transform: none !important;
    text-align: center !important;
    pointer-events: auto;
}
body .drag-block.MIDDLE_ADV .float_banners .item .inner-text .title-inner,
body .drag-block.MIDDLE_ADV .float_banners .item .inner-text .title {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
}
body .drag-block.MIDDLE_ADV .float_banners .item .title-inner::after { display: none !important; }
body .drag-block.MIDDLE_ADV .float_banners .item .title,
body .drag-block.MIDDLE_ADV .float_banners .item .title a {
    font-family: var(--jd-display) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    text-shadow: none;
    color: #fdf6f2 !important;
    transition: color .25s ease;
}
body .drag-block.MIDDLE_ADV .float_banners .item:hover { transform: none; box-shadow: none !important; }
body .drag-block.MIDDLE_ADV .float_banners .item:hover .image { transform: translateY(-8px); box-shadow: 0 22px 40px -18px rgba(216, 53, 95, .8); }
body .drag-block.MIDDLE_ADV .float_banners .item:hover .image .image__fon { transform: scale(1.1) !important; }
body .drag-block.MIDDLE_ADV .float_banners .item:hover .title a { color: #ffb3c8 !important; }
body .drag-block.MIDDLE_ADV .float_banners .item:active .image { transform: scale(.94); transition: none; }

@media (min-width: 992px) {
    body .drag-block.MIDDLE_ADV .float_banners > .maxwidth-theme::before { font-size: 44px; margin-bottom: 40px; }
    body .drag-block.MIDDLE_ADV .float_banners .items > .row {
        justify-content: center;
        gap: clamp(28px, 5vw, 84px);
        margin: 0 !important;
        padding: 10px 0 14px !important;
        overflow: visible !important;
    }
    body .drag-block.MIDDLE_ADV .float_banners .items > .row > [class*="col-"] { flex: 0 0 clamp(170px, 15vw, 230px) !important; width: clamp(170px, 15vw, 230px) !important; }
    body .drag-block.MIDDLE_ADV .float_banners .item .image { width: clamp(170px, 15vw, 230px) !important; height: clamp(170px, 15vw, 230px) !important; padding: 4px !important; margin-bottom: 22px !important; }
    body .drag-block.MIDDLE_ADV .float_banners .item .image .img_inner { border-width: 5px; }
    body .drag-block.MIDDLE_ADV .float_banners .item .title,
    body .drag-block.MIDDLE_ADV .float_banners .item .title a { font-size: 24px !important; }
}

/* phones: every section's "see all" link is a small pill beside the heading, never text turned on its side */
@media (max-width: 991px) {
    .drag-block .top_block { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; }
    .drag-block .top_block::before, .drag-block .top_block::after { display: none; }
    .drag-block .top_block .top_block_title { float: none; margin: 0; }
    .drag-block .top_block > a.pull-right {
        position: static !important;
        float: none !important;
        transform: none !important;
        writing-mode: horizontal-tb !important;
        display: inline-flex !important;
        align-items: center;
        width: auto !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border: 1px solid rgba(255, 255, 255, .26) !important;
        border-radius: 999px;
        font-family: var(--jd-text);
        font-size: 12.5px !important;
        letter-spacing: .03em;
        line-height: 1 !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: nowrap;
        color: #fff !important;
        opacity: 1 !important;
    }
    .drag-block .top_block > a.pull-right:active { background: var(--jd-pink); border-color: var(--jd-pink) !important; }
}

/* =====================================================================
   DESKTOP FIRST SCREEN: split — words on the left, Jarden's own bouquet on the right
   (replaces the wide peony banner with the JARDEN lettering baked into it)
   ===================================================================== */
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item {
        position: relative;
        background-image: radial-gradient(58% 70% at 16% 62%, rgba(216, 53, 95, .24) 0%, rgba(216, 53, 95, 0) 70%) !important;
        background-color: var(--black_bg_black, #24131a) !important;
        overflow: hidden;
    }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before {
        content: "";
        position: absolute;
        top: 0; right: 0; bottom: 0;
        width: 58%;
        z-index: 0;
        background: url("/local/jarden/img/hero-phone.jpg") center 34% / cover no-repeat;
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 26%);
        mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 26%);
        animation: jd-hero-photo 1.6s cubic-bezier(.2, .7, .2, 1) both;
    }
    @keyframes jd-hero-photo { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: none; } }
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after {
        background: linear-gradient(180deg,
            rgba(22, 13, 16, .72) 0, rgba(22, 13, 16, .2) 22%, rgba(22, 13, 16, 0) 38%,
            rgba(22, 13, 16, 0) 80%, var(--black_bg_black) 100%);
    }
    body.theme-dark .jd-hero-cta {
        left: max(5vw, calc((100vw - 1640px) / 2));
        right: auto;
        top: 56%;
        bottom: auto;
        width: min(42vw, 640px);
        transform: translateY(-50%);
        align-items: flex-start;
        gap: 30px;
        text-align: left;
    }
    body.theme-dark .jd-hero-cta::before {
        content: "Свежие цветы каждый день";
        font-family: var(--jd-text);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .26em;
        text-transform: uppercase;
        color: #ff9dba;
        animation: jd-hero-up .9s cubic-bezier(.2, .8, .2, 1) .15s both;
    }
    body.theme-dark .jd-hero-cta .jd-hero-line {
        margin: -8px 0 0;
        font-size: clamp(46px, 4.8vw, 88px);
        line-height: 1.02;
        letter-spacing: -.005em;
        text-shadow: none;
        animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .28s both;
    }
    body.theme-dark .jd-hero-cta .jd-hero-line::after {
        content: "Екатеринбург · Челябинск · Нижний Тагил";
        display: block;
        margin-top: 22px;
        font-family: var(--jd-text);
        font-size: 15px;
        letter-spacing: .04em;
        line-height: 1.4;
        color: rgba(253, 246, 242, .62);
    }
    body.theme-dark .jd-hero-cta .jd-hero-btns { animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .45s both; }
    body.theme-dark .jd-hero-cta .jd-btn { height: 58px; padding: 0 38px; font-size: 16px; }
    body.theme-dark .jd-hero-cta .jd-btn--fill { box-shadow: 0 16px 34px -14px var(--jd-pink); }
    @keyframes jd-hero-up { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before,
    body.theme-dark .jd-hero-cta::before, body.theme-dark .jd-hero-cta .jd-hero-line, body.theme-dark .jd-hero-cta .jd-hero-btns { animation: none; }
}
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before { display: block !important; }
}
@media (min-width: 992px) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after {
        background: linear-gradient(180deg,
            rgba(22, 13, 16, .88) 0, rgba(22, 13, 16, .6) 14%, rgba(22, 13, 16, .18) 30%, rgba(22, 13, 16, 0) 42%,
            rgba(22, 13, 16, 0) 80%, var(--black_bg_black) 100%);
    }
}

/* =====================================================================
   JARDEN lettering on the first screen, drawn as real outlined type over the new photo
   ===================================================================== */
@media (min-width: 992px) {
    body.theme-dark .jd-hero-cta { width: min(56vw, 900px); gap: 22px; top: 57%; }
    body.theme-dark .jd-hero-cta::before {
        content: "JARDEN";
        margin: 0 0 -6px -4px;
        font-family: var(--jd-display);
        font-size: clamp(110px, 12.5vw, 250px);
        font-weight: 400;
        line-height: .86;
        letter-spacing: .02em;
        text-transform: none;
        color: transparent;
        -webkit-text-stroke: 1.6px #fff;
        text-shadow: 0 0 34px rgba(255, 157, 186, .35);
        white-space: nowrap;
    }
    body.theme-dark .jd-hero-cta .jd-hero-line { font-size: clamp(26px, 2.3vw, 40px); line-height: 1.1; margin: 0; }
    body.theme-dark .jd-hero-cta .jd-hero-line::after { margin-top: 12px; font-size: 14px; }
}
@media (max-width: 991px) {
    /* phone lettering v4: on dark like desktop, photo stays clean */
    body.theme-dark .jd-hero-cta { margin-top: -30px; gap: 14px; }
    body.theme-dark .jd-hero-cta::before {
        content: "JARDEN";
        margin: 0 -20px -4px;
        font-family: var(--jd-display);
        font-size: 25vw;
        font-weight: 400;
        line-height: .86;
        letter-spacing: .02em;
        text-transform: none;
        text-align: center;
        color: transparent;
        -webkit-text-stroke: 1.2px #fff;
        text-shadow: 0 0 28px rgba(255, 157, 186, .35);
        white-space: nowrap;
    }
    body.theme-dark .jd-hero-cta .jd-hero-line { font-size: 24px; margin: 0 0 4px; }
}

/* =====================================================================
   Account home (/personal/): calm list of rows instead of boxed tiles
   ===================================================================== */
body.theme-dark .personal_wrapper .sale-personal-section-row-flex {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 6px 0 28px !important;
    padding: 4px 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
}
body.theme-dark .personal_wrapper .sale-personal-section-row-flex::before,
body.theme-dark .personal_wrapper .sale-personal-section-row-flex::after { display: none !important; }
body.theme-dark .personal_wrapper .sale-personal-section-row-flex > div {
    width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; min-height: 0;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block {
    margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}
body.theme-dark .personal_wrapper .sale-personal-section-row-flex > div:last-child .sale-personal-section-index-block { border-bottom: 0 !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link {
    position: relative;
    display: flex !important; align-items: center; gap: 16px;
    height: auto !important; min-height: 68px; padding: 12px 26px 12px 0 !important;
    text-align: left !important; text-decoration: none !important;
    background: none !important; border: 0 !important;
    transition: transform .25s ease;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link::after {
    content: ""; position: absolute; right: 4px; top: 50%;
    width: 8px; height: 8px; margin-top: -4px;
    border-right: 1.5px solid rgba(255, 255, 255, .45); border-top: 1.5px solid rgba(255, 255, 255, .45);
    transform: rotate(45deg); transition: transform .25s ease, border-color .25s ease;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link:hover::after,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link:active::after { transform: translateX(4px) rotate(45deg); border-color: var(--jd-pink); }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico {
    flex: 0 0 44px; display: flex !important; align-items: center; justify-content: center;
    width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important;
    border-radius: 50%;
    background: rgba(255, 157, 186, .1);
    box-shadow: inset 0 0 0 1px rgba(255, 157, 186, .22);
    font-size: 18px; color: var(--jd-pink);
    transition: background .25s ease, transform .25s ease;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link:hover .sale-personal-section-index-block-ico,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-link:active .sale-personal-section-index-block-ico { background: rgba(255, 157, 186, .2); transform: scale(1.06); }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) {
    display: block !important; width: 22px !important; height: 22px !important; margin: 0 !important;
    background: var(--jd-pink) !important;
    -webkit-mask-size: contain !important; mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important; mask-position: center !important;
    -webkit-mask-image: url(/local/jarden/img/acc-personal.svg) !important; mask-image: url(/local/jarden/img/acc-personal.svg) !important;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block-name {
    margin: 0 !important; padding: 0 !important;
    font-family: var(--jd-display) !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.2 !important;
    text-align: left !important; color: #fff !important;
}
@media (min-width: 768px) {
    body.theme-dark .personal_wrapper .sale-personal-section-row-flex { grid-template-columns: 1fr 1fr; column-gap: 40px; padding: 8px 28px; }
    body.theme-dark .personal_wrapper .sale-personal-section-row-flex > div:nth-last-child(2):nth-child(odd) .sale-personal-section-index-block { border-bottom: 0 !important; }
}
/* account rows: remove the theme's own big icon drawn inside the <i> */
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico { overflow: hidden; max-width: 44px; position: relative; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) {
    position: static !important; float: none !important; padding: 0 !important; overflow: hidden !important;
    min-width: 0 !important; max-width: 22px !important; max-height: 22px !important;
    background-image: none !important; font-size: 0 !important; transform: none !important;
}
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa)::before,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa)::after,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico::before,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico::after,
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) > * { display: none !important; content: none !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.cur_orders { -webkit-mask-image: url(/local/jarden/img/acc-cur_orders.svg) !important; mask-image: url(/local/jarden/img/acc-cur_orders.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.bill { -webkit-mask-image: url(/local/jarden/img/acc-bill.svg) !important; mask-image: url(/local/jarden/img/acc-bill.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.personal { -webkit-mask-image: url(/local/jarden/img/acc-personal.svg) !important; mask-image: url(/local/jarden/img/acc-personal.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.filter_orders { -webkit-mask-image: url(/local/jarden/img/acc-filter_orders.svg) !important; mask-image: url(/local/jarden/img/acc-filter_orders.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.profile { -webkit-mask-image: url(/local/jarden/img/acc-profile.svg) !important; mask-image: url(/local/jarden/img/acc-profile.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.cart { -webkit-mask-image: url(/local/jarden/img/acc-cart.svg) !important; mask-image: url(/local/jarden/img/acc-cart.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.subscribe { -webkit-mask-image: url(/local/jarden/img/acc-subscribe.svg) !important; mask-image: url(/local/jarden/img/acc-subscribe.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.contact { -webkit-mask-image: url(/local/jarden/img/acc-contact.svg) !important; mask-image: url(/local/jarden/img/acc-contact.svg) !important; }
body.theme-dark .personal_wrapper .sale-personal-section-index-block-ico i.bonus_lk { -webkit-mask-image: url(/local/jarden/img/acc-bonus_lk.svg) !important; mask-image: url(/local/jarden/img/acc-bonus_lk.svg) !important; }

/* =====================================================================
   Side menu (account and text pages): one soft card, no boxes
   ===================================================================== */
body.theme-dark .left_block .menu_top_block { border: 1px solid rgba(255,255,255,.08) !important; border-radius: 22px !important; padding: 8px !important; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important; overflow: hidden; }
body.theme-dark .left_block ul.left_menu { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.theme-dark .left_block ul.left_menu > li { margin: 0 !important; border: 0 !important; background: none !important; }
body.theme-dark .left_block ul.left_menu > li > a {
    position: relative; display: block; padding: 12px 16px 12px 30px !important; margin: 2px 0 !important;
    border: 0 !important; border-radius: 14px !important; background: none !important; box-shadow: none !important;
    font-family: var(--jd-text) !important; font-size: 14.5px !important; font-weight: 400 !important; color: rgba(255,255,255,.72) !important;
    transition: background .25s ease, color .25s ease, padding .25s ease;
}
body.theme-dark .left_block ul.left_menu > li > a .name { font-weight: inherit !important; color: inherit !important; }
body.theme-dark .left_block ul.left_menu > li > a::before {
    content: "" !important; display: block !important; position: absolute; left: 14px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px;
    border-radius: 50%; background: rgba(255,255,255,.22); transition: background .25s ease, transform .25s ease;
}
body.theme-dark .left_block ul.left_menu > li > a:hover { background: rgba(255,255,255,.05) !important; color: #fff !important; }
body.theme-dark .left_block ul.left_menu > li.current > a { background: rgba(255,157,186,.12) !important; color: #fff !important; font-weight: 500 !important; }
body.theme-dark .left_block ul.left_menu > li.current > a::before,
body.theme-dark .left_block ul.left_menu > li > a:hover::before { background: var(--jd-pink); transform: scale(1.5); }

/* =====================================================================
   Account: orders list
   ===================================================================== */
body.theme-dark .personal_wrapper .sale-order-list-container,
body.theme-dark .personal_wrapper [class*="sale-order-list-container"] {
    border: 1px solid rgba(255,255,255,.08) !important; border-radius: 22px !important; overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important; margin-bottom: 22px !important;
}
body.theme-dark .personal_wrapper [class*="sale-order-list-title-container"],
body.theme-dark .personal_wrapper [class*="sale-order-list-inner-container"],
body.theme-dark .personal_wrapper [class*="sale-order-list-inner-row"] { background: none !important; border-color: rgba(255,255,255,.07) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-title"] { font-family: var(--jd-display) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-payment-title"],
body.theme-dark .personal_wrapper [class*="sale-order-list-shipment-title"] { font-family: var(--jd-text) !important; font-size: 11px !important; letter-spacing: .18em; text-transform: uppercase; color: var(--jd-pink) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-status-"],
body.theme-dark .personal_wrapper [class*="sale-order-list-shipment-status-block"],
body.theme-dark .personal_wrapper [class*="sale-order-list-payment-status-block"] {
    display: inline-block; padding: 5px 12px !important; border: 0 !important; border-radius: 999px !important;
    font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important;
    background: rgba(255,255,255,.08) !important; color: rgba(255,255,255,.85) !important;
}
body.theme-dark .personal_wrapper [class*="sale-order-list-status-success"] { background: rgba(120,214,160,.14) !important; color: #8fe0b4 !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-status-alert"],
body.theme-dark .personal_wrapper [class*="sale-order-list-status-restricted"] { background: rgba(255,157,186,.14) !important; color: var(--jd-pink) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-button-container"] a,
body.theme-dark .personal_wrapper a[class*="sale-order-list-about-link"],
body.theme-dark .personal_wrapper a[class*="sale-order-list-repeat-link"],
body.theme-dark .personal_wrapper a[class*="sale-order-list-cancel-link"] {
    display: inline-flex !important; align-items: center; justify-content: center; height: 46px; padding: 0 24px !important; margin: 0 8px 8px 0 !important;
    border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; background: none !important;
    font-family: var(--jd-text) !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; text-decoration: none !important;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
body.theme-dark .personal_wrapper a[class*="sale-order-list-about-link"],
body.theme-dark .personal_wrapper [class*="sale-order-list-button-container"] a.btn-default:first-child { border-color: transparent !important; background: var(--jd-accent, #d9345f) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-list-button-container"] a:hover { transform: translateY(-1px); border-color: var(--jd-pink) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-history-link"],
body.theme-dark .personal_wrapper [class*="sale-order-link"] { font-family: var(--jd-text) !important; font-weight: 500 !important; color: var(--jd-pink) !important; }
body.theme-dark .personal_wrapper [class*="sale-order-title"] { font-family: var(--jd-display) !important; font-weight: 400 !important; }

/* =====================================================================
   Basket: "Персональные рекомендации" as separate soft cards
   ===================================================================== */
body.theme-dark .bigdata_recommended_products_items { margin-top: 56px; }
body.theme-dark .bigdata_recommended_products_items > .subtitle {
    margin: 0 0 22px !important;
    font-family: var(--jd-display) !important; font-size: clamp(26px, 2.4vw, 36px) !important; font-weight: 400 !important; line-height: 1.1; color: #fff !important;
}
body.theme-dark .bigdata_recommended_products_items .block-items { border: 0 !important; background: none !important; }
body.theme-dark .bigdata_recommended_products_items .owl-item { padding: 0 8px; box-sizing: border-box; }
body.theme-dark .bigdata_recommended_products_items .owl-stage-outer { margin: 0 -8px; padding: 6px 0 10px; }
body.theme-dark .bigdata_recommended_products_items .block-item {
    height: 100%; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 22px !important; overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body.theme-dark .bigdata_recommended_products_items .block-item:hover { transform: translateY(-4px); border-color: rgba(255,157,186,.35) !important; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
body.theme-dark .bigdata_recommended_products_items .block-item__wrapper { padding: 16px !important; background: none !important; }
body.theme-dark .bigdata_recommended_products_items .block-item__inner { display: flex !important; align-items: center; gap: 16px; }
body.theme-dark .bigdata_recommended_products_items .block-item__image {
    flex: 0 0 92px; width: 92px !important; height: 92px !important; margin: 0 !important; padding: 0 !important; border-radius: 16px; overflow: hidden;
}
body.theme-dark .bigdata_recommended_products_items .block-item__image a { display: block; width: 100%; height: 100%; }
body.theme-dark .bigdata_recommended_products_items .block-item__image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; transition: transform .5s ease; }
body.theme-dark .bigdata_recommended_products_items .block-item:hover .block-item__image img { transform: scale(1.07); }
body.theme-dark .bigdata_recommended_products_items .block-item__info { flex: 1 1 auto; min-width: 0; padding: 0 !important; }
body.theme-dark .bigdata_recommended_products_items .block-item__title { margin: 0 0 6px !important; }
body.theme-dark .bigdata_recommended_products_items .block-item__title a {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-family: var(--jd-display) !important; font-size: 18px !important; line-height: 1.2 !important; color: #fff !important;
}
body.theme-dark .bigdata_recommended_products_items .block-item__cost { margin: 0 !important; }
body.theme-dark .bigdata_recommended_products_items .block-item__cost .price { font-family: var(--jd-text) !important; font-size: 15px !important; font-weight: 500 !important; color: var(--jd-pink) !important; }
/* the "Подробнее" button becomes a quiet text link with an arrow */
body.theme-dark .bigdata_recommended_products_items .block-item .btn {
    height: auto !important; min-width: 0 !important; margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
    font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6) !important;
}
body.theme-dark .bigdata_recommended_products_items .block-item .btn::after { content: "→"; display: inline-block; margin-left: 8px; transition: transform .25s ease; }
body.theme-dark .bigdata_recommended_products_items .block-item:hover .btn { color: #fff !important; }
body.theme-dark .bigdata_recommended_products_items .block-item:hover .btn::after { transform: translateX(4px); }
body.theme-dark .bigdata_recommended_products_items .block-item .more-btn { position: static !important; margin: 8px 0 0 !important; padding: 0 !important; }
body.theme-dark .bigdata_recommended_products_items .block-item .more-btn .btn { margin: 0 !important; }
body.theme-dark .bigdata_recommended_products_items .block-item__wrapper.w-btn { padding-bottom: 16px !important; }

/* =====================================================================
   Header basket preview (hover panel)
   ===================================================================== */
body.theme-dark .basket_hover_block {
    width: 440px !important; max-width: calc(100vw - 24px);
    margin-top: 10px !important; padding: 8px 0 0 !important;
    border: 1px solid rgba(255,255,255,.1) !important; border-radius: 26px !important; overflow: hidden;
    background: rgba(38, 22, 28, .96) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
    box-shadow: 0 30px 70px rgba(0,0,0,.55) !important;
}
body.theme-dark .basket_hover_block .basket_wrap,
body.theme-dark .basket_hover_block .items_wrap,
body.theme-dark .basket_hover_block .items,
body.theme-dark .basket_hover_block .item,
body.theme-dark .basket_hover_block .foot { background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-dark .basket_hover_block .items_wrap { max-height: 320px; overflow-y: auto; padding: 0 20px !important; }
body.theme-dark .basket_hover_block .item { padding: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
body.theme-dark .basket_hover_block .item:last-child { border-bottom: 0 !important; }
body.theme-dark .basket_hover_block .item > .wrap { position: relative; display: flex !important; align-items: center; gap: 14px; padding: 14px 30px 14px 0 !important; }
body.theme-dark .basket_hover_block .item > .wrap::before,
body.theme-dark .basket_hover_block .item > .wrap::after { display: none !important; }
body.theme-dark .basket_hover_block .item .image { flex: 0 0 64px; float: none !important; width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.05); }
body.theme-dark .basket_hover_block .item .image a { display: block; width: 100%; height: 100%; }
body.theme-dark .basket_hover_block .item .image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; }
body.theme-dark .basket_hover_block .item .body-info { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.theme-dark .basket_hover_block .item .description { margin: 0 !important; padding: 0 !important; }
body.theme-dark .basket_hover_block .item .product_name { margin: 0 0 4px !important; }
body.theme-dark .basket_hover_block .item .product_name,
body.theme-dark .basket_hover_block .item .product_name a { font-family: var(--jd-display) !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #fff !important; }
body.theme-dark .basket_hover_block .item .prices { display: flex; flex-direction: row-reverse; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 !important; }
body.theme-dark .basket_hover_block .item .prices .right { float: none !important; }
body.theme-dark .basket_hover_block .item .prices .price { font-family: var(--jd-text) !important; font-size: 13px !important; font-weight: 400 !important; color: rgba(255,255,255,.55) !important; }
body.theme-dark .basket_hover_block .item .prices .summ .price { font-size: 15px !important; font-weight: 500 !important; color: var(--jd-pink) !important; white-space: nowrap; }
body.theme-dark .basket_hover_block .item .price_name { display: none !important; }
body.theme-dark .basket_hover_block .item .remove-cell { position: absolute !important; right: 0; top: 50%; margin: -12px 0 0 !important; padding: 0 !important; width: 24px; height: 24px; }
body.theme-dark .basket_hover_block .item .remove-cell .remove { display: flex !important; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; opacity: .45; transition: opacity .2s ease, background .2s ease; }
body.theme-dark .basket_hover_block .item .remove-cell .remove:hover { opacity: 1; background: rgba(255,255,255,.1); }
body.theme-dark .basket_hover_block .item .remove-cell svg { width: 9px; height: 9px; }
body.theme-dark .basket_hover_block .foot { display: flex !important; align-items: center; justify-content: space-between; margin: 0 !important; padding: 16px 20px 6px !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
body.theme-dark .basket_hover_block .foot .remove_all_basket { font-family: var(--jd-text) !important; font-size: 11px !important; letter-spacing: .14em; color: rgba(255,255,255,.45) !important; }
body.theme-dark .basket_hover_block .foot .remove_all_basket:hover { color: var(--jd-pink) !important; }
body.theme-dark .basket_hover_block .foot .total { align-items: baseline !important; gap: 12px; }
body.theme-dark .basket_hover_block .foot .item_title { font-family: var(--jd-text) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
body.theme-dark .basket_hover_block .foot .wrap_prices .price { font-family: var(--jd-display) !important; font-size: 26px !important; font-weight: 400 !important; color: #fff !important; }
/* "Перейти в корзину" */
body.theme-dark .basket_hover_block .buttons,
body.theme-dark .basket_hover_block .basket_wrap > .wrap_button,
body.theme-dark .basket_hover_block .foot + * { padding: 12px 20px 20px !important; margin: 0 !important; border: 0 !important; background: none !important; }
body.theme-dark .basket_hover_block .foot + * a,
body.theme-dark .basket_hover_block .buttons a,
body.theme-dark .basket_hover_block a.btn {
    display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 50px !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; border-radius: 999px !important; background: var(--jd-pink) !important;
    font-family: var(--jd-text) !important; font-size: 15px !important; font-weight: 500 !important; color: #fff !important; text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(218, 59, 100, .35); transition: transform .25s ease, box-shadow .25s ease;
}
body.theme-dark .basket_hover_block .foot + * a:hover,
body.theme-dark .basket_hover_block a.btn:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(218, 59, 100, .45); }

/* =====================================================================
   Hero slideshow: new bouquet photo <-> old peony banner (class jd-hero-b is toggled by script)
   ===================================================================== */
body.theme-dark .jd-hero-old {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    opacity: 0; transform: scale(1.03);
    transition: opacity 1.6s ease, transform 7s ease-out;
    overflow: hidden;
}
body.theme-dark.jd-hero-b .jd-hero-old { opacity: 1; transform: none; }
body.theme-dark .jd-hero-cta::before { transition: opacity 1.2s ease; }
body.theme-dark.jd-hero-b .jd-hero-cta::before { opacity: 0 !important; animation: none !important; }
@media (min-width: 992px) {
    body.theme-dark .jd-hero-old {
        background: linear-gradient(90deg, rgba(22, 13, 16, .6) 0%, rgba(22, 13, 16, 0) 45%), var(--jd-old) center / cover no-repeat, var(--black_bg_black, #24131a);
    }
    body.theme-dark .jd-hero-old i, body.theme-dark .jd-hero-old b { display: none; }
    /* the old banner has its own JARDEN in the middle, so the headline steps aside and only the buttons stay */
    body.theme-dark .jd-hero-cta .jd-hero-line { transition: opacity 1.2s ease; }
    body.theme-dark.jd-hero-b .jd-hero-cta .jd-hero-line { opacity: 0 !important; animation: none !important; }
}
@media (max-width: 991px) {
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { position: relative; overflow: hidden; }
    /* phone: both slides share one frame and one treatment - the photo fades into the page, outlined JARDEN and the headline sit under it.
       The old banner keeps its own painted JARDEN, shown whole (never cut), so the outlined one folds away on that slide. */
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
    body.theme-dark .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop { height: 56vw !important; }
    body.theme-dark .jd-hero-old { transform: none !important; }
    body.theme-dark .jd-hero-old i { display: none; }
    /* old banner slide: only the picture changes. Same frame, same fade, same lettering, headline and buttons as the bouquet slide.
       The banner is shown whole (its painted JARDEN is never cut) on a solid backing so the bouquet cannot show under it. */
    body.theme-dark .jd-hero-old b {
        position: absolute; inset: 0; display: block;
        background: var(--jd-old) center top / 126% auto no-repeat, var(--black_bg_black, #24131a);
    }
    /* the peony slide has its own words instead of the outlined JARDEN (the banner already carries the name) */
    body.theme-dark.jd-hero-b .jd-hero-cta::before {
        content: "Конструктор букета"; opacity: 1 !important; margin: 10px 0 -2px;
        font-family: var(--jd-text); font-size: 11px; font-weight: 500; line-height: 1.4; letter-spacing: .24em; text-transform: uppercase; text-align: center;
        color: var(--jd-pink); -webkit-text-stroke: 0; text-shadow: none; white-space: normal;
    }
    body.theme-dark.jd-hero-b .jd-hero-cta .jd-hero-line { font-size: 34px; line-height: 1.08; margin: 0; }
    body.theme-dark.jd-hero-b .jd-hero-nav { top: 70% !important; }   /* arrows sit below the painted lettering on this slide */
    body.theme-dark.jd-hero-b .jd-hero-cta .jd-hero-line::after {
        content: "Цветы, упаковка и открытка — на ваш вкус"; display: block; margin-top: 10px;
        font-family: var(--jd-text); font-size: 14px; line-height: 1.4; letter-spacing: 0; color: rgba(255, 255, 255, .62);
    }
}
/* arrows and dots */
body.theme-dark .jd-hero-nav { position: absolute; z-index: 12; display: flex; align-items: center; gap: 14px; right: 96px; bottom: 34px; }
body.theme-dark .jd-hero-arrow {
    display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; background: rgba(22, 13, 16, .28); color: #fff;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
body.theme-dark .jd-hero-next svg { transform: scaleX(-1); }
body.theme-dark .jd-hero-arrow:hover { background: var(--jd-pink); border-color: var(--jd-pink); transform: scale(1.06); }
body.theme-dark .jd-hero-arrow:active { transform: scale(.94); }
body.theme-dark .jd-hero-dots { display: flex; gap: 8px; padding: 10px 2px; cursor: pointer; }
body.theme-dark .jd-hero-dots i { display: block; width: 7px; height: 7px; border-radius: 99px; background: rgba(255, 255, 255, .4); transition: width .35s ease, background .35s ease; }
body.theme-dark:not(.jd-hero-b) .jd-hero-dots i:first-child,
body.theme-dark.jd-hero-b .jd-hero-dots i:last-child { width: 22px; background: #fff; }
@media (max-width: 991px) {
    body.theme-dark .jd-hero-nav { left: 12px; right: 12px; bottom: auto; top: 40%; justify-content: space-between; pointer-events: none; }
    body.theme-dark .jd-hero-arrow { width: 40px; height: 40px; pointer-events: auto; }
    body.theme-dark .jd-hero-dots { position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-top: calc(60vw - 40vw + 70px); pointer-events: auto; display: none; }
}

/* =====================================================================
   Quick view ("Быстрый просмотр") window
   ===================================================================== */
body.theme-dark #popup_iframe_wrapper .jqmOverlay { background: rgba(14, 8, 10, .72) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1 !important; }
body.theme-dark .fast_view_frame {
    border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 30px !important; overflow: hidden !important;
    background: linear-gradient(160deg, #2e1a21 0%, #23131a 60%) !important;
    box-shadow: 0 40px 100px rgba(0, 0, 0, .6) !important;
}
body.theme-dark .fast_view_frame .catalog_detail,
body.theme-dark .fast_view_frame .form.product-main { background: none !important; border: 0 !important; }
body.theme-dark .fast_view_frame .form.product-main { display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); grid-template-rows: auto 1fr auto; column-gap: 0; height: 100%; padding: 0 !important; }
/* photo: left half, edge to edge */
body.theme-dark .fast_view_frame .fastview-product { display: contents !important; }
body.theme-dark .fast_view_frame .fastview-product__image {
    grid-column: 1; grid-row: 1 / span 3; width: auto !important; max-width: none !important; height: 100% !important; min-height: 520px;
    margin: 0 !important; padding: 14px !important; border: 0 !important; position: relative;
}
body.theme-dark .fast_view_frame .fastview-product__image .product-detail-gallery,
body.theme-dark .fast_view_frame .fastview-product__image .product-detail-gallery-sticky,
body.theme-dark .fast_view_frame .fastview-product__image .product-detail-gallery__container,
body.theme-dark .fast_view_frame .fastview-product__image .gallery-wrapper,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__inner,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-wrap,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-inner,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider,
body.theme-dark .fast_view_frame .fastview-product__image .swiper-wrapper {
    width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: auto !important; left: auto !important;
}
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-wrap::before { display: none !important; }
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big-slider { border-radius: 22px; overflow: hidden; }
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big__item { height: 100% !important; }
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big__item a,
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big__item picture { display: block !important; width: 100% !important; height: 100% !important; }
body.theme-dark .fast_view_frame .fastview-product__image .detail-gallery-big__item img {
    position: static !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; transform: none !important;
}
body.theme-dark .fast_view_frame .fastview-product__image .swiper-pagination { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 16px !important; top: auto !important; z-index: 3; display: flex; justify-content: center; gap: 6px; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-pagination-bullet { width: 7px !important; height: 7px !important; margin: 0 !important; border: 0 !important; border-radius: 99px !important; background: rgba(255, 255, 255, .55) !important; opacity: 1 !important; transition: width .3s ease, background .3s ease; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-pagination-bullet-active { width: 22px !important; background: #fff !important; }
body.theme-dark .fast_view_frame .detail-stickers-wrap { left: 16px !important; top: 16px !important; z-index: 3; }
body.theme-dark .fast_view_frame .stickers > div > div {
    padding: 6px 12px !important; border-radius: 999px !important; background: rgba(22, 13, 16, .55) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    font-family: var(--jd-text) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: #fff !important;
}
/* right side */
body.theme-dark .fast_view_frame .form_head { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 44px 64px 0 34px !important; border: 0 !important; background: none !important; }
body.theme-dark .fast_view_frame .form_head h2 { margin: 0 0 14px !important; padding: 0 !important; }
body.theme-dark .fast_view_frame .form_head h2 a { font-family: var(--jd-display) !important; font-size: 32px !important; font-weight: 400 !important; line-height: 1.12 !important; color: #fff !important; }
body.theme-dark .fast_view_frame .wish_item_button > span, body.theme-dark .fast_view_frame .wish_item_button .wish_item {
    border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 999px !important; background: none !important;
}
body.theme-dark .fast_view_frame .fastview-product__info { grid-column: 2; grid-row: 2; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 22px 34px 20px !important; border: 0 !important; background: none !important; }
body.theme-dark .fast_view_frame .prices_block .price { font-family: var(--jd-display) !important; font-size: 40px !important; font-weight: 400 !important; line-height: 1 !important; color: #fff !important; }
body.theme-dark .fast_view_frame .prices_block .price .price_measure { font-family: var(--jd-text) !important; font-size: 14px !important; color: rgba(255, 255, 255, .5) !important; }
body.theme-dark .fast_view_frame .quantity_block_wrapper { margin: 14px 0 0 !important; }
body.theme-dark .fast_view_frame .item-stock { display: inline-flex !important; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(120, 214, 160, .12); }
body.theme-dark .fast_view_frame .item-stock .value, body.theme-dark .fast_view_frame .item-stock .store_view { font-family: var(--jd-text) !important; font-size: 12px !important; color: #8fe0b4 !important; border: 0 !important; text-decoration: none !important; }
body.theme-dark .fast_view_frame .buy_block { margin: 26px 0 0 !important; }
body.theme-dark .fast_view_frame .counter_wrapp { display: flex !important; align-items: center; gap: 12px; }
body.theme-dark .fast_view_frame .counter_wrapp::before, body.theme-dark .fast_view_frame .counter_wrapp::after { display: none !important; }
body.theme-dark .fast_view_frame .counter_block_inner { flex: 0 0 auto; float: none !important; width: auto !important; margin: 0 !important; }
body.theme-dark .fast_view_frame .counter_block { display: flex !important; align-items: center; width: 132px !important; height: 54px !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .04) !important; overflow: hidden; }
body.theme-dark .fast_view_frame .counter_block .minus, body.theme-dark .fast_view_frame .counter_block .plus { position: static !important; flex: 0 0 44px; display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 100% !important; border: 0 !important; background: none !important; }
body.theme-dark .fast_view_frame .counter_block input.text { flex: 1 1 auto; min-width: 0; width: auto !important; height: 100% !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: center; font-family: var(--jd-text) !important; font-size: 16px !important; font-weight: 500 !important; color: #fff !important; }
body.theme-dark .fast_view_frame .button_block { flex: 1 1 auto; float: none !important; width: auto !important; margin: 0 !important; }
body.theme-dark .fast_view_frame .button_block .btn { width: 100% !important; height: 54px !important; line-height: 54px !important; text-align: center; padding: 0 20px !important; border: 0 !important; border-radius: 999px !important; font-family: var(--jd-text) !important; font-size: 16px !important; font-weight: 500 !important; box-shadow: 0 14px 30px rgba(218, 59, 100, .35); }
body.theme-dark .fast_view_frame .calculate-delivery,
body.theme-dark .fast_view_frame .middle_info1 > .text-form { margin: 0 !important; padding: 14px 16px !important; border: 0 !important; background: rgba(255, 255, 255, .04) !important; font-family: var(--jd-text) !important; font-size: 13.5px !important; line-height: 1.5; color: rgba(255, 255, 255, .72) !important; }
body.theme-dark .fast_view_frame .calculate-delivery { margin-top: 26px !important; border-radius: 18px 18px 0 0 !important; padding-bottom: 4px !important; }
body.theme-dark .fast_view_frame .calculate-delivery span { color: #fff !important; }
body.theme-dark .fast_view_frame .middle_info1 > .text-form { border-radius: 0 0 18px 18px !important; }
body.theme-dark .fast_view_frame .middle_info1 > .text-form .price_txt { color: inherit !important; font-size: inherit !important; }
/* "Больше информации о товаре" as a quiet link */
body.theme-dark .fast_view_frame .btn-wrapper { grid-column: 2; grid-row: 3; margin: 0 !important; padding: 0 34px 30px !important; border: 0 !important; background: none !important; }
body.theme-dark .fast_view_frame .btn-wrapper .btn {
    display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; height: auto !important; padding: 0 0 4px !important;
    border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .25) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
    font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .75) !important;
    transition: color .25s ease, border-color .25s ease;
}
body.theme-dark .fast_view_frame .btn-wrapper .btn:hover { color: #fff !important; border-color: var(--jd-pink) !important; }
/* close and prev/next */
body.theme-dark .fast_view_frame .close.jqmClose { top: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50% !important; background: rgba(255, 255, 255, .07) !important; opacity: 1 !important; z-index: 6; transition: background .25s ease, transform .25s ease; }
body.theme-dark .fast_view_frame .close.jqmClose:hover { background: var(--jd-pink) !important; transform: rotate(90deg); }
body.theme-dark .fast_view_frame .close.jqmClose svg { width: 11px; height: 11px; }
body.theme-dark .fast-view-nav { width: 48px !important; height: 48px !important; border: 1px solid rgba(255, 255, 255, .3) !important; border-radius: 50% !important; background: rgba(22, 13, 16, .4) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: flex !important; align-items: center; justify-content: center; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body.theme-dark .fast-view-nav:hover { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; transform: scale(1.06); }
@media (max-width: 767px) {
    body.theme-dark .fast_view_frame .form.product-main { display: block; }
    body.theme-dark .fast_view_frame .fastview-product { display: block !important; }
    body.theme-dark .fast_view_frame .fastview-product__image { height: 90vw !important; min-height: 0; padding: 10px !important; }
    body.theme-dark .fast_view_frame .form_head { padding: 22px 56px 0 20px !important; }
    body.theme-dark .fast_view_frame .form_head h2 a { font-size: 24px !important; }
    body.theme-dark .fast_view_frame .fastview-product__info { padding: 16px 20px !important; }
    body.theme-dark .fast_view_frame .btn-wrapper { padding: 0 20px 24px !important; }
}
body.theme-dark .fast_view_frame .fastview-product::before,
body.theme-dark .fast_view_frame .fastview-product::after,
body.theme-dark .fast_view_frame .fastview-product__image::before,
body.theme-dark .fast_view_frame .fastview-product__image::after,
body.theme-dark .fast_view_frame .fastview-product__info::before,
body.theme-dark .fast_view_frame .fastview-product__info::after { display: none !important; }
body.theme-dark .fast_view_frame .fastview-product__image,
body.theme-dark .fast_view_frame .fastview-product__info { border: 0 !important; box-shadow: none !important; }
/* quick view fixes: alignment, +/- on the counter, gallery arrows and dots, delivery rows */
body.theme-dark .fast_view_frame .fastview-product__info .prices_item_block,
body.theme-dark .fast_view_frame .fastview-product__info .middle_info1,
body.theme-dark .fast_view_frame .fastview-product__info .prices_block,
body.theme-dark .fast_view_frame .fastview-product__info .buy_block,
body.theme-dark .fast_view_frame .fastview-product__info .cost.prices { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-dark .fast_view_frame .fastview-product__info { padding-right: 64px !important; }
body.theme-dark .fast_view_frame .counter_block .minus i, body.theme-dark .fast_view_frame .counter_block .plus i { display: none !important; }
body.theme-dark .fast_view_frame .counter_block .minus::before, body.theme-dark .fast_view_frame .counter_block .plus::before {
    display: block !important; position: static !important; width: auto !important; height: auto !important; background: none !important; transform: none !important; opacity: 1 !important;
    font-family: var(--jd-text); font-size: 20px; font-weight: 300; line-height: 1; color: rgba(255, 255, 255, .8);
}
body.theme-dark .fast_view_frame .counter_block .minus::before { content: "\2212" !important; }
body.theme-dark .fast_view_frame .counter_block .plus::before { content: "+" !important; }
body.theme-dark .fast_view_frame .counter_block .minus::after, body.theme-dark .fast_view_frame .counter_block .plus::after { display: none !important; }
body.theme-dark .fast_view_frame .counter_block .minus, body.theme-dark .fast_view_frame .counter_block .plus { cursor: pointer; transition: background .2s ease; }
body.theme-dark .fast_view_frame .counter_block .minus:hover, body.theme-dark .fast_view_frame .counter_block .plus:hover { background: rgba(255, 255, 255, .08) !important; }
body.theme-dark .fast_view_frame .counter_block { width: 140px !important; }
/* arrows inside the photo: round glass, both sides */
body.theme-dark .fast_view_frame .fastview-product__image .swiper-nav {
    width: 40px !important; height: 40px !important; margin-top: -20px !important; top: 50% !important; border: 1px solid rgba(255, 255, 255, .35) !important; border-radius: 50% !important;
    background: rgba(22, 13, 16, .35) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none !important; opacity: 1 !important; visibility: visible !important;
    display: flex !important; align-items: center; justify-content: center;
}
body.theme-dark .fast_view_frame .fastview-product__image .swiper-button-prev { left: 14px !important; right: auto !important; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-button-next { right: 14px !important; left: auto !important; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-nav:hover { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-nav.swiper-button-disabled { opacity: .35 !important; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-pagination-bullet { flex: 0 0 auto; position: static !important; left: auto !important; top: auto !important; transform: none !important; display: block !important; }
body.theme-dark .fast_view_frame .fastview-product__image .swiper-pagination { transform: none !important; width: auto !important; }
/* delivery: two quiet rows under a hairline instead of boxes */
body.theme-dark .fast_view_frame .calculate-delivery,
body.theme-dark .fast_view_frame .middle_info1 > .text-form { padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-dark .fast_view_frame .calculate-delivery { margin-top: 30px !important; padding-top: 22px !important; border-top: 1px solid rgba(255, 255, 255, .09) !important; display: flex; align-items: center; gap: 10px; }
body.theme-dark .fast_view_frame .middle_info1 > .text-form { margin-top: 12px !important; }
body.theme-dark .fast_view_frame .button_block .btn { box-shadow: 0 10px 22px rgba(218, 59, 100, .28) !important; }

/* =====================================================================
   Product page, desktop: photo and a "buy" card side by side, centred
   ===================================================================== */
@media (min-width: 992px) {
    body.theme-dark .product-view .product-info > .flexbox.flexbox--row { justify-content: center; align-items: flex-start !important; gap: 56px; }
    body.theme-dark .product-view .product-info > .flexbox.flexbox--row > .product-detail-gallery { flex: 0 1 600px !important; width: auto !important; max-width: 600px !important; margin: 0 !important; padding: 0 !important; }
    body.theme-dark .product-view .detail-gallery-big-slider-main__ratio-wrap { padding-top: 124% !important; }
    body.theme-dark .product-view .product-info > .flexbox.flexbox--row > .product-main {
        flex: 0 1 500px !important; max-width: 500px; position: sticky; top: 110px; margin: 0 !important; padding: 34px 36px 30px !important;
        border: 1px solid rgba(255, 255, 255, .09); border-radius: 30px;
        background: linear-gradient(165deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015));
        box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6);
    }
    body.theme-dark .product-view .product-main .product-info-headnote { margin: 0 0 18px !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; }
    body.theme-dark .product-view .product-main .prices_block .price { font-size: 46px !important; line-height: 1 !important; }
    body.theme-dark .product-view .product-main .quantity_block_wrapper { margin: 16px 0 0 !important; }
    body.theme-dark .product-view .product-main .item-stock { display: inline-flex !important; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(120, 214, 160, .12); }
    body.theme-dark .product-view .product-main .item-stock .value,
    body.theme-dark .product-view .product-main .item-stock .store_view { font-size: 12px !important; color: #8fe0b4 !important; }
    body.theme-dark .product-view .product-main .buy_block { margin-top: 26px !important; }
    body.theme-dark .product-view .product-main .buy_block .counter_wrapp.big { max-width: none !important; margin-top: 0 !important; }
    body.theme-dark .product-view .product-main .buy_block .counter_wrapp.big .counter_block_inner { flex: 0 0 132px !important; width: 132px !important; }
    body.theme-dark .product-view .product-main .info_item > .calculate-delivery { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid rgba(255, 255, 255, .08); }
    body.theme-dark .product-view .product-main .info_item > .text-form { margin-top: 12px !important; font-size: 14px; }
    body.theme-dark .product-view .product-main .price_txt { margin: 22px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 12px !important; line-height: 1.5; color: rgba(255, 255, 255, .45) !important; min-height: 0 !important; height: auto !important; }
}

/* hero words change with the slide */
body.theme-dark .jd-hero-cta.jd-hero-out .jd-hero-line,
body.theme-dark .jd-hero-cta.jd-hero-out .jd-hero-btns,
body.theme-dark .jd-hero-cta.jd-hero-out::before { opacity: 0 !important; transform: translateY(10px); transition: opacity .26s ease, transform .26s ease; animation: none !important; }
body.theme-dark:not(.jd-hero-b) .jd-hero-cta.jd-hero-in::before { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) both !important; }
body.theme-dark:not(.jd-hero-b) .jd-hero-cta.jd-hero-in .jd-hero-line { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .08s both !important; }
@media (max-width: 991px) {
    body.theme-dark.jd-hero-b .jd-hero-cta.jd-hero-in::before { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) both !important; }
    body.theme-dark.jd-hero-b .jd-hero-cta.jd-hero-in .jd-hero-line { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .08s both !important; }
}
body.theme-dark .jd-hero-cta.jd-hero-in .jd-hero-btns { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .16s both !important; }
@keyframes jd-hero-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

/* product chip on the hero picture (live from the catalog cards on the page) */
body.theme-dark .jd-hero-pick {
    position: absolute; z-index: 12; left: 14px; bottom: 16px; display: flex; align-items: center; gap: 12px; max-width: min(78%, 330px); padding: 8px 14px 8px 8px;
    border: 1px solid rgba(255, 255, 255, .28); border-radius: 22px; background: rgba(22, 13, 16, .46); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    color: #fff; text-decoration: none !important; box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
    transition: transform .3s ease, background .3s ease, border-color .3s ease, opacity .26s ease;
}
body.theme-dark .jd-hero-pick:hover { transform: translateY(-3px); background: rgba(22, 13, 16, .62); border-color: var(--jd-pink); }
body.theme-dark .jd-hero-pick:active { transform: scale(.97); }
body.theme-dark .jd-hero-pick img { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 15px; object-fit: cover; display: block; }
body.theme-dark .jd-hero-pick__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
body.theme-dark .jd-hero-pick__t small { font-family: var(--jd-text); font-size: 9.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #ffb3c8; }
body.theme-dark .jd-hero-pick__t b { margin: 3px 0 2px; font-family: var(--jd-display); font-size: 15.5px; font-weight: 400; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-dark .jd-hero-pick__t i { font-family: var(--jd-text); font-style: normal; font-size: 13px; font-weight: 500; color: #fff; }
body.theme-dark .jd-hero-pick svg { flex: 0 0 auto; opacity: .8; transition: transform .3s ease; }
body.theme-dark .jd-hero-pick:hover svg { transform: translateX(3px); }
body.theme-dark .jd-hero-pick--out { opacity: 0 !important; }
body.theme-dark .jd-hero-pick--in { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .22s backwards; }
@media (min-width: 992px) {
    body.theme-dark .jd-hero-pick { left: auto; right: 96px; bottom: 108px; max-width: 360px; padding: 10px 18px 10px 10px; border-radius: 26px; }
    body.theme-dark .jd-hero-pick img { flex-basis: 68px; width: 68px; height: 68px; border-radius: 18px; }
    body.theme-dark .jd-hero-pick__t b { font-size: 18px; }
    body.theme-dark .jd-hero-pick__t i { font-size: 14px; }
}
@media (max-width: 991px) {
    /* phone: the product chip sits at the top of the photo, clear of the lettering and arrows */
    body.theme-dark .jd-hero-pick { top: 10px; bottom: auto; left: 12px; padding: 5px 12px 5px 5px; border-radius: 19px; gap: 10px; max-width: 76%; }
    body.theme-dark .jd-hero-pick img { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px; }
    body.theme-dark .jd-hero-pick__t b { font-size: 14.5px; }
    body.theme-dark .jd-hero-pick__t i { font-size: 12.5px; }
}
body.theme-dark .jd-hero-pick__t i { font-size: 12px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .7) !important; }
body.theme-dark .jd-hero-pick:not(:has(img)) { padding-left: 16px; }

/* =====================================================================
   Hero: catalog-section slides (picture layer + their own words)
   ===================================================================== */
body.theme-dark .jd-hero-cat {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: var(--black_bg_black, #24131a) center / cover no-repeat;
    opacity: 0; transform: scale(1.05); transition: opacity 1.3s ease, transform 7s ease-out;
}
body.theme-dark.jd-hero-c .jd-hero-cat.on { opacity: 1; transform: none; }
body.theme-dark .jd-hero-pick { display: none !important; }
/* dots: one per slide */
body.theme-dark .jd-hero-dots i,
body.theme-dark:not(.jd-hero-b) .jd-hero-dots i:first-child,
body.theme-dark.jd-hero-b .jd-hero-dots i:last-child { width: 7px; background: rgba(255, 255, 255, .45); cursor: pointer; }
body.theme-dark .jd-hero-dots i.on { width: 22px !important; background: #fff !important; }
/* words of a section slide: a small line, the section name large */
body.theme-dark.jd-hero-c .jd-hero-cta::before {
    content: attr(data-eyebrow) !important; opacity: 1 !important; margin: 0 0 2px;
    font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: .26em !important; text-transform: uppercase !important;
    color: #ffb3c8 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; white-space: normal !important; max-height: none !important;
}
body.theme-dark.jd-hero-c .jd-hero-cta .jd-hero-line::after { content: none !important; display: none !important; }
@media (min-width: 992px) {
    /* desktop: the picture fills the whole first screen, shaded on the left where the words sit */
    body.theme-dark .jd-hero-cat::after {
        content: ""; position: absolute; inset: 0;
        background: linear-gradient(90deg, rgba(22, 13, 16, .86) 0%, rgba(22, 13, 16, .55) 34%, rgba(22, 13, 16, 0) 68%);
    }
    body.theme-dark.jd-hero-c .jd-hero-cta .jd-hero-line { font-size: clamp(46px, 5vw, 92px) !important; line-height: 1.02 !important; max-width: 12em; }
    body.theme-dark.jd-hero-c .jd-hero-cta::before { font-size: 13px !important; }
}
@media (max-width: 991px) {
    body.theme-dark.jd-hero-c .jd-hero-cta::before { margin: 10px 0 -2px; font-size: 11px !important; text-align: center; color: var(--jd-pink) !important; }
    body.theme-dark.jd-hero-c .jd-hero-cta .jd-hero-line { font-size: 32px; line-height: 1.08; margin: 0; }
}

/* =====================================================================
   Catalog front page (/catalog/): sections as soft cards, picture on a glowing circle
   ===================================================================== */
body.theme-dark .catalog_section_list .item_block:has(> .section_item) { padding: 6px !important; border: 0 !important; margin: 0 !important; }
body.theme-dark .catalog_section_list .item_block > .section_item.item {
    height: 100%; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .09) !important; border-radius: 24px !important; overflow: hidden;
    background: linear-gradient(165deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .015)) !important; box-shadow: none !important;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
body.theme-dark .catalog_section_list .item_block > .section_item.item:hover { transform: translateY(-4px); border-color: rgba(255, 157, 186, .4) !important; box-shadow: 0 20px 44px -20px rgba(0, 0, 0, .6) !important; }
body.theme-dark .catalog_section_list .item_block > .section_item.item:active { transform: scale(.97); }
body.theme-dark .catalog_section_list .section_item .section_item_inner,
body.theme-dark .catalog_section_list .section_item .section_item_inner > tbody,
body.theme-dark .catalog_section_list .section_item .section_item_inner > tbody > tr { display: block; width: 100%; border: 0 !important; }
body.theme-dark .catalog_section_list .section_item .section_item_inner td { display: block; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.theme-dark .catalog_section_list .section_item td.image { padding: 22px 12px 4px !important; }
body.theme-dark .catalog_section_list .section_item td.image a.thumb {
    display: flex !important; align-items: center; justify-content: center; width: 116px; height: 116px; margin: 0 auto; border-radius: 50%;
    background: radial-gradient(circle at 50% 42%, rgba(255, 157, 186, .3) 0%, rgba(255, 157, 186, .07) 68%, rgba(255, 157, 186, 0) 100%);
}
body.theme-dark .catalog_section_list .section_item td.image a.thumb::before,
body.theme-dark .catalog_section_list .section_item td.image a.thumb::after { display: none !important; }
body.theme-dark .catalog_section_list .section_item td.image img { width: auto !important; height: auto !important; max-width: 88% !important; max-height: 88% !important; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .35)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
body.theme-dark .catalog_section_list .section_item.item:hover td.image img { transform: scale(1.1) rotate(-3deg); }
body.theme-dark .catalog_section_list .section_item td.section_info ul { margin: 0 !important; padding: 12px 12px 20px !important; list-style: none !important; }
body.theme-dark .catalog_section_list .section_item td.section_info li { margin: 0 !important; padding: 0 !important; }
body.theme-dark .catalog_section_list .section_item td.section_info li::before { display: none !important; }
body.theme-dark .catalog_section_list .section_item li.name > a { display: block; }
body.theme-dark .catalog_section_list .section_item li.name > a span { font-family: var(--jd-display) !important; font-size: 18.5px !important; font-weight: 400 !important; line-height: 1.18 !important; color: #fff !important; }
body.theme-dark .catalog_section_list .section_item li.name .element-count2 { display: inline-block !important; margin: 10px 0 0 !important; padding: 4px 11px !important; border-radius: 999px; background: rgba(255, 255, 255, .07); font-family: var(--jd-text) !important; font-size: 11.5px !important; line-height: 1.4 !important; color: rgba(255, 255, 255, .7) !important; }
@media (min-width: 992px) {
    body.theme-dark .catalog_section_list .item_block:has(> .section_item) { padding: 10px !important; }
    body.theme-dark .catalog_section_list .section_item td.image { padding-top: 30px !important; }
    body.theme-dark .catalog_section_list .section_item td.image a.thumb { width: 150px; height: 150px; }
    body.theme-dark .catalog_section_list .section_item li.name > a span { font-size: 22px !important; }
    body.theme-dark .catalog_section_list .section_item td.section_info ul { padding-bottom: 28px !important; }
}

/* =====================================================================
   Desktop drop-down under the menu: solid rounded panel, round photos, serif names in an even grid
   ===================================================================== */
@media (min-width: 992px) {
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu { padding: 22px 28px 26px !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-top: 0 !important; border-radius: 0 0 28px 28px !important; background: rgba(36, 19, 26, .97) !important; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); box-shadow: 0 34px 70px rgba(0, 0, 0, .5) !important; overflow: hidden; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu > .customScrollbar { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; max-height: 70vh; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 6px 12px; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper::before, body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper::after { display: none !important; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li { position: relative; float: none !important; display: flex !important; align-items: center; gap: 16px; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 9px 34px 9px 9px !important; border: 0 !important; border-radius: 20px; background: none !important; transition: background .25s ease, transform .25s ease; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover { background: rgba(255, 255, 255, .06) !important; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li::after { content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid #ffb3c8; border-top: 1.5px solid #ffb3c8; transform: translateX(-6px) rotate(45deg); opacity: 0; transition: opacity .25s ease, transform .25s ease; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover::after { opacity: 1; transform: rotate(45deg); }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > .menu_img { position: relative !important; flex: 0 0 60px; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px rgba(255, 157, 186, .4), 0 8px 18px rgba(0, 0, 0, .3); }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > .menu_img img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; transition: transform .5s ease; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover > .menu_img img { transform: scale(1.12); }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > a { flex: 1 1 auto; min-width: 0; display: block !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > a .name { display: block; padding: 0 !important; font-family: var(--jd-display) !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #fff !important; transition: color .25s ease; }
body.theme-dark .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover > a .name { color: #ffb3c8 !important; }
}

/* =====================================================================
   Wholesale page (/opt/)
   ===================================================================== */
body.theme-dark .jd-opt { padding: 6px 0 40px; }
body.theme-dark .jd-opt-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: stretch; min-height: 420px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 30px; overflow: hidden; background: linear-gradient(150deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015)); }
body.theme-dark .jd-opt-hero__text { display: flex; flex-direction: column; justify-content: center; padding: 46px 44px; }
body.theme-dark .jd-opt-hero__photo { background: url("/local/jarden/img/opt-hero.jpg") 60% center / cover no-repeat; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 30%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 30%); }
body.theme-dark .jd-opt-eyebrow { font-family: var(--jd-text); font-size: 12px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: #ffb3c8; }
body.theme-dark .jd-opt-h { margin: 14px 0 16px !important; font-family: var(--jd-display) !important; font-size: clamp(30px, 3.3vw, 52px) !important; font-weight: 400 !important; line-height: 1.06 !important; color: #fff !important; }
body.theme-dark .jd-opt-lead { margin: 0 0 28px; max-width: 34em; font-family: var(--jd-text); font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, .72); }
body.theme-dark .jd-opt-actions { display: flex; flex-wrap: wrap; gap: 12px; }
body.theme-dark .jd-opt-actions .jd-btn { flex: 0 0 auto; padding: 0 28px; }
body.theme-dark .jd-opt-block { margin-top: 56px; }
body.theme-dark .jd-opt-h3 { margin: 0 0 24px !important; font-family: var(--jd-display) !important; font-size: clamp(26px, 2.4vw, 36px) !important; font-weight: 400 !important; line-height: 1.1 !important; color: #fff !important; }
body.theme-dark .jd-opt-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.theme-dark .jd-opt-card { display: flex; flex-direction: column; gap: 10px; padding: 26px 22px 24px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 24px; background: linear-gradient(165deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)); transition: transform .3s ease, border-color .3s ease; }
body.theme-dark .jd-opt-card:hover { transform: translateY(-4px); border-color: rgba(255, 157, 186, .4); }
body.theme-dark .jd-opt-card b { font-family: var(--jd-display); font-size: 20px; font-weight: 400; line-height: 1.2; color: #fff; }
body.theme-dark .jd-opt-card span { font-family: var(--jd-text); font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .66); }
body.theme-dark .jd-opt-ic { display: block; width: 52px; height: 52px; margin-bottom: 6px; border-radius: 50%; background: rgba(255, 157, 186, .12); box-shadow: inset 0 0 0 1px rgba(255, 157, 186, .28); position: relative; }
body.theme-dark .jd-opt-ic::before { content: ""; position: absolute; inset: 14px; background: #ffb3c8; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body.theme-dark .jd-opt-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.theme-dark .jd-opt-chips li { margin: 0 !important; padding: 12px 20px !important; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; font-family: var(--jd-text); font-size: 15px; color: #fff; }
body.theme-dark .jd-opt-chips li::before { display: none !important; }
body.theme-dark .jd-opt-steps { counter-reset: jdopt; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.theme-dark .jd-opt-steps li { counter-increment: jdopt; position: relative; margin: 0 !important; padding: 62px 22px 24px !important; border-radius: 24px; background: rgba(255, 255, 255, .04); }
body.theme-dark .jd-opt-steps li::before { content: counter(jdopt, decimal-leading-zero) !important; display: block !important; position: absolute; left: 22px; top: 20px; width: auto; height: auto; background: none; font-family: var(--jd-display); font-size: 30px; line-height: 1; color: #ffb3c8; }
body.theme-dark .jd-opt-steps b { display: block; margin-bottom: 8px; font-family: var(--jd-display); font-size: 20px; font-weight: 400; color: #fff; }
body.theme-dark .jd-opt-steps span { font-family: var(--jd-text); font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .66); }
body.theme-dark .jd-opt-formwrap { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; padding: 40px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 30px; background: linear-gradient(165deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)); scroll-margin-top: 110px; }
body.theme-dark .jd-opt-formtext p { margin: 0; font-family: var(--jd-text); font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, .7); }
body.theme-dark .jd-opt-formtext a { color: #ffb3c8; white-space: nowrap; }
body.theme-dark .jd-opt-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.theme-dark .jd-opt-form label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-family: var(--jd-text); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
body.theme-dark .jd-opt-form .jd-opt-wide { grid-column: 1 / -1; }
body.theme-dark .jd-opt-form input, body.theme-dark .jd-opt-form select, body.theme-dark .jd-opt-form textarea {
    width: 100%; height: 52px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 16px; background: rgba(255, 255, 255, .04);
    font-family: var(--jd-text); font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #fff; outline: none; box-shadow: none; transition: border-color .2s ease, background .2s ease;
}
body.theme-dark .jd-opt-form textarea { height: auto; min-height: 120px; padding: 14px 18px; resize: vertical; line-height: 1.5; }
body.theme-dark .jd-opt-form select option { color: #2b1820; }
body.theme-dark .jd-opt-form input::placeholder, body.theme-dark .jd-opt-form textarea::placeholder { color: rgba(255, 255, 255, .38); }
body.theme-dark .jd-opt-form input:focus, body.theme-dark .jd-opt-form select:focus, body.theme-dark .jd-opt-form textarea:focus { border-color: #ff9dba; background: rgba(255, 255, 255, .07); }
body.theme-dark .jd-opt-form .jd-opt-bad { border-color: #ff6f98 !important; }
body.theme-dark .jd-opt-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
body.theme-dark .jd-opt-submit .jd-btn { flex: 0 0 auto; padding: 0 34px; border: 0; cursor: pointer; }
body.theme-dark .jd-opt-note { font-family: var(--jd-text); font-size: 13px; color: rgba(255, 255, 255, .55); }
@media (max-width: 991px) {
    body.theme-dark .jd-opt-hero { grid-template-columns: 1fr; min-height: 0; border-radius: 24px; }
    body.theme-dark .jd-opt-hero__photo { order: -1; height: 52vw; -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%); }
    body.theme-dark .jd-opt-hero__text { padding: 6px 20px 26px; }
    body.theme-dark .jd-opt-lead { font-size: 15px; }
    body.theme-dark .jd-opt-actions .jd-btn { flex: 1 1 100%; }
    body.theme-dark .jd-opt-block { margin-top: 40px; }
    body.theme-dark .jd-opt-cards, body.theme-dark .jd-opt-steps { grid-template-columns: 1fr 1fr; gap: 10px; }
    body.theme-dark .jd-opt-card { padding: 18px 14px; border-radius: 20px; }
    body.theme-dark .jd-opt-card b, body.theme-dark .jd-opt-steps b { font-size: 17px; }
    body.theme-dark .jd-opt-steps li { padding: 54px 14px 18px !important; border-radius: 20px; }
    body.theme-dark .jd-opt-steps li::before { left: 14px; top: 16px; }
    body.theme-dark .jd-opt-formwrap { grid-template-columns: 1fr; gap: 20px; padding: 22px 16px; border-radius: 24px; }
    body.theme-dark .jd-opt-form { grid-template-columns: 1fr; }
    body.theme-dark .jd-opt-submit .jd-btn { flex: 1 1 100%; }
}
body.theme-dark .jd-opt-ic--shop { --i: url(/local/jarden/img/opt-shop.svg); }
body.theme-dark .jd-opt-ic--flor { --i: url(/local/jarden/img/opt-flor.svg); }
body.theme-dark .jd-opt-ic--event { --i: url(/local/jarden/img/opt-event.svg); }
body.theme-dark .jd-opt-ic--corp { --i: url(/local/jarden/img/opt-corp.svg); }

/* =====================================================================
   Contact button (bottom right): the icon turns through the channels, a press opens the list
   ===================================================================== */
body.theme-dark .jd-side { display: none !important; }
body.theme-dark .jd-fab { position: fixed; z-index: 990; right: 24px; bottom: 24px; }
body.theme-dark .jd-fab__btn {
    position: relative; display: block; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; overflow: hidden;
    background: linear-gradient(145deg, #ea5c82, #c22a55); color: #fff;
    box-shadow: 0 14px 30px rgba(194, 42, 85, .45), 0 0 0 0 rgba(234, 92, 130, .5);
    animation: jd-fab-pulse 3.2s ease-out infinite; transition: transform .3s cubic-bezier(.2, .7, .2, 1), background .3s ease;
}
@keyframes jd-fab-pulse { 0% { box-shadow: 0 14px 30px rgba(194, 42, 85, .45), 0 0 0 0 rgba(234, 92, 130, .5); } 70%, 100% { box-shadow: 0 14px 30px rgba(194, 42, 85, .45), 0 0 0 16px rgba(234, 92, 130, 0); } }
body.theme-dark .jd-fab__btn:hover { transform: scale(1.07); }
body.theme-dark .jd-fab__btn:active { transform: scale(.94); }
body.theme-dark .jd-fab__btn > i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(18px) scale(.7); transition: opacity .4s ease, transform .45s cubic-bezier(.2, .7, .2, 1); }
body.theme-dark .jd-fab__btn > i.on { opacity: 1; transform: none; }
body.theme-dark .jd-fab__btn > i.off { opacity: 0; transform: translateY(-18px) scale(.7); }
body.theme-dark .jd-fab__btn > i.jd-fab__x { transform: rotate(-90deg) scale(.6); }
body.theme-dark .jd-fab.is-open .jd-fab__btn { background: #2f1b23; animation: none; box-shadow: 0 12px 28px rgba(0, 0, 0, .45); }
body.theme-dark .jd-fab.is-open .jd-fab__btn > i.jd-fab__ic { opacity: 0 !important; transform: scale(.5) !important; }
body.theme-dark .jd-fab.is-open .jd-fab__btn > i.jd-fab__x { opacity: 1; transform: none; }
body.theme-dark .jd-fab__menu {
    position: absolute; right: 0; bottom: 78px; min-width: 250px; padding: 8px; border-radius: 22px;
    background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .4);
    opacity: 0; visibility: hidden; transform: translateY(14px) scale(.96); transform-origin: 100% 100%;
    transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .3s;
}
body.theme-dark .jd-fab__menu::after { content: ""; position: absolute; right: 23px; bottom: -7px; width: 16px; height: 16px; background: #fff; border-radius: 3px; transform: rotate(45deg); }
body.theme-dark .jd-fab.is-open .jd-fab__menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
body.theme-dark .jd-fab__row { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; padding: 11px 16px 11px 12px; border-radius: 15px; text-decoration: none !important; transition: background .2s ease, transform .2s ease; }
body.theme-dark .jd-fab__row:hover { background: #fbeef2; transform: translateX(2px); }
body.theme-dark .jd-fab__row i { flex: 0 0 34px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; }
body.theme-dark .jd-fab__row span { font-family: var(--jd-text); font-size: 15.5px; font-weight: 500; color: #2b1820; white-space: nowrap; }
body.theme-dark .jd-fab__row--tg i { color: #27a7e7; }
body.theme-dark .jd-fab__row--vk i { color: #0077ff; }
body.theme-dark .jd-fab__row--mail i { color: #ff6b3d; }
body.theme-dark .jd-fab__row--call i { color: #2bb673; }
body.theme-dark #scrollToTop { right: 33px !important; bottom: 100px !important; }
body.theme-dark:has(#mobilemenu.show) .jd-fab, body.theme-dark:has(.stories-popup) .jd-fab { display: none; }
@media (max-width: 991px) {
    body.theme-dark .jd-fab { right: 14px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
    body.theme-dark .jd-fab__btn { width: 54px; height: 54px; }
    body.theme-dark .jd-fab__btn svg { width: 23px; height: 23px; }
    body.theme-dark .jd-fab__menu { bottom: 68px; min-width: 240px; }
    body.theme-dark .jd-fab__menu::after { right: 19px; }
    body.theme-dark #scrollToTop { right: 19px !important; bottom: calc(142px + env(safe-area-inset-bottom, 0px)) !important; }
    body.theme-dark:has(.counter_wrapp.big.fixed) .jd-fab { bottom: calc(146px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { body.theme-dark .jd-fab__btn { animation: none; } }
body.theme-dark .jd-fab__row--max i { color: #6a5cff; }
/* the bottom bar no longer has "Связь": the round contact button does that job */
body.theme-dark .jd-tab [data-k="chat"] { display: none !important; }

/* gift pill: its words take turns (discount / news / subscribe) */
body.theme-dark .jd-gift__pill { overflow: hidden; }
body.theme-dark .jd-gift__pill svg { animation: none; }
body.theme-dark .jd-gift__rot { display: grid; align-items: center; }
body.theme-dark .jd-gift__it { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; opacity: 0; transform: translateY(16px); transition: opacity .4s ease, transform .5s cubic-bezier(.2, .7, .2, 1); }
body.theme-dark .jd-gift__it.on { opacity: 1; transform: none; }
body.theme-dark .jd-gift__it.off { opacity: 0; transform: translateY(-16px); }
body.theme-dark .jd-gift__it b { font-weight: 500; }
body.theme-dark .jd-gift__it.on svg { animation: jd-gift-shake 3.2s ease-in-out .3s 1; transform-origin: 50% 80%; }

/* dropdown circles: two pictures of the category swap like the contact button */
.menu-row .mega-menu .dropdown-menu ul.menu-wrapper > li > .menu_img > img { transition: opacity .5s ease, transform .6s cubic-bezier(.2, .7, .2, 1) !important; }
.menu-row .mega-menu .dropdown-menu ul.menu-wrapper > li > .menu_img .jd-mi { position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; opacity: 0; transform: translateY(18px) scale(.7); pointer-events: none; }
.menu-row .mega-menu .dropdown-menu ul.menu-wrapper > li > .menu_img.jd-mi-b .jd-mi { opacity: 1; transform: none; }
.menu-row .mega-menu .dropdown-menu ul.menu-wrapper > li > .menu_img.jd-mi-b > img:not(.jd-mi) { opacity: 0; transform: translateY(-18px) scale(.7) !important; }
.drag-block .sections_wrapper .item .jd-mi-box { position: relative !important; display: block; }
.drag-block .sections_wrapper .item .jd-mi-box > img { transition: opacity .5s ease, transform .6s cubic-bezier(.2, .7, .2, 1) !important; }
.drag-block .sections_wrapper .item .jd-mi-box > .jd-mi { position: absolute !important; left: 50%; top: 50%; width: 150px !important; height: 150px !important; max-width: 90% !important; margin: 0 !important; aspect-ratio: 1; border-radius: 50% !important; object-fit: cover !important; max-height: none !important; opacity: 0; transform: translate(-50%, calc(-50% + 22px)) scale(.7); box-shadow: 0 0 0 1px rgba(255, 157, 186, .45), 0 14px 30px rgba(0, 0, 0, .35); pointer-events: none; }
.drag-block .sections_wrapper .item .jd-mi-box.jd-mi-b > .jd-mi { opacity: 1; transform: translate(-50%, -50%) !important; }
.drag-block .sections_wrapper .item .jd-mi-box.jd-mi-b > img:not(.jd-mi) { opacity: 0; transform: translateY(-22px) scale(.7) !important; }

/* ===== projects / event decoration list ===== */
.right_block .item-views.news2 .items > .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; margin: 0 !important; }
.right_block .item-views.news2 .items > .row::before, .right_block .item-views.news2 .items > .row::after { display: none !important; }
.right_block .item-views.news2 .items > .row > .item-wrapper { width: auto !important; max-width: none !important; float: none !important; padding: 0 !important; margin: 0 !important; }
.right_block .item-views.news2 .item.with-fon { position: relative; height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 5; margin: 0 !important; border-radius: 24px !important; overflow: hidden; background-size: cover !important; background-position: center !important; box-shadow: 0 0 0 1px rgba(255, 157, 186, .16), 0 18px 40px rgba(0, 0, 0, .35) !important; transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease; }
.right_block .item-views.news2 .item.with-fon:hover { transform: translateY(-6px); box-shadow: 0 0 0 1px rgba(255, 157, 186, .5), 0 26px 54px rgba(0, 0, 0, .45) !important; }
.right_block .item-views.news2 .item.with-fon::before { content: "" !important; display: block !important; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 8, 13, 0) 38%, rgba(20, 8, 13, .55) 68%, rgba(20, 8, 13, .92) 100%) !important; opacity: 1 !important; z-index: 1; transition: opacity .4s ease; }
.right_block .item-views.news2 .item.with-fon::after { content: "→"; position: absolute; right: 18px; top: 18px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .35); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 0; transform: translate(-8px, 8px); transition: opacity .35s ease, transform .35s ease, background .35s ease; pointer-events: none; }
.right_block .item-views.news2 .item.with-fon:hover::after { opacity: 1; transform: none; background: var(--jd-pink, #e8477a); border-color: transparent; }
.right_block .item-views.news2 .item.with-fon .full_bg_link { z-index: 4; }
.right_block .item-views.news2 .item.with-fon .inner-text { position: absolute !important; left: 0; right: 0; bottom: 0; top: auto !important; z-index: 2; padding: 24px 24px 26px !important; background: none !important; }
.right_block .item-views.news2 .item.with-fon .inner-block-text { padding: 0 !important; background: none !important; }
.right_block .item-views.news2 .item.with-fon .section { display: block; margin: 0 0 10px !important; font-size: 11px !important; letter-spacing: .16em; text-transform: uppercase; color: #ffb3c8 !important; opacity: 1 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.right_block .item-views.news2 .item.with-fon .title { margin: 0 !important; font-family: var(--jd-display) !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 400 !important; }
.right_block .item-views.news2 .item.with-fon .title a { color: #fff !important; }
/* tags under the side menu */
.left_block .tags_block, .left_block .tags-block, .left_block .search_tags { margin-top: 26px; }
.left_block a.tag, .left_block .tags a, .left_block .tags_block a { display: inline-block; padding: 8px 16px !important; border-radius: 999px !important; border: 1px solid rgba(255, 157, 186, .35) !important; background: rgba(255, 255, 255, .05) !important; font-size: 13px; transition: background .25s ease, border-color .25s ease; }
.left_block a.tag:hover, .left_block .tags a:hover, .left_block .tags_block a:hover { background: var(--jd-pink, #e8477a) !important; border-color: transparent !important; color: #fff !important; }
.left_block .banner img, .left_block .adv_side img, .left_block .side_banner img { border-radius: 22px; }
.left_block .banner_content_bottom_container .banner { border-radius: 22px; overflow: hidden; } .left_block .search-tags-cloud { margin-top: 26px; }

/* "write to us in Telegram" button on project pages */
a.jd-tg-btn, button.jd-tg-btn { display: inline-flex !important; align-items: center; gap: 12px; height: auto !important; padding: 7px 26px 7px 7px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #3fb6ec 0%, #1d93d2 100%) !important; color: #fff !important; font-size: 15px !important; font-weight: 500; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 10px 26px rgba(29, 147, 210, .38), inset 0 1px 0 rgba(255, 255, 255, .35); transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, filter .3s ease; vertical-align: middle; }
a.jd-tg-btn i, button.jd-tg-btn i { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
a.jd-tg-btn i svg, button.jd-tg-btn i svg { width: 19px; height: 19px; fill: #1d93d2; margin-left: -2px; }
a.jd-tg-btn span, button.jd-tg-btn span { color: #fff !important; white-space: nowrap; }
a.jd-tg-btn:hover, button.jd-tg-btn:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 16px 34px rgba(29, 147, 210, .5), inset 0 1px 0 rgba(255, 255, 255, .35); }
a.jd-tg-btn:hover i, button.jd-tg-btn:hover i { transform: rotate(-12deg) scale(1.08); }

/* ===== bouquet builder (/sobrat-buket/) ===== */
body.theme-dark #jb { --jb-a: var(--jd-pink, #e8477a); --jb-line: rgba(255, 157, 186, .16); --jb-soft: rgba(255, 255, 255, .05); }
body.theme-dark #jb .jb-wrap { grid-template-columns: minmax(0, 1fr) 360px; gap: 44px; }
body.theme-dark #jb .jb-lead { max-width: 760px; margin: 0 0 40px; font-size: 17px; line-height: 1.6; opacity: 1; color: rgba(255, 255, 255, .68); }
body.theme-dark #jb .jb-step { margin: 0 0 56px; padding-top: 34px; border-top: 1px solid rgba(255, 157, 186, .14); }
body.theme-dark #jb .jb-step:first-child { padding-top: 0; border-top: 0; }
body.theme-dark #jb .jb-h { gap: 16px; margin: 0 0 8px; font-family: var(--jd-display); font-size: 34px; font-weight: 400; line-height: 1.1; color: #fff; }
body.theme-dark #jb .jb-n { width: 44px; height: 44px; font-family: var(--jd-display); font-size: 20px; font-weight: 400; color: #fff; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 8px 20px rgba(232, 71, 122, .4), inset 0 1px 0 rgba(255, 255, 255, .35); }
body.theme-dark #jb .jb-hint { margin: 0 0 26px 60px; font-size: 15px; opacity: 1; color: rgba(255, 255, 255, .55); }
body.theme-dark #jb .jb-sub { display: flex; align-items: center; gap: 16px; margin: 34px 0 18px; font-size: 12px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: #ffb3c8; }
body.theme-dark #jb .jb-sub::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255, 157, 186, .35), rgba(255, 157, 186, 0)); }
body.theme-dark #jb .jb-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
body.theme-dark #jb .jb-card { position: relative; padding: 0 0 16px; gap: 0; border: 1px solid rgba(255, 255, 255, .08); border-radius: 22px; overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)); box-shadow: 0 14px 34px rgba(0, 0, 0, .28); transition: transform .4s cubic-bezier(.2, .7, .2, 1), border-color .3s ease, box-shadow .4s ease; }
body.theme-dark #jb .jb-card:hover { transform: translateY(-5px); border-color: rgba(255, 157, 186, .4); box-shadow: 0 22px 46px rgba(0, 0, 0, .4); }
body.theme-dark #jb .jb-card.jb-on { border-color: var(--jb-a); box-shadow: 0 0 0 1px var(--jb-a), 0 18px 44px rgba(232, 71, 122, .3); }
body.theme-dark #jb .jb-card::after { content: "✓"; position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; background: var(--jb-a); box-shadow: 0 6px 16px rgba(232, 71, 122, .5); opacity: 0; transform: scale(.4); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.6, .5, 1); pointer-events: none; }
body.theme-dark #jb .jb-card.jb-on::after { opacity: 1; transform: none; }
body.theme-dark #jb .jb-pic { aspect-ratio: 4 / 5; border-radius: 0; background: rgba(255, 255, 255, .04); }
body.theme-dark #jb .jb-pic img { transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
body.theme-dark #jb .jb-card:hover .jb-pic img { transform: scale(1.07); }
body.theme-dark #jb .jb-name { margin: 16px 16px 0; min-height: 2.5em; font-family: var(--jd-display); font-size: 18px; font-weight: 400; line-height: 1.25; color: #fff; }
body.theme-dark #jb .jb-vname { margin: 8px 16px 0; font-size: 13px; opacity: 1; color: rgba(255, 255, 255, .5); }
body.theme-dark #jb .jb-variant { width: auto; height: 38px; margin: 10px 16px 0; padding: 0 36px 0 16px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; font-size: 13px; color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background: rgba(255, 255, 255, .05) url("img/jb-chev.svg") right 14px center / 10px no-repeat; transition: border-color .25s ease; }
body.theme-dark #jb .jb-variant:hover, body.theme-dark #jb .jb-variant:focus { border-color: rgba(255, 157, 186, .6); outline: 0; }
body.theme-dark #jb .jb-variant option { background: #2a161d; color: #fff; }
body.theme-dark #jb .jb-row { margin: 16px 16px 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .08); margin-top: auto; }
body.theme-dark #jb .jb-name + .jb-row { margin-top: auto; }
body.theme-dark #jb .jb-price { font-family: var(--jd-display); font-size: 21px; font-weight: 400; color: #ffb3c8; }
body.theme-dark #jb .jb-qty { gap: 2px; padding: 3px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; overflow: visible; background: rgba(0, 0, 0, .18); }
body.theme-dark #jb .jb-qty button { width: 30px; height: 30px; border-radius: 50%; font-size: 17px; color: #fff; background: rgba(255, 255, 255, .08); transition: background .2s ease, transform .2s ease; }
body.theme-dark #jb .jb-qty button:hover { background: var(--jb-a); }
body.theme-dark #jb .jb-qty button:active { transform: scale(.88); }
body.theme-dark #jb .jb-input { width: 30px; height: 30px; font-size: 15px; font-weight: 500; color: #fff; }
body.theme-dark #jb .jb-note { min-height: 120px; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 20px; background: rgba(255, 255, 255, .04); font-size: 15px; color: #fff; transition: border-color .25s ease, background .25s ease; }
body.theme-dark #jb .jb-note:focus { border-color: rgba(255, 157, 186, .6); background: rgba(255, 255, 255, .06); outline: 0; }
body.theme-dark #jb .jb-sum { top: 110px; padding: 28px; border: 1px solid rgba(255, 157, 186, .22); border-radius: 26px; background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 24px 60px rgba(0, 0, 0, .4); }
body.theme-dark #jb .jb-sum h2 { margin: 0 0 16px; font-family: var(--jd-display); font-size: 28px; font-weight: 400; color: #fff; }
body.theme-dark #jb .jb-empty { margin: 0 0 20px; padding: 18px; border: 1px dashed rgba(255, 157, 186, .3); border-radius: 16px; font-size: 14px; text-align: center; opacity: 1; color: rgba(255, 255, 255, .55); }
body.theme-dark #jb .jb-lines { margin: 0 0 18px; }
body.theme-dark #jb .jb-lines li { padding: 11px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: 14px; color: #fff; }
body.theme-dark #jb .jb-lq { opacity: 1; color: rgba(255, 255, 255, .5); }
body.theme-dark #jb .jb-lp { color: #ffb3c8; }
body.theme-dark #jb .jb-rm { width: 22px; height: 22px; border-radius: 50%; opacity: .6; background: rgba(255, 255, 255, .08); font-size: 14px; color: #fff; transition: background .2s ease, opacity .2s ease; }
body.theme-dark #jb .jb-rm:hover { background: var(--jb-a); }
body.theme-dark #jb .jb-total { align-items: center; margin: 0 0 6px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
body.theme-dark #jb .jb-total b { font-family: var(--jd-display); font-size: 34px; font-weight: 400; letter-spacing: 0; color: #fff; }
body.theme-dark #jb .jb-small { margin: 0 0 20px; font-size: 12px; line-height: 1.5; opacity: 1; color: rgba(255, 255, 255, .45); }
body.theme-dark #jb .jb-btn { height: 56px; border-radius: 999px; font-size: 16px; font-weight: 500; color: #fff; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35); transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, filter .3s ease; }
body.theme-dark #jb .jb-btn:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.07); box-shadow: 0 20px 40px rgba(232, 71, 122, .55), inset 0 1px 0 rgba(255, 255, 255, .35); }
body.theme-dark #jb .jb-btn:disabled { opacity: 1; color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .08); box-shadow: none; }
body.theme-dark #jb .jb-msg { font-size: 13px; color: rgba(255, 255, 255, .7); }
body.theme-dark #jb .jb-msg.jb-err { color: #ff8fa3; }
@media (max-width: 991px) {
  body.theme-dark #jb { padding-bottom: 150px; }
  body.theme-dark #jb .jb-wrap { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body.theme-dark #jb .jb-h { font-size: 26px; }
  body.theme-dark #jb .jb-n { width: 38px; height: 38px; font-size: 17px; }
  body.theme-dark #jb .jb-hint { margin-left: 0; }
  body.theme-dark #jb .jb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.theme-dark #jb .jb-name { margin: 12px 12px 0; font-size: 16px; }
  body.theme-dark #jb .jb-variant { margin: 8px 12px 0; }
  body.theme-dark #jb .jb-row { flex-direction: column; align-items: stretch; gap: 10px; margin-left: 12px; margin-right: 12px; }
  body.theme-dark #jb .jb-qty { justify-content: space-between; }
  body.theme-dark #jb .jb-sum { position: static; padding: 22px; }
  body.theme-dark #jb .jb-bar { bottom: 70px; left: 10px; right: 10px; padding: 10px 10px 10px 20px; border: 1px solid rgba(255, 157, 186, .25); border-radius: 999px; background: rgba(36, 18, 25, .88) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 14px 34px rgba(0, 0, 0, .5); }
  body.theme-dark #jb .jb-bar-t b { font-family: var(--jd-display); font-size: 22px; font-weight: 400; color: #fff; }
  body.theme-dark #jb .jb-bar .jb-btn { height: 48px; }
}

/* ===== login pop-up ===== */
body.theme-dark .auth_frame.jqmWindow { width: 460px !important; max-width: calc(100vw - 24px) !important; margin-left: -230px; padding: 0 !important; border: 1px solid rgba(255, 157, 186, .22) !important; border-radius: 30px !important; overflow: hidden; background: linear-gradient(180deg, #33192240 0%, #24121900 60%), #2a151d !important; box-shadow: 0 40px 100px rgba(0, 0, 0, .6) !important; }
@media (max-width: 500px) { body.theme-dark .auth_frame.jqmWindow { margin-left: 0; left: 12px !important; } }
body.theme-dark .auth_frame.jqmWindow::before { content: ""; display: block; height: 150px; background: linear-gradient(180deg, rgba(42, 21, 29, 0) 30%, #2a151d 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body.theme-dark .auth_frame .close.jqmClose { top: 16px !important; right: 16px !important; width: 40px; height: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; opacity: 1 !important; background: rgba(20, 8, 13, .5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .25s ease, transform .35s ease; }
body.theme-dark .auth_frame .close.jqmClose:hover { background: var(--jd-pink, #e8477a); transform: rotate(90deg); }
body.theme-dark .auth_frame .close.jqmClose svg path { fill: #fff !important; }
body.theme-dark .auth_frame #wrap_ajax_auth { padding: 0 40px 36px !important; margin-top: -34px; position: relative; background: none !important; }
body.theme-dark .auth_frame .form_head { padding: 0 !important; margin: 0 0 26px !important; border: 0 !important; background: none !important; text-align: center; }
body.theme-dark .auth_frame .form_head::before { content: "JARDEN"; display: block; margin-bottom: 8px; font-size: 11px; letter-spacing: .42em; color: #ffb3c8; }
body.theme-dark .auth_frame .form_head h2 { margin: 0 !important; font-family: var(--jd-display) !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1.1 !important; color: #fff !important; }
body.theme-dark .auth_frame .form, body.theme-dark .auth_frame .form_body, body.theme-dark .auth_frame .form_footer, body.theme-dark .auth_frame .auth_wrapp, body.theme-dark .auth_frame .wrap_md1 { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; width: auto !important; float: none !important; }
body.theme-dark .auth_frame .form-control { height: auto !important; padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: none !important; box-shadow: none !important; position: relative; }
body.theme-dark .auth_frame .form-control label { display: block; margin: 0 0 8px 20px !important; font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .55) !important; }
body.theme-dark .auth_frame .form-control label .required-star, body.theme-dark .auth_frame .required-fields-note { display: none !important; }
body.theme-dark .auth_frame .form-control input[type="text"], body.theme-dark .auth_frame .form-control input[type="password"] { width: 100% !important; height: 56px !important; padding: 0 22px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .05) !important; font-family: inherit !important; font-size: 16px !important; color: #fff !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body.theme-dark .auth_frame .form-control input:focus { border-color: rgba(255, 157, 186, .7) !important; background: rgba(255, 255, 255, .08) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .16) !important; outline: 0; }
body.theme-dark .auth_frame .form-control input:-webkit-autofill, body.theme-dark .auth_frame .form-control input:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 100px #3a202a inset !important; caret-color: #fff; transition: background-color 9999s; }
body.theme-dark .auth_frame .eye-password input { padding-right: 58px !important; }
body.theme-dark .auth_frame .eye-password .eye-password-ignore, body.theme-dark .auth_frame .eye-password [class*="eye"]:not(.eye-password):not(input) { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important; background-color: rgba(255, 255, 255, .08) !important; }
body.theme-dark .auth_frame .filter.block { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 4px 26px !important; padding: 0 !important; }
body.theme-dark .auth_frame .filter.block .prompt { margin: 0 !important; float: none !important; }
body.theme-dark .auth_frame .filter.block label { font-size: 14px !important; color: rgba(255, 255, 255, .7) !important; }
body.theme-dark .auth_frame a.forgot { float: none !important; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffb3c8 !important; border-bottom: 1px solid rgba(255, 179, 200, .35); }
body.theme-dark .auth_frame a.forgot:hover { color: #fff !important; }
body.theme-dark .auth_frame .buttons { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.theme-dark .auth_frame .buttons .line-block__item.width100 { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; }
body.theme-dark .auth_frame .buttons button[type="submit"] { width: 100% !important; height: 58px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 500 !important; color: #fff !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35) !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
body.theme-dark .auth_frame .buttons button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.07); }
body.theme-dark .auth_frame .buttons a.register { float: none !important; width: 100% !important; height: auto !important; padding: 6px 0 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: center; font-size: 14px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .6) !important; }
body.theme-dark .auth_frame .buttons a.register::before { content: "Впервые у нас? "; }
body.theme-dark .auth_frame .buttons a.register::after { content: " →"; color: #ffb3c8; }
body.theme-dark .auth_frame .buttons a.register:hover { color: #fff !important; }
body.theme-dark .auth_frame.jqmWindow { left: 50% !important; margin-left: -230px !important; }
@media (max-width: 500px) { body.theme-dark .auth_frame.jqmWindow { left: 12px !important; margin-left: 0 !important; width: calc(100vw - 24px) !important; } body.theme-dark .auth_frame #wrap_ajax_auth { padding: 0 22px 28px !important; } }
body.theme-dark .auth_frame .eye-password::after { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(255, 255, 255, .09) !important; background-position: center !important; background-repeat: no-repeat !important; }
body.theme-dark .auth_frame .buttons .line-block--24-vertical { gap: 0 !important; }
body.theme-dark .auth_frame .buttons .line-block__item:first-child { display: none !important; }
/* "sending" state of pop-up forms: dark veil instead of the theme's white one */
body.theme-dark .form.sending::before, body.theme-dark .form.sending::after { background-color: transparent !important; border-radius: 22px; }
body.theme-dark .form.sending::before { background-color: rgba(42, 21, 29, .55) !important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body.theme-dark .form.sending > *, body.theme-dark .form.sending { border-radius: 22px; }
body.theme-dark .auth_frame .buttons button.loadings { opacity: .75; pointer-events: none; }
body.theme-dark .jd-fab__row--ig i { color: #e1306c; }
body.theme-dark .jd-fab__row--bot i { color: #27a7e7; }

/* ===== hero shortcut chips ===== */
body.theme-dark .jd-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; position: relative; z-index: 13; pointer-events: auto; }
body.theme-dark .jd-hero-chips:empty { display: none; }
body.theme-dark .jd-hero-chip { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; background: rgba(20, 8, 13, .35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 13px; color: #fff !important; text-decoration: none !important; white-space: nowrap; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body.theme-dark .jd-hero-chip::after { content: "→"; margin-left: 8px; opacity: .6; transition: transform .25s ease, opacity .25s ease; }
body.theme-dark .jd-hero-chip:hover { background: var(--jd-pink, #e8477a); border-color: transparent; transform: translateY(-2px); }
body.theme-dark .jd-hero-chip:hover::after { opacity: 1; transform: translateX(3px); }
body.theme-dark .jd-hero-cta .jd-hero-chips { animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .6s both; }
@media (max-width: 767px) {
  body.theme-dark .jd-hero-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  body.theme-dark .jd-hero-chips::-webkit-scrollbar { display: none; }
  body.theme-dark .jd-hero-chip { height: 30px; padding: 0 12px; font-size: 12px; }
}

/* ===== "Вы могли не знать" block ===== */
body.theme-dark .jd-disc { max-width: 1344px; margin: 56px auto 24px; padding: 0 20px; text-align: center; }
body.theme-dark .jd-disc__eyebrow { margin: 0 0 8px; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: #ffb3c8; }
body.theme-dark .jd-disc__title { margin: 0 0 34px !important; font-family: var(--jd-display) !important; font-size: clamp(28px, 3vw, 40px) !important; font-weight: 400 !important; color: #fff !important; }
body.theme-dark .jd-disc__row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
body.theme-dark .jd-disc__it { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 12px 20px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 26px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); text-decoration: none !important; transition: transform .4s cubic-bezier(.2, .7, .2, 1), border-color .3s ease, box-shadow .4s ease; }
body.theme-dark .jd-disc__it:hover { transform: translateY(-6px); border-color: rgba(255, 157, 186, .45); box-shadow: 0 20px 44px rgba(0, 0, 0, .4); }
body.theme-dark .jd-disc__ph { display: flex; align-items: center; justify-content: center; width: 116px; height: 116px; margin-bottom: 10px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, rgba(255, 179, 200, .28), rgba(255, 179, 200, .05) 70%); box-shadow: 0 0 0 1px rgba(255, 157, 186, .25); }
body.theme-dark .jd-disc__ph img { max-width: 78%; max-height: 78%; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .35)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
body.theme-dark .jd-disc__it:hover .jd-disc__ph img { transform: scale(1.1) rotate(-3deg); }
body.theme-dark .jd-disc__it b { font-family: var(--jd-display); font-size: 18px; font-weight: 400; line-height: 1.2; color: #fff; }
body.theme-dark .jd-disc__it small { font-size: 12px; line-height: 1.4; color: rgba(255, 255, 255, .5); }
@media (max-width: 1100px) { body.theme-dark .jd-disc__row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  body.theme-dark .jd-disc { margin-top: 36px; padding: 0; }
  body.theme-dark .jd-disc__title { padding: 0 16px; }
  body.theme-dark .jd-disc__row { display: flex; overflow-x: auto; gap: 12px; padding: 4px 16px 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  body.theme-dark .jd-disc__row::-webkit-scrollbar { display: none; }
  body.theme-dark .jd-disc__it { flex: 0 0 42%; scroll-snap-align: start; }
  body.theme-dark .jd-disc__ph { width: 92px; height: 92px; }
}
/* the block sits in a column flex box: never let it grow wider than the screen */
body.theme-dark .jd-disc { width: 100%; max-width: 1344px; min-width: 0; box-sizing: border-box; align-self: center; overflow: hidden; }
body.theme-dark .jd-disc__row { max-width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 767px) { body.theme-dark .jd-disc { max-width: 100vw; } body.theme-dark .jd-disc__it { flex: 0 0 44vw; min-width: 0; } }

/* ===== peony banner: modern touch (photo untouched, effects layered on top) ===== */
.jd-hero-old .jd-old-img, .jd-hero-old .jd-old-fx { display: none; }
@media (min-width: 992px) {
  body.theme-dark .jd-hero-old { background: var(--black_bg_black, #24131a) !important; }
  body.theme-dark .jd-hero-old .jd-old-img {
    display: block; position: absolute; inset: 0;
    background: var(--jd-old) center / cover no-repeat;
    animation: jd-kb 26s ease-in-out infinite alternate; animation-play-state: paused;
    will-change: transform;
  }
  body.theme-dark.jd-hero-b .jd-hero-old .jd-old-img { animation-play-state: running; }
  @keyframes jd-kb { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.045) translate(-.6%, -.6%); } }
  /* cinematic light: wine tint on the left for the buttons, soft vignette, warm glow from the bottom */
  body.theme-dark .jd-hero-old .jd-old-fx {
    display: block; position: absolute; inset: 0; overflow: hidden;
    background:
      linear-gradient(90deg, rgba(22, 9, 14, .78) 0%, rgba(22, 9, 14, .35) 30%, rgba(22, 9, 14, 0) 55%),
      linear-gradient(0deg, rgba(36, 14, 22, .75) 0%, rgba(36, 14, 22, 0) 32%),
      radial-gradient(ellipse 80% 75% at 55% 45%, rgba(0, 0, 0, 0) 55%, rgba(14, 5, 9, .55) 100%);
  }
  /* slow light sweep across the painted JARDEN */
  body.theme-dark .jd-hero-old .jd-old-fx::after {
    content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 28%;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 230, 238, .22) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-18deg); mix-blend-mode: screen;
    animation: jd-sweep 9s ease-in-out infinite; animation-delay: 1.2s; animation-play-state: paused;
  }
  body.theme-dark.jd-hero-b .jd-hero-old .jd-old-fx::after { animation-play-state: running; }
  @keyframes jd-sweep { 0% { left: -40%; opacity: 0; } 8% { opacity: 1; } 45% { left: 120%; opacity: 1; } 46%, 100% { left: 120%; opacity: 0; } }
  /* floating glow specks, like pollen in warm light */
  body.theme-dark .jd-hero-old .jd-old-fx::before {
    content: ""; position: absolute; inset: 0;
    background:
      radial-gradient(circle at 12% 78%, rgba(255, 214, 226, .55) 0 2px, transparent 3px),
      radial-gradient(circle at 26% 62%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 41% 85%, rgba(255, 235, 200, .45) 0 2px, transparent 3px),
      radial-gradient(circle at 58% 70%, rgba(255, 214, 226, .35) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 73% 88%, rgba(255, 235, 200, .5) 0 2.5px, transparent 3.5px),
      radial-gradient(circle at 86% 66%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 94% 82%, rgba(255, 214, 226, .45) 0 2px, transparent 3px),
      radial-gradient(circle at 33% 92%, rgba(255, 235, 200, .35) 0 1.5px, transparent 2.5px);
    filter: blur(.4px);
    animation: jd-specks 14s linear infinite; animation-play-state: paused;
  }
  body.theme-dark.jd-hero-b .jd-hero-old .jd-old-fx::before { animation-play-state: running; }
  @keyframes jd-specks { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: .8; } 100% { transform: translateY(-38%); opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-dark .jd-hero-old .jd-old-img, body.theme-dark .jd-hero-old .jd-old-fx::after, body.theme-dark .jd-hero-old .jd-old-fx::before { animation: none !important; }
}

/* ===== romantic layer on every hero slide ===== */
body.theme-dark .jd-hero-fx { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
/* slow zoom on the section photos (uses "scale" so the fade-in transform still works) */
body.theme-dark .jd-hero-cat.on { animation: jd-kb-all 20s ease-in-out infinite alternate; }
@keyframes jd-kb-all { from { scale: 1; } to { scale: 1.06; } }
/* warm pink glow in the corner, like late sun */
body.theme-dark .jd-hero-fx { background: radial-gradient(ellipse 45% 55% at 88% 12%, rgba(255, 170, 195, .16), rgba(255, 170, 195, 0) 70%); }
/* soft light sweep */
body.theme-dark .jd-hero-fx::after {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 26%;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 228, 236, .2) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-18deg); mix-blend-mode: screen;
  animation: jd-sweep 10s ease-in-out infinite 1.5s;
}
/* glowing specks rising */
body.theme-dark .jd-hero-fx::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 12% 78%, rgba(255, 214, 226, .55) 0 2px, transparent 3px),
    radial-gradient(circle at 26% 62%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 41% 85%, rgba(255, 235, 200, .45) 0 2px, transparent 3px),
    radial-gradient(circle at 58% 70%, rgba(255, 214, 226, .35) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 73% 88%, rgba(255, 235, 200, .5) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 86% 66%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 94% 82%, rgba(255, 214, 226, .45) 0 2px, transparent 3px),
    radial-gradient(circle at 33% 92%, rgba(255, 235, 200, .35) 0 1.5px, transparent 2.5px);
  filter: blur(.4px);
  animation: jd-specks 14s linear infinite;
}
@keyframes jd-sweep { 0% { left: -40%; opacity: 0; } 8% { opacity: 1; } 45% { left: 120%; opacity: 1; } 46%, 100% { left: 120%; opacity: 0; } }
@keyframes jd-specks { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: .8; } 100% { transform: translateY(-38%); opacity: 0; } }
/* the peony slide had its own copy of these two – the shared layer replaces them */
body.theme-dark .jd-hero-old .jd-old-fx::before, body.theme-dark .jd-hero-old .jd-old-fx::after { display: none !important; }
/* drifting petals */
body.theme-dark .jd-petal {
  position: absolute; top: -40px; width: 26px; height: 21px; border-radius: 80% 0 80% 0;
  background: linear-gradient(135deg, rgba(255, 232, 240, .98), rgba(246, 150, 185, .9));
  box-shadow: inset -3px -3px 6px rgba(190, 50, 95, .3), 0 6px 14px rgba(0, 0, 0, .25);
  opacity: 0; filter: blur(.2px);
  animation: jd-fall 16s linear infinite;
}
@keyframes jd-fall {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  8% { opacity: .85; }
  50% { transform: translate(70px, 48vh) rotate(200deg); }
  90% { opacity: .75; }
  100% { transform: translate(-20px, 105vh) rotate(420deg); opacity: 0; }
}
body.theme-dark .jd-petal--1 { left: 58%; animation-duration: 17s; animation-delay: 0s; }
body.theme-dark .jd-petal--2 { left: 70%; animation-duration: 21s; animation-delay: 3s; width: 20px; height: 16px; }
body.theme-dark .jd-petal--3 { left: 82%; animation-duration: 15s; animation-delay: 6s; }
body.theme-dark .jd-petal--4 { left: 92%; animation-duration: 19s; animation-delay: 1.5s; width: 32px; height: 26px; filter: blur(1.5px); }
body.theme-dark .jd-petal--5 { left: 48%; animation-duration: 23s; animation-delay: 8s; width: 18px; height: 15px; }
body.theme-dark .jd-petal--6 { left: 76%; animation-duration: 18s; animation-delay: 10s; }
body.theme-dark .jd-petal--7 { left: 64%; animation-duration: 20s; animation-delay: 12.5s; width: 24px; height: 20px; filter: blur(1px); }
body.theme-dark .jd-petal--8 { left: 38%; animation-duration: 22s; animation-delay: 5s; width: 16px; height: 13px; }
body.theme-dark .jd-petal--9 { left: 88%; animation-duration: 16s; animation-delay: 14s; width: 22px; height: 18px; }
body.theme-dark .jd-petal--2, body.theme-dark .jd-petal--6 { background: linear-gradient(135deg, rgba(255, 245, 240, .95), rgba(250, 200, 210, .85)); }
@media (max-width: 991px) {
  body.theme-dark .jd-petal--5, body.theme-dark .jd-petal--7, body.theme-dark .jd-petal--8, body.theme-dark .jd-petal--9 { display: none; }
  body.theme-dark .jd-petal { width: 16px; height: 13px; }
  @keyframes jd-fall { 0% { transform: translate(0, 0) rotate(0deg); opacity: 0; } 10% { opacity: .85; } 100% { transform: translate(30px, 60vw) rotate(360deg); opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-dark .jd-hero-fx, body.theme-dark .jd-hero-cat.on { animation: none !important; }
  body.theme-dark .jd-hero-fx::before, body.theme-dark .jd-hero-fx::after, body.theme-dark .jd-petal { display: none !important; }
}

/* ===== empty basket ===== */
body.theme-dark .jd-empty { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 520px; margin: 30px auto 60px !important; padding: 0 16px; }
body.theme-dark .jd-empty__ico { position: relative; width: 132px; height: 132px; margin-bottom: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffc3d4;
  background: radial-gradient(circle at 50% 40%, rgba(255, 150, 185, .32), rgba(232, 71, 122, .1) 60%, rgba(232, 71, 122, 0) 72%);
  box-shadow: 0 0 0 1px rgba(255, 157, 186, .3), 0 0 60px rgba(232, 71, 122, .35); animation: jd-empty-glow 4s ease-in-out infinite; }
body.theme-dark .jd-empty__ico::after { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(255, 157, 186, .18); animation: jd-empty-ring 4s ease-in-out infinite; }
body.theme-dark .jd-empty__ico svg { width: 66px; height: 66px; filter: drop-shadow(0 0 8px rgba(255, 150, 185, .5)); }
@keyframes jd-empty-glow { 0%, 100% { box-shadow: 0 0 0 1px rgba(255, 157, 186, .3), 0 0 40px rgba(232, 71, 122, .25); } 50% { box-shadow: 0 0 0 1px rgba(255, 157, 186, .45), 0 0 70px rgba(232, 71, 122, .45); } }
@keyframes jd-empty-ring { 0%, 100% { transform: scale(.94); opacity: .4; } 50% { transform: scale(1.04); opacity: 1; } }
body.theme-dark .jd-empty__title { margin: 0 0 10px !important; font-family: var(--jd-display) !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1.15; color: #fff !important; }
body.theme-dark .jd-empty__text { margin: 0 0 28px !important; font-size: 15px !important; line-height: 1.55; color: rgba(255, 255, 255, .62) !important; }
body.theme-dark .jd-empty__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
body.theme-dark .jd-empty__btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 30px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .3); font-size: 15px; font-weight: 500; color: #fff !important; text-decoration: none !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), background .3s ease, box-shadow .3s ease; }
body.theme-dark .jd-empty__btn:hover { transform: translateY(-2px); background: rgba(255, 255, 255, .08); }
body.theme-dark .jd-empty__btn--fill { border: 0; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35); }
body.theme-dark .jd-empty__btn--fill:hover { background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 20px 40px rgba(232, 71, 122, .55); }
@media (max-width: 767px) {
  body.theme-dark .jd-empty__title { font-size: 28px !important; }
  body.theme-dark .jd-empty__btns { width: 100%; }
  body.theme-dark .jd-empty__btn { flex: 1 1 0; padding: 0 16px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) { body.theme-dark .jd-empty__ico, body.theme-dark .jd-empty__ico::after { animation: none; } }

/* ===== checkout: pickup map, pickup list, order total ===== */
/* map in a rounded frame, dark wine map style, pink markers */
body.theme-dark #bx-soa-pickup #pickUpMap { border-radius: 24px; overflow: hidden; border: 1px solid rgba(255, 157, 186, .22); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); margin-bottom: 26px; }
body.theme-dark #pickUpMap [class*="ground-pane"] { filter: invert(.92) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.55) sepia(.25) hue-rotate(-30deg); }
body.theme-dark #pickUpMap [class*="places-pane"] { filter: hue-rotate(140deg) saturate(1.6) brightness(1.05) drop-shadow(0 4px 8px rgba(0, 0, 0, .45)); }
body.theme-dark #pickUpMap [class*="controls__control"] [class*="button"], body.theme-dark #pickUpMap [class*="zoom__button"], body.theme-dark #pickUpMap [class*="float-button"] { border-radius: 12px !important; }
body.theme-dark #pickUpMap [class*="copyrights-pane"] { opacity: .55; }
/* "Пункты самовывоза" title */
body.theme-dark .bx-soa-pickup-subTitle { margin: 0 0 14px !important; font-family: var(--jd-display) !important; font-size: 24px !important; font-weight: 400 !important; color: #fff !important; }
/* every pickup point is a small card */
body.theme-dark .bx-soa-pickup-list { display: flex; flex-direction: column; gap: 10px; border: 0 !important; background: none !important; }
body.theme-dark .bx-soa-pickup-list-item {
  position: relative; display: flex !important; align-items: center; gap: 14px; padding: 16px 18px 16px 54px !important; margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important;
  transition: border-color .25s ease, background .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1);
}
body.theme-dark .bx-soa-pickup-list-item::before {
  content: ""; position: absolute; left: 18px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
  background: linear-gradient(135deg, #f0628f, #c22a55); box-shadow: 0 4px 12px rgba(232, 71, 122, .45);
}
body.theme-dark .bx-soa-pickup-list-item::after { content: ""; position: absolute; left: 25px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-radius: 50%; background: #2a151d; }
body.theme-dark .bx-soa-pickup-list-item:hover { border-color: rgba(255, 157, 186, .4) !important; transform: translateX(3px); }
body.theme-dark .bx-soa-pickup-list-item.bx-selected, body.theme-dark .bx-soa-pickup-list-item[class*="selected"] { border-color: var(--jd-pink, #e8477a) !important; background: rgba(232, 71, 122, .12) !important; box-shadow: 0 0 0 1px var(--jd-pink, #e8477a); }
body.theme-dark .bx-soa-pickup-l-item-adress { flex: 1; font-size: 15px !important; font-weight: 500; color: #fff !important; }
body.theme-dark .bx-soa-pickup-l-item-detail { color: rgba(255, 255, 255, .6) !important; font-size: 13px; }
body.theme-dark .bx-soa-pickup-l-item-name { color: #fff !important; font-weight: 500; }
body.theme-dark .bx-soa-pickup-l-item-btn { flex: none; }
body.theme-dark .bx-soa-pickup-l-item-btn .btn { height: 38px; padding: 0 20px !important; border-radius: 999px !important; border: 1px solid rgba(255, 157, 186, .45) !important; background: rgba(255, 255, 255, .04) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #fff !important; line-height: 36px; transition: background .25s ease, border-color .25s ease; }
body.theme-dark .bx-soa-pickup-l-item-btn .btn:hover, body.theme-dark .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn { background: linear-gradient(135deg, #f0628f, #c22a55) !important; border-color: transparent !important; }
/* page numbers as pills */
body.theme-dark #bx-soa-pickup .bx-pagination-container ul { display: flex; justify-content: center; gap: 8px; margin: 18px 0 0; padding: 0; }
body.theme-dark #bx-soa-pickup .bx-pagination-container li { list-style: none; margin: 0; }
body.theme-dark #bx-soa-pickup .bx-pagination-container li > a, body.theme-dark #bx-soa-pickup .bx-pagination-container li > span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 14px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04) !important; color: #fff !important; font-size: 13px; text-decoration: none !important; box-shadow: none !important;
}
body.theme-dark #bx-soa-pickup .bx-pagination-container li > a span, body.theme-dark #bx-soa-pickup .bx-pagination-container li > span span { background: none !important; color: inherit !important; border: 0 !important; padding: 0 !important; min-width: 0 !important; height: auto !important; line-height: 1 !important; }
body.theme-dark #bx-soa-pickup .bx-pagination-container li.bx-active > a { background: linear-gradient(135deg, #f0628f, #c22a55) !important; border-color: transparent; }
body.theme-dark #bx-soa-pickup .bx-pagination-container li.bx-pag-prev > span { opacity: .4; }
/* order total card on the right */
body.theme-dark .bx-soa-cart-total { padding: 26px !important; border: 1px solid rgba(255, 157, 186, .22) !important; border-radius: 26px !important; background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .4) !important; overflow: hidden; }
body.theme-dark .bx-soa-cart-total-line { padding: 10px 0 !important; border-color: rgba(255, 255, 255, .08) !important; }
body.theme-dark .bx-soa-cart-total-line .bx-soa-cart-t { color: rgba(255, 255, 255, .6) !important; font-size: 14px !important; }
body.theme-dark .bx-soa-cart-total-line .bx-soa-cart-d { color: #fff !important; font-size: 15px !important; font-weight: 500; }
body.theme-dark .bx-soa-cart-total-line .bx-soa-price-free { color: #7fe0a8 !important; }
body.theme-dark .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 13px !important; letter-spacing: .14em; text-transform: uppercase; }
body.theme-dark .bx-soa-cart-total-line-total .bx-soa-cart-d { font-family: var(--jd-display); font-size: 32px !important; font-weight: 400 !important; }
body.theme-dark .bx-soa-cart-total-button-container { padding: 16px 0 0 !important; margin: 0 !important; background: none !important; }
body.theme-dark .bx-soa-cart-total-button-container .btn-order-save {
  display: flex !important; align-items: center; justify-content: center; width: 100%; height: 56px; border: 0 !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35);
  font-size: 16px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #fff !important;
}
body.theme-dark .bx-soa-cart-total-button-container .btn-order-save[aria-disabled="true"] { opacity: 1 !important; background: rgba(255, 255, 255, .08) !important; box-shadow: none; color: rgba(255, 255, 255, .45) !important; }
body.theme-dark .bx-soa-cart-total .bx-soa-cart-total-line-total { margin: 6px 0 0 !important; padding: 16px 0 6px !important; background: none !important; border-top: 1px solid rgba(255, 255, 255, .1) !important; display: flex; justify-content: space-between; align-items: baseline; }
body.theme-dark .bx-soa-pickup-l-item-adress { padding-left: 0 !important; } body.theme-dark .bx-soa-pickup-l-item-adress::before { display: none !important; }

/* ===================== checkout page (/order/) — full modern look ===================== */
body.theme-dark #bx-soa-order-form .bx-soa-section {
  margin-bottom: 22px !important; padding: 26px 28px !important; border: 1px solid rgba(255, 157, 186, .16) !important; border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, .28) !important;
}
body.theme-dark #bx-soa-order-form .bx-soa-section-title-container { padding: 0 0 18px !important; margin: 0 0 18px !important; border-bottom: 1px solid rgba(255, 255, 255, .07) !important; background: none !important; }
body.theme-dark #bx-soa-order-form .bx-soa-section-title { font-family: var(--jd-display) !important; font-size: 26px !important; font-weight: 400 !important; color: #fff !important; text-transform: none !important; letter-spacing: 0 !important; }
body.theme-dark #bx-soa-order-form .bx-soa-section-content { padding: 0 !important; }
body.theme-dark #bx-soa-order-form .bx-soa-editstep, body.theme-dark #bx-soa-order-form .change_link { color: #ffb3c8 !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; border-bottom: 1px solid rgba(255, 179, 200, .35); text-decoration: none !important; }
/* region: the city reads as a pill */
body.theme-dark #bx-soa-region .bx-soa-section-content * { color: #fff; }
body.theme-dark #bx-soa-region .bx-ui-sls-fake, body.theme-dark #bx-soa-region .dropdown-block { border-radius: 999px !important; border-color: rgba(255, 255, 255, .14) !important; background: rgba(255, 255, 255, .05) !important; }
/* delivery and payment options as selectable cards */
body.theme-dark #bx-soa-delivery .bx-soa-pp-company-item, body.theme-dark #bx-soa-paysystem .bx-soa-pp-company-item {
  position: relative; float: none !important; width: 100% !important; margin: 0 0 10px !important; padding: 16px 18px 16px 56px !important; min-height: 0 !important;
  border: 1px solid rgba(255, 255, 255, .09) !important; border-radius: 18px !important; background: rgba(255, 255, 255, .03) !important; cursor: pointer;
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
body.theme-dark #bx-soa-delivery .bx-soa-pp-company-item:hover, body.theme-dark #bx-soa-paysystem .bx-soa-pp-company-item:hover { border-color: rgba(255, 157, 186, .35) !important; }
body.theme-dark #bx-soa-delivery .bx-soa-pp-company-item.bx-selected, body.theme-dark #bx-soa-paysystem .bx-soa-pp-company-item.bx-selected {
  border-color: var(--jd-pink, #e8477a) !important; background: rgba(232, 71, 122, .1) !important; box-shadow: 0 0 0 1px var(--jd-pink, #e8477a), 0 10px 26px rgba(232, 71, 122, .18);
}
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container { position: absolute !important; left: 18px; top: 17px; width: 22px; height: 22px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container::before {
  content: "" !important; position: absolute; left: 0; top: 0; width: 22px !important; height: 22px !important; margin: 0 !important; border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, .28) !important; background: transparent !important; box-sizing: border-box; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container::after { display: none !important; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-item.bx-selected .bx-soa-pp-company-graf-container::before { border-color: var(--jd-pink, #e8477a) !important; background: var(--jd-pink, #e8477a) !important; box-shadow: inset 0 0 0 4px #2a151d, 0 0 12px rgba(232, 71, 122, .6); }
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-smalltitle { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #fff !important; text-align: left !important; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-delivery-cost { margin-top: 8px !important; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-delivery-cost .bx-soa-pp-list-termin { display: none !important; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-list-description { display: inline-block; padding: 3px 12px !important; border-radius: 999px; background: rgba(255, 157, 186, .14) !important; color: #ffc3d4 !important; font-size: 12px !important; font-weight: 500; }
body.theme-dark #bx-soa-order-form .bx-soa-pp-company-description, body.theme-dark #bx-soa-order-form .bx-soa-pp-company-desc { margin-top: 6px !important; color: rgba(255, 255, 255, .55) !important; font-size: 13px !important; line-height: 1.5; }
/* form fields */
body.theme-dark #bx-soa-order-form .bx-soa-custom-label, body.theme-dark #bx-soa-order-form .bx-soa-coupon-label label {
  display: block; margin: 0 0 8px 6px !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .55) !important;
}
body.theme-dark #bx-soa-order-form .bx-authform-starrequired { color: #ff8fae !important; }
body.theme-dark #bx-soa-order-form .bx-soa-customer-field { margin-bottom: 18px !important; }
body.theme-dark #bx-soa-order-form input.form-control, body.theme-dark #bx-soa-order-form textarea.form-control, body.theme-dark #bx-soa-order-form select.form-control {
  height: 52px; padding: 0 18px !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 16px !important;
  background: rgba(255, 255, 255, .045) !important; color: #fff !important; font-size: 15px !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
body.theme-dark #bx-soa-order-form textarea.form-control { height: auto; min-height: 110px; padding: 14px 18px !important; border-radius: 18px !important; }
body.theme-dark #bx-soa-order-form input.form-control:focus, body.theme-dark #bx-soa-order-form textarea.form-control:focus {
  border-color: rgba(255, 157, 186, .7) !important; background: rgba(255, 255, 255, .07) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .15) !important; outline: 0;
}
body.theme-dark #bx-soa-order-form input.form-control::placeholder, body.theme-dark #bx-soa-order-form textarea.form-control::placeholder { color: rgba(255, 255, 255, .35) !important; }
body.theme-dark #bx-soa-order-form .has-error input.form-control, body.theme-dark #bx-soa-order-form .has-error textarea.form-control { border-color: #ff6b8a !important; box-shadow: 0 0 0 4px rgba(255, 90, 120, .14) !important; }
/* date field: the white calendar box becomes a small round button inside the field */
body.theme-dark #bx-soa-order-form .soa-property-container.input-group { position: relative; display: block !important; }
body.theme-dark #bx-soa-order-form .soa-property-container.input-group input.form-control { width: 100% !important; padding-right: 58px !important; border-radius: 16px !important; }
body.theme-dark #bx-soa-order-form .soa-property-container.input-group .input-group-addon {
  position: absolute; right: 7px; top: 7px; width: 38px; height: 38px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center;
  border: 0 !important; border-radius: 12px !important; background: rgba(255, 157, 186, .16) !important; cursor: pointer; z-index: 2;
}
body.theme-dark #bx-soa-order-form .input-group-addon .bx-calendar { filter: invert(1) sepia(1) hue-rotate(300deg) saturate(3) brightness(1.1); }
/* phone field country flag sits nicely */
body.theme-dark #bx-soa-order-form .iti__selected-flag, body.theme-dark #bx-soa-order-form [class*="flag-container"] { border-radius: 16px 0 0 16px; }
/* items in the order */
body.theme-dark #bx-soa-basket .bx-soa-item-table { border-collapse: separate !important; border-spacing: 0 8px !important; }
body.theme-dark #bx-soa-basket .bx-soa-item-td-title { font-size: 11.5px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .45) !important; }
body.theme-dark #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td { background: rgba(255, 255, 255, .04) !important; border: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle !important; color: #fff; }
body.theme-dark #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:first-child { border-radius: 18px 0 0 18px; }
body.theme-dark #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:last-child { border-radius: 0 18px 18px 0; }
body.theme-dark #bx-soa-basket .bx-soa-item-imgcontainer { width: 64px !important; height: 64px !important; border-radius: 14px !important; background-size: cover !important; background-position: center !important; box-shadow: 0 0 0 1px rgba(255, 157, 186, .25); }
body.theme-dark #bx-soa-basket .bx-soa-item-title, body.theme-dark #bx-soa-basket .bx-soa-item-title a { font-family: var(--jd-display); font-size: 17px !important; color: #fff !important; }
body.theme-dark #bx-soa-basket .bx-soa-item-td-text, body.theme-dark #bx-soa-basket .bx-price { color: #fff !important; }
/* coupon */
body.theme-dark #bx-soa-order-form .bx-soa-coupon { padding-top: 6px; }
body.theme-dark #bx-soa-order-form .bx-soa-coupon-input input.form-control { border-radius: 999px !important; }
/* consents */
body.theme-dark #bx-soa-order-form .license_order_wrap { margin: 10px 0 20px; padding: 18px 22px; border-radius: 20px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .07); }
body.theme-dark #bx-soa-order-form .license_order_wrap label { color: rgba(255, 255, 255, .75) !important; font-size: 13.5px !important; }
body.theme-dark #bx-soa-order-form .license_order_wrap a { color: #ffb3c8 !important; }
/* bottom order button */
body.theme-dark #bx-soa-orderSave { text-align: center; }
body.theme-dark #bx-soa-orderSave .btn {
  float: none !important; display: inline-flex !important; align-items: center; justify-content: center; min-width: 320px; height: 58px; padding: 0 40px !important; border: 0 !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 16px 34px rgba(232, 71, 122, .45), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
  font-size: 16px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #fff !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease;
}
body.theme-dark #bx-soa-orderSave .btn:hover { transform: translateY(-2px); filter: brightness(1.07); }
body.theme-dark #bx-soa-orderSave .btn[aria-disabled="true"], body.theme-dark #bx-soa-orderSave .btn[style*="opacity"] { opacity: 1 !important; background: rgba(255, 255, 255, .08) !important; box-shadow: none !important; color: rgba(255, 255, 255, .45) !important; }
body.theme-dark #bx-soa-order-form .bx-soa-reference, body.theme-dark #bx-soa-order-form .required-fields-note { color: rgba(255, 255, 255, .45) !important; font-size: 12px !important; }
/* errors */
body.theme-dark #bx-soa-order-form .alert-danger { border: 1px solid rgba(255, 107, 138, .4) !important; border-radius: 16px !important; background: rgba(255, 90, 120, .1) !important; color: #ffc3d0 !important; }

/* ---- the map, nicer ---- */

body.theme-dark #bx-soa-pickup #pickUpMap::after {
  content: ""; position: absolute; inset: 0; z-index: 1000; pointer-events: none; border-radius: 24px;
  box-shadow: inset 0 0 60px rgba(20, 8, 13, .65), inset 0 0 0 1px rgba(255, 157, 186, .18);
}
body.theme-dark #bx-soa-pickup #pickUpMap::before {
  content: "Магазины Jarden · выберите ближайший"; position: absolute; left: 50%; top: 16px; transform: translateX(-50%); z-index: 1001; pointer-events: none; white-space: nowrap;
  padding: 9px 18px; border-radius: 999px; background: rgba(24, 10, 16, .78); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 157, 186, .3); color: #fff; font-size: 13px; font-weight: 500; letter-spacing: .02em; box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}
body.theme-dark #pickUpMap [class*="ground-pane"] { filter: invert(.93) hue-rotate(180deg) brightness(.78) contrast(.95) saturate(.5) sepia(.3) hue-rotate(-28deg) !important; }
body.theme-dark #pickUpMap [class*="places-pane"] { filter: hue-rotate(140deg) saturate(1.8) brightness(1.08) drop-shadow(0 6px 10px rgba(0, 0, 0, .55)) drop-shadow(0 0 6px rgba(232, 71, 122, .55)) !important; }




@media (max-width: 767px) {
  body.theme-dark #bx-soa-order-form .bx-soa-section { padding: 20px 16px !important; border-radius: 22px !important; }

  body.theme-dark #bx-soa-pickup #pickUpMap::before { font-size: 12px; padding: 7px 14px; }
  body.theme-dark .bx-soa-pickup-list-item { flex-wrap: wrap; }
  body.theme-dark #bx-soa-orderSave .btn { min-width: 0; width: 100%; }
}
body.theme-dark #bx-soa-delivery .bx-soa-pp-company-item, body.theme-dark #bx-soa-paysystem .bx-soa-pp-company-item { height: auto !important; } body.theme-dark #bx-soa-region { border-radius: 26px !important; overflow: hidden; }

body.theme-dark #bx-soa-pickup #pickUpMap { position: relative; }
body.theme-dark #bx-soa-order-form .iti { width: 100%; }
body.theme-dark #bx-soa-order-form .iti input.form-control { padding-left: 70px !important; }
body.theme-dark #bx-soa-order-form .iti .iti__flag-container { padding: 6px !important; }
body.theme-dark #bx-soa-order-form .iti .iti__selected-flag { height: 40px; padding: 0 10px !important; border-radius: 12px !important; background: rgba(255, 157, 186, .12) !important; }
body.theme-dark #bx-soa-order-form label.bx-soa-customer-label { display: block; margin: 0 0 8px 6px !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .55) !important; }
body.theme-dark #bx-soa-orderSave .btn { line-height: 1 !important; }
/* the date picker popup in the dark design */
body.theme-dark [id^="calendar_popup_"] { border-radius: 20px !important; overflow: hidden; border: 1px solid rgba(255, 157, 186, .28) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .55) !important; background: #2a151d !important; }
body.theme-dark [id^="calendar_popup_"] .popup-window-content, body.theme-dark [id^="calendar_popup_"] .bx-calendar { background: #2a151d !important; border: 0 !important; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-header, body.theme-dark [id^="calendar_popup_"] .bx-calendar-top-month, body.theme-dark [id^="calendar_popup_"] .bx-calendar-top-year { color: #fff !important; background: none !important; font-weight: 500; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-name-day { color: rgba(255, 255, 255, .45) !important; background: none !important; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-cell { border-radius: 50% !important; color: #fff !important; transition: background .2s ease; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-cell:hover { background: rgba(255, 157, 186, .2) !important; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-date-hidden { color: rgba(255, 255, 255, .25) !important; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-weekend { color: #ff8fae !important; }
body.theme-dark [id^="calendar_popup_"] .bx-calendar-active, body.theme-dark [id^="calendar_popup_"] .bx-calendar-cell.bx-calendar-active { background: linear-gradient(135deg, #f0628f, #c22a55) !important; color: #fff !important; }
body.theme-dark #bx-soa-order-form input[data-jd-date] { cursor: pointer; }
/* open list of a select (e.g. delivery time): dark background so the white text shows */
body.theme-dark #bx-soa-order-form select.form-control option, body.theme-dark #bx-soa-order-form select option { background: #2a151d !important; color: #fff !important; }
body.theme-dark #bx-soa-order-form select.form-control option:checked { background: #c22a55 !important; color: #fff !important; }
body.theme-dark #bx-soa-order-form select.form-control { color-scheme: dark; cursor: pointer; }
body.theme-dark #bx-soa-orderSave .btn { line-height: 58px !important; }

/* jb216: order total rows — clean aligned lines (no theme dotted leader) */
.bx-soa-cart-total .bx-soa-cart-total-line { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 12px !important; }
.bx-soa-cart-total .bx-soa-cart-total-line::before { display: none !important; }
.bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t,
.bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d { float: none !important; background: none !important; background-color: transparent !important; padding: 0 !important; width: auto !important; line-height: 1.3 !important; }
.bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d { margin-left: auto !important; text-align: right !important; white-space: nowrap !important; }
.bx-soa-cart-total .bx-soa-cart-total-line + .bx-soa-cart-total-line { border-top: 1px dashed rgba(255,255,255,.10) !important; }
body:not(.theme-dark) .bx-soa-cart-total .bx-soa-cart-total-line + .bx-soa-cart-total-line { border-top-color: rgba(58,31,42,.12) !important; }

/* jb217: "Регион доставки" card — modern, readable in both themes */
#bx-soa-order .custom-region-wrapper { position: relative !important; border-radius: 22px !important; padding: 18px 22px !important; background: rgba(255,255,255,.035) !important; border: 1px solid rgba(255,255,255,.09) !important; box-shadow: 0 10px 30px rgba(0,0,0,.25) !important; margin-bottom: 18px !important; }
#bx-soa-order .custom-region-container { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px 14px !important; }
#bx-soa-order .custom-region-icon { flex: 0 0 auto !important; width: 26px !important; height: 26px !important; }
#bx-soa-order .custom-region-icon path, #bx-soa-order .custom-region-icon circle { fill: #e0457b !important; }
#bx-soa-order .custom-region-label { color: #fff !important; font-size: 17px !important; font-weight: 500 !important; }
#bx-soa-order .custom-region-selector-wrap { flex-basis: 100% !important; padding-left: 40px !important; }
#bx-soa-order .custom-region-selector { display: inline-flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; padding: 8px 16px !important; border-radius: 999px !important; background: rgba(224,69,123,.12) !important; border: 1px solid rgba(224,69,123,.35) !important; transition: background .2s, border-color .2s !important; }
#bx-soa-order .custom-region-selector:hover { background: rgba(224,69,123,.22) !important; border-color: #e0457b !important; }
#bx-soa-order .custom-region-city { color: #fff !important; font-size: 15px !important; }
#bx-soa-order .custom-region-arrow { color: #e0457b !important; font-size: 10px !important; }
#bx-soa-order .custom-region-dropdown { border-radius: 16px !important; overflow: hidden !important; background: #2a1d23 !important; border: 1px solid rgba(255,255,255,.1) !important; box-shadow: 0 16px 40px rgba(0,0,0,.45) !important; }
#bx-soa-order .custom-region-dropdown-item span { color: #f3e6ea !important; }
#bx-soa-order .custom-region-dropdown-item:hover, #bx-soa-order .custom-region-dropdown-item.current { background: rgba(224,69,123,.16) !important; }

body:not(.theme-dark) #bx-soa-order .custom-region-wrapper { background: #fff !important; border-color: #f1dde3 !important; box-shadow: 0 10px 30px rgba(194,42,85,.08) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-label { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-icon path, body:not(.theme-dark) #bx-soa-order .custom-region-icon circle { fill: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-selector { background: #fdf1f4 !important; border-color: #f0c9d4 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-selector:hover { border-color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-city { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-arrow { color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown { background: #fff !important; border-color: #f1dde3 !important; box-shadow: 0 16px 40px rgba(194,42,85,.12) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item span { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item:hover, body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item.current { background: #fdf1f4 !important; }

/* jb218: footer logo on phones — soft breathing glow, a light sweep across the letters, rose halo */
@media (max-width: 991px) {
    #footer .contact-block .info > .row { position: relative !important; }
    #footer .contact-block .info > .row::before {
        position: relative; z-index: 1;
        animation: jd-flogo-glow 4.5s ease-in-out infinite;
    }
    #footer .footer-v1 .contact-block .info > .row::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0; left: 50%;
        width: 190px; height: 66px;
        transform: translateX(-50%);
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(105deg, transparent 0%, transparent 38%, rgba(255,214,228,.95) 48%, #fff 50%, rgba(255,214,228,.95) 52%, transparent 62%, transparent 100%) 0 0 / 300% 100% no-repeat;
        -webkit-mask: url("/upload/CMax/fd9/j7e70xggqfhfo5syekr35ggsft3x9urn/logo_white.png") center / contain no-repeat;
                mask: url("/upload/CMax/fd9/j7e70xggqfhfo5syekr35ggsft3x9urn/logo_white.png") center / contain no-repeat;
        animation: jd-flogo-shine 6s ease-in-out infinite;
    }
    #footer .footer_top .contact-block { position: relative; }
    #footer .footer_top .contact-block::before {
        content: ""; position: absolute; z-index: 0; pointer-events: none;
        top: -30px; left: 50%; width: 300px; height: 150px; transform: translateX(-50%);
        background: radial-gradient(closest-side, rgba(224,69,123,.22), rgba(224,69,123,.08) 55%, transparent 100%);
        animation: jd-flogo-halo 4.5s ease-in-out infinite;
    }
    #footer .footer_top .contact-block > * { position: relative; z-index: 1; }
}
@keyframes jd-flogo-glow {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(255,157,186,0)); }
    50% { filter: drop-shadow(0 0 10px rgba(255,157,186,.55)); }
}
@keyframes jd-flogo-shine {
    0%, 35% { background-position: 100% 0; }
    75%, 100% { background-position: 0% 0; }
}
@keyframes jd-flogo-halo {
    0%, 100% { opacity: .55; transform: translateX(-50%) scale(.92); }
    50% { opacity: 1; transform: translateX(-50%) scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
    #footer .contact-block .info > .row::before, #footer .footer-v1 .contact-block .info > .row::after, #footer .footer_top .contact-block::before { animation: none !important; }
}

/* jb220: full login page (/auth/, opened from the bottom-bar "Кабинет") — same modern look as the login pop-up */
body.theme-dark #ajax_auth.auth-page .form, body.theme-dark #ajax_auth.auth-page .form_body, body.theme-dark #ajax_auth.auth-page .form_footer, body.theme-dark #ajax_auth.auth-page .auth_wrapp, body.theme-dark #ajax_auth.auth-page .wrap_md1 { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; width: auto !important; float: none !important; }
body.theme-dark #ajax_auth.auth-page .form-control { height: auto !important; padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: none !important; box-shadow: none !important; position: relative; }
body.theme-dark #ajax_auth.auth-page .form-control label { display: block; margin: 0 0 8px 20px !important; font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .55) !important; }
body.theme-dark #ajax_auth.auth-page .form-control label .required-star, body.theme-dark #ajax_auth.auth-page .required-fields-note { display: none !important; }
body.theme-dark #ajax_auth.auth-page .form-control input[type="text"], body.theme-dark #ajax_auth.auth-page .form-control input[type="password"] { width: 100% !important; height: 56px !important; padding: 0 22px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .05) !important; font-family: inherit !important; font-size: 16px !important; color: #fff !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body.theme-dark #ajax_auth.auth-page .form-control input:focus { border-color: rgba(255, 157, 186, .7) !important; background: rgba(255, 255, 255, .08) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .16) !important; outline: 0; }
body.theme-dark #ajax_auth.auth-page .form-control input:-webkit-autofill, body.theme-dark #ajax_auth.auth-page .form-control input:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 100px #3a202a inset !important; caret-color: #fff; transition: background-color 9999s; }
body.theme-dark #ajax_auth.auth-page .eye-password input { padding-right: 58px !important; }
body.theme-dark #ajax_auth.auth-page .eye-password .eye-password-ignore, body.theme-dark #ajax_auth.auth-page .eye-password [class*="eye"]:not(.eye-password):not(input) { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important; background-color: rgba(255, 255, 255, .08) !important; }
body.theme-dark #ajax_auth.auth-page .filter.block { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 4px 26px !important; padding: 0 !important; }
body.theme-dark #ajax_auth.auth-page .filter.block .prompt { margin: 0 !important; float: none !important; }
body.theme-dark #ajax_auth.auth-page .filter.block label { font-size: 14px !important; color: rgba(255, 255, 255, .7) !important; }
body.theme-dark #ajax_auth.auth-page a.forgot { float: none !important; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #ffb3c8 !important; border-bottom: 1px solid rgba(255, 179, 200, .35); }
body.theme-dark #ajax_auth.auth-page a.forgot:hover { color: #fff !important; }
body.theme-dark #ajax_auth.auth-page .buttons { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.theme-dark #ajax_auth.auth-page .buttons .line-block__item.width100 { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; }
body.theme-dark #ajax_auth.auth-page .buttons button[type="submit"] { width: 100% !important; height: 58px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 500 !important; color: #fff !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35) !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
body.theme-dark #ajax_auth.auth-page .buttons button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.07); }
body.theme-dark #ajax_auth.auth-page .buttons a.register { float: none !important; width: 100% !important; height: auto !important; padding: 6px 0 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: center; font-size: 14px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .6) !important; }
body.theme-dark #ajax_auth.auth-page .buttons a.register::before { content: "Впервые у нас? "; }
body.theme-dark #ajax_auth.auth-page .buttons a.register::after { content: " →"; color: #ffb3c8; }
body.theme-dark #ajax_auth.auth-page .buttons a.register:hover { color: #fff !important; }
body.theme-dark #ajax_auth.auth-page .eye-password::after { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(255, 255, 255, .09) !important; background-position: center !important; background-repeat: no-repeat !important; }
body.theme-dark #ajax_auth.auth-page .buttons .line-block--24-vertical { gap: 0 !important; }
body.theme-dark #ajax_auth.auth-page .buttons .line-block__item:first-child { display: none !important; }
body.theme-dark #ajax_auth.auth-page .buttons button.loadings { opacity: .75; pointer-events: none; }
body.theme-dark #ajax_auth.auth-page { padding: 8px 0 40px !important; }
body.theme-dark #ajax_auth.auth-page > .auth_wrapp, body.theme-dark #ajax_auth.auth-page .auth_wrapp { max-width: 460px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid rgba(255, 157, 186, .22) !important; border-radius: 30px !important; overflow: hidden; background: linear-gradient(180deg, #33192240 0%, #24121900 60%), #2a151d !important; box-shadow: 0 30px 80px rgba(0, 0, 0, .45) !important; float: none !important; width: auto !important; }
body.theme-dark #ajax_auth.auth-page .auth_wrapp::before { content: ""; display: block; height: 140px; background: linear-gradient(180deg, rgba(42, 21, 29, 0) 30%, #2a151d 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body.theme-dark #ajax_auth.auth-page .wrap_md1 { padding: 0 32px 32px !important; margin-top: -26px !important; position: relative; }
body.theme-dark #ajax_auth.auth-page .wrap_md1::before { content: "JARDEN"; display: block; margin-bottom: 8px; text-align: center; font-size: 11px; letter-spacing: .42em; color: #ffb3c8; }
body.theme-dark #ajax_auth.auth-page .wrap_md1 > .form::before { content: "Вход в кабинет"; display: block; margin: 0 0 22px; text-align: center; font-family: var(--jd-display); font-size: 32px; line-height: 1.1; color: #fff; }
@media (max-width: 500px) { body.theme-dark #ajax_auth.auth-page .wrap_md1 { padding: 0 22px 28px !important; } }
body.theme-dark #ajax_auth.auth-page .form-control input[type="text"], body.theme-dark #ajax_auth.auth-page .form-control input[type="password"] { color: #fff !important; }

/* jb221: wholesale page — Telegram first: hero button + "send the request to Telegram" in the form */
.jd-opt-actions .jd-tg-btn { flex: 0 0 auto; padding-right: 28px !important; }
.jd-opt-tgnote { margin: 16px 0 0 !important; font-family: var(--jd-text); font-size: 13.5px; line-height: 1.5; color: rgba(255, 255, 255, .6); }
.jd-opt-tgnote::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #3fb6ec; box-shadow: 0 0 0 0 rgba(63, 182, 236, .6); animation: jd-tg-ping 2.2s ease-out infinite; vertical-align: 1px; }
@keyframes jd-tg-ping { 0% { box-shadow: 0 0 0 0 rgba(63, 182, 236, .6); } 70%, 100% { box-shadow: 0 0 0 9px rgba(63, 182, 236, 0); } }
button.jd-tg-btn { cursor: pointer; font-family: inherit; }
button.jd-tg-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
button.jd-tg-btn i svg { width: 19px; height: 19px; fill: #1d93d2; margin-left: -2px; }
.jd-opt-submit { position: relative; }
.jd-opt-submit .jd-opt-note { flex-basis: 100%; }
.jd-opt-sendmail { height: 52px; }
.jd-opt-toast { position: absolute; left: 0; right: 0; bottom: calc(100% + 12px); padding: 12px 18px; border-radius: 16px; background: #1d93d2; color: #fff; font-family: var(--jd-text); font-size: 14px; line-height: 1.4; box-shadow: 0 14px 30px rgba(29, 147, 210, .4); opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; }
.jd-opt-toast.on { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-opt-tgnote { color: rgba(43, 24, 32, .65); }
@media (max-width: 767px) { .jd-opt-actions .jd-tg-btn, .jd-opt-submit .jd-tg-btn { flex: 1 1 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .jd-opt-tgnote::before { animation: none; } }
/* jb223: the "copied" message sits under the buttons instead of over the fields */
.jd-opt-toast { position: static !important; flex-basis: 100%; order: 10; max-height: 0; padding: 0 18px !important; overflow: hidden; transform: none !important; transition: opacity .3s ease, max-height .35s ease, padding .35s ease !important; }
.jd-opt-toast.on { max-height: 120px; padding: 12px 18px !important; }

/* jb225: left column promo card + subscribe box */
.left_block .banner_content_bottom_container.jd-sp-done { display: block !important; }
a.jd-sp { position: relative; display: flex; align-items: flex-end; min-height: 380px; border-radius: 26px; overflow: hidden; text-decoration: none !important; isolation: isolate; box-shadow: 0 18px 44px rgba(0, 0, 0, .35); }
.jd-sp__img { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center 35%; transform: scale(1.02); transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); animation: jd-sp-kb 14s ease-in-out infinite alternate; }
@keyframes jd-sp-kb { from { transform: scale(1.02); } to { transform: scale(1.09) translateY(-1.5%); } }
.jd-sp__glow { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20, 8, 13, 0) 30%, rgba(20, 8, 13, .55) 58%, rgba(20, 8, 13, .94) 100%), radial-gradient(120% 60% at 50% 110%, rgba(232, 71, 122, .35), transparent 70%); }
.jd-sp__body { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px 22px; }
.jd-sp__tag { align-self: flex-start; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-family: var(--jd-text); font-size: 10.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #ffd1de; }
.jd-sp__h { font-family: var(--jd-display); font-size: 25px; line-height: 1.12; color: #fff; }
.jd-sp__p { font-family: var(--jd-text); font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .75); }
.jd-sp__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 6px; height: 46px; border-radius: 999px; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 10px 24px rgba(232, 71, 122, .4), inset 0 1px 0 rgba(255, 255, 255, .3); font-family: var(--jd-text); font-size: 14px; font-weight: 500; color: #fff; transition: filter .3s ease; }
.jd-sp__btn i { font-style: normal; transition: transform .35s cubic-bezier(.2, .7, .2, 1); }
a.jd-sp:hover .jd-sp__img { transform: scale(1.12); }
a.jd-sp:hover .jd-sp__btn { filter: brightness(1.08); }
a.jd-sp:hover .jd-sp__btn i { transform: translateX(4px); }

.left_block .side-block.jd-ss { position: relative; overflow: hidden; padding: 26px 20px 22px !important; border: 1px solid rgba(255, 157, 186, .18) !important; border-radius: 26px !important; background: radial-gradient(120% 70% at 50% 0%, rgba(232, 71, 122, .18), transparent 65%), #24131a !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .3) !important; }
.left_block .side-block.jd-ss .side-block__top { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 !important; margin: 0 0 18px !important; text-align: center; }
.jd-ss__ico { width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #3fb6ec 0%, #1d93d2 100%); box-shadow: 0 0 0 8px rgba(63, 182, 236, .12), 0 12px 26px rgba(29, 147, 210, .4); animation: jd-ss-float 3.6s ease-in-out infinite; }
.jd-ss__ico svg { width: 26px; height: 26px; fill: #fff; margin-left: -3px; }
@keyframes jd-ss-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.jd-ss__h { font-family: var(--jd-display); font-size: 21px; line-height: 1.15; color: #fff; }
.jd-ss__p { font-family: var(--jd-text); font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .62); }
.left_block .side-block.jd-ss .side-block__bottom { display: flex; flex-direction: column; gap: 10px; padding: 0 !important; margin: 0 !important; border: 0 !important; }
.left_block .side-block.jd-ss a.jd-ss__bot { justify-content: center; width: 100%; padding: 6px 18px 6px 6px !important; font-size: 14px !important; }
.left_block .side-block.jd-ss a.jd-ss__bot i { flex-basis: 34px; width: 34px; height: 34px; }
.left_block .side-block.jd-ss [data-name="subscribe"] { width: 100% !important; height: 44px !important; line-height: 42px !important; padding: 0 12px !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 999px !important; background: transparent !important; font-family: var(--jd-text); font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: rgba(255, 255, 255, .85) !important; transition: background .25s ease, border-color .25s ease; }
.left_block .side-block.jd-ss [data-name="subscribe"]:hover { background: rgba(255, 255, 255, .08) !important; border-color: rgba(255, 157, 186, .6) !important; color: #fff !important; }

body:not(.theme-dark) .left_block .side-block.jd-ss { background: radial-gradient(120% 70% at 50% 0%, rgba(232, 71, 122, .1), transparent 65%), #fff !important; border-color: rgba(194, 42, 85, .16) !important; box-shadow: 0 18px 40px rgba(120, 40, 60, .1) !important; }
body:not(.theme-dark) .jd-ss__h { color: #2b1820; }
body:not(.theme-dark) .jd-ss__p { color: rgba(43, 24, 32, .62); }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"] { border-color: rgba(43, 24, 32, .2) !important; color: #2b1820 !important; }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"]:hover { background: #fdf1f4 !important; border-color: #c22a55 !important; color: #c22a55 !important; }
@media (prefers-reduced-motion: reduce) { .jd-sp__img, .jd-ss__ico { animation: none; } }

/* jb227: one messenger button — turns between Telegram and MAX; press it to choose */
.jd-msg { position: relative; flex: 0 0 auto; }
.jd-msg-btn { position: relative; display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 6px 18px 6px 6px; border: 0; border-radius: 999px; cursor: pointer; font-family: inherit; color: #fff; background: linear-gradient(135deg, #3fb6ec 0%, #1d93d2 50%, #6a5cff 100%) 0 0 / 220% 100%; box-shadow: 0 10px 26px rgba(29, 147, 210, .38), inset 0 1px 0 rgba(255, 255, 255, .35); animation: jd-msg-bg 8s ease-in-out infinite; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
.jd-msg-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
@keyframes jd-msg-bg { 0%, 40% { background-position: 0 0; box-shadow: 0 10px 26px rgba(29, 147, 210, .38), inset 0 1px 0 rgba(255, 255, 255, .35); } 50%, 90% { background-position: 100% 0; box-shadow: 0 10px 26px rgba(106, 92, 255, .42), inset 0 1px 0 rgba(255, 255, 255, .35); } 100% { background-position: 0 0; } }
.jd-msg-ico { position: relative; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: #fff; }
.jd-msg-ico i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; animation: jd-msg-a 8s ease-in-out infinite; }
.jd-msg-ico i svg { width: 20px; height: 20px; }
.jd-msg-ico i.tg svg { fill: #1d93d2; margin-left: -2px; }
.jd-msg-ico i.mx svg { fill: #6a5cff; }
.jd-msg-lbl { position: relative; display: grid; font-size: 15px; font-weight: 500; white-space: nowrap; text-align: left; }
.jd-msg-lbl b { grid-area: 1 / 1; font-weight: 500; animation: jd-msg-a 8s ease-in-out infinite; }
.jd-msg-ico i.mx, .jd-msg-lbl b.mx { animation-name: jd-msg-b; }
@keyframes jd-msg-a { 0%, 40% { opacity: 1; transform: none; } 47%, 93% { opacity: 0; transform: translateY(-6px); } 100% { opacity: 1; transform: none; } }
@keyframes jd-msg-b { 0%, 40% { opacity: 0; transform: translateY(6px); } 47%, 93% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(6px); } }
.jd-msg-caret { width: 8px; height: 8px; margin: -3px 0 0 4px; border-right: 2px solid rgba(255, 255, 255, .9); border-bottom: 2px solid rgba(255, 255, 255, .9); transform: rotate(45deg); transition: transform .3s ease, margin .3s ease; }
.jd-msg.open .jd-msg-caret { transform: rotate(-135deg); margin-top: 5px; }
.jd-msg-menu { position: absolute; z-index: 30; left: 0; top: calc(100% + 10px); min-width: 100%; width: max-content; padding: 8px; border-radius: 20px; background: #2a151d; border: 1px solid rgba(255, 157, 186, .18); box-shadow: 0 24px 50px rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
.jd-msg.open .jd-msg-menu { opacity: 1; visibility: visible; transform: none; }
.jd-msg-menu button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 14px 10px 10px; border: 0; border-radius: 14px; background: none; cursor: pointer; font-family: inherit; text-align: left; color: #fff; transition: background .2s ease; }
.jd-msg-menu button:hover, .jd-msg-menu button:focus-visible { background: rgba(255, 255, 255, .07); outline: 0; }
.jd-msg-menu button i { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.jd-msg-menu button[data-app="tg"] i { background: linear-gradient(135deg, #3fb6ec, #1d93d2); }
.jd-msg-menu button[data-app="max"] i { background: linear-gradient(135deg, #8a7dff, #5b4ce6); }
.jd-msg-menu button i svg { width: 19px; height: 19px; fill: #fff; }
.jd-msg-menu button span { display: flex; flex-direction: column; gap: 2px; font-size: 15px; font-weight: 500; }
.jd-msg-menu button small { font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, .55); }
body:not(.theme-dark) .jd-msg-menu { background: #fff; border-color: rgba(194, 42, 85, .16); box-shadow: 0 24px 50px rgba(120, 40, 60, .18); }
body:not(.theme-dark) .jd-msg-menu button { color: #2b1820; }
body:not(.theme-dark) .jd-msg-menu button:hover { background: #fdf1f4; }
body:not(.theme-dark) .jd-msg-menu button small { color: rgba(43, 24, 32, .55); }
@media (max-width: 767px) { .jd-msg, .jd-msg-btn { width: 100%; } .jd-msg-btn { justify-content: center; } .jd-msg-menu { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .jd-msg-btn, .jd-msg-ico i, .jd-msg-lbl b { animation-duration: 16s; } }
/* jb229: menu items can be links too (hero) */
.jd-msg-menu a { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 14px 10px 10px; border-radius: 14px; text-decoration: none !important; color: #fff !important; transition: background .2s ease; }
.jd-msg-menu a:hover { background: rgba(255, 255, 255, .07); }
.jd-msg-menu a i { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.jd-msg-menu a i.tg { background: linear-gradient(135deg, #3fb6ec, #1d93d2); }
.jd-msg-menu a i.mx { background: linear-gradient(135deg, #8a7dff, #5b4ce6); }
.jd-msg-menu a i svg { width: 19px; height: 19px; fill: #fff; }
.jd-msg-menu a span { display: flex; flex-direction: column; gap: 2px; font-size: 15px; font-weight: 500; }
.jd-msg-menu a small { font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, .55); }
body:not(.theme-dark) .jd-msg-menu a { color: #2b1820 !important; }
body:not(.theme-dark) .jd-msg-menu a:hover { background: #fdf1f4; }
body:not(.theme-dark) .jd-msg-menu a small { color: rgba(43, 24, 32, .55); }
.jd-opt-actions .jd-msg-btn { height: 54px; }
/* jb234: a real photo in a "did you know" circle fills the circle */
.jd-disc__ph.jd-disc__ph--photo { overflow: hidden; padding: 0 !important; box-shadow: 0 0 0 3px rgba(255, 157, 186, .35), 0 12px 26px rgba(0, 0, 0, .3); }
.jd-disc__ph.jd-disc__ph--photo img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; filter: none !important; border-radius: 50%; }
.jd-disc__it:hover .jd-disc__ph.jd-disc__ph--photo img { transform: scale(1.08) !important; }
body:not(.theme-dark) .jd-disc__ph.jd-disc__ph--photo { box-shadow: 0 0 0 3px rgba(194, 42, 85, .2), 0 12px 26px rgba(120, 40, 60, .15); }
/* jb239: a second photo in a "did you know" circle slowly takes turns with the first */
.jd-disc__ph.jd-disc__ph--photo { position: relative; }
.jd-disc__ph.jd-disc__ph--photo img.jd-disc__alt { position: absolute; inset: 0; opacity: 0; animation: jd-disc-swap 9s ease-in-out infinite; }
@keyframes jd-disc-swap { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .jd-disc__ph.jd-disc__ph--photo img.jd-disc__alt { animation-duration: 20s; } }

/* ===== LIGHT THEME (generated by build/mk_light.py - do not edit by hand) ===== */
/* from menu-modern.css */
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu { box-shadow: 0 22px 44px rgba(90, 40, 55, 0.112); }
body:not(.theme-dark) #footer .social-icons ul { background-color: #fffaf8; }
body:not(.theme-dark) #footer .subscribe_button .btn { background-color: #fffaf8; border-color: var(--stroke_black); border-radius: 999px; transition: background .22s ease, border-color .22s ease; }
body:not(.theme-dark) #footer .subscribe_button .btn:hover { background-color: var(--jd-pink); border-color: var(--jd-pink); }
@media (min-width: 992px) {
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item:hover > .wrap > a > div,
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item.active > .wrap > a > div { color: #c22a55; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu { background: color-mix(in srgb, #fffaf8 90%, transparent) !important; border: 1px solid rgba(43, 24, 32, 0.155); box-shadow: 0 30px 60px rgba(90, 40, 55, 0.15); }
body:not(.theme-dark) .menu-row .mega-menu .table-menu .dropdown-menu .menu-wrapper > li:hover { background: rgba(43, 24, 32, 0.049); }
body:not(.theme-dark) .menu-row .mega-menu .table-menu .dropdown-menu .menu-wrapper > li:hover > a .name { color: #c22a55; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item:not(.wide_menu) > .wrap > .dropdown-menu a:hover { color: #c22a55; }
body:not(.theme-dark) .header_wrap .right-icons svg use,
body:not(.theme-dark) .header_wrap .right-icons svg path,
body:not(.theme-dark) .header_wrap .social-icons svg use,
body:not(.theme-dark) .header_wrap .social-icons svg path { fill: #2b1820; }
body:not(.theme-dark) .header_wrap .right-icons a:hover svg use,
body:not(.theme-dark) .header_wrap .right-icons a:hover svg path,
body:not(.theme-dark) .header_wrap .right-icons button:hover svg use,
body:not(.theme-dark) .header_wrap .right-icons button:hover svg path { fill: #c22a55; }
body:not(.theme-dark) .header_wrap .header__top-part a[href^="tel"] { color: #2b1820; }
body:not(.theme-dark) .header_wrap .header__top-part a[href^="tel"]:hover { color: #c22a55; }
}
body:not(.theme-dark) .social-icons__list-item.vk > a:hover svg path,
body:not(.theme-dark) .social-icons__list-item.vk > a:hover svg use,
body:not(.theme-dark) .social-icons__list-item.telegram > a:hover svg path,
body:not(.theme-dark) .social-icons__list-item.telegram > a:hover svg use,
body:not(.theme-dark) .social-icons__list-item.max > a:hover svg path,
body:not(.theme-dark) .social-icons__list-item.max > a:hover svg use { fill: #2b1820 !important; }
body:not(.theme-dark) .header_wrap .social-icons__list-item > a,
body:not(.theme-dark) .header_wrap .social-icons__list-item--more > .dropdown > li > a { border: 1px solid rgba(43, 24, 32, 0.357); background: rgba(43, 24, 32, 0.058); }
body:not(.theme-dark) .header_wrap .social-icons__list-item.vk > a:hover svg path,
body:not(.theme-dark) .header_wrap .social-icons__list-item.vk > a:hover svg use,
body:not(.theme-dark) .header_wrap .social-icons__list-item.telegram > a:hover svg path,
body:not(.theme-dark) .header_wrap .social-icons__list-item.telegram > a:hover svg use,
body:not(.theme-dark) .header_wrap .social-icons__list-item.max > a:hover svg path,
body:not(.theme-dark) .header_wrap .social-icons__list-item.max > a:hover svg use { fill: #2b1820 !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .jd-side { background: color-mix(in srgb, #fffaf8 92%, transparent); border: 1px solid rgba(43, 24, 32, 0.166); box-shadow: 0 16px 40px rgba(90, 40, 55, 0.135); }
body:not(.theme-dark) .jd-side__btn { color: #2b1820 !important; }
body:not(.theme-dark) .jd-side__btn + .jd-side__btn { border-top: 1px solid rgba(43, 24, 32, 0.145); }
body:not(.theme-dark) .jd-side__label { box-shadow: 0 8px 24px rgba(90, 40, 55, 0.105); }
body:not(.theme-dark) .jd-side__btn:focus-visible { outline: 2px solid #2b1820; }
}
@media (max-width: 991px) {
body:not(.theme-dark) .jd-side.is-open .jd-side__toggle { background: #fffaf8; box-shadow: 0 8px 22px rgba(90, 40, 55, 0.175); }
body:not(.theme-dark) .jd-side__btn { border: 1px solid rgba(43, 24, 32, 0.208); background: color-mix(in srgb, #fffaf8 94%, transparent); box-shadow: 0 8px 22px rgba(90, 40, 55, 0.158); color: #2b1820 !important; }
body:not(.theme-dark) .jd-side__btn + .jd-side__btn { border-left: 1px solid rgba(43, 24, 32, 0.208); }
body:not(.theme-dark) #mobileheader .mobileheader-v1 { background: #fffaf8 !important; }
body:not(.theme-dark) #mobilemenu { background: #24131a !important; }
}
@media (hover: none), (max-width: 991px) {
body:not(.theme-dark) .jd-btn--glass:active { background: rgba(43, 24, 32, 0.13); }
}
body:not(.theme-dark) #mobileheader .right-icons i.svg::after,
body:not(.theme-dark) #mobileheader .burger i.svg::after,
body:not(.theme-dark) .header_wrap .right-icons i.svg::after { background: radial-gradient(circle, rgba(218, 59, 100, 0.256) 0%, rgba(218, 59, 100, 0.096) 60%, rgba(218, 59, 100, 0) 72%); }
@media (hover: hover) {
body:not(.theme-dark) #mobileheader .right-icons a:hover svg use,
body:not(.theme-dark) #mobileheader .right-icons a:hover svg path,
body:not(.theme-dark) #mobileheader .right-icons button:hover svg use,
body:not(.theme-dark) #mobileheader .right-icons button:hover svg path,
body:not(.theme-dark) #mobileheader .burger:hover svg path { fill: #c22a55; }
}
body:not(.theme-dark) #mobileheader .right-icons a:active svg use,
body:not(.theme-dark) #mobileheader .right-icons a:active svg path,
body:not(.theme-dark) #mobileheader .right-icons button:active svg use,
body:not(.theme-dark) #mobileheader .right-icons button:active svg path,
body:not(.theme-dark) #mobileheader .burger:active svg path { fill: #c22a55; }
body:not(.theme-dark) #mobilemenu { background: linear-gradient(180deg, rgba(36, 19, 26, .30) 0, rgba(36, 19, 26, .72) 130px, #24131a 300px),
        url("/local/jarden/img/hero-phone.jpg") 60% 0 / 150% auto no-repeat,
        #24131a !important; }
body:not(.theme-dark) #mobilemenu .menu ul.dropdown { background: #24131a !important; }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu { border: 1px solid rgba(43, 24, 32, 0.135) !important; background: #fffaf8 !important; box-shadow: 0 26px 54px rgba(90, 40, 55, 0.21); }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu li a { color: #2b1820 !important; }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu li.active a { color: #c22a55 !important; }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu li a:active { background: rgba(218, 59, 100, 0.144) !important; }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu > li:last-child { border-top: 1px solid rgba(43, 24, 32, 0.135); }
body:not(.theme-dark) #mobileheader .auth_wr_inner .dropdown-menu > li:last-child a { color: #c22a55 !important; }
body:not(.theme-dark) .jd-follow__line { color: #2b1820; }
body:not(.theme-dark) .jd-follow__btn { border: 1px solid rgba(43, 24, 32, 0.315); background: rgba(43, 24, 32, 0.026); color: #2b1820 !important; }
@media (max-width: 991px) {
body:not(.theme-dark) .jd-tab { background: rgba(255, 250, 248, 0.92); border-top: 1px solid rgba(43, 24, 32, 0.135); }
body:not(.theme-dark) .jd-tab__item { color: rgba(43, 24, 32, 0.651) !important; }
body:not(.theme-dark) .jd-tab__item.is-on { color: #c22a55 !important; }
body:not(.theme-dark) .jd-tab__item:active { color: #2b1820 !important; }
body:not(.theme-dark) .jd-side__btn { background: #fffaf8; }
}
@media (max-width: 991px) {
body:not(.theme-dark) #mobileheader { position: relative; }
body:not(.theme-dark) #mobileheader::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg, rgba(218, 59, 100, 0) 0%, rgba(218, 59, 100, 0.68) 50%, rgba(218, 59, 100, 0) 100%) no-repeat; background-size: 40% 100%; animation: jd-hairline 7s ease-in-out infinite; }
body:not(.theme-dark) .jd-tab::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; pointer-events: none; background: linear-gradient(90deg, rgba(218, 59, 100, 0) 0%, rgba(218, 59, 100, 0.56) 50%, rgba(218, 59, 100, 0) 100%) no-repeat; background-size: 40% 100%; animation: jd-hairline 9s ease-in-out infinite reverse; }
body:not(.theme-dark) .jd-tab__item.is-on::before { box-shadow: 0 0 10px 1px rgba(232, 71, 122, .8); animation: jd-tab-breathe 3s ease-in-out infinite; }
body:not(.theme-dark) .jd-tab__item.is-on .jd-tab__ico::before { content: ""; position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; background: radial-gradient(circle, rgba(232, 71, 122, .28), transparent 70%); z-index: -1; animation: jd-tab-breathe 3s ease-in-out infinite; }
body:not(.theme-dark) .jd-tab__item::after { content: ""; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: rgba(218, 59, 100, 0.176); transform: scale(0); opacity: 0; pointer-events: none; transition: transform .45s ease, opacity .6s ease; }
body:not(.theme-dark) .jd-tab__item:active::after { transform: scale(1); opacity: 1; transition: none; }
body:not(.theme-dark) .jd-tab__count:not([hidden]) { animation: jd-pop .6s cubic-bezier(.3, 1.8, .5, 1), jd-beat 4s ease-in-out 1s infinite; box-shadow: 0 0 0 2px rgba(90, 40, 55, 0.27), 0 0 10px rgba(232, 71, 122, .6); }
}
@media (min-width: 992px) {
body:not(.theme-dark) #headerfixed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg, rgba(218, 59, 100, 0) 0%, rgba(218, 59, 100, 0.64) 50%, rgba(218, 59, 100, 0) 100%) no-repeat; background-size: 35% 100%; animation: jd-hairline 8s ease-in-out infinite; }
}
body:not(.theme-dark) .jd-follow__btn--tg:hover,
body:not(.theme-dark) .jd-follow__btn--tg:active { color: #2b1820 !important; }
body:not(.theme-dark) .jd-follow__btn--max:hover,
body:not(.theme-dark) .jd-follow__btn--max:active { color: #2b1820 !important; }
body:not(.theme-dark) .jd-follow__btn--tg:hover,
body:not(.theme-dark) .jd-follow__btn--max:hover { color: #2b1820 !important; }
/* from home-modern.css */
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .header_wrap { position: absolute; left: 0; right: 0; z-index: 500; background: transparent !important; }
body:not(.theme-dark) .wrapper1.front_page .header_wrap hr { display: none; }
body:not(.theme-dark) .wrapper1.front_page .header_wrap .menu-row td.menu-item > .wrap > a,
body:not(.theme-dark) .wrapper1.front_page .header_wrap .header__top-part { text-shadow: 0 1px 14px rgba(90, 40, 55, 0.193); }
body:not(.theme-dark) .wrapper1.front_page .drag-block.BIG_BANNER_INDEX { position: relative; }
body:not(.theme-dark) .wrapper1.front_page .drag-block.BIG_BANNER_INDEX > .maxwidth-theme { max-width: none !important; padding: 0 !important; background: transparent !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .top_slider_wrapp { padding-bottom: 0 !important; max-width: none !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop { height: min(90vh, 52vw) !important; min-height: 600px; border-radius: 0 !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { width: 100% !important; background-size: cover !important; background-position: center 60% !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop .wrapper_inner { display: none; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop a.target { position: absolute; inset: 0; z-index: 2; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg,
            rgba(255, 250, 248, 0.74) 0, rgba(255, 250, 248, 0.28) 21%, rgba(255, 250, 248, 0) 38%,
            rgba(255, 250, 248, 0) 60%, #fffaf8 100%); }
body:not(.theme-dark) .jd-hero-line { color: #2b1820; text-shadow: 0 2px 22px rgba(90, 40, 55, 0.21); }
body:not(.theme-dark) .jd-btn--glass { background: rgba(43, 24, 32, 0.065); border: 1px solid rgba(43, 24, 32, 0.788); color: #2b1820 !important; }
body:not(.theme-dark) .jd-btn:focus-visible { outline: 2px solid #2b1820; }
body:not(.theme-dark) .wrapper1.front_page .drag-block.MIDDLE_ADV { margin-top: 26px; }
}
body:not(.theme-dark) .drag-block .front_review .item-wrapper > .item { background: rgba(43, 24, 32, 0.039); }
body:not(.theme-dark) .drag-block .sections_wrapper .item { background: rgba(43, 24, 32, 0.039) !important; }
body:not(.theme-dark) .drag-block .float_banners .item:hover .title a { color: #c22a55 !important; }
body:not(.theme-dark) .drag-block .front_review .item-wrapper:hover > .item { background: rgba(43, 24, 32, 0.065); }
body:not(.theme-dark) .drag-block .sections_wrapper .item:hover { background: rgba(43, 24, 32, 0.072) !important; }
body:not(.theme-dark) .drag-block .btn:hover { color: #c22a55 !important; }
body:not(.theme-dark) #footer .bottom-menu a:hover { color: #c22a55 !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { transition: filter .9s ease; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX:hover .main-slider__item { filter: saturate(1.2) brightness(1.04); }
}
@media (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { transition: none; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .drag-block.MIDDLE_ADV { margin-top: 34px; }
}
body:not(.theme-dark) .catalog_block .catalog_item .like_icons .wish_item_button svg path,
body:not(.theme-dark) .catalog_block .catalog_item .like_icons .wish_item_button svg use { fill: #2b1820 !important; }
body:not(.theme-dark) .catalog_block .catalog_item:hover .item-title a { color: #c22a55 !important; }
body:not(.theme-dark) .jd-quick { border: 1px solid rgba(43, 24, 32, 0.525); color: #2b1820; }
body:not(.theme-dark) .jd-quick:hover { border-color: #2b1820; }
@media (max-width: 991px) {
body:not(.theme-dark) .wrapper1.front_page .drag-block.BIG_BANNER_INDEX { position: relative; }
body:not(.theme-dark) .wrapper1.front_page .drag-block.BIG_BANNER_INDEX > .maxwidth-theme { max-width: none !important; padding: 0 !important; background: transparent !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .top_slider_wrapp { padding-bottom: 0 !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop { height: min(100vw, 64vh) !important; min-height: 0 !important; border-radius: 0 !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { width: 100% !important; position: relative; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item .wrapper_inner,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item table,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tbody,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info { background-size: cover !important; background-position: center 32% !important; background-repeat: no-repeat !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info { background-image: url("/local/jarden/img/hero-phone.jpg") !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item tr.main_info > td { display: none !important; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(255, 250, 248, 0.25) 0%, rgba(255, 250, 248, 0) 28%, rgba(255, 250, 248, 0) 50%, #fffaf8 100%); }
body:not(.theme-dark) .jd-hero-cta { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: stretch; gap: 18px; margin-top: -22px; padding: 0 20px 30px; }
body:not(.theme-dark) .jd-hero-cta::before { content: "Свежие цветы каждый день"; font-family: var(--jd-text); font-size: 11px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; text-align: center; color: var(--jd-pink); }
body:not(.theme-dark) .jd-hero-line { color: #2b1820; }
body:not(.theme-dark) .jd-btn--glass { background: rgba(43, 24, 32, 0.052); border: 1px solid rgba(43, 24, 32, 0.63); color: #2b1820 !important; }
}
body:not(.theme-dark) .topic__heading .element-count { background: rgba(218, 59, 100, 0.112) !important; color: #c22a55 !important; }
body:not(.theme-dark) .section-compact-list__link { color: #2b1820 !important; }
body:not(.theme-dark) .section-compact-list__item:hover .section-compact-list__link { color: #c22a55 !important; }
body:not(.theme-dark) .filter-panel .filter_title { border: 1px solid rgba(43, 24, 32, 0.271); background: rgba(43, 24, 32, 0.033); }
body:not(.theme-dark) .filter-panel .filter_title:hover,
body:not(.theme-dark) .filter-panel .filter_title:active { background: rgba(218, 59, 100, 0.144); border-color: #c22a55; }
body:not(.theme-dark) .filter-panel .filter_title span { color: #2b1820 !important; }
body:not(.theme-dark) .filter-panel .filter_title svg path { fill: #c22a55; }
body:not(.theme-dark) .product-view .wish_item.btn { border: 1px solid rgba(43, 24, 32, 0.271) !important; background: rgba(43, 24, 32, 0.033) !important; }
body:not(.theme-dark) .product-view .wish_item.btn:hover { border-color: #c22a55 !important; background: rgba(218, 59, 100, 0.128) !important; }
body:not(.theme-dark) .product-view .cost.prices.detail .price { color: #2b1820; }
body:not(.theme-dark) .product-view .front_tizers { background: rgba(43, 24, 32, 0.029) !important; }
body:not(.theme-dark) .bottom-info .nav-tabs > li.bordered { border-color: rgba(43, 24, 32, 0.25) !important; }
body:not(.theme-dark) .bottom-info .nav-tabs > li.bordered:hover { border-color: #c22a55 !important; }
body:not(.theme-dark) .bottom-info .nav-tabs > li.bordered.active a { color: #2b1820 !important; }
@media (max-width: 991px) {
body:not(.theme-dark) .counter_wrapp.big.fixed { background: rgba(255, 250, 248, 0.94) !important; border-top: 1px solid rgba(43, 24, 32, 0.124); }
body:not(.theme-dark) .counter_wrapp.big.fixed .counter_block { border-color: rgba(43, 24, 32, 0.25) !important; }
}
body:not(.theme-dark) .basket-items-list-wrapper,
body:not(.theme-dark) .basket-checkout-section-inner { border-color: rgba(43, 24, 32, 0.124) !important; background: rgba(43, 24, 32, 0.023) !important; }
body:not(.theme-dark) .basket-item-amount { border-color: rgba(43, 24, 32, 0.25) !important; }
body:not(.theme-dark) .basket-coupon-block-field .form-control { border-color: rgba(43, 24, 32, 0.229) !important; }
body:not(.theme-dark) .viewed_product_block .block-item { border-color: rgba(43, 24, 32, 0.124) !important; background: rgba(43, 24, 32, 0.026) !important; }
body:not(.theme-dark) .catalog_block .catalog_item .sku_props .bx_item_section_name { color: rgba(43, 24, 32, 0.578); }
body:not(.theme-dark) .catalog_block .catalog_item .sku_props .bx_size li,
body:not(.theme-dark) .catalog_block .catalog_item .sku_props .bx_size .item { border: 1px solid rgba(43, 24, 32, 0.334) !important; color: #2b1820 !important; }
body:not(.theme-dark) .sections_wrapper.type2.compact .top_block > a { border: 1px solid rgba(43, 24, 32, 0.302); color: #2b1820 !important; }
body:not(.theme-dark) .sections_wrapper.type2.compact .list.items .item { background: radial-gradient(circle at 50% 34%, rgba(218, 59, 100, 0.208) 0%, rgba(218, 59, 100, 0.056) 46%, rgba(43, 24, 32, 0.026) 74%) !important; }
body:not(.theme-dark) .sections_wrapper.type2.compact .list.items .item .img img { filter: drop-shadow(0 10px 14px rgba(90, 40, 55, 0.158)); }
body:not(.theme-dark) .sections_wrapper.type2.compact .list.items .item .name a { color: #2b1820 !important; }
body:not(.theme-dark) .sections_wrapper.type2.compact .top_block > a { border-bottom: 1px solid rgba(43, 24, 32, 0.302) !important; }
body:not(.theme-dark) .item-views.reviews.compact .swiper-slide.item-wrapper > .item { background: rgba(43, 24, 32, 0.036) !important; }
@media (max-width: 991px) {
body:not(.theme-dark) #footer .footer-v1 { border-top: 1px solid rgba(43, 24, 32, 0.124); background: #fffaf8 !important; }
body:not(.theme-dark) #footer .footer_top .contact-block { border-bottom: 1px solid rgba(43, 24, 32, 0.124); }
body:not(.theme-dark) #footer .contact-block .phone .wrap::before { color: rgba(43, 24, 32, 0.525); }
body:not(.theme-dark) #footer .contact-block .phone a { color: #2b1820 !important; }
body:not(.theme-dark) #footer .contact-block .email a { color: rgba(43, 24, 32, 0.683) !important; }
body:not(.theme-dark) #footer .contact-block .subscribe_button .btn { border: 1px solid rgba(43, 24, 32, 0.334) !important; color: #2b1820 !important; }
body:not(.theme-dark) #footer .bottom-menu .items > .item.childs .title a { color: rgba(43, 24, 32, 0.525) !important; }
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a { color: #2b1820 !important; }
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a:hover,
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a:active { color: #c22a55 !important; }
body:not(.theme-dark) #footer .footer_middle .social-block { border-top: 1px solid rgba(43, 24, 32, 0.124) !important; }
body:not(.theme-dark) #footer .footer_bottom .copy { color: rgba(43, 24, 32, 0.42) !important; }
}
@media (max-width: 991px) {
body:not(.theme-dark) #footer .contact-block .phone .wrap::before { color: #c22a55; }
body:not(.theme-dark) #footer .bottom-menu .items > .item.childs .title a { color: #2b1820 !important; }
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a { color: rgba(43, 24, 32, 0.651) !important; }
}
body:not(.theme-dark) .front_stories .tab_slider_wrapp.stories::before { color: #2b1820; }
body:not(.theme-dark) .front_review .top_block > a,
body:not(.theme-dark) .front_review .top_block > .reviews > span { border: 1px solid rgba(43, 24, 32, 0.313) !important; color: #2b1820 !important; }
body:not(.theme-dark) .front_review .top_block > .reviews > span span { color: #2b1820 !important; }
body:not(.theme-dark) .front_review .top_block > .reviews > span svg path { fill: #2b1820 !important; }
body:not(.theme-dark) .front_review .top_block > a:hover { border-color: #c22a55 !important; background: rgba(218, 59, 100, 0.112); }
body:not(.theme-dark) .item-views.reviews.compact .swiper-slide.item-wrapper > .item { background: linear-gradient(160deg, rgba(218, 59, 100, 0.08) 0%, rgba(43, 24, 32, 0.029) 42%) !important; }
body:not(.theme-dark) .item-views.reviews.compact .item::after { color: rgba(194, 42, 85, 0.16); }
body:not(.theme-dark) .item-views.reviews.compact .item .top-info .title { color: #2b1820 !important; }
body:not(.theme-dark) .item-views.reviews.compact .item .top-info .date { color: rgba(43, 24, 32, 0.525) !important; }
body:not(.theme-dark) .item-views.reviews.compact .item .item-rating:not(.filed) svg path { fill: rgba(43, 24, 32, 0.229) !important; }
body:not(.theme-dark) .item-views.reviews.compact .item .preview-text { color: rgba(43, 24, 32, 0.924) !important; }
body:not(.theme-dark) .item-views.reviews.compact .item .link-block-more .btn { color: #c22a55 !important; }
body:not(.theme-dark) .front_review .top_block > a { color: #2b1820 !important; }
@media (min-width: 992px) {
body:not(.theme-dark) #footer .footer-v1 { background: #fffaf8 !important; border-top: 1px solid rgba(43, 24, 32, 0.124); }
body:not(.theme-dark) #footer .bottom-menu .items > .item.childs .title a { color: #2b1820 !important; }
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a { color: rgba(43, 24, 32, 0.651) !important; }
body:not(.theme-dark) #footer .bottom-menu .wrap .item .title a:hover { color: #c22a55 !important; }
body:not(.theme-dark) #footer .contact-block .phone a { color: #2b1820 !important; }
body:not(.theme-dark) #footer .contact-block .email a { color: rgba(43, 24, 32, 0.683) !important; }
body:not(.theme-dark) #footer .contact-block .subscribe_button .btn { border: 1px solid rgba(43, 24, 32, 0.334) !important; color: #2b1820 !important; }
body:not(.theme-dark) #footer .footer_bottom .copy { color: rgba(43, 24, 32, 0.42) !important; }
}
body:not(.theme-dark) .drag-block.MIDDLE_ADV .float_banners > .maxwidth-theme::before { color: #2b1820; }
body:not(.theme-dark) .drag-block.MIDDLE_ADV .float_banners .item .title,
body:not(.theme-dark) .drag-block.MIDDLE_ADV .float_banners .item .title a { color: #2b1820 !important; }
body:not(.theme-dark) .drag-block.MIDDLE_ADV .float_banners .item:hover .title a { color: #c22a55 !important; }
@media (max-width: 991px) {
body:not(.theme-dark) .drag-block .top_block > a.pull-right { border: 1px solid rgba(43, 24, 32, 0.313) !important; color: #2b1820 !important; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { position: relative; background-image: radial-gradient(58% 70% at 16% 62%, rgba(216, 53, 95, .24) 0%, rgba(216, 53, 95, 0) 70%) !important; background-color: #fffaf8 !important; overflow: hidden; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 58%; z-index: 0; background: url("/local/jarden/img/hero-phone.jpg") center 34% / cover no-repeat; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 26%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 26%); animation: jd-hero-photo 1.6s cubic-bezier(.2, .7, .2, 1) both; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after { background: linear-gradient(180deg,
            rgba(255, 250, 248, 0.72) 0, rgba(255, 250, 248, 0.2) 22%, rgba(255, 250, 248, 0) 38%,
            rgba(255, 250, 248, 0) 80%, #fffaf8 100%); }
body:not(.theme-dark) .jd-hero-cta { left: max(5vw, calc((100vw - 1640px) / 2)); right: auto; top: 56%; bottom: auto; width: min(42vw, 640px); transform: translateY(-50%); align-items: flex-start; gap: 30px; text-align: left; }
body:not(.theme-dark) .jd-hero-cta::before { content: "Свежие цветы каждый день"; font-family: var(--jd-text); font-size: 13px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: #c22a55; animation: jd-hero-up .9s cubic-bezier(.2, .8, .2, 1) .15s both; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line { margin: -8px 0 0; font-size: clamp(46px, 4.8vw, 88px); line-height: 1.02; letter-spacing: -.005em; text-shadow: none; animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .28s both; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line::after { content: "Екатеринбург · Челябинск · Нижний Тагил"; display: block; margin-top: 22px; font-family: var(--jd-text); font-size: 15px; letter-spacing: .04em; line-height: 1.4; color: rgba(43, 24, 32, 0.651); }
body:not(.theme-dark) .jd-hero-cta .jd-hero-btns { animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .45s both; }
body:not(.theme-dark) .jd-hero-cta .jd-btn { height: 58px; padding: 0 38px; font-size: 16px; }
body:not(.theme-dark) .jd-hero-cta .jd-btn--fill { box-shadow: 0 16px 34px -14px var(--jd-pink); }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before,
body:not(.theme-dark) .jd-hero-cta::before,
body:not(.theme-dark) .jd-hero-cta .jd-hero-line,
body:not(.theme-dark) .jd-hero-cta .jd-hero-btns { animation: none; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::before { display: block !important; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after { background: linear-gradient(180deg,
            rgba(255, 250, 248, 0.88) 0, rgba(255, 250, 248, 0.6) 14%, rgba(255, 250, 248, 0.18) 30%, rgba(255, 250, 248, 0) 42%,
            rgba(255, 250, 248, 0) 80%, #fffaf8 100%); }
}
@media (min-width: 992px) {
body:not(.theme-dark) .jd-hero-cta { width: min(56vw, 900px); gap: 22px; top: 57%; }
body:not(.theme-dark) .jd-hero-cta::before { content: "JARDEN"; margin: 0 0 -6px -4px; font-family: var(--jd-display); font-size: clamp(110px, 12.5vw, 250px); font-weight: 400; line-height: .86; letter-spacing: .02em; text-transform: none; color: transparent; -webkit-text-stroke: 1.6px #2b1820; text-shadow: 0 0 34px rgba(255, 157, 186, .35); white-space: nowrap; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line { font-size: clamp(26px, 2.3vw, 40px); line-height: 1.1; margin: 0; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line::after { margin-top: 12px; font-size: 14px; }
}
@media (max-width: 991px) {
body:not(.theme-dark) .jd-hero-cta { margin-top: -30px; gap: 14px; }
body:not(.theme-dark) .jd-hero-cta::before { content: "JARDEN"; margin: 0 -20px -4px; font-family: var(--jd-display); font-size: 25vw; font-weight: 400; line-height: .86; letter-spacing: .02em; text-transform: none; text-align: center; color: transparent; -webkit-text-stroke: 1.2px #2b1820; text-shadow: 0 0 28px rgba(255, 157, 186, .35); white-space: nowrap; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line { font-size: 24px; margin: 0 0 4px; }
}
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex { display: grid !important; grid-template-columns: 1fr; gap: 0; margin: 6px 0 28px !important; padding: 4px 18px; border: 1px solid rgba(43, 24, 32, 0.124); border-radius: 24px; background: linear-gradient(180deg, rgba(43, 24, 32, 0.029), rgba(43, 24, 32, 0.01)); }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex::before,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex::after { display: none !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex > div { width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; min-height: 0; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block { margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; border-bottom: 1px solid rgba(43, 24, 32, 0.114) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex > div:last-child .sale-personal-section-index-block { border-bottom: 0 !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link { position: relative; display: flex !important; align-items: center; gap: 16px; height: auto !important; min-height: 68px; padding: 12px 26px 12px 0 !important; text-align: left !important; text-decoration: none !important; background: none !important; border: 0 !important; transition: transform .25s ease; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link::after { content: ""; position: absolute; right: 4px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-right: 1.5px solid rgba(43, 24, 32, 0.473); border-top: 1.5px solid rgba(43, 24, 32, 0.473); transform: rotate(45deg); transition: transform .25s ease, border-color .25s ease; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link:hover::after,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link:active::after { transform: translateX(4px) rotate(45deg); border-color: var(--jd-pink); }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico { flex: 0 0 44px; display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border-radius: 50%; background: rgba(218, 59, 100, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 157, 186, .22); font-size: 18px; color: var(--jd-pink); transition: background .25s ease, transform .25s ease; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link:hover .sale-personal-section-index-block-ico,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-link:active .sale-personal-section-index-block-ico { background: rgba(218, 59, 100, 0.16); transform: scale(1.06); }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) { display: block !important; width: 22px !important; height: 22px !important; margin: 0 !important; background: var(--jd-pink) !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-image: url(/local/jarden/img/acc-personal.svg) !important; mask-image: url(/local/jarden/img/acc-personal.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-name { margin: 0 !important; padding: 0 !important; font-family: var(--jd-display) !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: left !important; color: #2b1820 !important; }
@media (min-width: 768px) {
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex { grid-template-columns: 1fr 1fr; column-gap: 40px; padding: 8px 28px; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-row-flex > div:nth-last-child(2):nth-child(odd) .sale-personal-section-index-block { border-bottom: 0 !important; }
}
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico { overflow: hidden; max-width: 44px; position: relative; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) { position: static !important; float: none !important; padding: 0 !important; overflow: hidden !important; min-width: 0 !important; max-width: 22px !important; max-height: 22px !important; background-image: none !important; font-size: 0 !important; transform: none !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa)::before,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa)::after,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico::before,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico::after,
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i:not(.fa) > * { display: none !important; content: none !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.cur_orders { -webkit-mask-image: url(/local/jarden/img/acc-cur_orders.svg) !important; mask-image: url(/local/jarden/img/acc-cur_orders.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.bill { -webkit-mask-image: url(/local/jarden/img/acc-bill.svg) !important; mask-image: url(/local/jarden/img/acc-bill.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.personal { -webkit-mask-image: url(/local/jarden/img/acc-personal.svg) !important; mask-image: url(/local/jarden/img/acc-personal.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.filter_orders { -webkit-mask-image: url(/local/jarden/img/acc-filter_orders.svg) !important; mask-image: url(/local/jarden/img/acc-filter_orders.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.profile { -webkit-mask-image: url(/local/jarden/img/acc-profile.svg) !important; mask-image: url(/local/jarden/img/acc-profile.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.cart { -webkit-mask-image: url(/local/jarden/img/acc-cart.svg) !important; mask-image: url(/local/jarden/img/acc-cart.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.subscribe { -webkit-mask-image: url(/local/jarden/img/acc-subscribe.svg) !important; mask-image: url(/local/jarden/img/acc-subscribe.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.contact { -webkit-mask-image: url(/local/jarden/img/acc-contact.svg) !important; mask-image: url(/local/jarden/img/acc-contact.svg) !important; }
body:not(.theme-dark) .personal_wrapper .sale-personal-section-index-block-ico i.bonus_lk { -webkit-mask-image: url(/local/jarden/img/acc-bonus_lk.svg) !important; mask-image: url(/local/jarden/img/acc-bonus_lk.svg) !important; }
body:not(.theme-dark) .left_block .menu_top_block { border: 1px solid rgba(43, 24, 32, 0.124) !important; border-radius: 22px !important; padding: 8px !important; background: linear-gradient(180deg, rgba(43, 24, 32, 0.029), rgba(43, 24, 32, 0.01)) !important; overflow: hidden; }
body:not(.theme-dark) .left_block ul.left_menu { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .left_block ul.left_menu > li { margin: 0 !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .left_block ul.left_menu > li > a { position: relative; display: block; padding: 12px 16px 12px 30px !important; margin: 2px 0 !important; border: 0 !important; border-radius: 14px !important; background: none !important; box-shadow: none !important; font-family: var(--jd-text) !important; font-size: 14.5px !important; font-weight: 400 !important; color: rgba(43, 24, 32, 0.756) !important; transition: background .25s ease, color .25s ease, padding .25s ease; }
body:not(.theme-dark) .left_block ul.left_menu > li > a .name { font-weight: inherit !important; color: inherit !important; }
body:not(.theme-dark) .left_block ul.left_menu > li > a::before { content: "" !important; display: block !important; position: absolute; left: 14px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: rgba(43, 24, 32, 0.143); transition: background .25s ease, transform .25s ease; }
body:not(.theme-dark) .left_block ul.left_menu > li > a:hover { background: rgba(43, 24, 32, 0.033) !important; color: #2b1820 !important; }
body:not(.theme-dark) .left_block ul.left_menu > li.current > a { background: rgba(218, 59, 100, 0.096) !important; color: #2b1820 !important; font-weight: 500 !important; }
body:not(.theme-dark) .left_block ul.left_menu > li.current > a::before,
body:not(.theme-dark) .left_block ul.left_menu > li > a:hover::before { background: var(--jd-pink); transform: scale(1.5); }
body:not(.theme-dark) .personal_wrapper .sale-order-list-container,
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-container"] { border: 1px solid rgba(43, 24, 32, 0.124) !important; border-radius: 22px !important; overflow: hidden; background: linear-gradient(180deg, rgba(43, 24, 32, 0.029), rgba(43, 24, 32, 0.01)) !important; margin-bottom: 22px !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-title-container"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-inner-container"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-inner-row"] { background: none !important; border-color: rgba(43, 24, 32, 0.114) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-title"] { font-family: var(--jd-display) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-payment-title"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-shipment-title"] { font-family: var(--jd-text) !important; font-size: 11px !important; letter-spacing: .18em; text-transform: uppercase; color: var(--jd-pink) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-status-"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-shipment-status-block"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-payment-status-block"] { display: inline-block; padding: 5px 12px !important; border: 0 !important; border-radius: 999px !important; font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important; background: rgba(43, 24, 32, 0.052) !important; color: rgba(43, 24, 32, 0.892) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-status-success"] { background: rgba(31, 138, 85, 0.126) !important; color: #1f8a55 !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-status-alert"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-status-restricted"] { background: rgba(218, 59, 100, 0.112) !important; color: var(--jd-pink) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-button-container"] a,
body:not(.theme-dark) .personal_wrapper a[class*="sale-order-list-about-link"],
body:not(.theme-dark) .personal_wrapper a[class*="sale-order-list-repeat-link"],
body:not(.theme-dark) .personal_wrapper a[class*="sale-order-list-cancel-link"] { display: inline-flex !important; align-items: center; justify-content: center; height: 46px; padding: 0 24px !important; margin: 0 8px 8px 0 !important; border: 1px solid rgba(43, 24, 32, 0.271) !important; border-radius: 999px !important; background: none !important; font-family: var(--jd-text) !important; font-size: 14px !important; font-weight: 500 !important; color: #2b1820 !important; text-decoration: none !important; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body:not(.theme-dark) .personal_wrapper a[class*="sale-order-list-about-link"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-button-container"] a.btn-default:first-child { border-color: transparent !important; background: var(--jd-accent, #d9345f) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-list-button-container"] a:hover { transform: translateY(-1px); border-color: var(--jd-pink) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-history-link"],
body:not(.theme-dark) .personal_wrapper [class*="sale-order-link"] { font-family: var(--jd-text) !important; font-weight: 500 !important; color: var(--jd-pink) !important; }
body:not(.theme-dark) .personal_wrapper [class*="sale-order-title"] { font-family: var(--jd-display) !important; font-weight: 400 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items { margin-top: 56px; }
body:not(.theme-dark) .bigdata_recommended_products_items > .subtitle { margin: 0 0 22px !important; font-family: var(--jd-display) !important; font-size: clamp(26px, 2.4vw, 36px) !important; font-weight: 400 !important; line-height: 1.1; color: #2b1820 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-items { border: 0 !important; background: none !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .owl-item { padding: 0 8px; box-sizing: border-box; }
body:not(.theme-dark) .bigdata_recommended_products_items .owl-stage-outer { margin: 0 -8px; padding: 6px 0 10px; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item { height: 100%; border: 1px solid rgba(43, 24, 32, 0.124) !important; border-radius: 22px !important; overflow: hidden; background: linear-gradient(180deg, rgba(43, 24, 32, 0.033), rgba(43, 24, 32, 0.01)) !important; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item:hover { transform: translateY(-4px); border-color: rgba(194, 42, 85, 0.35) !important; box-shadow: 0 18px 40px rgba(90, 40, 55, 0.122); }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__wrapper { padding: 16px !important; background: none !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__inner { display: flex !important; align-items: center; gap: 16px; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__image { flex: 0 0 92px; width: 92px !important; height: 92px !important; margin: 0 !important; padding: 0 !important; border-radius: 16px; overflow: hidden; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__image a { display: block; width: 100%; height: 100%; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; transition: transform .5s ease; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item:hover .block-item__image img { transform: scale(1.07); }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__info { flex: 1 1 auto; min-width: 0; padding: 0 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__title { margin: 0 0 6px !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--jd-display) !important; font-size: 18px !important; line-height: 1.2 !important; color: #2b1820 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__cost { margin: 0 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__cost .price { font-family: var(--jd-text) !important; font-size: 15px !important; font-weight: 500 !important; color: var(--jd-pink) !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item .btn { height: auto !important; min-width: 0 !important; margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: rgba(43, 24, 32, 0.63) !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item .btn::after { content: "→"; display: inline-block; margin-left: 8px; transition: transform .25s ease; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item:hover .btn { color: #2b1820 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item:hover .btn::after { transform: translateX(4px); }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item .more-btn { position: static !important; margin: 8px 0 0 !important; padding: 0 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item .more-btn .btn { margin: 0 !important; }
body:not(.theme-dark) .bigdata_recommended_products_items .block-item__wrapper.w-btn { padding-bottom: 16px !important; }
body:not(.theme-dark) .basket_hover_block { width: 440px !important; max-width: calc(100vw - 24px); margin-top: 10px !important; padding: 8px 0 0 !important; border: 1px solid rgba(43, 24, 32, 0.145) !important; border-radius: 26px !important; overflow: hidden; background: rgba(255, 250, 248, 0.96) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 30px 70px rgba(90, 40, 55, 0.193) !important; }
body:not(.theme-dark) .basket_hover_block .basket_wrap,
body:not(.theme-dark) .basket_hover_block .items_wrap,
body:not(.theme-dark) .basket_hover_block .items,
body:not(.theme-dark) .basket_hover_block .item,
body:not(.theme-dark) .basket_hover_block .foot { background: none !important; border: 0 !important; box-shadow: none !important; }
body:not(.theme-dark) .basket_hover_block .items_wrap { max-height: 320px; overflow-y: auto; padding: 0 20px !important; }
body:not(.theme-dark) .basket_hover_block .item { padding: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(43, 24, 32, 0.114) !important; }
body:not(.theme-dark) .basket_hover_block .item:last-child { border-bottom: 0 !important; }
body:not(.theme-dark) .basket_hover_block .item > .wrap { position: relative; display: flex !important; align-items: center; gap: 14px; padding: 14px 30px 14px 0 !important; }
body:not(.theme-dark) .basket_hover_block .item > .wrap::before,
body:not(.theme-dark) .basket_hover_block .item > .wrap::after { display: none !important; }
body:not(.theme-dark) .basket_hover_block .item .image { flex: 0 0 64px; float: none !important; width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; border-radius: 14px; overflow: hidden; background: rgba(43, 24, 32, 0.033); }
body:not(.theme-dark) .basket_hover_block .item .image a { display: block; width: 100%; height: 100%; }
body:not(.theme-dark) .basket_hover_block .item .image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; }
body:not(.theme-dark) .basket_hover_block .item .body-info { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body:not(.theme-dark) .basket_hover_block .item .description { margin: 0 !important; padding: 0 !important; }
body:not(.theme-dark) .basket_hover_block .item .product_name { margin: 0 0 4px !important; }
body:not(.theme-dark) .basket_hover_block .item .product_name,
body:not(.theme-dark) .basket_hover_block .item .product_name a { font-family: var(--jd-display) !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2b1820 !important; }
body:not(.theme-dark) .basket_hover_block .item .prices { display: flex; flex-direction: row-reverse; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 !important; }
body:not(.theme-dark) .basket_hover_block .item .prices .right { float: none !important; }
body:not(.theme-dark) .basket_hover_block .item .prices .price { font-family: var(--jd-text) !important; font-size: 13px !important; font-weight: 400 !important; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) .basket_hover_block .item .prices .summ .price { font-size: 15px !important; font-weight: 500 !important; color: var(--jd-pink) !important; white-space: nowrap; }
body:not(.theme-dark) .basket_hover_block .item .price_name { display: none !important; }
body:not(.theme-dark) .basket_hover_block .item .remove-cell { position: absolute !important; right: 0; top: 50%; margin: -12px 0 0 !important; padding: 0 !important; width: 24px; height: 24px; }
body:not(.theme-dark) .basket_hover_block .item .remove-cell .remove { display: flex !important; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; opacity: .45; transition: opacity .2s ease, background .2s ease; }
body:not(.theme-dark) .basket_hover_block .item .remove-cell .remove:hover { opacity: 1; background: rgba(43, 24, 32, 0.065); }
body:not(.theme-dark) .basket_hover_block .item .remove-cell svg { width: 9px; height: 9px; }
body:not(.theme-dark) .basket_hover_block .foot { display: flex !important; align-items: center; justify-content: space-between; margin: 0 !important; padding: 16px 20px 6px !important; border-top: 1px solid rgba(43, 24, 32, 0.124) !important; }
body:not(.theme-dark) .basket_hover_block .foot .remove_all_basket { font-family: var(--jd-text) !important; font-size: 11px !important; letter-spacing: .14em; color: rgba(43, 24, 32, 0.473) !important; }
body:not(.theme-dark) .basket_hover_block .foot .remove_all_basket:hover { color: var(--jd-pink) !important; }
body:not(.theme-dark) .basket_hover_block .foot .total { align-items: baseline !important; gap: 12px; }
body:not(.theme-dark) .basket_hover_block .foot .item_title { font-family: var(--jd-text) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .18em; text-transform: uppercase; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) .basket_hover_block .foot .wrap_prices .price { font-family: var(--jd-display) !important; font-size: 26px !important; font-weight: 400 !important; color: #2b1820 !important; }
body:not(.theme-dark) .basket_hover_block .buttons,
body:not(.theme-dark) .basket_hover_block .basket_wrap > .wrap_button,
body:not(.theme-dark) .basket_hover_block .foot + * { padding: 12px 20px 20px !important; margin: 0 !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .basket_hover_block .foot + * a,
body:not(.theme-dark) .basket_hover_block .buttons a,
body:not(.theme-dark) .basket_hover_block a.btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 50px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--jd-pink) !important; font-family: var(--jd-text) !important; font-size: 15px !important; font-weight: 500 !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 12px 28px rgba(218, 59, 100, .35); transition: transform .25s ease, box-shadow .25s ease; }
body:not(.theme-dark) .basket_hover_block .foot + * a:hover,
body:not(.theme-dark) .basket_hover_block a.btn:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(218, 59, 100, .45); }
body:not(.theme-dark) .jd-hero-old { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transform: scale(1.03); transition: opacity 1.6s ease, transform 7s ease-out; overflow: hidden; }
body:not(.theme-dark).jd-hero-b .jd-hero-old { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-hero-cta::before { transition: opacity 1.2s ease; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta::before { opacity: 0 !important; animation: none !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .jd-hero-old { background: linear-gradient(90deg, rgba(22, 13, 16, .6) 0%, rgba(22, 13, 16, 0) 45%), var(--jd-old) center / cover no-repeat, #24131a; }
body:not(.theme-dark) .jd-hero-old i,
body:not(.theme-dark) .jd-hero-old b { display: none; }
body:not(.theme-dark) .jd-hero-cta .jd-hero-line { transition: opacity 1.2s ease; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta .jd-hero-line { opacity: 0 !important; animation: none !important; }
}
@media (max-width: 991px) {
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item { position: relative; overflow: hidden; }
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__wrapper,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item,
body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .banners-big--contrast-cover-desktop { height: 56vw !important; }
body:not(.theme-dark) .jd-hero-old { transform: none !important; }
body:not(.theme-dark) .jd-hero-old i { display: none; }
body:not(.theme-dark) .jd-hero-old b { position: absolute; inset: 0; display: block; background: var(--jd-old) center top / 126% auto no-repeat, #24131a; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta::before { content: "Конструктор букета"; opacity: 1 !important; margin: 10px 0 -2px; font-family: var(--jd-text); font-size: 11px; font-weight: 500; line-height: 1.4; letter-spacing: .24em; text-transform: uppercase; text-align: center; color: var(--jd-pink); -webkit-text-stroke: 0; text-shadow: none; white-space: normal; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta .jd-hero-line { font-size: 34px; line-height: 1.08; margin: 0; }
body:not(.theme-dark).jd-hero-b .jd-hero-nav { top: 70% !important; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta .jd-hero-line::after { content: "Цветы, упаковка и открытка — на ваш вкус"; display: block; margin-top: 10px; font-family: var(--jd-text); font-size: 14px; line-height: 1.4; letter-spacing: 0; color: rgba(43, 24, 32, 0.651); }
}
body:not(.theme-dark) .jd-hero-nav { position: absolute; z-index: 12; display: flex; align-items: center; gap: 14px; right: 96px; bottom: 34px; }
body:not(.theme-dark) .jd-hero-arrow { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; cursor: pointer; border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; background: rgba(22, 13, 16, .28); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body:not(.theme-dark) .jd-hero-next svg { transform: scaleX(-1); }
body:not(.theme-dark) .jd-hero-arrow:hover { background: var(--jd-pink); border-color: var(--jd-pink); transform: scale(1.06); }
body:not(.theme-dark) .jd-hero-arrow:active { transform: scale(.94); }
body:not(.theme-dark) .jd-hero-dots { display: flex; gap: 8px; padding: 10px 2px; cursor: pointer; }
body:not(.theme-dark) .jd-hero-dots i { display: block; width: 7px; height: 7px; border-radius: 99px; background: rgba(255, 255, 255, .4); transition: width .35s ease, background .35s ease; }
body:not(.theme-dark):not(.jd-hero-b) .jd-hero-dots i:first-child,
body:not(.theme-dark).jd-hero-b .jd-hero-dots i:last-child { width: 22px; background: #fff; }
@media (max-width: 991px) {
body:not(.theme-dark) .jd-hero-nav { left: 12px; right: 12px; bottom: auto; top: 40%; justify-content: space-between; pointer-events: none; }
body:not(.theme-dark) .jd-hero-arrow { width: 40px; height: 40px; pointer-events: auto; }
body:not(.theme-dark) .jd-hero-dots { position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-top: calc(60vw - 40vw + 70px); pointer-events: auto; display: none; }
}
body:not(.theme-dark) #popup_iframe_wrapper .jqmOverlay { background: rgba(14, 8, 10, .72) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1 !important; }
body:not(.theme-dark) .fast_view_frame { border: 1px solid rgba(43, 24, 32, 0.145) !important; border-radius: 30px !important; overflow: hidden !important; background: linear-gradient(160deg, #fffaf8 0%, #fffaf8 60%) !important; box-shadow: 0 40px 100px rgba(90, 40, 55, 0.21) !important; }
body:not(.theme-dark) .fast_view_frame .catalog_detail,
body:not(.theme-dark) .fast_view_frame .form.product-main { background: none !important; border: 0 !important; }
body:not(.theme-dark) .fast_view_frame .form.product-main { display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); grid-template-rows: auto 1fr auto; column-gap: 0; height: 100%; padding: 0 !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product { display: contents !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image { grid-column: 1; grid-row: 1 / span 3; width: auto !important; max-width: none !important; height: 100% !important; min-height: 520px; margin: 0 !important; padding: 14px !important; border: 0 !important; position: relative; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .product-detail-gallery,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .product-detail-gallery-sticky,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .product-detail-gallery__container,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .gallery-wrapper,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__inner,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-wrap,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-inner,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-wrapper { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: auto !important; left: auto !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider-main__ratio-wrap::before { display: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big-slider { border-radius: 22px; overflow: hidden; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big__item { height: 100% !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big__item a,
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big__item picture { display: block !important; width: 100% !important; height: 100% !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .detail-gallery-big__item img { position: static !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; transform: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-pagination { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 16px !important; top: auto !important; z-index: 3; display: flex; justify-content: center; gap: 6px; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-pagination-bullet { width: 7px !important; height: 7px !important; margin: 0 !important; border: 0 !important; border-radius: 99px !important; background: rgba(255, 255, 255, .55) !important; opacity: 1 !important; transition: width .3s ease, background .3s ease; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-pagination-bullet-active { width: 22px !important; background: #fff !important; }
body:not(.theme-dark) .fast_view_frame .detail-stickers-wrap { left: 16px !important; top: 16px !important; z-index: 3; }
body:not(.theme-dark) .fast_view_frame .stickers > div > div { padding: 6px 12px !important; border-radius: 999px !important; background: rgba(22, 13, 16, .55) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-family: var(--jd-text) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: #fff !important; }
body:not(.theme-dark) .fast_view_frame .form_head { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 44px 64px 0 34px !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .fast_view_frame .form_head h2 { margin: 0 0 14px !important; padding: 0 !important; }
body:not(.theme-dark) .fast_view_frame .form_head h2 a { font-family: var(--jd-display) !important; font-size: 32px !important; font-weight: 400 !important; line-height: 1.12 !important; color: #2b1820 !important; }
body:not(.theme-dark) .fast_view_frame .wish_item_button > span,
body:not(.theme-dark) .fast_view_frame .wish_item_button .wish_item { border: 1px solid rgba(43, 24, 32, 0.208) !important; border-radius: 999px !important; background: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__info { grid-column: 2; grid-row: 2; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 22px 34px 20px !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .fast_view_frame .prices_block .price { font-family: var(--jd-display) !important; font-size: 40px !important; font-weight: 400 !important; line-height: 1 !important; color: #2b1820 !important; }
body:not(.theme-dark) .fast_view_frame .prices_block .price .price_measure { font-family: var(--jd-text) !important; font-size: 14px !important; color: rgba(43, 24, 32, 0.525) !important; }
body:not(.theme-dark) .fast_view_frame .quantity_block_wrapper { margin: 14px 0 0 !important; }
body:not(.theme-dark) .fast_view_frame .item-stock { display: inline-flex !important; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(31, 138, 85, 0.108); }
body:not(.theme-dark) .fast_view_frame .item-stock .value,
body:not(.theme-dark) .fast_view_frame .item-stock .store_view { font-family: var(--jd-text) !important; font-size: 12px !important; color: #1f8a55 !important; border: 0 !important; text-decoration: none !important; }
body:not(.theme-dark) .fast_view_frame .buy_block { margin: 26px 0 0 !important; }
body:not(.theme-dark) .fast_view_frame .counter_wrapp { display: flex !important; align-items: center; gap: 12px; }
body:not(.theme-dark) .fast_view_frame .counter_wrapp::before,
body:not(.theme-dark) .fast_view_frame .counter_wrapp::after { display: none !important; }
body:not(.theme-dark) .fast_view_frame .counter_block_inner { flex: 0 0 auto; float: none !important; width: auto !important; margin: 0 !important; }
body:not(.theme-dark) .fast_view_frame .counter_block { display: flex !important; align-items: center; width: 132px !important; height: 54px !important; border: 1px solid rgba(43, 24, 32, 0.208) !important; border-radius: 999px !important; background: rgba(43, 24, 32, 0.026) !important; overflow: hidden; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus,
body:not(.theme-dark) .fast_view_frame .counter_block .plus { position: static !important; flex: 0 0 44px; display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 100% !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .fast_view_frame .counter_block input.text { flex: 1 1 auto; min-width: 0; width: auto !important; height: 100% !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: center; font-family: var(--jd-text) !important; font-size: 16px !important; font-weight: 500 !important; color: #2b1820 !important; }
body:not(.theme-dark) .fast_view_frame .button_block { flex: 1 1 auto; float: none !important; width: auto !important; margin: 0 !important; }
body:not(.theme-dark) .fast_view_frame .button_block .btn { width: 100% !important; height: 54px !important; line-height: 54px !important; text-align: center; padding: 0 20px !important; border: 0 !important; border-radius: 999px !important; font-family: var(--jd-text) !important; font-size: 16px !important; font-weight: 500 !important; box-shadow: 0 14px 30px rgba(218, 59, 100, .35); }
body:not(.theme-dark) .fast_view_frame .calculate-delivery,
body:not(.theme-dark) .fast_view_frame .middle_info1 > .text-form { margin: 0 !important; padding: 14px 16px !important; border: 0 !important; background: rgba(43, 24, 32, 0.026) !important; font-family: var(--jd-text) !important; font-size: 13.5px !important; line-height: 1.5; color: rgba(43, 24, 32, 0.756) !important; }
body:not(.theme-dark) .fast_view_frame .calculate-delivery { margin-top: 26px !important; border-radius: 18px 18px 0 0 !important; padding-bottom: 4px !important; }
body:not(.theme-dark) .fast_view_frame .calculate-delivery span { color: #2b1820 !important; }
body:not(.theme-dark) .fast_view_frame .middle_info1 > .text-form { border-radius: 0 0 18px 18px !important; }
body:not(.theme-dark) .fast_view_frame .middle_info1 > .text-form .price_txt { color: inherit !important; font-size: inherit !important; }
body:not(.theme-dark) .fast_view_frame .btn-wrapper { grid-column: 2; grid-row: 3; margin: 0 !important; padding: 0 34px 30px !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .fast_view_frame .btn-wrapper .btn { display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; height: auto !important; padding: 0 0 4px !important; border: 0 !important; border-bottom: 1px solid rgba(43, 24, 32, 0.302) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: rgba(43, 24, 32, 0.788) !important; transition: color .25s ease, border-color .25s ease; }
body:not(.theme-dark) .fast_view_frame .btn-wrapper .btn:hover { color: #2b1820 !important; border-color: var(--jd-pink) !important; }
body:not(.theme-dark) .fast_view_frame .close.jqmClose { top: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50% !important; background: rgba(43, 24, 32, 0.046) !important; opacity: 1 !important; z-index: 6; transition: background .25s ease, transform .25s ease; }
body:not(.theme-dark) .fast_view_frame .close.jqmClose:hover { background: var(--jd-pink) !important; transform: rotate(90deg); }
body:not(.theme-dark) .fast_view_frame .close.jqmClose svg { width: 11px; height: 11px; }
body:not(.theme-dark) .fast-view-nav { width: 48px !important; height: 48px !important; border: 1px solid rgba(255, 255, 255, .3) !important; border-radius: 50% !important; background: rgba(22, 13, 16, .4) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: flex !important; align-items: center; justify-content: center; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body:not(.theme-dark) .fast-view-nav:hover { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; transform: scale(1.06); }
@media (max-width: 767px) {
body:not(.theme-dark) .fast_view_frame .form.product-main { display: block; }
body:not(.theme-dark) .fast_view_frame .fastview-product { display: block !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image { height: 90vw !important; min-height: 0; padding: 10px !important; }
body:not(.theme-dark) .fast_view_frame .form_head { padding: 22px 56px 0 20px !important; }
body:not(.theme-dark) .fast_view_frame .form_head h2 a { font-size: 24px !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__info { padding: 16px 20px !important; }
body:not(.theme-dark) .fast_view_frame .btn-wrapper { padding: 0 20px 24px !important; }
}
body:not(.theme-dark) .fast_view_frame .fastview-product::before,
body:not(.theme-dark) .fast_view_frame .fastview-product::after,
body:not(.theme-dark) .fast_view_frame .fastview-product__image::before,
body:not(.theme-dark) .fast_view_frame .fastview-product__image::after,
body:not(.theme-dark) .fast_view_frame .fastview-product__info::before,
body:not(.theme-dark) .fast_view_frame .fastview-product__info::after { display: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image,
body:not(.theme-dark) .fast_view_frame .fastview-product__info { border: 0 !important; box-shadow: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__info .prices_item_block,
body:not(.theme-dark) .fast_view_frame .fastview-product__info .middle_info1,
body:not(.theme-dark) .fast_view_frame .fastview-product__info .prices_block,
body:not(.theme-dark) .fast_view_frame .fastview-product__info .buy_block,
body:not(.theme-dark) .fast_view_frame .fastview-product__info .cost.prices { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__info { padding-right: 64px !important; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus i,
body:not(.theme-dark) .fast_view_frame .counter_block .plus i { display: none !important; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus::before,
body:not(.theme-dark) .fast_view_frame .counter_block .plus::before { display: block !important; position: static !important; width: auto !important; height: auto !important; background: none !important; transform: none !important; opacity: 1 !important; font-family: var(--jd-text); font-size: 20px; font-weight: 300; line-height: 1; color: rgba(43, 24, 32, 0.84); }
body:not(.theme-dark) .fast_view_frame .counter_block .minus::before { content: "\2212" !important; }
body:not(.theme-dark) .fast_view_frame .counter_block .plus::before { content: "+" !important; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus::after,
body:not(.theme-dark) .fast_view_frame .counter_block .plus::after { display: none !important; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus,
body:not(.theme-dark) .fast_view_frame .counter_block .plus { cursor: pointer; transition: background .2s ease; }
body:not(.theme-dark) .fast_view_frame .counter_block .minus:hover,
body:not(.theme-dark) .fast_view_frame .counter_block .plus:hover { background: rgba(43, 24, 32, 0.052) !important; }
body:not(.theme-dark) .fast_view_frame .counter_block { width: 140px !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-nav { width: 40px !important; height: 40px !important; margin-top: -20px !important; top: 50% !important; border: 1px solid rgba(255, 255, 255, .35) !important; border-radius: 50% !important; background: rgba(22, 13, 16, .35) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none !important; opacity: 1 !important; visibility: visible !important; display: flex !important; align-items: center; justify-content: center; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-button-prev { left: 14px !important; right: auto !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-button-next { right: 14px !important; left: auto !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-nav:hover { background: var(--jd-pink) !important; border-color: var(--jd-pink) !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-nav.swiper-button-disabled { opacity: .35 !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-pagination-bullet { flex: 0 0 auto; position: static !important; left: auto !important; top: auto !important; transform: none !important; display: block !important; }
body:not(.theme-dark) .fast_view_frame .fastview-product__image .swiper-pagination { transform: none !important; width: auto !important; }
body:not(.theme-dark) .fast_view_frame .calculate-delivery,
body:not(.theme-dark) .fast_view_frame .middle_info1 > .text-form { padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body:not(.theme-dark) .fast_view_frame .calculate-delivery { margin-top: 30px !important; padding-top: 22px !important; border-top: 1px solid rgba(43, 24, 32, 0.135) !important; display: flex; align-items: center; gap: 10px; }
body:not(.theme-dark) .fast_view_frame .middle_info1 > .text-form { margin-top: 12px !important; }
body:not(.theme-dark) .fast_view_frame .button_block .btn { box-shadow: 0 10px 22px rgba(218, 59, 100, .28) !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .product-view .product-info > .flexbox.flexbox--row { justify-content: center; align-items: flex-start !important; gap: 56px; }
body:not(.theme-dark) .product-view .product-info > .flexbox.flexbox--row > .product-detail-gallery { flex: 0 1 600px !important; width: auto !important; max-width: 600px !important; margin: 0 !important; padding: 0 !important; }
body:not(.theme-dark) .product-view .detail-gallery-big-slider-main__ratio-wrap { padding-top: 124% !important; }
body:not(.theme-dark) .product-view .product-info > .flexbox.flexbox--row > .product-main { flex: 0 1 500px !important; max-width: 500px; position: sticky; top: 110px; margin: 0 !important; padding: 34px 36px 30px !important; border: 1px solid rgba(43, 24, 32, 0.135); border-radius: 30px; background: linear-gradient(165deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.01)); box-shadow: 0 30px 70px -30px rgba(90, 40, 55, 0.21); }
body:not(.theme-dark) .product-view .product-main .product-info-headnote { margin: 0 0 18px !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; }
body:not(.theme-dark) .product-view .product-main .prices_block .price { font-size: 46px !important; line-height: 1 !important; }
body:not(.theme-dark) .product-view .product-main .quantity_block_wrapper { margin: 16px 0 0 !important; }
body:not(.theme-dark) .product-view .product-main .item-stock { display: inline-flex !important; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(31, 138, 85, 0.108); }
body:not(.theme-dark) .product-view .product-main .item-stock .value,
body:not(.theme-dark) .product-view .product-main .item-stock .store_view { font-size: 12px !important; color: #1f8a55 !important; }
body:not(.theme-dark) .product-view .product-main .buy_block { margin-top: 26px !important; }
body:not(.theme-dark) .product-view .product-main .buy_block .counter_wrapp.big { max-width: none !important; margin-top: 0 !important; }
body:not(.theme-dark) .product-view .product-main .buy_block .counter_wrapp.big .counter_block_inner { flex: 0 0 132px !important; width: 132px !important; }
body:not(.theme-dark) .product-view .product-main .info_item > .calculate-delivery { margin-top: 26px !important; padding-top: 22px !important; border-top: 1px solid rgba(43, 24, 32, 0.124); }
body:not(.theme-dark) .product-view .product-main .info_item > .text-form { margin-top: 12px !important; font-size: 14px; }
body:not(.theme-dark) .product-view .product-main .price_txt { margin: 22px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid rgba(43, 24, 32, 0.124); font-size: 12px !important; line-height: 1.5; color: rgba(43, 24, 32, 0.473) !important; min-height: 0 !important; height: auto !important; }
}
body:not(.theme-dark) .jd-hero-cta.jd-hero-out .jd-hero-line,
body:not(.theme-dark) .jd-hero-cta.jd-hero-out .jd-hero-btns,
body:not(.theme-dark) .jd-hero-cta.jd-hero-out::before { opacity: 0 !important; transform: translateY(10px); transition: opacity .26s ease, transform .26s ease; animation: none !important; }
body:not(.theme-dark):not(.jd-hero-b) .jd-hero-cta.jd-hero-in::before { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) both !important; }
body:not(.theme-dark):not(.jd-hero-b) .jd-hero-cta.jd-hero-in .jd-hero-line { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .08s both !important; }
@media (max-width: 991px) {
body:not(.theme-dark).jd-hero-b .jd-hero-cta.jd-hero-in::before { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) both !important; }
body:not(.theme-dark).jd-hero-b .jd-hero-cta.jd-hero-in .jd-hero-line { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .08s both !important; }
}
body:not(.theme-dark) .jd-hero-cta.jd-hero-in .jd-hero-btns { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .16s both !important; }
body:not(.theme-dark) .jd-hero-pick { position: absolute; z-index: 12; left: 14px; bottom: 16px; display: flex; align-items: center; gap: 12px; max-width: min(78%, 330px); padding: 8px 14px 8px 8px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 22px; background: rgba(22, 13, 16, .46); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #fff; text-decoration: none !important; box-shadow: 0 14px 30px rgba(0, 0, 0, .28); transition: transform .3s ease, background .3s ease, border-color .3s ease, opacity .26s ease; }
body:not(.theme-dark) .jd-hero-pick:hover { transform: translateY(-3px); background: rgba(22, 13, 16, .62); border-color: var(--jd-pink); }
body:not(.theme-dark) .jd-hero-pick:active { transform: scale(.97); }
body:not(.theme-dark) .jd-hero-pick img { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 15px; object-fit: cover; display: block; }
body:not(.theme-dark) .jd-hero-pick__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
body:not(.theme-dark) .jd-hero-pick__t small { font-family: var(--jd-text); font-size: 9.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #ffb3c8; }
body:not(.theme-dark) .jd-hero-pick__t b { margin: 3px 0 2px; font-family: var(--jd-display); font-size: 15.5px; font-weight: 400; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body:not(.theme-dark) .jd-hero-pick__t i { font-family: var(--jd-text); font-style: normal; font-size: 13px; font-weight: 500; color: #fff; }
body:not(.theme-dark) .jd-hero-pick svg { flex: 0 0 auto; opacity: .8; transition: transform .3s ease; }
body:not(.theme-dark) .jd-hero-pick:hover svg { transform: translateX(3px); }
body:not(.theme-dark) .jd-hero-pick--out { opacity: 0 !important; }
body:not(.theme-dark) .jd-hero-pick--in { animation: jd-hero-rise .6s cubic-bezier(.2, .7, .2, 1) .22s backwards; }
@media (min-width: 992px) {
body:not(.theme-dark) .jd-hero-pick { left: auto; right: 96px; bottom: 108px; max-width: 360px; padding: 10px 18px 10px 10px; border-radius: 26px; }
body:not(.theme-dark) .jd-hero-pick img { flex-basis: 68px; width: 68px; height: 68px; border-radius: 18px; }
body:not(.theme-dark) .jd-hero-pick__t b { font-size: 18px; }
body:not(.theme-dark) .jd-hero-pick__t i { font-size: 14px; }
}
@media (max-width: 991px) {
body:not(.theme-dark) .jd-hero-pick { top: 10px; bottom: auto; left: 12px; padding: 5px 12px 5px 5px; border-radius: 19px; gap: 10px; max-width: 76%; }
body:not(.theme-dark) .jd-hero-pick img { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px; }
body:not(.theme-dark) .jd-hero-pick__t b { font-size: 14.5px; }
body:not(.theme-dark) .jd-hero-pick__t i { font-size: 12.5px; }
}
body:not(.theme-dark) .jd-hero-pick__t i { font-size: 12px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .7) !important; }
body:not(.theme-dark) .jd-hero-pick:not(:has(img)) { padding-left: 16px; }
body:not(.theme-dark) .jd-hero-cat { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: #fffaf8 center / cover no-repeat; opacity: 0; transform: scale(1.05); transition: opacity 1.3s ease, transform 7s ease-out; }
body:not(.theme-dark).jd-hero-c .jd-hero-cat.on { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-hero-pick { display: none !important; }
body:not(.theme-dark) .jd-hero-dots i,
body:not(.theme-dark):not(.jd-hero-b) .jd-hero-dots i:first-child,
body:not(.theme-dark).jd-hero-b .jd-hero-dots i:last-child { width: 7px; background: rgba(255, 255, 255, .45); cursor: pointer; }
body:not(.theme-dark) .jd-hero-dots i.on { width: 22px !important; background: #fff !important; }
body:not(.theme-dark).jd-hero-c .jd-hero-cta::before { content: attr(data-eyebrow) !important; opacity: 1 !important; margin: 0 0 2px; font-family: var(--jd-text) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: .26em !important; text-transform: uppercase !important; color: #c22a55 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; white-space: normal !important; max-height: none !important; }
body:not(.theme-dark).jd-hero-c .jd-hero-cta .jd-hero-line::after { content: none !important; display: none !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .jd-hero-cat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 250, 248, 0.86) 0%, rgba(255, 250, 248, 0.55) 34%, rgba(255, 250, 248, 0) 68%); }
body:not(.theme-dark).jd-hero-c .jd-hero-cta .jd-hero-line { font-size: clamp(46px, 5vw, 92px) !important; line-height: 1.02 !important; max-width: 12em; }
body:not(.theme-dark).jd-hero-c .jd-hero-cta::before { font-size: 13px !important; }
}
@media (max-width: 991px) {
body:not(.theme-dark).jd-hero-c .jd-hero-cta::before { margin: 10px 0 -2px; font-size: 11px !important; text-align: center; color: var(--jd-pink) !important; }
body:not(.theme-dark).jd-hero-c .jd-hero-cta .jd-hero-line { font-size: 32px; line-height: 1.08; margin: 0; }
}
body:not(.theme-dark) .catalog_section_list .item_block:has(> .section_item) { padding: 6px !important; border: 0 !important; margin: 0 !important; }
body:not(.theme-dark) .catalog_section_list .item_block > .section_item.item { height: 100%; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(43, 24, 32, 0.135) !important; border-radius: 24px !important; overflow: hidden; background: linear-gradient(165deg, rgba(43, 24, 32, 0.042), rgba(43, 24, 32, 0.01)) !important; box-shadow: none !important; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
body:not(.theme-dark) .catalog_section_list .item_block > .section_item.item:hover { transform: translateY(-4px); border-color: rgba(194, 42, 85, 0.4) !important; box-shadow: 0 20px 44px -20px rgba(90, 40, 55, 0.21) !important; }
body:not(.theme-dark) .catalog_section_list .item_block > .section_item.item:active { transform: scale(.97); }
body:not(.theme-dark) .catalog_section_list .section_item .section_item_inner,
body:not(.theme-dark) .catalog_section_list .section_item .section_item_inner > tbody,
body:not(.theme-dark) .catalog_section_list .section_item .section_item_inner > tbody > tr { display: block; width: 100%; border: 0 !important; }
body:not(.theme-dark) .catalog_section_list .section_item .section_item_inner td { display: block; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.image { padding: 22px 12px 4px !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.image a.thumb { display: flex !important; align-items: center; justify-content: center; width: 116px; height: 116px; margin: 0 auto; border-radius: 50%; background: radial-gradient(circle at 50% 42%, rgba(218, 59, 100, 0.24) 0%, rgba(218, 59, 100, 0.056) 68%, rgba(218, 59, 100, 0) 100%); }
body:not(.theme-dark) .catalog_section_list .section_item td.image a.thumb::before,
body:not(.theme-dark) .catalog_section_list .section_item td.image a.thumb::after { display: none !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.image img { width: auto !important; height: auto !important; max-width: 88% !important; max-height: 88% !important; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(90, 40, 55, 0.122)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) .catalog_section_list .section_item.item:hover td.image img { transform: scale(1.1) rotate(-3deg); }
body:not(.theme-dark) .catalog_section_list .section_item td.section_info ul { margin: 0 !important; padding: 12px 12px 20px !important; list-style: none !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.section_info li { margin: 0 !important; padding: 0 !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.section_info li::before { display: none !important; }
body:not(.theme-dark) .catalog_section_list .section_item li.name > a { display: block; }
body:not(.theme-dark) .catalog_section_list .section_item li.name > a span { font-family: var(--jd-display) !important; font-size: 18.5px !important; font-weight: 400 !important; line-height: 1.18 !important; color: #2b1820 !important; }
body:not(.theme-dark) .catalog_section_list .section_item li.name .element-count2 { display: inline-block !important; margin: 10px 0 0 !important; padding: 4px 11px !important; border-radius: 999px; background: rgba(43, 24, 32, 0.046); font-family: var(--jd-text) !important; font-size: 11.5px !important; line-height: 1.4 !important; color: rgba(43, 24, 32, 0.735) !important; }
@media (min-width: 992px) {
body:not(.theme-dark) .catalog_section_list .item_block:has(> .section_item) { padding: 10px !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.image { padding-top: 30px !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.image a.thumb { width: 150px; height: 150px; }
body:not(.theme-dark) .catalog_section_list .section_item li.name > a span { font-size: 22px !important; }
body:not(.theme-dark) .catalog_section_list .section_item td.section_info ul { padding-bottom: 28px !important; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu { padding: 22px 28px 26px !important; border: 1px solid rgba(43, 24, 32, 0.145) !important; border-top: 0 !important; border-radius: 0 0 28px 28px !important; background: rgba(255, 250, 248, 0.97) !important; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); box-shadow: 0 34px 70px rgba(90, 40, 55, 0.175) !important; overflow: hidden; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu > .customScrollbar { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; max-height: 70vh; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 6px 12px; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper::before,
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper::after { display: none !important; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li { position: relative; float: none !important; display: flex !important; align-items: center; gap: 16px; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 9px 34px 9px 9px !important; border: 0 !important; border-radius: 20px; background: none !important; transition: background .25s ease, transform .25s ease; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover { background: rgba(43, 24, 32, 0.039) !important; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li::after { content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid #c22a55; border-top: 1.5px solid #c22a55; transform: translateX(-6px) rotate(45deg); opacity: 0; transition: opacity .25s ease, transform .25s ease; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover::after { opacity: 1; transform: rotate(45deg); }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > .menu_img { position: relative !important; flex: 0 0 60px; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px rgba(255, 157, 186, .4), 0 8px 18px rgba(90, 40, 55, 0.105); }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > .menu_img img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; transition: transform .5s ease; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover > .menu_img img { transform: scale(1.12); }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > a { flex: 1 1 auto; min-width: 0; display: block !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li > a .name { display: block; padding: 0 !important; font-family: var(--jd-display) !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #2b1820 !important; transition: color .25s ease; }
body:not(.theme-dark) .menu-row .mega-menu .table-menu td.menu-item > .wrap > .dropdown-menu ul.menu-wrapper > li:hover > a .name { color: #c22a55 !important; }
}
body:not(.theme-dark) .jd-opt { padding: 6px 0 40px; }
body:not(.theme-dark) .jd-opt-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: stretch; min-height: 420px; border: 1px solid rgba(43, 24, 32, 0.135); border-radius: 30px; overflow: hidden; background: linear-gradient(150deg, rgba(43, 24, 32, 0.046), rgba(43, 24, 32, 0.01)); }
body:not(.theme-dark) .jd-opt-hero__text { display: flex; flex-direction: column; justify-content: center; padding: 46px 44px; }
body:not(.theme-dark) .jd-opt-hero__photo { background: url("/local/jarden/img/opt-hero.jpg") 60% center / cover no-repeat; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 30%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 30%); }
body:not(.theme-dark) .jd-opt-eyebrow { font-family: var(--jd-text); font-size: 12px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: #c22a55; }
body:not(.theme-dark) .jd-opt-h { margin: 14px 0 16px !important; font-family: var(--jd-display) !important; font-size: clamp(30px, 3.3vw, 52px) !important; font-weight: 400 !important; line-height: 1.06 !important; color: #2b1820 !important; }
body:not(.theme-dark) .jd-opt-lead { margin: 0 0 28px; max-width: 34em; font-family: var(--jd-text); font-size: 16px; line-height: 1.6; color: rgba(43, 24, 32, 0.756); }
body:not(.theme-dark) .jd-opt-actions { display: flex; flex-wrap: wrap; gap: 12px; }
body:not(.theme-dark) .jd-opt-actions .jd-btn { flex: 0 0 auto; padding: 0 28px; }
body:not(.theme-dark) .jd-opt-block { margin-top: 56px; }
body:not(.theme-dark) .jd-opt-h3 { margin: 0 0 24px !important; font-family: var(--jd-display) !important; font-size: clamp(26px, 2.4vw, 36px) !important; font-weight: 400 !important; line-height: 1.1 !important; color: #2b1820 !important; }
body:not(.theme-dark) .jd-opt-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body:not(.theme-dark) .jd-opt-card { display: flex; flex-direction: column; gap: 10px; padding: 26px 22px 24px; border: 1px solid rgba(43, 24, 32, 0.135); border-radius: 24px; background: linear-gradient(165deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.01)); transition: transform .3s ease, border-color .3s ease; }
body:not(.theme-dark) .jd-opt-card:hover { transform: translateY(-4px); border-color: rgba(194, 42, 85, 0.4); }
body:not(.theme-dark) .jd-opt-card b { font-family: var(--jd-display); font-size: 20px; font-weight: 400; line-height: 1.2; color: #2b1820; }
body:not(.theme-dark) .jd-opt-card span { font-family: var(--jd-text); font-size: 14px; line-height: 1.5; color: rgba(43, 24, 32, 0.693); }
body:not(.theme-dark) .jd-opt-ic { display: block; width: 52px; height: 52px; margin-bottom: 6px; border-radius: 50%; background: rgba(218, 59, 100, 0.096); box-shadow: inset 0 0 0 1px rgba(255, 157, 186, .28); position: relative; }
body:not(.theme-dark) .jd-opt-ic::before { content: ""; position: absolute; inset: 14px; background: #ffb3c8; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
body:not(.theme-dark) .jd-opt-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body:not(.theme-dark) .jd-opt-chips li { margin: 0 !important; padding: 12px 20px !important; border: 1px solid rgba(43, 24, 32, 0.208); border-radius: 999px; font-family: var(--jd-text); font-size: 15px; color: #2b1820; }
body:not(.theme-dark) .jd-opt-chips li::before { display: none !important; }
body:not(.theme-dark) .jd-opt-steps { counter-reset: jdopt; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body:not(.theme-dark) .jd-opt-steps li { counter-increment: jdopt; position: relative; margin: 0 !important; padding: 62px 22px 24px !important; border-radius: 24px; background: rgba(43, 24, 32, 0.026); }
body:not(.theme-dark) .jd-opt-steps li::before { content: counter(jdopt, decimal-leading-zero) !important; display: block !important; position: absolute; left: 22px; top: 20px; width: auto; height: auto; background: none; font-family: var(--jd-display); font-size: 30px; line-height: 1; color: #c22a55; }
body:not(.theme-dark) .jd-opt-steps b { display: block; margin-bottom: 8px; font-family: var(--jd-display); font-size: 20px; font-weight: 400; color: #2b1820; }
body:not(.theme-dark) .jd-opt-steps span { font-family: var(--jd-text); font-size: 14px; line-height: 1.5; color: rgba(43, 24, 32, 0.693); }
body:not(.theme-dark) .jd-opt-formwrap { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; padding: 40px; border: 1px solid rgba(43, 24, 32, 0.135); border-radius: 30px; background: linear-gradient(165deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.01)); scroll-margin-top: 110px; }
body:not(.theme-dark) .jd-opt-formtext p { margin: 0; font-family: var(--jd-text); font-size: 15px; line-height: 1.6; color: rgba(43, 24, 32, 0.735); }
body:not(.theme-dark) .jd-opt-formtext a { color: #c22a55; white-space: nowrap; }
body:not(.theme-dark) .jd-opt-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body:not(.theme-dark) .jd-opt-form label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-family: var(--jd-text); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(43, 24, 32, 0.63); }
body:not(.theme-dark) .jd-opt-form .jd-opt-wide { grid-column: 1 / -1; }
body:not(.theme-dark) .jd-opt-form input,
body:not(.theme-dark) .jd-opt-form select,
body:not(.theme-dark) .jd-opt-form textarea { width: 100%; height: 52px; padding: 0 18px; border: 1px solid rgba(43, 24, 32, 0.208); border-radius: 16px; background: rgba(43, 24, 32, 0.026); font-family: var(--jd-text); font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #2b1820; outline: none; box-shadow: none; transition: border-color .2s ease, background .2s ease; }
body:not(.theme-dark) .jd-opt-form textarea { height: auto; min-height: 120px; padding: 14px 18px; resize: vertical; line-height: 1.5; }
body:not(.theme-dark) .jd-opt-form select option { color: #2b1820; }
body:not(.theme-dark) .jd-opt-form input::placeholder,
body:not(.theme-dark) .jd-opt-form textarea::placeholder { color: rgba(43, 24, 32, 0.399); }
body:not(.theme-dark) .jd-opt-form input:focus,
body:not(.theme-dark) .jd-opt-form select:focus,
body:not(.theme-dark) .jd-opt-form textarea:focus { border-color: #c22a55; background: rgba(43, 24, 32, 0.046); }
body:not(.theme-dark) .jd-opt-form .jd-opt-bad { border-color: #ff6f98 !important; }
body:not(.theme-dark) .jd-opt-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
body:not(.theme-dark) .jd-opt-submit .jd-btn { flex: 0 0 auto; padding: 0 34px; border: 0; cursor: pointer; }
body:not(.theme-dark) .jd-opt-note { font-family: var(--jd-text); font-size: 13px; color: rgba(43, 24, 32, 0.578); }
@media (max-width: 991px) {
body:not(.theme-dark) .jd-opt-hero { grid-template-columns: 1fr; min-height: 0; border-radius: 24px; }
body:not(.theme-dark) .jd-opt-hero__photo { order: -1; height: 52vw; -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%); }
body:not(.theme-dark) .jd-opt-hero__text { padding: 6px 20px 26px; }
body:not(.theme-dark) .jd-opt-lead { font-size: 15px; }
body:not(.theme-dark) .jd-opt-actions .jd-btn { flex: 1 1 100%; }
body:not(.theme-dark) .jd-opt-block { margin-top: 40px; }
body:not(.theme-dark) .jd-opt-cards,
body:not(.theme-dark) .jd-opt-steps { grid-template-columns: 1fr 1fr; gap: 10px; }
body:not(.theme-dark) .jd-opt-card { padding: 18px 14px; border-radius: 20px; }
body:not(.theme-dark) .jd-opt-card b,
body:not(.theme-dark) .jd-opt-steps b { font-size: 17px; }
body:not(.theme-dark) .jd-opt-steps li { padding: 54px 14px 18px !important; border-radius: 20px; }
body:not(.theme-dark) .jd-opt-steps li::before { left: 14px; top: 16px; }
body:not(.theme-dark) .jd-opt-formwrap { grid-template-columns: 1fr; gap: 20px; padding: 22px 16px; border-radius: 24px; }
body:not(.theme-dark) .jd-opt-form { grid-template-columns: 1fr; }
body:not(.theme-dark) .jd-opt-submit .jd-btn { flex: 1 1 100%; }
}
body:not(.theme-dark) .jd-opt-ic--shop { --i: url(/local/jarden/img/opt-shop.svg); }
body:not(.theme-dark) .jd-opt-ic--flor { --i: url(/local/jarden/img/opt-flor.svg); }
body:not(.theme-dark) .jd-opt-ic--event { --i: url(/local/jarden/img/opt-event.svg); }
body:not(.theme-dark) .jd-opt-ic--corp { --i: url(/local/jarden/img/opt-corp.svg); }
body:not(.theme-dark) .jd-side { display: none !important; }
body:not(.theme-dark) .jd-fab { position: fixed; z-index: 990; right: 24px; bottom: 24px; }
body:not(.theme-dark) .jd-fab__btn { position: relative; display: block; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; overflow: hidden; background: linear-gradient(145deg, #ea5c82, #c22a55); color: #fff; box-shadow: 0 14px 30px rgba(194, 42, 85, .45), 0 0 0 0 rgba(234, 92, 130, .5); animation: jd-fab-pulse 3.2s ease-out infinite; transition: transform .3s cubic-bezier(.2, .7, .2, 1), background .3s ease; }
body:not(.theme-dark) .jd-fab__btn:hover { transform: scale(1.07); }
body:not(.theme-dark) .jd-fab__btn:active { transform: scale(.94); }
body:not(.theme-dark) .jd-fab__btn > i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(18px) scale(.7); transition: opacity .4s ease, transform .45s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) .jd-fab__btn > i.on { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-fab__btn > i.off { opacity: 0; transform: translateY(-18px) scale(.7); }
body:not(.theme-dark) .jd-fab__btn > i.jd-fab__x { transform: rotate(-90deg) scale(.6); }
body:not(.theme-dark) .jd-fab.is-open .jd-fab__btn { background: #2f1b23; animation: none; box-shadow: 0 12px 28px rgba(0, 0, 0, .45); }
body:not(.theme-dark) .jd-fab.is-open .jd-fab__btn > i.jd-fab__ic { opacity: 0 !important; transform: scale(.5) !important; }
body:not(.theme-dark) .jd-fab.is-open .jd-fab__btn > i.jd-fab__x { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-fab__menu { position: absolute; right: 0; bottom: 78px; min-width: 250px; padding: 8px; border-radius: 22px; background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .4); opacity: 0; visibility: hidden; transform: translateY(14px) scale(.96); transform-origin: 100% 100%; transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .3s; }
body:not(.theme-dark) .jd-fab__menu::after { content: ""; position: absolute; right: 23px; bottom: -7px; width: 16px; height: 16px; background: #fff; border-radius: 3px; transform: rotate(45deg); }
body:not(.theme-dark) .jd-fab.is-open .jd-fab__menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
body:not(.theme-dark) .jd-fab__row { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; padding: 11px 16px 11px 12px; border-radius: 15px; text-decoration: none !important; transition: background .2s ease, transform .2s ease; }
body:not(.theme-dark) .jd-fab__row:hover { background: #fbeef2; transform: translateX(2px); }
body:not(.theme-dark) .jd-fab__row i { flex: 0 0 34px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; }
body:not(.theme-dark) .jd-fab__row span { font-family: var(--jd-text); font-size: 15.5px; font-weight: 500; color: #2b1820; white-space: nowrap; }
body:not(.theme-dark) .jd-fab__row--tg i { color: #27a7e7; }
body:not(.theme-dark) .jd-fab__row--vk i { color: #0077ff; }
body:not(.theme-dark) .jd-fab__row--mail i { color: #ff6b3d; }
body:not(.theme-dark) .jd-fab__row--call i { color: #2bb673; }
body:not(.theme-dark) #scrollToTop { right: 33px !important; bottom: 100px !important; }
body:not(.theme-dark):has(#mobilemenu.show) .jd-fab,
body:not(.theme-dark):has(.stories-popup) .jd-fab { display: none; }
@media (max-width: 991px) {
body:not(.theme-dark) .jd-fab { right: 14px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
body:not(.theme-dark) .jd-fab__btn { width: 54px; height: 54px; }
body:not(.theme-dark) .jd-fab__btn svg { width: 23px; height: 23px; }
body:not(.theme-dark) .jd-fab__menu { bottom: 68px; min-width: 240px; }
body:not(.theme-dark) .jd-fab__menu::after { right: 19px; }
body:not(.theme-dark) #scrollToTop { right: 19px !important; bottom: calc(142px + env(safe-area-inset-bottom, 0px)) !important; }
body:not(.theme-dark):has(.counter_wrapp.big.fixed) .jd-fab { bottom: calc(146px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .jd-fab__btn { animation: none; }
}
body:not(.theme-dark) .jd-fab__row--max i { color: #6a5cff; }
body:not(.theme-dark) .jd-tab [data-k="chat"] { display: none !important; }
body:not(.theme-dark) .jd-gift__pill { overflow: hidden; }
body:not(.theme-dark) .jd-gift__pill svg { animation: none; }
body:not(.theme-dark) .jd-gift__rot { display: grid; align-items: center; }
body:not(.theme-dark) .jd-gift__it { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; opacity: 0; transform: translateY(16px); transition: opacity .4s ease, transform .5s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) .jd-gift__it.on { opacity: 1; transform: none; }
body:not(.theme-dark) .jd-gift__it.off { opacity: 0; transform: translateY(-16px); }
body:not(.theme-dark) .jd-gift__it b { font-weight: 500; }
body:not(.theme-dark) .jd-gift__it.on svg { animation: jd-gift-shake 3.2s ease-in-out .3s 1; transform-origin: 50% 80%; }
body:not(.theme-dark) .drag-block .sections_wrapper .item .jd-mi-box > .jd-mi { box-shadow: 0 0 0 1px rgba(255, 157, 186, .45), 0 14px 30px rgba(90, 40, 55, 0.122); }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon { box-shadow: 0 0 0 1px rgba(255, 157, 186, .16), 0 18px 40px rgba(90, 40, 55, 0.122) !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon:hover { box-shadow: 0 0 0 1px rgba(255, 157, 186, .5), 0 26px 54px rgba(90, 40, 55, 0.158) !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon::after { color: #2b1820; background: rgba(43, 24, 32, 0.091); border: 1px solid rgba(43, 24, 32, 0.367); }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon .section { color: #c22a55 !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon .title a { color: #2b1820 !important; }
body:not(.theme-dark) .left_block a.tag,
body:not(.theme-dark) .left_block .tags a,
body:not(.theme-dark) .left_block .tags_block a { border: 1px solid rgba(194, 42, 85, 0.35) !important; background: rgba(43, 24, 32, 0.033) !important; }
body:not(.theme-dark) #jb { --jb-a: var(--jd-pink, #e8477a); --jb-line: rgba(255, 157, 186, .16); --jb-soft: rgba(255, 255, 255, .05); }
body:not(.theme-dark) #jb .jb-wrap { grid-template-columns: minmax(0, 1fr) 360px; gap: 44px; }
body:not(.theme-dark) #jb .jb-lead { max-width: 760px; margin: 0 0 40px; font-size: 17px; line-height: 1.6; opacity: 1; color: rgba(43, 24, 32, 0.714); }
body:not(.theme-dark) #jb .jb-step { margin: 0 0 56px; padding-top: 34px; border-top: 1px solid rgba(194, 42, 85, 0.14); }
body:not(.theme-dark) #jb .jb-step:first-child { padding-top: 0; border-top: 0; }
body:not(.theme-dark) #jb .jb-h { gap: 16px; margin: 0 0 8px; font-family: var(--jd-display); font-size: 34px; font-weight: 400; line-height: 1.1; color: #2b1820; }
body:not(.theme-dark) #jb .jb-n { width: 44px; height: 44px; font-family: var(--jd-display); font-size: 20px; font-weight: 400; color: #2b1820; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 8px 20px rgba(232, 71, 122, .4), inset 0 1px 0 rgba(255, 255, 255, .35); }
body:not(.theme-dark) #jb .jb-hint { margin: 0 0 26px 60px; font-size: 15px; opacity: 1; color: rgba(43, 24, 32, 0.578); }
body:not(.theme-dark) #jb .jb-sub { display: flex; align-items: center; gap: 16px; margin: 34px 0 18px; font-size: 12px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: #c22a55; }
body:not(.theme-dark) #jb .jb-sub::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(218, 59, 100, 0.28), rgba(218, 59, 100, 0)); }
body:not(.theme-dark) #jb .jb-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
body:not(.theme-dark) #jb .jb-card { position: relative; padding: 0 0 16px; gap: 0; border: 1px solid rgba(43, 24, 32, 0.124); border-radius: 22px; overflow: hidden; background: linear-gradient(180deg, rgba(43, 24, 32, 0.046), rgba(43, 24, 32, 0.016)); box-shadow: 0 14px 34px rgba(90, 40, 55, 0.098); transition: transform .4s cubic-bezier(.2, .7, .2, 1), border-color .3s ease, box-shadow .4s ease; }
body:not(.theme-dark) #jb .jb-card:hover { transform: translateY(-5px); border-color: rgba(194, 42, 85, 0.4); box-shadow: 0 22px 46px rgba(90, 40, 55, 0.14); }
body:not(.theme-dark) #jb .jb-card.jb-on { border-color: var(--jb-a); box-shadow: 0 0 0 1px var(--jb-a), 0 18px 44px rgba(232, 71, 122, .3); }
body:not(.theme-dark) #jb .jb-card::after { content: "✓"; position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2b1820; background: var(--jb-a); box-shadow: 0 6px 16px rgba(232, 71, 122, .5); opacity: 0; transform: scale(.4); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.6, .5, 1); pointer-events: none; }
body:not(.theme-dark) #jb .jb-card.jb-on::after { opacity: 1; transform: none; }
body:not(.theme-dark) #jb .jb-pic { aspect-ratio: 4 / 5; border-radius: 0; background: rgba(43, 24, 32, 0.026); }
body:not(.theme-dark) #jb .jb-pic img { transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) #jb .jb-card:hover .jb-pic img { transform: scale(1.07); }
body:not(.theme-dark) #jb .jb-name { margin: 16px 16px 0; min-height: 2.5em; font-family: var(--jd-display); font-size: 18px; font-weight: 400; line-height: 1.25; color: #2b1820; }
body:not(.theme-dark) #jb .jb-vname { margin: 8px 16px 0; font-size: 13px; opacity: 1; color: rgba(43, 24, 32, 0.525); }
body:not(.theme-dark) #jb .jb-variant { width: auto; height: 38px; margin: 10px 16px 0; padding: 0 36px 0 16px; border: 1px solid rgba(43, 24, 32, 0.208); border-radius: 999px; font-size: 13px; color: #2b1820; cursor: pointer; -webkit-appearance: none; appearance: none; background: rgba(43, 24, 32, 0.033) url("img/jb-chev.svg") right 14px center / 10px no-repeat; transition: border-color .25s ease; }
body:not(.theme-dark) #jb .jb-variant:hover,
body:not(.theme-dark) #jb .jb-variant:focus { border-color: rgba(194, 42, 85, 0.6); outline: 0; }
body:not(.theme-dark) #jb .jb-variant option { background: #2a161d; color: #2b1820; }
body:not(.theme-dark) #jb .jb-row { margin: 16px 16px 0; padding-top: 14px; border-top: 1px solid rgba(43, 24, 32, 0.124); margin-top: auto; }
body:not(.theme-dark) #jb .jb-name + .jb-row { margin-top: auto; }
body:not(.theme-dark) #jb .jb-price { font-family: var(--jd-display); font-size: 21px; font-weight: 400; color: #c22a55; }
body:not(.theme-dark) #jb .jb-qty { gap: 2px; padding: 3px; border: 1px solid rgba(43, 24, 32, 0.166); border-radius: 999px; overflow: visible; background: rgba(0, 0, 0, .18); }
body:not(.theme-dark) #jb .jb-qty button { width: 30px; height: 30px; border-radius: 50%; font-size: 17px; color: #2b1820; background: rgba(43, 24, 32, 0.052); transition: background .2s ease, transform .2s ease; }
body:not(.theme-dark) #jb .jb-qty button:hover { background: var(--jb-a); }
body:not(.theme-dark) #jb .jb-qty button:active { transform: scale(.88); }
body:not(.theme-dark) #jb .jb-input { width: 30px; height: 30px; font-size: 15px; font-weight: 500; color: #2b1820; }
body:not(.theme-dark) #jb .jb-note { min-height: 120px; padding: 18px 20px; border: 1px solid rgba(43, 24, 32, 0.166); border-radius: 20px; background: rgba(43, 24, 32, 0.026); font-size: 15px; color: #2b1820; transition: border-color .25s ease, background .25s ease; }
body:not(.theme-dark) #jb .jb-note:focus { border-color: rgba(194, 42, 85, 0.6); background: rgba(43, 24, 32, 0.039); outline: 0; }
body:not(.theme-dark) #jb .jb-sum { top: 110px; padding: 28px; border: 1px solid rgba(194, 42, 85, 0.22); border-radius: 26px; background: linear-gradient(180deg, rgba(43, 24, 32, 0.052), rgba(43, 24, 32, 0.019)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 24px 60px rgba(90, 40, 55, 0.14); }
body:not(.theme-dark) #jb .jb-sum h2 { margin: 0 0 16px; font-family: var(--jd-display); font-size: 28px; font-weight: 400; color: #2b1820; }
body:not(.theme-dark) #jb .jb-empty { margin: 0 0 20px; padding: 18px; border: 1px dashed rgba(194, 42, 85, 0.3); border-radius: 16px; font-size: 14px; text-align: center; opacity: 1; color: rgba(43, 24, 32, 0.578); }
body:not(.theme-dark) #jb .jb-lines { margin: 0 0 18px; }
body:not(.theme-dark) #jb .jb-lines li { padding: 11px 0; border-bottom: 1px solid rgba(43, 24, 32, 0.124); font-size: 14px; color: #2b1820; }
body:not(.theme-dark) #jb .jb-lq { opacity: 1; color: rgba(43, 24, 32, 0.525); }
body:not(.theme-dark) #jb .jb-lp { color: #c22a55; }
body:not(.theme-dark) #jb .jb-rm { width: 22px; height: 22px; border-radius: 50%; opacity: .6; background: rgba(43, 24, 32, 0.052); font-size: 14px; color: #2b1820; transition: background .2s ease, opacity .2s ease; }
body:not(.theme-dark) #jb .jb-rm:hover { background: var(--jb-a); }
body:not(.theme-dark) #jb .jb-total { align-items: center; margin: 0 0 6px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: rgba(43, 24, 32, 0.63); }
body:not(.theme-dark) #jb .jb-total b { font-family: var(--jd-display); font-size: 34px; font-weight: 400; letter-spacing: 0; color: #2b1820; }
body:not(.theme-dark) #jb .jb-small { margin: 0 0 20px; font-size: 12px; line-height: 1.5; opacity: 1; color: rgba(43, 24, 32, 0.473); }
body:not(.theme-dark) #jb .jb-btn { height: 56px; border-radius: 999px; font-size: 16px; font-weight: 500; color: #2b1820; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35); transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s ease, filter .3s ease; }
body:not(.theme-dark) #jb .jb-btn:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.07); box-shadow: 0 20px 40px rgba(232, 71, 122, .55), inset 0 1px 0 rgba(255, 255, 255, .35); }
body:not(.theme-dark) #jb .jb-btn:disabled { opacity: 1; color: rgba(43, 24, 32, 0.42); background: rgba(43, 24, 32, 0.052); box-shadow: none; }
body:not(.theme-dark) #jb .jb-msg { font-size: 13px; color: rgba(43, 24, 32, 0.735); }
body:not(.theme-dark) #jb .jb-msg.jb-err { color: #ff8fa3; }
@media (max-width: 991px) {
body:not(.theme-dark) #jb { padding-bottom: 150px; }
body:not(.theme-dark) #jb .jb-wrap { grid-template-columns: minmax(0, 1fr); gap: 8px; }
body:not(.theme-dark) #jb .jb-h { font-size: 26px; }
body:not(.theme-dark) #jb .jb-n { width: 38px; height: 38px; font-size: 17px; }
body:not(.theme-dark) #jb .jb-hint { margin-left: 0; }
body:not(.theme-dark) #jb .jb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body:not(.theme-dark) #jb .jb-name { margin: 12px 12px 0; font-size: 16px; }
body:not(.theme-dark) #jb .jb-variant { margin: 8px 12px 0; }
body:not(.theme-dark) #jb .jb-row { flex-direction: column; align-items: stretch; gap: 10px; margin-left: 12px; margin-right: 12px; }
body:not(.theme-dark) #jb .jb-qty { justify-content: space-between; }
body:not(.theme-dark) #jb .jb-sum { position: static; padding: 22px; }
body:not(.theme-dark) #jb .jb-bar { bottom: 70px; left: 10px; right: 10px; padding: 10px 10px 10px 20px; border: 1px solid rgba(194, 42, 85, 0.25); border-radius: 999px; background: rgba(36, 18, 25, .88) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 14px 34px rgba(90, 40, 55, 0.175); }
body:not(.theme-dark) #jb .jb-bar-t b { font-family: var(--jd-display); font-size: 22px; font-weight: 400; color: #2b1820; }
body:not(.theme-dark) #jb .jb-bar .jb-btn { height: 48px; }
}
body:not(.theme-dark) .auth_frame.jqmWindow { width: 460px !important; max-width: calc(100vw - 24px) !important; margin-left: -230px; padding: 0 !important; border: 1px solid rgba(194, 42, 85, 0.22) !important; border-radius: 30px !important; overflow: hidden; background: linear-gradient(180deg, #33192240 0%, #24121900 60%), #2a151d !important; box-shadow: 0 40px 100px rgba(90, 40, 55, 0.21) !important; }
@media (max-width: 500px) {
body:not(.theme-dark) .auth_frame.jqmWindow { margin-left: 0; left: 12px !important; }
}
body:not(.theme-dark) .auth_frame.jqmWindow::before { content: ""; display: block; height: 150px; background: linear-gradient(180deg, rgba(42, 21, 29, 0) 30%, #2a151d 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body:not(.theme-dark) .auth_frame .close.jqmClose { top: 16px !important; right: 16px !important; width: 40px; height: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; opacity: 1 !important; background: rgba(20, 8, 13, .5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .25s ease, transform .35s ease; }
body:not(.theme-dark) .auth_frame .close.jqmClose:hover { background: var(--jd-pink, #e8477a); transform: rotate(90deg); }
body:not(.theme-dark) .auth_frame .close.jqmClose svg path { fill: #2b1820 !important; }
body:not(.theme-dark) .auth_frame #wrap_ajax_auth { padding: 0 40px 36px !important; margin-top: -34px; position: relative; background: none !important; }
body:not(.theme-dark) .auth_frame .form_head { padding: 0 !important; margin: 0 0 26px !important; border: 0 !important; background: none !important; text-align: center; }
body:not(.theme-dark) .auth_frame .form_head::before { content: "JARDEN"; display: block; margin-bottom: 8px; font-size: 11px; letter-spacing: .42em; color: #c22a55; }
body:not(.theme-dark) .auth_frame .form_head h2 { margin: 0 !important; font-family: var(--jd-display) !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1.1 !important; color: #2b1820 !important; }
body:not(.theme-dark) .auth_frame .form,
body:not(.theme-dark) .auth_frame .form_body,
body:not(.theme-dark) .auth_frame .form_footer,
body:not(.theme-dark) .auth_frame .auth_wrapp,
body:not(.theme-dark) .auth_frame .wrap_md1 { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; width: auto !important; float: none !important; }
body:not(.theme-dark) .auth_frame .form-control { height: auto !important; padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: none !important; box-shadow: none !important; position: relative; }
body:not(.theme-dark) .auth_frame .form-control label { display: block; margin: 0 0 8px 20px !important; font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) .auth_frame .form-control label .required-star,
body:not(.theme-dark) .auth_frame .required-fields-note { display: none !important; }
body:not(.theme-dark) .auth_frame .form-control input[type="text"],
body:not(.theme-dark) .auth_frame .form-control input[type="password"] { width: 100% !important; height: 56px !important; padding: 0 22px !important; border: 1px solid rgba(43, 24, 32, 0.187) !important; border-radius: 999px !important; background: rgba(43, 24, 32, 0.033) !important; font-family: inherit !important; font-size: 16px !important; color: #2b1820 !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body:not(.theme-dark) .auth_frame .form-control input:focus { border-color: rgba(194, 42, 85, 0.7) !important; background: rgba(43, 24, 32, 0.052) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .16) !important; outline: 0; }
body:not(.theme-dark) .auth_frame .form-control input:-webkit-autofill,
body:not(.theme-dark) .auth_frame .form-control input:-webkit-autofill:focus { -webkit-text-fill-color: #2b1820 !important; -webkit-box-shadow: 0 0 0 100px #3a202a inset !important; caret-color: #2b1820; transition: background-color 9999s; }
body:not(.theme-dark) .auth_frame .eye-password input { padding-right: 58px !important; }
body:not(.theme-dark) .auth_frame .eye-password .eye-password-ignore,
body:not(.theme-dark) .auth_frame .eye-password [class*="eye"]:not(.eye-password):not(input) { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important; background-color: rgba(43, 24, 32, 0.052) !important; }
body:not(.theme-dark) .auth_frame .filter.block { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 4px 26px !important; padding: 0 !important; }
body:not(.theme-dark) .auth_frame .filter.block .prompt { margin: 0 !important; float: none !important; }
body:not(.theme-dark) .auth_frame .filter.block label { font-size: 14px !important; color: rgba(43, 24, 32, 0.735) !important; }
body:not(.theme-dark) .auth_frame a.forgot { float: none !important; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #c22a55 !important; border-bottom: 1px solid rgba(194, 42, 85, 0.35); }
body:not(.theme-dark) .auth_frame a.forgot:hover { color: #2b1820 !important; }
body:not(.theme-dark) .auth_frame .buttons { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.theme-dark) .auth_frame .buttons .line-block__item.width100 { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; }
body:not(.theme-dark) .auth_frame .buttons button[type="submit"] { width: 100% !important; height: 58px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 500 !important; color: #2b1820 !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35) !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
body:not(.theme-dark) .auth_frame .buttons button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.07); }
body:not(.theme-dark) .auth_frame .buttons a.register { float: none !important; width: 100% !important; height: auto !important; padding: 6px 0 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: center; font-size: 14px !important; font-weight: 400 !important; color: rgba(43, 24, 32, 0.63) !important; }
body:not(.theme-dark) .auth_frame .buttons a.register::before { content: "Впервые у нас? "; }
body:not(.theme-dark) .auth_frame .buttons a.register::after { content: " →"; color: #c22a55; }
body:not(.theme-dark) .auth_frame .buttons a.register:hover { color: #2b1820 !important; }
body:not(.theme-dark) .auth_frame.jqmWindow { left: 50% !important; margin-left: -230px !important; }
@media (max-width: 500px) {
body:not(.theme-dark) .auth_frame.jqmWindow { left: 12px !important; margin-left: 0 !important; width: calc(100vw - 24px) !important; }
body:not(.theme-dark) .auth_frame #wrap_ajax_auth { padding: 0 22px 28px !important; }
}
body:not(.theme-dark) .auth_frame .eye-password::after { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(43, 24, 32, 0.058) !important; background-position: center !important; background-repeat: no-repeat !important; }
body:not(.theme-dark) .auth_frame .buttons .line-block--24-vertical { gap: 0 !important; }
body:not(.theme-dark) .auth_frame .buttons .line-block__item:first-child { display: none !important; }
body:not(.theme-dark) .form.sending::before,
body:not(.theme-dark) .form.sending::after { background-color: transparent !important; border-radius: 22px; }
body:not(.theme-dark) .form.sending::before { background-color: rgba(42, 21, 29, .55) !important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body:not(.theme-dark) .form.sending > *,
body:not(.theme-dark) .form.sending { border-radius: 22px; }
body:not(.theme-dark) .auth_frame .buttons button.loadings { opacity: .75; pointer-events: none; }
body:not(.theme-dark) .jd-fab__row--ig i { color: #e1306c; }
body:not(.theme-dark) .jd-fab__row--bot i { color: #27a7e7; }
body:not(.theme-dark) .jd-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; position: relative; z-index: 13; pointer-events: auto; }
body:not(.theme-dark) .jd-hero-chips:empty { display: none; }
body:not(.theme-dark) .jd-hero-chip { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; background: rgba(20, 8, 13, .35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 13px; color: #fff !important; text-decoration: none !important; white-space: nowrap; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
body:not(.theme-dark) .jd-hero-chip::after { content: "→"; margin-left: 8px; opacity: .6; transition: transform .25s ease, opacity .25s ease; }
body:not(.theme-dark) .jd-hero-chip:hover { background: var(--jd-pink, #e8477a); border-color: transparent; transform: translateY(-2px); }
body:not(.theme-dark) .jd-hero-chip:hover::after { opacity: 1; transform: translateX(3px); }
body:not(.theme-dark) .jd-hero-cta .jd-hero-chips { animation: jd-hero-up 1s cubic-bezier(.2, .8, .2, 1) .6s both; }
@media (max-width: 767px) {
body:not(.theme-dark) .jd-hero-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
body:not(.theme-dark) .jd-hero-chips::-webkit-scrollbar { display: none; }
body:not(.theme-dark) .jd-hero-chip { height: 30px; padding: 0 12px; font-size: 12px; }
}
body:not(.theme-dark) .jd-disc { max-width: 1344px; margin: 56px auto 24px; padding: 0 20px; text-align: center; }
body:not(.theme-dark) .jd-disc__eyebrow { margin: 0 0 8px; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: #c22a55; }
body:not(.theme-dark) .jd-disc__title { margin: 0 0 34px !important; font-family: var(--jd-display) !important; font-size: clamp(28px, 3vw, 40px) !important; font-weight: 400 !important; color: #2b1820 !important; }
body:not(.theme-dark) .jd-disc__row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
body:not(.theme-dark) .jd-disc__it { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 12px 20px; border: 1px solid rgba(43, 24, 32, 0.114); border-radius: 26px; background: linear-gradient(180deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.013)); text-decoration: none !important; transition: transform .4s cubic-bezier(.2, .7, .2, 1), border-color .3s ease, box-shadow .4s ease; }
body:not(.theme-dark) .jd-disc__it:hover { transform: translateY(-6px); border-color: rgba(194, 42, 85, 0.45); box-shadow: 0 20px 44px rgba(90, 40, 55, 0.14); }
body:not(.theme-dark) .jd-disc__ph { display: flex; align-items: center; justify-content: center; width: 116px; height: 116px; margin-bottom: 10px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, rgba(218, 59, 100, 0.224), rgba(218, 59, 100, 0.04) 70%); box-shadow: 0 0 0 1px rgba(255, 157, 186, .25); }
body:not(.theme-dark) .jd-disc__ph img { max-width: 78%; max-height: 78%; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(90, 40, 55, 0.122)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) .jd-disc__it:hover .jd-disc__ph img { transform: scale(1.1) rotate(-3deg); }
body:not(.theme-dark) .jd-disc__it b { font-family: var(--jd-display); font-size: 18px; font-weight: 400; line-height: 1.2; color: #2b1820; }
body:not(.theme-dark) .jd-disc__it small { font-size: 12px; line-height: 1.4; color: rgba(43, 24, 32, 0.525); }
@media (max-width: 1100px) {
body:not(.theme-dark) .jd-disc__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
body:not(.theme-dark) .jd-disc { margin-top: 36px; padding: 0; }
body:not(.theme-dark) .jd-disc__title { padding: 0 16px; }
body:not(.theme-dark) .jd-disc__row { display: flex; overflow-x: auto; gap: 12px; padding: 4px 16px 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
body:not(.theme-dark) .jd-disc__row::-webkit-scrollbar { display: none; }
body:not(.theme-dark) .jd-disc__it { flex: 0 0 42%; scroll-snap-align: start; }
body:not(.theme-dark) .jd-disc__ph { width: 92px; height: 92px; }
}
body:not(.theme-dark) .jd-disc { width: 100%; max-width: 1344px; min-width: 0; box-sizing: border-box; align-self: center; overflow: hidden; }
body:not(.theme-dark) .jd-disc__row { max-width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 767px) {
body:not(.theme-dark) .jd-disc { max-width: 100vw; }
body:not(.theme-dark) .jd-disc__it { flex: 0 0 44vw; min-width: 0; }
}
@media (min-width: 992px) {
body:not(.theme-dark) .jd-hero-old { background: #24131a !important; }
body:not(.theme-dark) .jd-hero-old .jd-old-img { display: block; position: absolute; inset: 0; background: var(--jd-old) center / cover no-repeat; animation: jd-kb 26s ease-in-out infinite alternate; animation-play-state: paused; will-change: transform; }
body:not(.theme-dark).jd-hero-b .jd-hero-old .jd-old-img { animation-play-state: running; }
body:not(.theme-dark) .jd-hero-old .jd-old-fx { display: block; position: absolute; inset: 0; overflow: hidden; background: linear-gradient(90deg, rgba(22, 9, 14, .78) 0%, rgba(22, 9, 14, .35) 30%, rgba(22, 9, 14, 0) 55%),
      linear-gradient(0deg, rgba(36, 14, 22, .75) 0%, rgba(36, 14, 22, 0) 32%),
      radial-gradient(ellipse 80% 75% at 55% 45%, rgba(0, 0, 0, 0) 55%, rgba(14, 5, 9, .55) 100%); }
body:not(.theme-dark) .jd-hero-old .jd-old-fx::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 28%; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 230, 238, .22) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-18deg); mix-blend-mode: screen; animation: jd-sweep 9s ease-in-out infinite; animation-delay: 1.2s; animation-play-state: paused; }
body:not(.theme-dark).jd-hero-b .jd-hero-old .jd-old-fx::after { animation-play-state: running; }
body:not(.theme-dark) .jd-hero-old .jd-old-fx::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 78%, rgba(255, 214, 226, .55) 0 2px, transparent 3px),
      radial-gradient(circle at 26% 62%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 41% 85%, rgba(255, 235, 200, .45) 0 2px, transparent 3px),
      radial-gradient(circle at 58% 70%, rgba(255, 214, 226, .35) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 73% 88%, rgba(255, 235, 200, .5) 0 2.5px, transparent 3.5px),
      radial-gradient(circle at 86% 66%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 94% 82%, rgba(255, 214, 226, .45) 0 2px, transparent 3px),
      radial-gradient(circle at 33% 92%, rgba(255, 235, 200, .35) 0 1.5px, transparent 2.5px); filter: blur(.4px); animation: jd-specks 14s linear infinite; animation-play-state: paused; }
body:not(.theme-dark).jd-hero-b .jd-hero-old .jd-old-fx::before { animation-play-state: running; }
}
@media (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .jd-hero-old .jd-old-img,
body:not(.theme-dark) .jd-hero-old .jd-old-fx::after,
body:not(.theme-dark) .jd-hero-old .jd-old-fx::before { animation: none !important; }
}
body:not(.theme-dark) .jd-hero-fx { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; }
body:not(.theme-dark) .jd-hero-cat.on { animation: jd-kb-all 20s ease-in-out infinite alternate; }
body:not(.theme-dark) .jd-hero-fx { background: radial-gradient(ellipse 45% 55% at 88% 12%, rgba(255, 170, 195, .16), rgba(255, 170, 195, 0) 70%); }
body:not(.theme-dark) .jd-hero-fx::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 26%; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 228, 236, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-18deg); mix-blend-mode: screen; animation: jd-sweep 10s ease-in-out infinite 1.5s; }
body:not(.theme-dark) .jd-hero-fx::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 78%, rgba(255, 214, 226, .55) 0 2px, transparent 3px),
    radial-gradient(circle at 26% 62%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 41% 85%, rgba(255, 235, 200, .45) 0 2px, transparent 3px),
    radial-gradient(circle at 58% 70%, rgba(255, 214, 226, .35) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 73% 88%, rgba(255, 235, 200, .5) 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 86% 66%, rgba(255, 214, 226, .4) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 94% 82%, rgba(255, 214, 226, .45) 0 2px, transparent 3px),
    radial-gradient(circle at 33% 92%, rgba(255, 235, 200, .35) 0 1.5px, transparent 2.5px); filter: blur(.4px); animation: jd-specks 14s linear infinite; }
body:not(.theme-dark) .jd-hero-old .jd-old-fx::before,
body:not(.theme-dark) .jd-hero-old .jd-old-fx::after { display: none !important; }
body:not(.theme-dark) .jd-petal { position: absolute; top: -40px; width: 26px; height: 21px; border-radius: 80% 0 80% 0; background: linear-gradient(135deg, rgba(255, 232, 240, .98), rgba(246, 150, 185, .9)); box-shadow: inset -3px -3px 6px rgba(190, 50, 95, .3), 0 6px 14px rgba(0, 0, 0, .25); opacity: 0; filter: blur(.2px); animation: jd-fall 16s linear infinite; }
body:not(.theme-dark) .jd-petal--1 { left: 58%; animation-duration: 17s; animation-delay: 0s; }
body:not(.theme-dark) .jd-petal--2 { left: 70%; animation-duration: 21s; animation-delay: 3s; width: 20px; height: 16px; }
body:not(.theme-dark) .jd-petal--3 { left: 82%; animation-duration: 15s; animation-delay: 6s; }
body:not(.theme-dark) .jd-petal--4 { left: 92%; animation-duration: 19s; animation-delay: 1.5s; width: 32px; height: 26px; filter: blur(1.5px); }
body:not(.theme-dark) .jd-petal--5 { left: 48%; animation-duration: 23s; animation-delay: 8s; width: 18px; height: 15px; }
body:not(.theme-dark) .jd-petal--6 { left: 76%; animation-duration: 18s; animation-delay: 10s; }
body:not(.theme-dark) .jd-petal--7 { left: 64%; animation-duration: 20s; animation-delay: 12.5s; width: 24px; height: 20px; filter: blur(1px); }
body:not(.theme-dark) .jd-petal--8 { left: 38%; animation-duration: 22s; animation-delay: 5s; width: 16px; height: 13px; }
body:not(.theme-dark) .jd-petal--9 { left: 88%; animation-duration: 16s; animation-delay: 14s; width: 22px; height: 18px; }
body:not(.theme-dark) .jd-petal--2,
body:not(.theme-dark) .jd-petal--6 { background: linear-gradient(135deg, rgba(255, 245, 240, .95), rgba(250, 200, 210, .85)); }
@media (max-width: 991px) {
body:not(.theme-dark) .jd-petal--5,
body:not(.theme-dark) .jd-petal--7,
body:not(.theme-dark) .jd-petal--8,
body:not(.theme-dark) .jd-petal--9 { display: none; }
body:not(.theme-dark) .jd-petal { width: 16px; height: 13px; }
}
@media (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .jd-hero-fx,
body:not(.theme-dark) .jd-hero-cat.on { animation: none !important; }
body:not(.theme-dark) .jd-hero-fx::before,
body:not(.theme-dark) .jd-hero-fx::after,
body:not(.theme-dark) .jd-petal { display: none !important; }
}
body:not(.theme-dark) .jd-empty { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 520px; margin: 30px auto 60px !important; padding: 0 16px; }
body:not(.theme-dark) .jd-empty__ico { position: relative; width: 132px; height: 132px; margin-bottom: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffc3d4; background: radial-gradient(circle at 50% 40%, rgba(255, 150, 185, .32), rgba(232, 71, 122, .1) 60%, rgba(232, 71, 122, 0) 72%); box-shadow: 0 0 0 1px rgba(255, 157, 186, .3), 0 0 60px rgba(232, 71, 122, .35); animation: jd-empty-glow 4s ease-in-out infinite; }
body:not(.theme-dark) .jd-empty__ico::after { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(194, 42, 85, 0.18); animation: jd-empty-ring 4s ease-in-out infinite; }
body:not(.theme-dark) .jd-empty__ico svg { width: 66px; height: 66px; filter: drop-shadow(0 0 8px rgba(255, 150, 185, .5)); }
body:not(.theme-dark) .jd-empty__title { margin: 0 0 10px !important; font-family: var(--jd-display) !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1.15; color: #2b1820 !important; }
body:not(.theme-dark) .jd-empty__text { margin: 0 0 28px !important; font-size: 15px !important; line-height: 1.55; color: rgba(43, 24, 32, 0.651) !important; }
body:not(.theme-dark) .jd-empty__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
body:not(.theme-dark) .jd-empty__btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 30px; border-radius: 999px; border: 1px solid rgba(43, 24, 32, 0.315); font-size: 15px; font-weight: 500; color: #2b1820 !important; text-decoration: none !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), background .3s ease, box-shadow .3s ease; }
body:not(.theme-dark) .jd-empty__btn:hover { transform: translateY(-2px); background: rgba(43, 24, 32, 0.052); }
body:not(.theme-dark) .jd-empty__btn--fill { border: 0; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35); }
body:not(.theme-dark) .jd-empty__btn--fill:hover { background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%); box-shadow: 0 20px 40px rgba(232, 71, 122, .55); }
@media (max-width: 767px) {
body:not(.theme-dark) .jd-empty__title { font-size: 28px !important; }
body:not(.theme-dark) .jd-empty__btns { width: 100%; }
body:not(.theme-dark) .jd-empty__btn { flex: 1 1 0; padding: 0 16px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
body:not(.theme-dark) .jd-empty__ico,
body:not(.theme-dark) .jd-empty__ico::after { animation: none; }
}
body:not(.theme-dark) #bx-soa-pickup #pickUpMap { border-radius: 24px; overflow: hidden; border: 1px solid rgba(194, 42, 85, 0.22); box-shadow: 0 24px 60px rgba(90, 40, 55, 0.158); margin-bottom: 26px; }
body:not(.theme-dark) #pickUpMap [class*="ground-pane"] { filter: invert(.92) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.55) sepia(.25) hue-rotate(-30deg); }
body:not(.theme-dark) #pickUpMap [class*="places-pane"] { filter: hue-rotate(140deg) saturate(1.6) brightness(1.05) drop-shadow(0 4px 8px rgba(90, 40, 55, 0.158)); }
body:not(.theme-dark) #pickUpMap [class*="controls__control"] [class*="button"],
body:not(.theme-dark) #pickUpMap [class*="zoom__button"],
body:not(.theme-dark) #pickUpMap [class*="float-button"] { border-radius: 12px !important; }
body:not(.theme-dark) #pickUpMap [class*="copyrights-pane"] { opacity: .55; }
body:not(.theme-dark) .bx-soa-pickup-subTitle { margin: 0 0 14px !important; font-family: var(--jd-display) !important; font-size: 24px !important; font-weight: 400 !important; color: #2b1820 !important; }
body:not(.theme-dark) .bx-soa-pickup-list { display: flex; flex-direction: column; gap: 10px; border: 0 !important; background: none !important; }
body:not(.theme-dark) .bx-soa-pickup-list-item { position: relative; display: flex !important; align-items: center; gap: 14px; padding: 16px 18px 16px 54px !important; margin: 0 !important; border: 1px solid rgba(43, 24, 32, 0.124) !important; border-radius: 18px; background: linear-gradient(180deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.013)) !important; transition: border-color .25s ease, background .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1); }
body:not(.theme-dark) .bx-soa-pickup-list-item::before { content: ""; position: absolute; left: 18px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(135deg, #f0628f, #c22a55); box-shadow: 0 4px 12px rgba(232, 71, 122, .45); }
body:not(.theme-dark) .bx-soa-pickup-list-item::after { content: ""; position: absolute; left: 25px; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-radius: 50%; background: #2a151d; }
body:not(.theme-dark) .bx-soa-pickup-list-item:hover { border-color: rgba(194, 42, 85, 0.4) !important; transform: translateX(3px); }
body:not(.theme-dark) .bx-soa-pickup-list-item.bx-selected,
body:not(.theme-dark) .bx-soa-pickup-list-item[class*="selected"] { border-color: var(--jd-pink, #e8477a) !important; background: rgba(232, 71, 122, .12) !important; box-shadow: 0 0 0 1px var(--jd-pink, #e8477a); }
body:not(.theme-dark) .bx-soa-pickup-l-item-adress { flex: 1; font-size: 15px !important; font-weight: 500; color: #2b1820 !important; }
body:not(.theme-dark) .bx-soa-pickup-l-item-detail { color: rgba(43, 24, 32, 0.63) !important; font-size: 13px; }
body:not(.theme-dark) .bx-soa-pickup-l-item-name { color: #2b1820 !important; font-weight: 500; }
body:not(.theme-dark) .bx-soa-pickup-l-item-btn { flex: none; }
body:not(.theme-dark) .bx-soa-pickup-l-item-btn .btn { height: 38px; padding: 0 20px !important; border-radius: 999px !important; border: 1px solid rgba(194, 42, 85, 0.45) !important; background: rgba(43, 24, 32, 0.026) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #2b1820 !important; line-height: 36px; transition: background .25s ease, border-color .25s ease; }
body:not(.theme-dark) .bx-soa-pickup-l-item-btn .btn:hover,
body:not(.theme-dark) .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn { background: linear-gradient(135deg, #f0628f, #c22a55) !important; border-color: transparent !important; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container ul { display: flex; justify-content: center; gap: 8px; margin: 18px 0 0; padding: 0; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li { list-style: none; margin: 0; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > a,
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(43, 24, 32, 0.187); background: rgba(43, 24, 32, 0.026) !important; color: #2b1820 !important; font-size: 13px; text-decoration: none !important; box-shadow: none !important; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > a span,
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > span span { background: none !important; color: inherit !important; border: 0 !important; padding: 0 !important; min-width: 0 !important; height: auto !important; line-height: 1 !important; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li.bx-active > a { background: linear-gradient(135deg, #f0628f, #c22a55) !important; border-color: transparent; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li.bx-pag-prev > span { opacity: .4; }
body:not(.theme-dark) .bx-soa-cart-total { padding: 26px !important; border: 1px solid rgba(194, 42, 85, 0.22) !important; border-radius: 26px !important; background: linear-gradient(180deg, rgba(43, 24, 32, 0.052), rgba(43, 24, 32, 0.019)) !important; box-shadow: 0 24px 60px rgba(90, 40, 55, 0.14) !important; overflow: hidden; }
body:not(.theme-dark) .bx-soa-cart-total-line { padding: 10px 0 !important; border-color: rgba(43, 24, 32, 0.124) !important; }
body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-cart-t { color: rgba(43, 24, 32, 0.63) !important; font-size: 14px !important; }
body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-cart-d { color: #2b1820 !important; font-size: 15px !important; font-weight: 500; }
body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-price-free { color: #7fe0a8 !important; }
body:not(.theme-dark) .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 13px !important; letter-spacing: .14em; text-transform: uppercase; }
body:not(.theme-dark) .bx-soa-cart-total-line-total .bx-soa-cart-d { font-family: var(--jd-display); font-size: 32px !important; font-weight: 400 !important; }
body:not(.theme-dark) .bx-soa-cart-total-button-container { padding: 16px 0 0 !important; margin: 0 !important; background: none !important; }
body:not(.theme-dark) .bx-soa-cart-total-button-container .btn-order-save { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 56px; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35); font-size: 16px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #2b1820 !important; }
body:not(.theme-dark) .bx-soa-cart-total-button-container .btn-order-save[aria-disabled="true"] { opacity: 1 !important; background: rgba(43, 24, 32, 0.052) !important; box-shadow: none; color: rgba(43, 24, 32, 0.473) !important; }
body:not(.theme-dark) .bx-soa-cart-total .bx-soa-cart-total-line-total { margin: 6px 0 0 !important; padding: 16px 0 6px !important; background: none !important; border-top: 1px solid rgba(43, 24, 32, 0.145) !important; display: flex; justify-content: space-between; align-items: baseline; }
body:not(.theme-dark) .bx-soa-pickup-l-item-adress { padding-left: 0 !important; }
body:not(.theme-dark) .bx-soa-pickup-l-item-adress::before { display: none !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section { margin-bottom: 22px !important; padding: 26px 28px !important; border: 1px solid rgba(194, 42, 85, 0.16) !important; border-radius: 26px !important; background: linear-gradient(180deg, rgba(43, 24, 32, 0.039), rgba(43, 24, 32, 0.013)) !important; box-shadow: 0 18px 44px rgba(90, 40, 55, 0.098) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section-title-container { padding: 0 0 18px !important; margin: 0 0 18px !important; border-bottom: 1px solid rgba(43, 24, 32, 0.114) !important; background: none !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section-title { font-family: var(--jd-display) !important; font-size: 26px !important; font-weight: 400 !important; color: #2b1820 !important; text-transform: none !important; letter-spacing: 0 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section-content { padding: 0 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-editstep,
body:not(.theme-dark) #bx-soa-order-form .change_link { color: #c22a55 !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; border-bottom: 1px solid rgba(194, 42, 85, 0.35); text-decoration: none !important; }
body:not(.theme-dark) #bx-soa-region .bx-soa-section-content * { color: #2b1820; }
body:not(.theme-dark) #bx-soa-region .bx-ui-sls-fake,
body:not(.theme-dark) #bx-soa-region .dropdown-block { border-radius: 999px !important; border-color: rgba(43, 24, 32, 0.187) !important; background: rgba(43, 24, 32, 0.033) !important; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item,
body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item { position: relative; float: none !important; width: 100% !important; margin: 0 0 10px !important; padding: 16px 18px 16px 56px !important; min-height: 0 !important; border: 1px solid rgba(43, 24, 32, 0.135) !important; border-radius: 18px !important; background: rgba(43, 24, 32, 0.019) !important; cursor: pointer; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item:hover,
body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item:hover { border-color: rgba(194, 42, 85, 0.35) !important; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item.bx-selected,
body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item.bx-selected { border-color: var(--jd-pink, #e8477a) !important; background: rgba(232, 71, 122, .1) !important; box-shadow: 0 0 0 1px var(--jd-pink, #e8477a), 0 10px 26px rgba(232, 71, 122, .18); }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container { position: absolute !important; left: 18px; top: 17px; width: 22px; height: 22px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container::before { content: "" !important; position: absolute; left: 0; top: 0; width: 22px !important; height: 22px !important; margin: 0 !important; border-radius: 50% !important; border: 2px solid rgba(43, 24, 32, 0.334) !important; background: transparent !important; box-sizing: border-box; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container::after { display: none !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item.bx-selected .bx-soa-pp-company-graf-container::before { border-color: var(--jd-pink, #e8477a) !important; background: var(--jd-pink, #e8477a) !important; box-shadow: inset 0 0 0 4px #2a151d, 0 0 12px rgba(232, 71, 122, .6); }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-smalltitle { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #2b1820 !important; text-align: left !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-delivery-cost { margin-top: 8px !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-delivery-cost .bx-soa-pp-list-termin { display: none !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-list-description { display: inline-block; padding: 3px 12px !important; border-radius: 999px; background: rgba(218, 59, 100, 0.112) !important; color: #ffc3d4 !important; font-size: 12px !important; font-weight: 500; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-description,
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-desc { margin-top: 6px !important; color: rgba(43, 24, 32, 0.578) !important; font-size: 13px !important; line-height: 1.5; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-custom-label,
body:not(.theme-dark) #bx-soa-order-form .bx-soa-coupon-label label { display: block; margin: 0 0 8px 6px !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-authform-starrequired { color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-customer-field { margin-bottom: 18px !important; }
body:not(.theme-dark) #bx-soa-order-form input.form-control,
body:not(.theme-dark) #bx-soa-order-form textarea.form-control,
body:not(.theme-dark) #bx-soa-order-form select.form-control { height: 52px; padding: 0 18px !important; border: 1px solid rgba(43, 24, 32, 0.166) !important; border-radius: 16px !important; background: rgba(43, 24, 32, 0.029) !important; color: #2b1820 !important; font-size: 15px !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body:not(.theme-dark) #bx-soa-order-form textarea.form-control { height: auto; min-height: 110px; padding: 14px 18px !important; border-radius: 18px !important; }
body:not(.theme-dark) #bx-soa-order-form input.form-control:focus,
body:not(.theme-dark) #bx-soa-order-form textarea.form-control:focus { border-color: rgba(194, 42, 85, 0.7) !important; background: rgba(43, 24, 32, 0.046) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .15) !important; outline: 0; }
body:not(.theme-dark) #bx-soa-order-form input.form-control::placeholder,
body:not(.theme-dark) #bx-soa-order-form textarea.form-control::placeholder { color: rgba(43, 24, 32, 0.367) !important; }
body:not(.theme-dark) #bx-soa-order-form .has-error input.form-control,
body:not(.theme-dark) #bx-soa-order-form .has-error textarea.form-control { border-color: #ff6b8a !important; box-shadow: 0 0 0 4px rgba(255, 90, 120, .14) !important; }
body:not(.theme-dark) #bx-soa-order-form .soa-property-container.input-group { position: relative; display: block !important; }
body:not(.theme-dark) #bx-soa-order-form .soa-property-container.input-group input.form-control { width: 100% !important; padding-right: 58px !important; border-radius: 16px !important; }
body:not(.theme-dark) #bx-soa-order-form .soa-property-container.input-group .input-group-addon { position: absolute; right: 7px; top: 7px; width: 38px; height: 38px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 12px !important; background: rgba(218, 59, 100, 0.128) !important; cursor: pointer; z-index: 2; }
body:not(.theme-dark) #bx-soa-order-form .input-group-addon .bx-calendar { filter: invert(1) sepia(1) hue-rotate(300deg) saturate(3) brightness(1.1); }
body:not(.theme-dark) #bx-soa-order-form .iti__selected-flag,
body:not(.theme-dark) #bx-soa-order-form [class*="flag-container"] { border-radius: 16px 0 0 16px; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-table { border-collapse: separate !important; border-spacing: 0 8px !important; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-td-title { font-size: 11.5px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(43, 24, 32, 0.473) !important; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td { background: rgba(43, 24, 32, 0.026) !important; border: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle !important; color: #2b1820; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:first-child { border-radius: 18px 0 0 18px; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:last-child { border-radius: 0 18px 18px 0; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-imgcontainer { width: 64px !important; height: 64px !important; border-radius: 14px !important; background-size: cover !important; background-position: center !important; box-shadow: 0 0 0 1px rgba(255, 157, 186, .25); }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-title,
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-title a { font-family: var(--jd-display); font-size: 17px !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-td-text,
body:not(.theme-dark) #bx-soa-basket .bx-price { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-coupon { padding-top: 6px; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-coupon-input input.form-control { border-radius: 999px !important; }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap { margin: 10px 0 20px; padding: 18px 22px; border-radius: 20px; background: rgba(43, 24, 32, 0.019); border: 1px solid rgba(43, 24, 32, 0.114); }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap label { color: rgba(43, 24, 32, 0.788) !important; font-size: 13.5px !important; }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap a { color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-orderSave { text-align: center; }
body:not(.theme-dark) #bx-soa-orderSave .btn { float: none !important; display: inline-flex !important; align-items: center; justify-content: center; min-width: 320px; height: 58px; padding: 0 40px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 16px 34px rgba(232, 71, 122, .45), inset 0 1px 0 rgba(255, 255, 255, .35) !important; font-size: 16px !important; font-weight: 500 !important; letter-spacing: .02em; text-transform: none !important; color: #2b1820 !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
body:not(.theme-dark) #bx-soa-orderSave .btn:hover { transform: translateY(-2px); filter: brightness(1.07); }
body:not(.theme-dark) #bx-soa-orderSave .btn[aria-disabled="true"],
body:not(.theme-dark) #bx-soa-orderSave .btn[style*="opacity"] { opacity: 1 !important; background: rgba(43, 24, 32, 0.052) !important; box-shadow: none !important; color: rgba(43, 24, 32, 0.473) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-reference,
body:not(.theme-dark) #bx-soa-order-form .required-fields-note { color: rgba(43, 24, 32, 0.473) !important; font-size: 12px !important; }
body:not(.theme-dark) #bx-soa-order-form .alert-danger { border: 1px solid rgba(255, 107, 138, .4) !important; border-radius: 16px !important; background: rgba(255, 90, 120, .1) !important; color: #ffc3d0 !important; }
body:not(.theme-dark) #bx-soa-pickup #pickUpMap::after { content: ""; position: absolute; inset: 0; z-index: 1000; pointer-events: none; border-radius: 24px; box-shadow: inset 0 0 60px rgba(20, 8, 13, .65), inset 0 0 0 1px rgba(255, 157, 186, .18); }
body:not(.theme-dark) #bx-soa-pickup #pickUpMap::before { content: "Магазины Jarden · выберите ближайший"; position: absolute; left: 50%; top: 16px; transform: translateX(-50%); z-index: 1001; pointer-events: none; white-space: nowrap; padding: 9px 18px; border-radius: 999px; background: rgba(24, 10, 16, .78); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(194, 42, 85, 0.3); color: #2b1820; font-size: 13px; font-weight: 500; letter-spacing: .02em; box-shadow: 0 10px 24px rgba(90, 40, 55, 0.122); }
body:not(.theme-dark) #pickUpMap [class*="ground-pane"] { filter: invert(.93) hue-rotate(180deg) brightness(.78) contrast(.95) saturate(.5) sepia(.3) hue-rotate(-28deg) !important; }
body:not(.theme-dark) #pickUpMap [class*="places-pane"] { filter: hue-rotate(140deg) saturate(1.8) brightness(1.08) drop-shadow(0 6px 10px rgba(90, 40, 55, 0.193)) drop-shadow(0 0 6px rgba(232, 71, 122, .55)) !important; }
@media (max-width: 767px) {
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section { padding: 20px 16px !important; border-radius: 22px !important; }
body:not(.theme-dark) #bx-soa-pickup #pickUpMap::before { font-size: 12px; padding: 7px 14px; }
body:not(.theme-dark) .bx-soa-pickup-list-item { flex-wrap: wrap; }
body:not(.theme-dark) #bx-soa-orderSave .btn { min-width: 0; width: 100%; }
}
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item,
body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item { height: auto !important; }
body:not(.theme-dark) #bx-soa-region { border-radius: 26px !important; overflow: hidden; }
body:not(.theme-dark) #bx-soa-pickup #pickUpMap { position: relative; }
body:not(.theme-dark) #bx-soa-order-form .iti { width: 100%; }
body:not(.theme-dark) #bx-soa-order-form .iti input.form-control { padding-left: 70px !important; }
body:not(.theme-dark) #bx-soa-order-form .iti .iti__flag-container { padding: 6px !important; }
body:not(.theme-dark) #bx-soa-order-form .iti .iti__selected-flag { height: 40px; padding: 0 10px !important; border-radius: 12px !important; background: rgba(218, 59, 100, 0.096) !important; }
body:not(.theme-dark) #bx-soa-order-form label.bx-soa-customer-label { display: block; margin: 0 0 8px 6px !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) #bx-soa-orderSave .btn { line-height: 1 !important; }
body:not(.theme-dark) [id^="calendar_popup_"] { border-radius: 20px !important; overflow: hidden; border: 1px solid rgba(194, 42, 85, 0.28) !important; box-shadow: 0 24px 60px rgba(90, 40, 55, 0.193) !important; background: #2a151d !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .popup-window-content,
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar { background: #2a151d !important; border: 0 !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-header,
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-top-month,
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-top-year { color: #2b1820 !important; background: none !important; font-weight: 500; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-name-day { color: rgba(43, 24, 32, 0.473) !important; background: none !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-cell { border-radius: 50% !important; color: #2b1820 !important; transition: background .2s ease; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-cell:hover { background: rgba(218, 59, 100, 0.16) !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-date-hidden { color: rgba(43, 24, 32, 0.302) !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-weekend { color: #c22a55 !important; }
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-active,
body:not(.theme-dark) [id^="calendar_popup_"] .bx-calendar-cell.bx-calendar-active { background: linear-gradient(135deg, #f0628f, #c22a55) !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form input[data-jd-date] { cursor: pointer; }
body:not(.theme-dark) #bx-soa-order-form select.form-control option,
body:not(.theme-dark) #bx-soa-order-form select option { background: #2a151d !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form select.form-control option:checked { background: #c22a55 !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form select.form-control { color-scheme: dark; cursor: pointer; }
body:not(.theme-dark) #bx-soa-orderSave .btn { line-height: 58px !important; }
body:not(.theme-dark) .bx-soa-cart-total .bx-soa-cart-total-line + .bx-soa-cart-total-line { border-top: 1px dashed rgba(43, 24, 32, 0.145) !important; }
body:not(.theme-dark) .bx-soa-cart-total .bx-soa-cart-total-line + .bx-soa-cart-total-line { border-top-color: rgba(58, 31, 42,.12) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-wrapper { background: rgba(43, 24, 32, 0.023) !important; border: 1px solid rgba(43, 24, 32, 0.135) !important; box-shadow: 0 10px 30px rgba(90, 40, 55, 0.087) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-label { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-city { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown { border: 1px solid rgba(43, 24, 32, 0.145) !important; box-shadow: 0 16px 40px rgba(90, 40, 55, 0.158) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-wrapper { background: #fff !important; border-color: #f1dde3 !important; box-shadow: 0 10px 30px rgba(194, 42, 85,.08) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-label { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-icon path,
body:not(.theme-dark) #bx-soa-order .custom-region-icon circle { fill: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-selector { background: #fdf1f4 !important; border-color: #f0c9d4 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-selector:hover { border-color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-city { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-arrow { color: #c22a55 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown { background: #fff !important; border-color: #f1dde3 !important; box-shadow: 0 16px 40px rgba(194, 42, 85,.12) !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item span { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item:hover,
body:not(.theme-dark) #bx-soa-order .custom-region-dropdown-item.current { background: #fdf1f4 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form,
body:not(.theme-dark) #ajax_auth.auth-page .form_body,
body:not(.theme-dark) #ajax_auth.auth-page .form_footer,
body:not(.theme-dark) #ajax_auth.auth-page .auth_wrapp,
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1 { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; width: auto !important; float: none !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control { height: auto !important; padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: none !important; box-shadow: none !important; position: relative; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control label { display: block; margin: 0 0 8px 20px !important; font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: rgba(43, 24, 32, 0.578) !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control label .required-star,
body:not(.theme-dark) #ajax_auth.auth-page .required-fields-note { display: none !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="text"],
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="password"] { width: 100% !important; height: 56px !important; padding: 0 22px !important; border: 1px solid rgba(43, 24, 32, 0.187) !important; border-radius: 999px !important; background: rgba(43, 24, 32, 0.033) !important; font-family: inherit !important; font-size: 16px !important; color: #2b1820 !important; box-shadow: none !important; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input:focus { border-color: rgba(194, 42, 85, 0.7) !important; background: rgba(43, 24, 32, 0.052) !important; box-shadow: 0 0 0 4px rgba(232, 71, 122, .16) !important; outline: 0; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input:-webkit-autofill,
body:not(.theme-dark) #ajax_auth.auth-page .form-control input:-webkit-autofill:focus { -webkit-text-fill-color: #2b1820 !important; -webkit-box-shadow: 0 0 0 100px #3a202a inset !important; caret-color: #2b1820; transition: background-color 9999s; }
body:not(.theme-dark) #ajax_auth.auth-page .eye-password input { padding-right: 58px !important; }
body:not(.theme-dark) #ajax_auth.auth-page .eye-password .eye-password-ignore,
body:not(.theme-dark) #ajax_auth.auth-page .eye-password [class*="eye"]:not(.eye-password):not(input) { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important; background-color: rgba(43, 24, 32, 0.052) !important; }
body:not(.theme-dark) #ajax_auth.auth-page .filter.block { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 4px 26px !important; padding: 0 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .filter.block .prompt { margin: 0 !important; float: none !important; }
body:not(.theme-dark) #ajax_auth.auth-page .filter.block label { font-size: 14px !important; color: rgba(43, 24, 32, 0.735) !important; }
body:not(.theme-dark) #ajax_auth.auth-page a.forgot { float: none !important; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #c22a55 !important; border-bottom: 1px solid rgba(194, 42, 85, 0.35); }
body:not(.theme-dark) #ajax_auth.auth-page a.forgot:hover { color: #2b1820 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons .line-block__item.width100 { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons button[type="submit"] { width: 100% !important; height: 58px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 500 !important; color: #2b1820 !important; background: linear-gradient(135deg, #f0628f 0%, #c22a55 100%) !important; box-shadow: 0 14px 30px rgba(232, 71, 122, .42), inset 0 1px 0 rgba(255, 255, 255, .35) !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1), filter .3s ease; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.07); }
body:not(.theme-dark) #ajax_auth.auth-page .buttons a.register { float: none !important; width: 100% !important; height: auto !important; padding: 6px 0 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: center; font-size: 14px !important; font-weight: 400 !important; color: rgba(43, 24, 32, 0.63) !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons a.register::before { content: "Впервые у нас? "; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons a.register::after { content: " →"; color: #c22a55; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons a.register:hover { color: #2b1820 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .eye-password::after { top: auto !important; bottom: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(43, 24, 32, 0.058) !important; background-position: center !important; background-repeat: no-repeat !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons .line-block--24-vertical { gap: 0 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons .line-block__item:first-child { display: none !important; }
body:not(.theme-dark) #ajax_auth.auth-page .buttons button.loadings { opacity: .75; pointer-events: none; }
body:not(.theme-dark) #ajax_auth.auth-page { padding: 8px 0 40px !important; }
body:not(.theme-dark) #ajax_auth.auth-page > .auth_wrapp,
body:not(.theme-dark) #ajax_auth.auth-page .auth_wrapp { max-width: 460px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid rgba(194, 42, 85, 0.22) !important; border-radius: 30px !important; overflow: hidden; background: linear-gradient(180deg, #33192240 0%, #24121900 60%), #2a151d !important; box-shadow: 0 30px 80px rgba(90, 40, 55, 0.158) !important; float: none !important; width: auto !important; }
body:not(.theme-dark) #ajax_auth.auth-page .auth_wrapp::before { content: ""; display: block; height: 140px; background: linear-gradient(180deg, rgba(42, 21, 29, 0) 30%, #2a151d 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1 { padding: 0 32px 32px !important; margin-top: -26px !important; position: relative; }
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1::before { content: "JARDEN"; display: block; margin-bottom: 8px; text-align: center; font-size: 11px; letter-spacing: .42em; color: #c22a55; }
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1 > .form::before { content: "Вход в кабинет"; display: block; margin: 0 0 22px; text-align: center; font-family: var(--jd-display); font-size: 32px; line-height: 1.1; color: #2b1820; }
@media (max-width: 500px) {
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1 { padding: 0 22px 28px !important; }
}
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="text"],
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="password"] { color: #2b1820 !important; }
body:not(.theme-dark) .jd-opt-tgnote { color: rgba(43, 24, 32, 0.63); }
body:not(.theme-dark) .jd-opt-toast { color: #2b1820; }
body:not(.theme-dark) .jd-opt-tgnote { color: rgba(43, 24, 32, .65); }
body:not(.theme-dark) .left_block .side-block.jd-ss { border: 1px solid rgba(194, 42, 85, 0.18) !important; background: radial-gradient(120% 70% at 50% 0%, rgba(232, 71, 122, .18), transparent 65%), #fffaf8 !important; box-shadow: 0 18px 40px rgba(90, 40, 55, 0.105) !important; }
body:not(.theme-dark) .jd-ss__ico svg { fill: #2b1820; }
body:not(.theme-dark) .jd-ss__h { color: #2b1820; }
body:not(.theme-dark) .jd-ss__p { color: rgba(43, 24, 32, 0.651); }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"] { border: 1px solid rgba(43, 24, 32, 0.271) !important; color: rgba(43, 24, 32, 0.892) !important; }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"]:hover { background: rgba(43, 24, 32, 0.052) !important; border-color: rgba(194, 42, 85, 0.6) !important; color: #2b1820 !important; }
body:not(.theme-dark) .left_block .side-block.jd-ss { background: radial-gradient(120% 70% at 50% 0%, rgba(232, 71, 122, .1), transparent 65%), #fff !important; border-color: rgba(194, 42, 85, .16) !important; box-shadow: 0 18px 40px rgba(120, 40, 60, .1) !important; }
body:not(.theme-dark) .jd-ss__h { color: #2b1820; }
body:not(.theme-dark) .jd-ss__p { color: rgba(43, 24, 32, .62); }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"] { border-color: rgba(43, 24, 32, .2) !important; color: #2b1820 !important; }
body:not(.theme-dark) .left_block .side-block.jd-ss [data-name="subscribe"]:hover { background: #fdf1f4 !important; border-color: #c22a55 !important; color: #c22a55 !important; }
body:not(.theme-dark) .jd-msg-caret { border-right: 2px solid rgba(43, 24, 32, 0.945); border-bottom: 2px solid rgba(43, 24, 32, 0.945); }
body:not(.theme-dark) .jd-msg-menu { border: 1px solid rgba(194, 42, 85, 0.18); box-shadow: 0 24px 50px rgba(90, 40, 55, 0.175); }
body:not(.theme-dark) .jd-msg-menu button { color: #2b1820; }
body:not(.theme-dark) .jd-msg-menu button:hover,
body:not(.theme-dark) .jd-msg-menu button:focus-visible { background: rgba(43, 24, 32, 0.046); }
body:not(.theme-dark) .jd-msg-menu button i svg { fill: #2b1820; }
body:not(.theme-dark) .jd-msg-menu button small { color: rgba(43, 24, 32, 0.578); }
body:not(.theme-dark) .jd-msg-menu { background: #fff; border-color: rgba(194, 42, 85, .16); box-shadow: 0 24px 50px rgba(120, 40, 60, .18); }
body:not(.theme-dark) .jd-msg-menu button { color: #2b1820; }
body:not(.theme-dark) .jd-msg-menu button:hover { background: #fdf1f4; }
body:not(.theme-dark) .jd-msg-menu button small { color: rgba(43, 24, 32, .55); }
body:not(.theme-dark) .jd-msg-menu a { color: #2b1820 !important; }
body:not(.theme-dark) .jd-msg-menu a:hover { background: rgba(43, 24, 32, 0.046); }
body:not(.theme-dark) .jd-msg-menu a i svg { fill: #2b1820; }
body:not(.theme-dark) .jd-msg-menu a small { color: rgba(43, 24, 32, 0.578); }
body:not(.theme-dark) .jd-msg-menu a { color: #2b1820 !important; }
body:not(.theme-dark) .jd-msg-menu a:hover { background: #fdf1f4; }
body:not(.theme-dark) .jd-msg-menu a small { color: rgba(43, 24, 32, .55); }
body:not(.theme-dark) .jd-disc__ph.jd-disc__ph--photo { box-shadow: 0 0 0 3px rgba(255, 157, 186, .35), 0 12px 26px rgba(90, 40, 55, 0.105); }
body:not(.theme-dark) .jd-disc__ph.jd-disc__ph--photo { box-shadow: 0 0 0 3px rgba(194, 42, 85, .2), 0 12px 26px rgba(120, 40, 60, .15); }
/* ===== LIGHT THEME: hand-written fixes on top of the generated rules ===== */
body:not(.theme-dark) { background-color: #fff; }
body:not(.theme-dark) .logo img[src*="logo_white"] { filter: brightness(0) opacity(.86); }
body:not(.theme-dark) #headerfixed { background: rgba(255, 255, 255, .94) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 10px 30px rgba(90, 40, 55, .08); }
body:not(.theme-dark) .counter_wrapp.big.fixed { background: rgba(255, 255, 255, .96) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 -10px 30px rgba(90, 40, 55, .1) !important; border-color: rgba(43, 24, 32, .08) !important; }
body:not(.theme-dark) .jd-quick { border-color: rgba(43, 24, 32, .28); } body:not(.theme-dark) .jd-quick:hover { border-color: var(--jd-pink); color: var(--jd-pink); }
/* light theme logo: same picture as the dark theme, shown dark; the flower blooms in colour and a rose-to-gold light crosses the lettering */
body:not(.theme-dark) .jd-logo__name { background-image: linear-gradient(100deg, #b3204c 0%, #e4577c 22%, #c9995a 40%, #f3d9a8 50%, #c9995a 60%, #e4577c 78%, #b3204c 100%); }
body:not(.theme-dark) .jd-logo:hover, body:not(.theme-dark) a:hover > .jd-logo { filter: drop-shadow(0 6px 14px rgba(218, 59, 100, .28)); }
body:not(.theme-dark) .jd-logo:active, body:not(.theme-dark) a:active > .jd-logo { filter: drop-shadow(0 4px 12px rgba(218, 59, 100, .4)); }
/* light theme: the logo is always in the shop's colours instead of black - wine lettering, flower in colour; the gold light still crosses it on hover */
body:not(.theme-dark) .jd-logo__name { opacity: 1 !important; background-image: linear-gradient(100deg, #7a1d3d 0%, #a3224a 28%, #c9995a 44%, #f0d6a4 50%, #c9995a 56%, #a3224a 72%, #7a1d3d 100%); }
body:not(.theme-dark) .jd-logo__bloom { opacity: 1 !important; }
/* the coloured layers draw the whole logo; the picture underneath is hidden so a differently drawn dark logo can never show through */
body:not(.theme-dark) .jd-logo img { opacity: 0 !important; }
@media (max-width: 991px) {
    body:not(.theme-dark) .jd-hero-old b { background-color: #fff; }
    /* phone hero fades into the page's own white, so no cream band shows under the photo */
    body:not(.theme-dark) .wrapper1.front_page .BIG_BANNER_INDEX .main-slider__item::after { background: linear-gradient(180deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 50%, #fff 100%) !important; }
}
@media (min-width: 992px) { body:not(.theme-dark) .jd-hero-old { background-color: #fffaf8; } }
/* section slides in the light theme */
body:not(.theme-dark) .jd-hero-dots i { background: rgba(255, 255, 255, .6); }
@media (min-width: 992px) { body:not(.theme-dark).jd-hero-c .jd-hero-cta::before { color: #c22a55 !important; } }
/* project cards sit on photos: text stays light in both themes */
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon .title a { color: #fff !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon .section { color: #ffd0dc !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon::after { color: #fff !important; }
body:not(.theme-dark) .right_block .item-views.news2 .item.with-fon::before { background: linear-gradient(180deg, rgba(20, 8, 13, 0) 38%, rgba(20, 8, 13, .55) 68%, rgba(20, 8, 13, .92) 100%) !important; }
/* bouquet builder: light theme */
body:not(.theme-dark) #jb .jb-n, body:not(.theme-dark) #jb .jb-card::after, body:not(.theme-dark) #jb .jb-btn:not(:disabled) { color: #fff !important; }
body:not(.theme-dark) #jb .jb-card { background: #fff; border-color: rgba(194, 42, 85, .14); box-shadow: 0 12px 30px rgba(120, 40, 60, .1); }
body:not(.theme-dark) #jb .jb-sum { background: #fff; border-color: rgba(194, 42, 85, .2); box-shadow: 0 20px 50px rgba(120, 40, 60, .12); }
body:not(.theme-dark) #jb .jb-variant { background-color: #fff; border-color: rgba(43, 24, 32, .18); }
body:not(.theme-dark) #jb .jb-variant option { background: #fff; color: #2b1820; }
body:not(.theme-dark) #jb .jb-qty { background: #faf1f3; border-color: rgba(43, 24, 32, .1); }
body:not(.theme-dark) #jb .jb-qty button { background: #fff; }
body:not(.theme-dark) #jb .jb-qty button:hover { background: #c22a55; color: #fff; }
body:not(.theme-dark) #jb .jb-note { background: #fff; border-color: rgba(43, 24, 32, .16); }
body:not(.theme-dark) #jb .jb-btn:disabled { background: #f1e6e9; color: rgba(43, 24, 32, .4) !important; }
body:not(.theme-dark) #jb .jb-step, body:not(.theme-dark) #jb .jb-row, body:not(.theme-dark) #jb .jb-lines li { border-color: rgba(43, 24, 32, .1); }
body:not(.theme-dark) #jb .jb-bar { background: rgba(255, 255, 255, .92) !important; }
/* login pop-up: light theme */
body:not(.theme-dark) .auth_frame.jqmWindow { background: #fff !important; border-color: rgba(194, 42, 85, .18) !important; box-shadow: 0 40px 100px rgba(120, 40, 60, .25) !important; }
body:not(.theme-dark) .auth_frame.jqmWindow::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #fff 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body:not(.theme-dark) .auth_frame .buttons button[type="submit"] { color: #fff !important; }
body:not(.theme-dark) .auth_frame .close.jqmClose svg path { fill: #fff !important; }
body:not(.theme-dark) .auth_frame .form-control input[type="text"], body:not(.theme-dark) .auth_frame .form-control input[type="password"] { background: #faf4f5 !important; border-color: rgba(43, 24, 32, .14) !important; }
body:not(.theme-dark) .auth_frame .form-control input:-webkit-autofill { -webkit-text-fill-color: #2b1820 !important; -webkit-box-shadow: 0 0 0 100px #faf4f5 inset !important; }
body:not(.theme-dark) .auth_frame .eye-password::after { background-color: #2b1820 !important; }
/* follow buttons: brand colour on hover in light theme too */
body:not(.theme-dark) .jd-follow__btn--vk:hover, body:not(.theme-dark) .jd-follow__btn--vk:active { background: #0077ff; border-color: #0077ff; color: #fff !important; }
body:not(.theme-dark) .jd-follow__btn--ig:hover, body:not(.theme-dark) .jd-follow__btn--ig:active { background: linear-gradient(45deg, #f9a23c 0%, #ee2a7b 50%, #6228d7 100%); border-color: transparent; color: #fff !important; }
body:not(.theme-dark) .jd-follow__btn:hover svg { color: #fff !important; }
/* hero chips sit on photos: stay light in both themes */
body:not(.theme-dark) .jd-hero-chip { color: #fff !important; background: rgba(20, 8, 13, .35); border-color: rgba(255, 255, 255, .35); }
body:not(.theme-dark) .jd-disc__it { background: #fff; border-color: rgba(194, 42, 85, .12); box-shadow: 0 10px 26px rgba(120, 40, 60, .08); }
@media (min-width: 992px) { body:not(.theme-dark) .jd-hero-old { background: #24131a !important; } }
body:not(.theme-dark) .jd-empty__btn--fill { color: #fff !important; }
body:not(.theme-dark) .jd-empty__ico { color: #c22a55; }
/* ===== checkout in the light theme: clear contrast ===== */
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section { background: #fff !important; border-color: rgba(194, 42, 85, .14) !important; box-shadow: 0 14px 36px rgba(120, 40, 60, .08) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section-title { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-section-title-container { border-color: rgba(43, 24, 32, .08) !important; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item, body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item { background: #fff !important; border-color: rgba(43, 24, 32, .14) !important; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item:hover, body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item:hover { border-color: rgba(194, 42, 85, .45) !important; }
body:not(.theme-dark) #bx-soa-delivery .bx-soa-pp-company-item.bx-selected, body:not(.theme-dark) #bx-soa-paysystem .bx-soa-pp-company-item.bx-selected { background: #fdf1f4 !important; border-color: #c22a55 !important; box-shadow: 0 0 0 1px #c22a55, 0 10px 24px rgba(194, 42, 85, .14); }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item .bx-soa-pp-company-graf-container::before { border-color: rgba(43, 24, 32, .3) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-item.bx-selected .bx-soa-pp-company-graf-container::before { border-color: #c22a55 !important; background: #c22a55 !important; box-shadow: inset 0 0 0 4px #fff, 0 0 10px rgba(194, 42, 85, .35); }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-smalltitle { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-list-description { background: #c22a55 !important; color: #fff !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-description, body:not(.theme-dark) #bx-soa-order-form .bx-soa-pp-company-desc { color: rgba(43, 24, 32, .6) !important; }
body:not(.theme-dark) #bx-soa-order-form .bx-soa-custom-label, body:not(.theme-dark) #bx-soa-order-form label.bx-soa-customer-label, body:not(.theme-dark) #bx-soa-order-form .bx-soa-coupon-label label { color: rgba(43, 24, 32, .6) !important; }
body:not(.theme-dark) #bx-soa-order-form input.form-control, body:not(.theme-dark) #bx-soa-order-form textarea.form-control, body:not(.theme-dark) #bx-soa-order-form select.form-control { background: #faf4f5 !important; border-color: rgba(43, 24, 32, .14) !important; color: #2b1820 !important; color-scheme: light; }
body:not(.theme-dark) #bx-soa-order-form input.form-control:focus, body:not(.theme-dark) #bx-soa-order-form textarea.form-control:focus { background: #fff !important; border-color: #c22a55 !important; box-shadow: 0 0 0 4px rgba(194, 42, 85, .12) !important; }
body:not(.theme-dark) #bx-soa-order-form input.form-control::placeholder, body:not(.theme-dark) #bx-soa-order-form textarea.form-control::placeholder { color: rgba(43, 24, 32, .35) !important; }
body:not(.theme-dark) #bx-soa-order-form select.form-control option { background: #fff !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-order-form select.form-control option:checked { background: #c22a55 !important; color: #fff !important; }
body:not(.theme-dark) #bx-soa-order-form .soa-property-container.input-group .input-group-addon { background: rgba(194, 42, 85, .12) !important; }
body:not(.theme-dark) #bx-soa-order-form .input-group-addon .bx-calendar { filter: none; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td { background: #faf4f5 !important; color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-title, body:not(.theme-dark) #bx-soa-basket .bx-soa-item-title a, body:not(.theme-dark) #bx-soa-basket .bx-soa-item-td-text { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-basket .bx-soa-item-td-title { color: rgba(43, 24, 32, .5) !important; }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap { background: #faf4f5; border-color: rgba(43, 24, 32, .08); }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap label { color: rgba(43, 24, 32, .75) !important; }
body:not(.theme-dark) #bx-soa-order-form .license_order_wrap a, body:not(.theme-dark) #bx-soa-order-form .bx-soa-editstep, body:not(.theme-dark) #bx-soa-order-form .change_link { color: #c22a55 !important; border-color: rgba(194, 42, 85, .35); }
body:not(.theme-dark) .bx-soa-cart-total { background: #fff !important; border-color: rgba(194, 42, 85, .16) !important; box-shadow: 0 20px 50px rgba(120, 40, 60, .1) !important; }
body:not(.theme-dark) .bx-soa-cart-total .change_basket, body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-cart-d { color: #2b1820 !important; }
body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-cart-t { color: rgba(43, 24, 32, .6) !important; }
body:not(.theme-dark) .bx-soa-cart-total-line .bx-soa-price-free { color: #1f9d55 !important; }
body:not(.theme-dark) .bx-soa-cart-total-button-container .btn-order-save, body:not(.theme-dark) #bx-soa-orderSave .btn { color: #fff !important; }
body:not(.theme-dark) .bx-soa-cart-total-button-container .btn-order-save[aria-disabled="true"], body:not(.theme-dark) #bx-soa-orderSave .btn[aria-disabled="true"], body:not(.theme-dark) #bx-soa-orderSave .btn[style*="opacity"] { background: #f1e6e9 !important; color: rgba(43, 24, 32, .45) !important; }
body:not(.theme-dark) .bx-soa-pickup-subTitle, body:not(.theme-dark) .bx-soa-pickup-l-item-adress, body:not(.theme-dark) .bx-soa-pickup-l-item-name { color: #2b1820 !important; }
body:not(.theme-dark) .bx-soa-pickup-list-item { background: #fff !important; border-color: rgba(43, 24, 32, .12) !important; }
body:not(.theme-dark) .bx-soa-pickup-list-item::after { background: #fff; }
body:not(.theme-dark) .bx-soa-pickup-l-item-btn .btn { color: #c22a55 !important; border-color: rgba(194, 42, 85, .45) !important; background: #fff !important; }
body:not(.theme-dark) .bx-soa-pickup-l-item-btn .btn:hover, body:not(.theme-dark) .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn { color: #fff !important; }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > a, body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li > span { color: #2b1820 !important; background: #fff !important; border-color: rgba(43, 24, 32, .14); }
body:not(.theme-dark) #bx-soa-pickup .bx-pagination-container li.bx-active > a { color: #fff !important; }
body:not(.theme-dark) #pickUpMap [class*="ground-pane"] { filter: saturate(.75) sepia(.12) hue-rotate(-10deg) !important; }
body:not(.theme-dark) #bx-soa-pickup #pickUpMap::after { box-shadow: inset 0 0 0 1px rgba(194, 42, 85, .2); }
body:not(.theme-dark) #bx-soa-region, body:not(.theme-dark) #bx-soa-region .bx-soa-section-content, body:not(.theme-dark) #bx-soa-region .bx-soa-section-content * { color: #2b1820 !important; }
body:not(.theme-dark) #bx-soa-region { background: #fff !important; border: 1px solid rgba(194, 42, 85, .14) !important; }
body:not(.theme-dark) #bx-soa-region .bx-ui-sls-fake, body:not(.theme-dark) #bx-soa-region .dropdown-block { background: #faf4f5 !important; border-color: rgba(43, 24, 32, .14) !important; }
/* footer in the light theme: the social icons are white pictures, so they sit on dark wine circles */
body:not(.theme-dark) #footer .social-icons li > a { opacity: 1 !important; background-color: #3a1f2a !important; border-radius: 50% !important; }
body:not(.theme-dark) #footer .social-icons li.vk > a:hover { background-color: #0077ff !important; }
body:not(.theme-dark) #footer .social-icons li.telegram > a:hover { background-color: #27a7e7 !important; }
body:not(.theme-dark) #footer .social-icons li.max > a:hover { background-color: #6a5cff !important; }
/* footer phone and e-mail icons were white on white */
body:not(.theme-dark) #footer .phone svg path, body:not(.theme-dark) #footer .phone svg use, body:not(.theme-dark) #footer [class*="email"] svg path, body:not(.theme-dark) #footer [class*="email"] svg use, body:not(.theme-dark) #footer .footer_middle svg:not(.social svg) path { fill: #c22a55 !important; }

/* jb219: footer logo on phones, light theme — wine logo (was white on white), gold light crossing it */
@media (max-width: 991px) {
    body:not(.theme-dark) #footer .contact-block .info > .row::before {
        background: linear-gradient(100deg, #7a1d3d 0%, #a3224a 45%, #c22a55 100%) !important;
        -webkit-mask: url("/upload/CMax/fd9/j7e70xggqfhfo5syekr35ggsft3x9urn/logo_white.png") center / contain no-repeat;
                mask: url("/upload/CMax/fd9/j7e70xggqfhfo5syekr35ggsft3x9urn/logo_white.png") center / contain no-repeat;
        animation: none !important;
    }
    body:not(.theme-dark) #footer .footer-v1 .contact-block .info > .row::after {
        background: linear-gradient(105deg, transparent 0%, transparent 38%, rgba(240,214,164,.9) 48%, #fff4dc 50%, rgba(240,214,164,.9) 52%, transparent 62%, transparent 100%) 0 0 / 300% 100% no-repeat !important;
    }
    body:not(.theme-dark) #footer .footer_top .contact-block::before {
        background: radial-gradient(closest-side, rgba(224,69,123,.14), rgba(224,69,123,.05) 55%, transparent 100%) !important;
    }
}

/* jb220: full login page, light theme */
body:not(.theme-dark) #ajax_auth.auth-page .buttons button[type="submit"] { color: #fff !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="text"], body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="password"] { background: #faf4f5 !important; border-color: rgba(43, 24, 32, .14) !important; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input:-webkit-autofill { -webkit-text-fill-color: #2b1820 !important; -webkit-box-shadow: 0 0 0 100px #faf4f5 inset !important; }
body:not(.theme-dark) #ajax_auth.auth-page .eye-password::after { background-color: #2b1820 !important; }
body:not(.theme-dark) #ajax_auth.auth-page .auth_wrapp { background: #fff !important; border-color: rgba(194, 42, 85, .18) !important; box-shadow: 0 30px 80px rgba(120, 40, 60, .16) !important; }
body:not(.theme-dark) #ajax_auth.auth-page .auth_wrapp::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #fff 100%), url("/local/jarden/img/hero-phone.jpg") center 30% / cover; }
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1::before { color: #c22a55; }
body:not(.theme-dark) #ajax_auth.auth-page .wrap_md1 > .form::before { color: #2b1820; }
body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="text"], body:not(.theme-dark) #ajax_auth.auth-page .form-control input[type="password"] { color: #2b1820 !important; }