@font-face {
    font-family: BFMontserrat;
    src: url('/local/templates/agni/fonts/montserrat-cyrillic-wght-normal.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
    unicode-range: U+0400-045F, U+2116;
}
@font-face {
    font-family: BFMontserrat;
    src: url('/local/templates/agni/fonts/montserrat-latin-wght-normal.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}
.left_block.sticky-sidebar-custom.product-side .bf-product-sidebar {
    position: relative;
    display: block;
    width: 100%;
    max-width: 305px;
    aspect-ratio: 305 / 440;
    margin: 0 auto;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    border-radius: 10px;
    background: #35291f;
    color: #fff !important;
    font: 600 16px/1 BFMontserrat, Montserrat, sans-serif;
    text-decoration: none;
}
.bf-product-sidebar__button:focus-visible { outline: 2px solid #8bfff6; outline-offset: 2px; }
.bf-product-sidebar img { position: absolute; max-width: none !important; }
.bf-product-sidebar__scene { left: -6.113%; top: -.06%; width: 112.678%; height: 104.61%; }
.bf-product-sidebar__light { transform: translate(-50%, -50%) rotate(var(--bf-angle)); }
.bf-product-sidebar__light--top { left: 49.635%; top: -3.083%; --bf-angle: 89.66deg; }
.bf-product-sidebar__light--shade { left: 47.71%; top: -2.817%; --bf-angle: 89.66deg; mix-blend-mode: darken; }
.bf-product-sidebar__title {
    position: absolute;
    top: 3.409%;
    left: 4.918%;
    font-size: 14.061cqw;
    font-weight: 800;
    line-height: .8;
    letter-spacing: -.02em;
    text-transform: uppercase;
    white-space: nowrap;
}
.bf-product-sidebar__switch { position: absolute; inset: 0; pointer-events: none; }
.bf-product-sidebar__light--left { left: 72.419%; top: 14.778%; --bf-angle: -6.71deg; }
.bf-product-sidebar__light--right { left: 87.862%; top: 13.25%; --bf-angle: 83.29deg; }
.bf-product-sidebar__light--overlay { left: 92.216%; top: 14.157%; --bf-angle: 115.95deg; mix-blend-mode: overlay; }
.bf-product-sidebar__track {
    position: absolute;
    left: 81.07%;
    top: 14.01%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 29.68cqw;
    height: 10.44cqw;
    padding-right: 1.94cqw;
    box-sizing: border-box;
    border-radius: 50px;
    z-index: 1;
    background:
        linear-gradient(rgba(11, 130, 120, .2), rgba(11, 130, 120, .2)),
        radial-gradient(ellipse at 15% 4%, rgba(195, 248, 245, .196), transparent 28%),
        radial-gradient(ellipse at 12% 96%, rgba(195, 248, 245, .164), transparent 25%),
        linear-gradient(104deg, rgba(2, 24, 25, .555), rgba(4, 57, 58, .493) 46%, rgba(72, 218, 214, .649));
    -webkit-backdrop-filter: blur(1.33cqw) saturate(1.35);
    backdrop-filter: blur(1.33cqw) saturate(1.35);
    --bf-switch-glass-edge-blur: calc(2 * .2cqw);
    box-shadow:
        inset 0 0 var(--bf-switch-glass-edge-blur) rgba(208, 255, 251, .18),
        inset 0 .2cqw var(--bf-switch-glass-edge-blur) rgba(228, 255, 252, .22),
        0 0 var(--bf-switch-glass-edge-blur) rgba(40, 157, 153, .28);
    transform: translate(-50%,-50%) rotate(-6.71deg);
}
.bf-product-sidebar__track span {
    padding: .49cqw 2.43cqw 1.46cqw;
    border-radius: 50px;
    background: linear-gradient(203deg,#fff 19%,#b2f4ef 81%);
    color: #14988e;
    font-size: 4.493cqw;
    text-transform: uppercase;
}
.bf-product-sidebar__offer {
    position: absolute;
    top: 20.682%;
    left: 4.918%;
    display: flex;
    align-items: center;
    gap: 1.967cqw;
    padding: 1.967cqw 2.623cqw;
    border-radius: 5.246cqw;
    background: #fff;
    color: #333;
    white-space: nowrap;
}
.bf-product-sidebar__discount { display: flex; align-items: center; }
.bf-product-sidebar__discount small { padding: 0 2.623cqw .984cqw; font-size: 4.59cqw; color: #d8fffd; }
.bf-product-sidebar__discount strong { font-size: 13.115cqw; letter-spacing: -.02em; font-weight: 700; }
.bf-product-sidebar__discount small, .bf-product-sidebar__promo b { background: #0f9f94; border-radius: 43px; font-weight: 700; }
.bf-product-sidebar__promo { display: flex; flex-direction: column; align-items: flex-start; gap: .656cqw; font-size: 3.934cqw; }
.bf-product-sidebar__promo b { padding: 1.311cqw 2.951cqw; color: #fff; font-size: 5.246cqw; }
.bf-product-sidebar__button {
    position: absolute;
    inset: 85% 4.918% 3.409%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
    background: #0f9f94;
    font-size: 5.902cqw;
    font-weight: 800;
    transition: background-color .3s;
}
.bf-product-sidebar__button:hover,
.bf-product-sidebar__button:focus-visible { background: #0c8d84; }
.bf-product-sidebar__button > span { position: relative; z-index: 1; }
.bf-product-sidebar__wave {
    position: absolute;
    width: 2px;
    height: 2px;
    margin: -1px;
    border-radius: 50%;
    background: rgba(255,255,255,.4);
    pointer-events: none;
    animation: bf-product-sidebar-wave .6s linear forwards;
}
@keyframes bf-product-sidebar-wave {
    from { transform: scale(0); opacity: 1; }
    to { transform: scale(320); opacity: 0; }
}
@media (max-width: 991px) {
    body #content .left_block.sticky-sidebar-custom.product-side[data-bf-sidebar-host] {
        display: block !important;
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 16px auto;
    }
    body #content [data-bf-sidebar-host] > .bf-product-sidebar,
    body #content [data-bf-sidebar-host] > .inner-wrapper-sticky {
        display: block !important;
    }
}
@media (min-width: 744px) and (max-width: 991px) {
    .wrapper_inner.wide_page .product-view--type2:has([data-bf-sidebar-host]) .product-info {
        padding-bottom: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bf-product-sidebar__button { transition: none; }
    .bf-product-sidebar__wave { visibility: hidden; }
}
