/* Start:/local/templates/turbolemons-template/css/home.css?1788250338100092*/
@font-face {
    font-family:"Roboto Flex Custom";
    src:
        url("/local/fonts/RobotoFlex-CompressedItalic-VF.ttf") format("truetype-variations"),
        url("/local/fonts/RobotoFlex-CompressedItalic-VF.ttf") format("truetype");

    font-weight: 100 1000;
    font-style: italic;
    font-display: swap;
}
/* ==========================================================================
   HOME HERO
   ========================================================================== */

.home-hero,
.home-hero *,
.home-hero *::before,
.home-hero *::after{
    box-sizing:border-box;
}

.home-hero{
    position:relative;
    z-index:0;

    width:100%;
    height:980px;
    min-height:700px;

    overflow:hidden;

    background:#171717;
}

.home-hero__slides{
    position:relative;
    z-index:0;

    width:100%;
    height:100%;
}

@media(max-width: 991px) {
    .home-hero {
        height: 852px;
    }
}

/* ==========================================================================
   SLIDES
   ========================================================================== */

.home-hero__slide{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .8s ease,
        visibility .8s ease;
}

.home-hero__slide.is-active{
    z-index:1;

    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* ==========================================================================
   BACKGROUND
   ========================================================================== */

.home-hero__background{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;
}

.home-hero__background img,
.home-hero__background .home-hero__video{
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:cover;
    object-position:center center;
}

.home-hero__overlay{
    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.60) 0%,
            rgba(0,0,0,0) 100%
        );
}
.home-hero__overlay::after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:42%;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.42) 100%
        );
}

/* ==========================================================================
   MAIN CONTAINER
   ========================================================================== */

.home-hero__container.container{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    margin:0 auto;
    padding-block:124px 32px;
}

.home-hero__content{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;
    gap:32px;
}

/* ==========================================================================
   MAIN TEXT BLOCK
   ========================================================================== */

.home-hero__main{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap: 4px;

    margin:0;
    padding:0;
}

/* ==========================================================================
   LABEL
   ========================================================================== */

.home-hero__label{
    width:max-content;
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin:0;
    padding: 0 8px 0 4px;
    min-height: 24px;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#FFFFFF;
}

.home-hero__label svg{
    display:block;
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#FFFFFF;
}

/* ==========================================================================
   TITLE
   ========================================================================== */

.home-hero__title{
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700 !important;
    font-size:120px;
    line-height:118px;
    text-transform:uppercase;
    color:#FFFFFF;
}
/* ==========================================================================
   CATALOG BUTTON
   ========================================================================== */

.home-hero__catalog-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 24px;
    gap:8px;
    border:0;
    border-radius:0;
    background:#D2FF00;
    color:#171717;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:14px;
    line-height:18px;
    letter-spacing:-0.3px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
}
.home-hero__catalog-button:hover{
    background:#D2FF00;
}


.home-hero__catalog-button:focus-visible{
    outline:2px solid #FFFFFF;
    outline-offset:3px;
}

/* ==========================================================================
   BOTTOM AREA
   ========================================================================== */

.home-hero__bottom{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
}

/* ==========================================================================
   PROGRESS
   ========================================================================== */

.home-hero__progress{
    position:relative;
    width:100%;
    height:2px;
    overflow:hidden;
    background:#fff;
}

.home-hero__progress-value{
    width:0;
    height:100%;
    background:#C2EB00;
    transform-origin:left center;
}

.home-hero__progress-value.is-animated{
    animation-name:homeHeroProgress;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
}

@keyframes homeHeroProgress{
    from{
        width:0;
    }

    to{
        width:100%;
    }
}

/* ==========================================================================
   BOTTOM ROW
   ========================================================================== */

.home-hero__bottom-row{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:32px;
}

.home-hero__caption{
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#FFFFFF;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.home-hero__navigation{
    display:flex;
    align-items:flex-start;
    gap:24px;
}

.home-hero__counter{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#FFFFFF;
}

.home-hero__total,
.home-hero__divider {
    color: rgba(255,255,255,0.5);
}

.home-hero__arrows{
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.home-hero__arrow{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:#FFFFFF;
    color:#171717;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    transition: .3s ease;
}

.home-hero__arrow:hover{
    background:rgba(255,255,255,.8);
}

.home-hero__arrow:active{
    background:rgba(255,255,255,.8);
    opacity: .8;
}

.home-hero__arrow:focus-visible{
    outline:2px solid rgba(255,255,255,.48);
    outline-offset:2px;
}

.home-hero__arrow svg{
    display:block;

    width:24px;
    height:24px;
}

@media(max-width: 991px) {
    .home-hero__container.container{
        padding-block:88px 24px;
    }

    .home-hero__content,
    .home-hero__bottom{
        gap: 24px;
    }

    .home-hero__main {
        gap: 12px;
    }

    .home-hero__title {
        font-size: 72px;
        line-height: 63px;
        letter-spacing: -.6px;
    }

    .home-hero__catalog-button {
        width: 100%;
    }

    .home-hero__bottom-row {
        gap: 20px;
    }

    .home-hero__arrows{
        display: none;
    }

    .home-hero__caption {
        max-width: 26em;
    }
}

@media(max-width: 400px) {
    .home-hero__title {
        font-size: 69px;
    }
}

@media(max-width: 384px) {
    .home-hero__title {
        font-size: 60px;
        line-height: 55px;
    }
}

@media(max-width: 355px) {
    .home-hero__title {
        font-size: 52px;
        line-height: 48px;
    }
}


/* ==========================================================================
   HOME CATALOG
   ========================================================================== */

.home-catalog,
.home-catalog *,
.home-catalog *::before,
.home-catalog *::after{
    box-sizing:border-box;
}

.home-catalog{
    width:100%;
    background:#FFFFFF;
}


/* ==========================================================================
   TITLE
   ========================================================================== */

.home-catalog__heading{
    width:100%;
    margin:0 0 48px;
    padding:72px 0 0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    letter-spacing: -0.6px;
    color:#171717;
    transform-origin:left center;
}


/* ==========================================================================
   GRID
   ========================================================================== */

.home-catalog__grid{
    width:100%;
    display:grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    column-gap:12px;
    row-gap:28px;
}


/* ==========================================================================
   CARD
   ========================================================================== */

.home-catalog-card{
    position:relative;
    width:100%;
    height:248px;
    display:block;
    overflow:hidden;
    background:#171717;
    color:#FFFFFF;
    text-decoration:none;
}


/* ==========================================================================
   IMAGE
   ========================================================================== */

.home-catalog-card__image{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

.home-catalog-card__image img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
    transition:
        transform .45s ease;
}


/* ==========================================================================
   GRADIENT
   ========================================================================== */

.home-catalog-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.45) 6.26%,
            rgba(0,0,0,0) 72.12%
        );
}


/* ==========================================================================
   CAPTION
   ========================================================================== */

.home-catalog-card__caption{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    padding:24px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}


/* ==========================================================================
   TITLE + COUNTER
   ========================================================================== */

.home-catalog-card__heading{
    display:inline-flex;
    flex-direction:row;
    align-items:flex-start;
    max-width:100%;
    gap:4px;
    transform-origin:left top;
}


/* ==========================================================================
   CARD TITLE
   ========================================================================== */

.home-catalog-card__title{
    display:block;
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    letter-spacing: -1.2px;
    color:#FFFFFF;
    transition: .3s ease;
}


/* ==========================================================================
   COUNTER
   ========================================================================== */

.home-catalog-card__count{
    display:block;
    flex:0 0 auto;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#FFFFFF;
    white-space:nowrap;
    transition: .3s ease;
}


/* ==========================================================================
   HOVER
   ========================================================================== */

.home-catalog-card:hover
.home-catalog-card__image img{
    transform:scale(1.035);
}

.home-catalog-card:hover .home-catalog-card__title,
.home-catalog-card:hover .home-catalog-card__count{
    color: rgba(255,255,255,.8);
}

@media(max-width: 991px) {
    .home-catalog__heading {
        padding: 37px 0 5px;
        margin: 0 0 32px;
        font-size: 40px;
        line-height: 38px;
    }

    .home-catalog__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .home-catalog-card {
        height: 180px;
    }

    .home-catalog-card__title {
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }
}

/* ==========================================================================
   HOME ABOUT
   ========================================================================== */

.home-about,
.home-about *,
.home-about *::before,
.home-about *::after{
    box-sizing:border-box;
}

.home-about{
    position:relative;

    overflow:hidden;

    color:#FFFFFF;
    background:#000;

    background-image:
        linear-gradient(180deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,0) 65%),
        linear-gradient(180deg,rgba(0,0,0,0) 45%,#000 78%),
        var(--home-about-background);

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.home-about__overlay{
    position:absolute;
    inset:0;

    pointer-events:none;

    background:rgba(0,0,0,.12);
}

.home-about__container{
    position:relative;
    z-index:2
}

.home-about__container.container {
    padding-block: 72px;
}

.home-about__content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:72px;
}

/* ==========================================================================
   HEAD
   ========================================================================== */

.home-about__top{
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:32px;
    text-align:center;
}

.home-about__text {
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    text-align:center;
}

.home-about__title-group {
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
}

.home-about__tag{
    display:flex;
    align-items:center;
    gap:4px;
    font-family:Inter,sans-serif;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    min-height: 24px;
    padding: 0 8px 0 4px;
}

/* ==========================================================================
   TITLE
   ========================================================================== */
.home-about__title{
    margin:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:120px;
    line-height:118px;
    text-transform:uppercase;
    color:#FFF;
    transform-origin:center top;
}

.home-about__description{
    max-width:876px;
    font-family:Inter,sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:24px;
    letter-spacing:-.4px;
    color:#FFF;
}

.home-about__button{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#C2EB00;
    color:#171717;
    text-decoration:none;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    transition:.2s;
    padding: 15px 24px;
}

.home-about__button:hover{
    background:#D4FF17;
}

/* ==========================================================================
   STATS
   ========================================================================== */

.home-about__stats{
    position:relative;

    width:100%;
    max-width: 1280px;
    height:765px;
}
.home-about-stat{
    position:absolute;
    width:400px;
    will-change:transform;
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:20px;
    backdrop-filter:blur(10px);
    background:rgba(255,255,255,.24);

    /*
     * --parallax-y выставляется в home.js (лёгкая инерция при
     * скролле, значение в px) - transform каждой карточки собирает
     * его вместе со своим базовым позиционированием (без параллакса
     * переменная просто "0px" по умолчанию, ничего не сдвигает).
     */
    transform:translateY(var(--parallax-y, 0px));
}

.home-about-stat--1{
    top:0;
    left:0;
}

.home-about-stat--2{
    top:0;
    left:50%;
    transform:translateX(-50%) translateY(var(--parallax-y, 0px));
}

.home-about-stat--3{
    top:0;
    right:0;
}
.home-about-stat__title{
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:72px;
    line-height:63px;
    color:#FFF;
    transform-origin:left top;
}
.home-about-stat__text{
    font-family:Inter,sans-serif;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#FFF;
    max-width: 21em;
}

/* ==========================================================================
   GALLERY
   ========================================================================== */

.home-about__gallery{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:60px 0 72px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;

    -webkit-overflow-scrolling:touch;
}

.home-about__gallery-item{
    flex:0 0 650px;
    width:650px;
    height:433px;
    overflow:hidden;
    margin:0;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    text-align:left;
}
.home-about__gallery::-webkit-scrollbar{
    display:none;
}


.home-about__gallery-item img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .4s ease;
}

.home-about__gallery-item:hover img{
    transform:scale(1.05);
}

@media(max-width: 991px) {
    .home-about__container.container {
        padding-block: 32px 60px;
    }

    .home-about__top {
        gap: 20px;
    }

    .home-about__title  {
        font-size: 56px;
        line-height: 50px;
        letter-spacing: -0.6px;
    }

    .home-about__description {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.4px;
    }

    .home-about__content {
        gap: 283px;
    }

    .home-about__stats {
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .home-about-stat {
        position: unset;
        transform: none;
        width: 100%;
        padding: 16px;
        gap: 16px;
    }

    .home-about-stat__title {
        font-size: 56px;
        line-height: 50px;
        letter-spacing: -0.4px;
    }

    .home-about-stat__text{
        max-width: 100%;
    }

    .home-about__gallery {
        padding: 0 0 32px;

        scroll-snap-type: x mandatory;
    }

    .home-about__gallery-item {
        width: 294px;
        height: 196px;
        flex: 0 0 294px;

        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .home-about__button {
        width: 100%;
    }

    .home-about {
        background-size: 1150px;
        background-position: 10% 137%;  
    }
}

@media(max-width: 600px) {
    .home-about {
        background-size: 900px;
        background-position: 10% -13%;
    }
}


@media(max-width: 420px) {
    .home-about-stat__text {
        max-width: 20em;
    }
}

/* ==========================================================================
   HOME HITS
   ========================================================================== */

.home-hits,
.home-hits *,
.home-hits *::before,
.home-hits *::after{
    box-sizing:border-box;
}

.home-hits{
    width:100%;

    background:#FFFFFF;
    color:#171717;

    overflow:hidden;
}

.home-hits__container{
    width:100%;
    max-width:1920px;

    margin:0 auto;
    padding:72px 90px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:48px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.home-hits__header{
    width:100%;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;
}

.home-hits__title{
    width:max-content;

    margin:0;
    padding:0;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;


    color:#171717;


    transform-origin:left center;

}
.home-hits__actions{
    height:48px;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:24px;
}

.home-hits__all{
    height:28px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#A3A3A3;
    text-decoration:none;

    transition:color .2s ease;
}

.home-hits__all:hover{
    color:#171717;
}

/* ==========================================================================
   ARROWS
   ========================================================================== */

.home-hits__arrows{
    display:flex;
    align-items:center;

    gap:8px;
}

.home-hits__arrow{
    width:48px;
    height:48px;

    flex:0 0 48px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0;
    padding:0;

    border:0;
    border-radius:0;

    background:rgba(82,82,82,.08);
    color:#171717;

    appearance:none;
    -webkit-appearance:none;

    cursor:pointer;

    transition:
        background-color .2s ease,
        opacity .2s ease;
}

.home-hits__arrow:hover{
    background:#D2FF00;
}

.home-hits__arrow:disabled{
    opacity:.35;
    cursor:default;
}

.home-hits__arrow svg{
    display:block;

    width:24px;
    height:24px;
}

/* ==========================================================================
   TABS
   ========================================================================== */

.home-hits__tabs{
    width:max-content;
    height:48px;

    display:flex;
    align-items:center;

    gap:4px;
    padding:2px;

    background:rgba(82,82,82,.08);
}

.home-hits__tab{
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 16px;

    border:0;
    border-radius:0;

    background:transparent;
    color:#A3A3A3;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;


    text-transform:uppercase;
    white-space:nowrap;

    cursor:pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.home-hits__tab:hover{
    color:#171717;
}

.home-hits__tab.is-active{
    background:#FFFFFF;
    color:#171717;
}

/* ==========================================================================
   PANELS
   ========================================================================== */

.home-hits__panels{
    width:100%;
}

.home-hits__panel{
    display:none;
    width:100%;
}

.home-hits__panel.is-active{
    display:block;
}

/* ==========================================================================
   TRACK
   ========================================================================== */

.home-hits__track{
    width:100%;

    display:flex;
    align-items:flex-start;

    gap:12px;

    overflow:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.home-hits__track::-webkit-scrollbar{
    display:none;
}

/* ==========================================================================
   PRODUCT CARD
   ========================================================================== */

.home-product-card{
    width:calc((100% - 36px) / 4);
    min-width:calc((100% - 36px) / 4);

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:20px;
}

/* ==========================================================================
   PRODUCT IMAGE
   ========================================================================== */

.home-product-card__image{
    position:relative;

    width:100%;
    aspect-ratio:1 / 1;

    display:block;

    overflow:hidden;

    border:1px solid rgba(82,82,82,.16);
    background:#F5F5F5;

    text-decoration:none;
}

.home-product-card__image img{
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:cover;
    object-position:center;

    transition:transform .45s ease;
}

.home-product-card__image:hover img{
    transform:scale(1.025);
}

/* ==========================================================================
   IMAGE BADGES
   ========================================================================== */

.home-product-card__badges{
    position:absolute;
    z-index:2;

    top:24px;
    left:24px;

    display:flex;
    align-items:flex-start;

    gap:8px;
}

.home-product-card__badge{
    min-height:28px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:4px 12px;

    border:1px solid rgba(82,82,82,.16);

    background:rgba(255,255,255,.8);
    color:#171717;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    white-space:nowrap;
}

/* ==========================================================================
   PRODUCT INFO
   ========================================================================== */

.home-product-card__info{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;
}

/* ==========================================================================
   STOCK
   ========================================================================== */

.home-product-card__stock{
    width:max-content;
    height:24px;

    display:inline-flex;
    align-items:center;

    gap:4px;
    padding:0 8px 0 4px;

    background:#C2EB00;
    color:#171717;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;
}

.home-product-card__stock svg{
    width:24px;
    height:24px;

    flex:0 0 24px;
}

/* ==========================================================================
   PRODUCT MAIN
   ========================================================================== */

.home-product-card__main{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:4px;
}

.home-product-card__name{
    width:100%;

    display:block;

    margin:0;
    padding:0;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:24px;
    line-height:28px;


    color:#171717;
    text-decoration:none;

    transform-origin:left center;


    transition:color .2s ease;
}
.home-product-card__name:hover{
    color:#6F8700;
}

/* ==========================================================================
   PRICES
   ========================================================================== */

.home-product-card__prices{
    width:100%;
    min-height:26px;

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:12px;
}

.home-product-card__price{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#171717;
    white-space:nowrap;
}

.home-product-card__old-price{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#A3A3A3;
    text-decoration:line-through;

    white-space:nowrap;
}

.home-product-card__discount{
    min-height:26px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:4px;

    background:rgba(239,68,68,.16);
    color:#171717;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    white-space:nowrap;
}

/* ==========================================================================
   SPECIFICATIONS
   ========================================================================== */

.home-product-card__specs{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:8px;
}

.home-product-card__spec{
    width:100%;
    height:18px;

    display:flex;
    align-items:flex-start;

    gap:8px;

    overflow:hidden;
}

.home-product-card__spec-label{
    flex:0 0 auto;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    color:#A3A3A3;

    white-space:nowrap;
}

.home-product-card__spec-value{
    min-width:0;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    color:#171717;
}

/* ==========================================================================
   FOCUS
   ========================================================================== */

.home-hits__tab:focus-visible,
.home-hits__arrow:focus-visible,
.home-hits__all:focus-visible,
.home-product-card__image:focus-visible,
.home-product-card__name:focus-visible{
    outline:2px solid #C2EB00;
    outline-offset:2px;
}
/* ==========================================================================
   HOME BRANDS MARQUEE
   ========================================================================== */

.home-brands,
.home-brands *,
.home-brands *::before,
.home-brands *::after{
    box-sizing:border-box;
}

.home-brands{
    width:100%;
    overflow:hidden;
    background:#FFFFFF;
}

.home-brands__container.container {
    padding-block: 40px;
}

.home-brands__viewport{
    position:relative;

    width:100%;
    height:109px;

    overflow:hidden;
}

/* Затемнение по краям */

.home-brands__viewport::before,
.home-brands__viewport::after{
    content:"";

    position:absolute;
    z-index:3;

    top:0;
    bottom:0;

    width:48px;

    pointer-events:none;
}

.home-brands__viewport::before{
    left:0;

    background:linear-gradient(
        90deg,
        #FFFFFF 0%,
        rgba(255,255,255,0) 100%
    );
}

.home-brands__viewport::after{
    right:0;

    background:linear-gradient(
        270deg,
        #FFFFFF 0%,
        rgba(255,255,255,0) 100%
    );
}

/* Движущийся трек */

.home-brands__track{
    width:max-content;
    height:100%;

    display:flex;
    align-items:center;

    will-change:transform;

    animation:
        homeBrandsMarquee
        var(--home-brands-duration, 30s)
        linear
        infinite;
}

/* Один полный набор логотипов */

.home-brands__group{
    flex:0 0 auto;

    height:100%;

    display:flex;
    align-items:center;

    gap:24px;
}

.home-brands__group + .home-brands__group{
    margin-left:16px;
}

/* Один бренд */

.home-brands__item{
    width:auto;
    max-width: 217px;
    height:109px;
    flex: 0 0 217px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    opacity:.4;
    text-decoration:none;
    transition:
        opacity .2s ease,
        transform .2s ease;
}

.home-brands__item:hover{
    opacity:1;
}

.home-brands__logo{
    display:block;

    width:auto;
    height:100%;

    max-width:100%;
    max-height:100%;

    object-fit:contain;
    object-position:center;

    filter:grayscale(100%);
    opacity:.45;

    transition:
        filter .25s ease,
        opacity .25s ease;

    -webkit-user-drag:none;
    user-select:none;
}
.home-brands__item:hover .home-brands__logo{
    filter:none;
    opacity:1;
}

/* Бесшовная прокрутка */

@keyframes homeBrandsMarquee{
    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(
            calc(-50% - 8px),
            0,
            0
        );
    }
}

/* Пауза при наведении */

.home-brands:hover .home-brands__track{
    animation-play-state:paused;
}

/* Фокус с клавиатуры */

.home-brands__item:focus-visible{
    outline:2px solid #C2EB00;
    outline-offset:-2px;
    opacity:1;
}

@media (prefers-reduced-motion:reduce){

    .home-brands__track{
        animation:none;
        transform:none;
    }

}

@media (max-width: 991px) {
    .home-brands__container.container {
        padding-block: 20px;
    }
}
/* ==========================================================================
   HOME SERVICES
   ========================================================================== */

.home-services,
.home-services *,
.home-services *::before,
.home-services *::after{
    box-sizing:border-box;
}

.home-services{
    width:100%;

    background:#FFFFFF;

    color:#171717;
}

.home-services__container{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
}

.home-services__container.container {
    padding-block: 72px;
}


/* ==========================================================================
   HEADING
   ========================================================================== */

.home-services__heading{
    margin: 0;
    padding: 0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    color:#171717;
    transform-origin:left center;
}


/* ==========================================================================
   CARDS WRAPPER
   ========================================================================== */

.home-services__cards{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:32px;
}


/* ==========================================================================
   MAIN CARD
   ========================================================================== */

.home-services__main{
    width:100%;
    display:grid;
    grid-template-columns:
        auto
        538px;
    gap:48px;
    align-items:start;
}


/* ==========================================================================
   SLIDER
   ========================================================================== */

.home-services-slider{
    position:relative;
    height:auto;
    aspect-ratio: 1154 / 700;
    overflow:hidden;
}

.home-services-slider__slides{
    position:relative;
    width:100%;
    height:100%;
}

.home-services-slider__slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
        opacity .4s ease,
        visibility 0s linear .4s;
}

.home-services-slider__slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:
        opacity .4s ease,
        visibility 0s linear 0s;
}

.home-services-slider__photo-trigger{
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
    text-align:left;
}

.home-services-slider__slide img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}


/* ==========================================================================
   SLIDER NAVIGATION
   ========================================================================== */

.home-services-slider__navigation{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:5;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transform:translateY(-50%);
    pointer-events:none;
}

.home-services-slider__arrow{
    width:48px;
    height:48px;
    flex:0 0 48px;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:0;
    background:#fff;
    color:#171717;
    cursor:pointer;
    pointer-events:auto;
    appearance:none;
    -webkit-appearance:none;
    transition:background-color .2s ease;
}

.home-services-slider__arrow:hover{
    background:rgba(255,255,255,.88);
}

.home-services-slider__arrow:disabled{
    opacity:.4;
    cursor:not-allowed;
}

.home-services-slider__arrow svg{
    display:block;
    width:24px;
    height:24px;
}


/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.home-services__main-content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
}


/* ==========================================================================
   MAIN HEAD
   ========================================================================== */

.home-services__main-head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}


/* ==========================================================================
   RECOMMEND TAG
   ========================================================================== */

.home-services__recommend{
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:3px 8px 3px 3px;
    background:#D2FF00;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;
    color:#171717;
}

.home-services__recommend svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
}


/* ==========================================================================
   MAIN TITLE
   ========================================================================== */

.home-services__main-title{
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    color:#171717;
    transform-origin:left center;
    margin: 0;
    padding: 0;
}


/* ==========================================================================
   MAIN DESCRIPTION
   ========================================================================== */

.home-services__main-description{
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#171717;
}

.home-services__main-description p{
    margin:0;
}

.home-services__main-description p + p{
    margin-top:10px;
}


/* ==========================================================================
   STATS
   ========================================================================== */

.home-services__stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.home-services-stat{
    padding:11px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    border:1px solid transparent;
    background-image:
        repeating-linear-gradient(
            to right,
            rgba(82,82,82,.16) 0,
            rgba(82,82,82,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to right,
            rgba(82,82,82,.16) 0,
            rgba(82,82,82,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(82,82,82,.16) 0,
            rgba(82,82,82,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(82,82,82,.16) 0,
            rgba(82,82,82,.16) 4px,
            transparent 4px,
            transparent 8px
        );
    background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
    background-size:8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position:top left, bottom left, left top, right top;
    gap: 20px;
}

.home-services-stat__name{
    width:100%;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#171717;
}

.home-services-stat__value{
    width:max-content;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    color:#171717;
    transform-origin:left bottom;
}


/* ==========================================================================
   MAIN BUTTON
   ========================================================================== */

.home-services__main-button{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:17px 24px;
    border:0;
    background:#D2FF00;
    cursor:pointer;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;
    text-decoration:none;
    color:#171717;
    transition:background-color .2s ease;
    width: 100%;
}

.home-services__main-button:hover{
    background:#C6F300;
    color:#171717;
}


/* ==========================================================================
   SECONDARY CARDS
   ========================================================================== */

.home-services__secondary{
    width:100%;
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:12px;
}


/* ==========================================================================
   SMALL CARD
   ========================================================================== */

.home-services-card{
    width:100%;

    margin:0;
    border:0;

    padding:24px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    background:#F5F5F5;
    color:#171717;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    transition:
        background-color .2s ease;
}

.home-services-card:hover{
    background:#E5E5E5;
    color:#171717;
}


/* ==========================================================================
   SMALL CARD TOP
   ========================================================================== */

.home-services-card__top{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.home-services-card__number{
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;   
    color:#A3A3A3;
}

.home-services-card__arrow{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFFFFF;
    color:#171717;
    transition:
        background-color .2s ease;
}

.home-services-card__arrow svg{
    display:block;
    width:24px;
    height:24px;
}


/* ==========================================================================
   SMALL CARD TITLE
   ========================================================================== */

.home-services-card__title{
    max-width:100%;
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    letter-spacing: -1.2px;
    color:#171717;
    transform-origin:left center;
}


/* ==========================================================================
   SMALL CARD DESCRIPTION
   ========================================================================== */

.home-services-card__description{
    width:100%;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;
    color:#737373;
}

@media(max-width: 1560px) {
    .home-services-slider {
        aspect-ratio: 674 / 408.84;
    }

    .home-services-card:last-child {
        .home-services-card__title {
            word-break: break-all;
            max-width: 5.5em;
        }
    }

    .home-services-card__description{
        max-width: 17em;
    }
}
@media(max-width: 1280px) {
    .home-services__secondary {
        grid-template-columns: 1fr 1fr;
    }

    .home-services-card:last-child {
        .home-services-card__title {
            word-break: normal;
            max-width:unset;
        }
    }

    .home-services-card__description{
        max-width: unset;
    }

    .home-services__main {
        display: flex;
        flex-direction: column;
    }

    .home-services-slider {
        width: 100%;
    }
}
@media(max-width: 991px) {
    .home-services__container.container {
        padding-block: 32px;
        gap: 32px;
    }

    .home-services__heading{
        padding: 5px 0;
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }

    .home-services-slider{
        aspect-ratio: auto;

        width: calc(100% + 32px);

        margin: 0 -16px;
        padding: 0 16px;
    }

    .home-services-slider__slides{
        display:flex;
        align-items:flex-start;

        gap:12px;

        height:auto;

        transition:transform .35s ease;
        will-change:transform;
    }

    .home-services-slider__slide{
        position:static;
        inset:auto;

        flex:0 0 362px;
        width:362px;
        height:auto;
        aspect-ratio: 362 / 221;

        opacity:1;
        visibility:visible;
        pointer-events:auto;

        transition:none;
    }

    .home-services-slider__navigation{
        display:none;
    }

    .home-services__main {
        gap: 24px;
    }

    .home-services__main-title {
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .home-services__main-content {
        gap: 20px;
        width: 100%;
    }

    .home-services__stats{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .home-services-stat {
        flex-direction: row;
        align-items: center;
    }

    .home-services-stat__name {
        width: fit-content;
    }

    .home-services-stat__value {
        min-width: 150px;
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .home-services__secondary {
        grid-template-columns: 1fr;
    }

    .home-services-card__title {
        font-size: 32px;
        line-height: 30px;
    }

    .home-services__main-description {
        max-width: 33em;
    }

    .home-services-stat:nth-child(2) {
        .home-services-stat__name {
            max-width: 6em;
        }
    }

    .home-services-stat:nth-child(3) {
        .home-services-stat__name {
            max-width: 6em;
        }
    }
}

@media(max-width: 402px) {
    .home-services__main-description {
        max-width: 22em;
    }

    .home-services-card__description {
        max-width: 20em;
    }
}

/* ==========================================================================
   WHERE BUY
   ========================================================================== */

.pm-where-buy,
.pm-where-buy *,
.pm-where-buy *::before,
.pm-where-buy *::after{
    box-sizing:border-box;
}

.pm-where-buy{
    width:100%;
    background:#000000;
    color:#FFFFFF;
}

.pm-where-buy__container{
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
}

.pm-where-buy__container.container {
    padding-block: 72px;
}


/* ==========================================================================
   TITLE
   ========================================================================== */

.pm-where-buy__title{
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    letter-spacing:-.6px;
    color:#FFFFFF;
    transform-origin:left center;
}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.pm-where-buy__content{
    display:grid;
    grid-template-columns:
        538px
        auto;
    column-gap:48px;
    align-items:start;
}


/* ==========================================================================
   LEFT CARD
   ========================================================================== */

.pm-where-buy__card{
    padding:24px;
    gap: 34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    background:transparent;
    border:1px solid transparent;
    background-image:
        repeating-linear-gradient(
            to right,
            rgba(255,255,255,.24) 0,
            rgba(255,255,255,.24) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to right,
            rgba(255,255,255,.24) 0,
            rgba(255,255,255,.24) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.24) 0,
            rgba(255,255,255,.24) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.24) 0,
            rgba(255,255,255,.24) 4px,
            transparent 4px,
            transparent 8px
        );
    background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
    background-size:8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position:top left, bottom left, left top, right top;
}


/* ==========================================================================
   CARD CONTENT
   ========================================================================== */

.pm-where-buy__metrics {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.pm-where-buy__head {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pm-where-buy__badge{
    width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:0;
    padding:3px 8px 3px 3px;
    background:#D2FF00;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;
    color:#171717;
}


/* ==========================================================================
   PHONE
   ========================================================================== */

.pm-where-buy__phone{
    display:block;
    margin:0 0 0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    color:#FFFFFF;
    text-decoration:none;
    white-space:nowrap;
    transform-origin:left center;
}


/* ==========================================================================
   INFORMATION GROUPS
   ========================================================================== */

.pm-where-buy__group{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    margin:0;
}


/* ==========================================================================
   LABEL
   ========================================================================== */

.pm-where-buy__label{
    width:100%;
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    color:#737373;
    transform-origin:left center;
}


/* ==========================================================================
   VALUE
   ========================================================================== */

.pm-where-buy__value{
    width:100%;
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:20px;
    line-height:24px;
    letter-spacing:-.8px;
    color:#FFFFFF;
}

.pm-where-buy__value--accent{
    color:#D2FF00;
}


/* ==========================================================================
   LIST
   ========================================================================== */

.pm-where-buy__list{
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
    list-style:none;
}

.pm-where-buy__list li{
    position:relative;
    width:100%;
    margin:0;
    padding:0 0 0 11px;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#FFFFFF;
}

.pm-where-buy__list li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#FFFFFF;
}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.pm-where-buy__button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:15px 24px;
    background:#D2FF00;
    color:#171717;
    text-decoration:none;
    transition:background-color .2s ease;
    width: 100%;
}

.pm-where-buy__button:hover{
    background:#C6F300;

    color:#171717;
}

.pm-where-buy__button-text{
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;
    color:#171717;
    transform-origin:center center;
}


/* ==========================================================================
   GOOGLE ICON
   ========================================================================== */

.pm-where-buy__button-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:Inter,sans-serif;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    color:#4285F4;
}


/* ==========================================================================
   PHOTO
   ========================================================================== */

.pm-where-buy__media{
    position:relative;
    height:stretch;
    overflow:hidden;
    background:#171717;
}


/*
 * Градиент снизу как в Figma.
 */

.pm-where-buy__media::after{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.8) 0%,
            rgba(0,0,0,0) 40.22%
        );
}

.pm-where-buy__image{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}


/* ==========================================================================
   PHOTO CAPTION
   ========================================================================== */

.pm-where-buy__caption{
    position:absolute;
    z-index:2;
    right:24px;
    bottom:24px;
    width:max-content;
    margin:0;
      font-family:"Roboto Flex Custom", sans-serif !important;
      font-style: italic !important;
      font-variation-settings:"wght" 700 !important;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;
    color:#FFFFFF;
    transform-origin:right center;
}

@media(max-width: 991px) {
    .pm-where-buy__container.container {
        padding-block: 32px;
        gap: 32px;
    }

    .pm-where-buy__content {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        width: 100%;
    }

    .pm-where-buy__title {
        font-size: 40px;
        line-height: 38px;
        padding: 5px 0;
        letter-spacing: -1.2px;
    }

    .pm-where-buy__media {
        height: 230px;
        width: 100%;
    }

    .pm-where-buy__caption {
        left: 16px;
        bottom: 16px;
        right: auto;
    }

    .pm-where-buy__card{
        width: 100%;
        gap: 32px;
    }

    .pm-where-buy__metrics {
        gap: 24px;
    }

    .pm-where-buy__phone {
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }

    .pm-where-buy__head{
        gap: 12px;
    }

    .pm-where-buy__list {
        gap: 8px;
    }
}

/* ==========================================================================
   HOME CHEAPER
   ========================================================================== */

.home-cheaper,
.home-cheaper *,
.home-cheaper *::before,
.home-cheaper *::after{
    box-sizing:border-box;
}

.home-cheaper{
    margin:0 auto;
    background:#F5F5F5;
    color:#171717;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.home-cheaper__header{
    width:100%;
    padding:72px 0 0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}


/* ==========================================================================
   TAG
   ========================================================================== */

.home-cheaper__tag{
    min-height:24px;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    gap:4px;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    padding-left: 4px;
    color:#171717;
}

.home-cheaper__tag-icon{
    display:block;
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#171717;
}


/* ==========================================================================
   MAIN TITLE
   ========================================================================== */

.home-cheaper__title{
    width:100%;
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    letter-spacing: -0.6px;
    color:#171717;
    transform-origin:left center;
}


/* ==========================================================================
   GRID
   ========================================================================== */

.home-cheaper__grid{
    width:100%;
    padding:48px 0 72px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap:48px;
    align-items:flex-start;
}


/* ==========================================================================
   VISUAL
   ========================================================================== */

.home-cheaper__visual{
    position:relative;
    overflow:hidden;
    background:transparent;
    height: 100%;
}

.home-cheaper__image{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}


/* ==========================================================================
   RIGHT CONTENT
   ========================================================================== */

.home-cheaper__content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
}


/* ==========================================================================
   METRICS
   ========================================================================== */

.home-cheaper__metrics{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}


/* ==========================================================================
   CARD
   ========================================================================== */

.home-cheaper-card{
    width:100%;
    padding:24px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    background:#E5E5E5;
}


/* ==========================================================================
   CARD HEAD
   ========================================================================== */

.home-cheaper-card__head{
    position:relative;
    width:100%;
    display:flex;
    align-items:flex-start;
    padding-right:55px;
}

/* ==========================================================================
   CARD TITLE
   ========================================================================== */

.home-cheaper-card__title{
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    letter-spacing: -1.2px;
    color:#171717;
    transform-origin:left top;
}


/* ==========================================================================
   NUMBER
   ========================================================================== */

.home-cheaper-card__number{
    position:absolute;
    top:0;
    right:0;

    display:block;

    margin:0;
    padding:0;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;

    font-size:40px;
    line-height:38px;


    color:#A3A3A3;


    transform-origin:right top;
}

/* ==========================================================================
   THIRD CARD TITLE + BADGE
   ========================================================================== */

.home-cheaper-card__title-group{

    display:inline-flex;
    flex-direction:row;
    align-items:center;

    gap:8px;
}


/* ==========================================================================
   BADGE
   ========================================================================== */

.home-cheaper-card__badge{
    height:24px;

    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    justify-content:center;
margin-left: 79px;
    padding:0 8px;

    background:#3B82F6;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;

    font-size:14px;
    line-height:18px;

    letter-spacing:-.3px;

    white-space:nowrap;

    color:#FFFFFF;
}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.home-cheaper-card__text{
    width:100%;
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    color:#171717;
}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.home-cheaper__button{
    height:56px;
    width: 100%;

    flex:0 0 56px;

    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

    padding:0 24px;

    border:0;
    cursor:pointer;

    background:#D2FF00;

    color:#171717;

    text-decoration:none;

    transition:
        background-color .2s ease;
}

.home-cheaper__button:hover{
    background:#C6F300;

    color:#171717;
}

.home-cheaper__button{
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;

    font-size:16px;
    line-height:22px;



    text-transform:uppercase;

}


/*
 * Сжимаем текст кнопки визуально,
 * но сама кнопка остаётся полной ширины.
 */

.home-cheaper__button{
    text-indent:0;
}

@media(max-width: 991px) {
    .home-cheaper__header{
        padding: 32px 0 0;
        gap: 12px;
    }

    .home-cheaper__title {
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }

    .home-cheaper__grid  {
        padding: 32px 0 32px;
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .home-cheaper__visual {
        height: 211px;
    }

    .home-cheaper__content {
        gap: 24px;
        min-width: 0;
    }

    .home-cheaper__metrics {
        gap: 12px;
        width: 100%;
    }

    .home-cheaper-card {
        gap: 16px;
        padding: 16px;
    }

    .home-cheaper-card__title,
    .home-cheaper-card__number {
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .home-cheaper-card__text {
        max-width: 43em;
    }
}

@media(max-width: 430px) {
    .home-cheaper-card__text {
        max-width: 20em;
    }
}

/* ==========================================================================
   HOME PREORDER
   ========================================================================== */

.home-preorder,
.home-preorder *,
.home-preorder *::before,
.home-preorder *::after{
    box-sizing:border-box;
}

.home-preorder{
    position:relative;
    margin:0 auto;
    overflow:hidden;
    isolation:isolate;
    background:#000000;
    color:#FFFFFF;
}


/* ==========================================================================
   DECORATIVE LOGO
   ========================================================================== */

.home-preorder__decor{
    position:absolute;
    z-index:0;
    left:0;
    top:61px;
    width: 664px;
    height: 435px;
    pointer-events:none;
    background:
        url("/upload/home/turbolemons-symbol.svg")
        center / contain
        no-repeat;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.home-preorder__header{
    position:relative;
    z-index:1;
    width:100%;
    padding:72px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
}


/* ==========================================================================
   MAIN TITLE
   ========================================================================== */

.home-preorder__title{
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    letter-spacing: -0.6px;
    color:#FFFFFF;
    transform-origin:center center;
}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.home-preorder__content{
    position:relative;
    z-index:2;
    width:100%;
    padding:48px 0 72px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:48px;
}


/* ==========================================================================
   CARDS
   ========================================================================== */

.home-preorder__cards{
    display:grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    gap:8px;
}


/* ==========================================================================
   CARD
   ========================================================================== */

.home-preorder-card{
    width:100%;
    padding:23px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    background:#000000;

    /*
     * Точный дэш 4px / гэп 4px - нативный border-style:dashed не
     * позволяет задать длину штриха и промежутка вручную (браузер
     * сам решает пропорции). Та же техника, что и в карточке товара
     * (.product-detail-spec, element.css) - имитация обводки через
     * четыре repeating-linear-gradient, по одному на каждую сторону.
     */
    border:1px solid transparent;

    background-image:
        repeating-linear-gradient(
            to right,
            rgba(255,255,255,.16) 0,
            rgba(255,255,255,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to right,
            rgba(255,255,255,.16) 0,
            rgba(255,255,255,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.16) 0,
            rgba(255,255,255,.16) 4px,
            transparent 4px,
            transparent 8px
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,.16) 0,
            rgba(255,255,255,.16) 4px,
            transparent 4px,
            transparent 8px
        );

    background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
    background-size:8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position:top left, bottom left, left top, right top;
}


/* ==========================================================================
   CARD TITLE
   ========================================================================== */

.home-preorder-card__title{
    max-width:100%;
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    letter-spacing: -1.2px;
    color:#FFFFFF;
    transform-origin:left center;
}


/* ==========================================================================
   CARD TEXT
   ========================================================================== */

.home-preorder-card__text{
    width:100%;
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#A3A3A3;
}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.home-preorder__button{
    height:56px;
    flex:0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border:0;
    cursor:pointer;
    background:#D2FF00;
    color:#171717;
    text-decoration:none;
    transition:
        background-color .2s ease,
        transform .2s ease;
}

.home-preorder__button:hover{
    background:#C6F300;

    color:#171717;
}


/* ==========================================================================
   BUTTON TEXT
   ========================================================================== */

.home-preorder__button-text{
    display:block;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    text-transform:uppercase;
    white-space:nowrap;
    color:#171717;
    transform-origin:center center;
}

@media (max-width:991px) {
    .home-preorder__decor {
        display: none;
    }

    .home-preorder__header{
        padding: 32px 0 0;
        justify-content: flex-start;
    }

    .home-preorder__title {
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }

    .home-preorder__content{
        padding: 32px 0;
        gap: 32px;
    }

    .home-preorder__cards {
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
    }

    .home-preorder-card {
        padding: 15px;
        gap: 16px;
    }

    .home-preorder-card__title {
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .home-preorder__button {
        width: 100%;
    }
}

@media(max-width: 440px) {
    .home-preorder-card__text {
        letter-spacing: normal;
    }
}

/* ==========================================================================
   HOME NEWS
   ========================================================================== */

.home-news,
.home-news *,
.home-news *::before,
.home-news *::after{
    box-sizing:border-box;
}

.home-news{
    width:100%;
    margin:0 auto;
    padding-block:72px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
    background:#FFFFFF;
    color:#171717;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.home-news__header{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom: 48px;
}


/* ==========================================================================
   HEADING
   ========================================================================== */

.home-news__heading{
    margin:0;
    padding:0;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    color:#171717;
    transform-origin:left center;
}


/* ==========================================================================
   ALL NEWS
   ========================================================================== */

.home-news__all{
    flex:0 0 auto;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#A3A3A3;
    text-decoration:none;
    transition:color .2s ease;
}

.home-news__all:hover{
    color:#171717;
}


/* ==========================================================================
   GRID
   ========================================================================== */

.home-news__grid{
    width: 100%;
    display:grid;
    grid-template-columns:
        1158fr
        570fr;
    gap:12px;
    align-items:flex-start;
}


/* ==========================================================================
   MAIN NEWS
   ========================================================================== */

.home-news-main{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
}


/* ==========================================================================
   MAIN IMAGE
   ========================================================================== */

.home-news-main__image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio: 1158 / 634.19;
    overflow:hidden;
    background:#E5E5E5;
    border:
        1px solid
        rgba(82,82,82,.16);
    text-decoration:none;
}

.home-news-main__image img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
    transition:
        transform .4s ease;
}

.home-news-main__image:hover img{
    transform:scale(1.015);
}


/* ==========================================================================
   MAIN INFO
   ========================================================================== */

.home-news-main__info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
}

.home-news-main__top{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}


/* ==========================================================================
   TAG
   ========================================================================== */

.home-news__tag{
    width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:3px 8px;
    background:
        rgba(
            82,
            82,
            82,
            .08
        );
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;
    white-space:nowrap;
    color:#171717;
}


/* ==========================================================================
   MAIN TITLE
   ========================================================================== */

.home-news-main__title{
    display:block;
    width:100%;
    overflow:hidden;
    color:#171717;
    text-decoration:none;
    transition: .3s ease;
}

.home-news-main__title::after{
    content:"";
    position:absolute;
    inset:0;
}

.home-news-main__title span{
    display:block;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    letter-spacing: -1.2px;
    color:#171717;
    transform-origin:left top;
        display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* ==========================================================================
   META
   ========================================================================== */

.home-news__meta{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    color:#A3A3A3;
    white-space:nowrap;
}

.home-news__meta-divider{
    color:#A3A3A3;
}


/* ==========================================================================
   RIGHT COLUMN
   ========================================================================== */

.home-news__side{
    width:100%;
}

.home-news__side-track{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:12px;
}


/* ==========================================================================
   SIDE CARD
   ========================================================================== */

.home-news-side-card{
    position:relative;
    display:grid;
    grid-template-columns:
        1fr 1fr;
    gap:12px;
    align-items:stretch;
}


/* ==========================================================================
   SIDE IMAGE
   ========================================================================== */

.home-news-side-card__image{
    position:relative;
    display:block;
    aspect-ratio: 280 / 188;
    overflow:hidden;
    background:#E5E5E5;
    border:
        1px solid
        rgba(82,82,82,.16);

    text-decoration:none;
}

.home-news-side-card__image img{
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:cover;
    object-position:center;

    transition:
        transform .35s ease;
}

.home-news-side-card:hover .home-news-side-card__image img,
.home-news-main:hover .home-news-main__image img {
    transform:scale(1.025);
}

.home-news-side-card:hover .home-news-side-card__title,
.home-news-main:hover .home-news-main__title {
    opacity: 0.8;
}


/* ==========================================================================
   PLAY BUTTON
   ========================================================================== */

.home-news__play{
    position:absolute;
    left:50%;
    top:50%;

    z-index:2;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        .8px solid
        rgba(82,82,82,.16);

    border-radius:50%;

    background:
        rgba(
            255,
            255,
            255,
            .8
        );

    backdrop-filter:
        blur(6.4px);

    -webkit-backdrop-filter:
        blur(6.4px);

    color:#171717;

    transform:
        translate(
            -50%,
            -50%
        );
}

.home-news__play svg{
    display:block;

    width:20px;
    height:20px;
}


/* ==========================================================================
   SIDE INFO
   ========================================================================== */

.home-news-side-card__info{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
}


/* ==========================================================================
   SIDE TOP
   ========================================================================== */

.home-news-side-card__top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}


/* ==========================================================================
   SIDE TITLE
   ========================================================================== */

.home-news-side-card__title{
    display:block;
    overflow:hidden;
    color:#171717;
    text-decoration:none;
    transition: .3s ease;
}

.home-news-side-card__title::after{
    content:"";
    position:absolute;
    inset:0;
}

.home-news-side-card__title span{
    display:block;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:24px;
    line-height:28px;
    color:#171717;
    transform-origin:left top;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* ==========================================================================
   LINKS
   ========================================================================== */

.home-news__all--mobile{
    display:none;
}

@media(max-width: 1560px){
    
    .home-news-side-card__image {
        aspect-ratio: 218 / 146;
    }

    
    .home-news__grid {
        grid-template-columns: 800fr 448fr;
    }
}

@media(max-width: 991px){
    .home-news__header .home-news__all{
        display:none;
    }

    .home-news__all--mobile{
        width:100%;
        height:56px;

        margin:0;
        padding:0 24px;

        display:flex;
        align-items:center;
        justify-content:center;

        background:rgba(82,82,82,.08);

        font-family:"Roboto Flex Custom", sans-serif !important;
        font-style: italic !important;
        font-variation-settings:"wght" 700 !important;
        -webkit-font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        font-weight:700;
        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
        text-transform:uppercase;

        color:#171717;
        text-decoration:none;

        transition:background-color .2s ease;
        margin-top: 32px;
    }

    .home-news__all--mobile:hover{
        background:rgba(82,82,82,.14);
    }

    .home-news__grid {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .home-news__side{
        width: calc(100% + 32px);

        margin: 0 -16px;
        padding: 0 16px;

        overflow: hidden;
    }

    .home-news__side-track{
        flex-direction: row;
        align-items: flex-start;

        transition: transform .35s ease;
        will-change: transform;
    }

    .home-news-side-card{
        width: 320px;
        min-width: 320px;
        flex: 0 0 320px;
        flex-direction: column;
        display: flex;
    }

    .home-news {
        padding-block: 32px;
    }

    .home-news__heading{
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }

    .home-news__header{
        margin-bottom: 32px;
    }

    .home-news-main__image {
        aspect-ratio: 736 / 403;
    }

    .home-news__side {
        flex-direction: row;
        display: flex;
    }

    .home-news-main__title span{
        font-size: 32px;
        line-height: 30px;
        letter-spacing: -1px;
    }

    .home-news-side-card__title span {
        font-size: 20px;
        line-height: 24px;
    }

    .home-news-side-card__info {
        gap: 20px;
    }

    .home-news-side-card__image {
        aspect-ratio: 320 / 176;
    }
}


/* ==========================================================================
   HOME EVENTS ("Мероприятия Turbolemons Racing Team")
   ========================================================================== */

.home-events,
.home-events *,
.home-events *::before,
.home-events *::after{
    box-sizing:border-box;
}

.home-events{
    width:100%;

    background:#FFFFFF;
    color:#171717;
}

.home-events__container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
}

.home-events__container.container {
    padding-block: 72px;
}

.home-events__header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.home-events__heading{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:8px;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:56px;
    line-height:50px;
    letter-spacing: -0.6px;
    color:#171717;
}

.home-events__all{
    flex:0 0 auto;
    font-family:Inter,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:22px;
    letter-spacing:-.4px;
    color:#A3A3A3;
    text-decoration:none;
    transition:color .2s ease;
}

.home-events__all:hover{
    color:#171717;
}

/*
 * Мобильная копия кнопки "Все мероприятия" - в шапке блока на этом
 * разрешении её нет (см. @media(max-width:991px) ниже), она уходит
 * вниз секции и по стилю становится как .product-bought-together__all.
 */
.home-events__all--mobile{
    display:none;
}

/* ==========================================================================
   GRID
   ========================================================================== */

.home-events__grid{
    width:100%;
    display:flex;
    align-items:flex-start;
    gap: 12px;
}

.home-event-card{
    flex:0 0 calc((100% - 12*4px)/5);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    background: #f5f5f5;
    padding: 24px;
    position: relative;
    min-width: 0;
    align-self: stretch;
    transition: .3s ease;
}

.home-event-card__top{
    display:flex;
    align-items:center;
    gap:8px;
}

.home-event-card__status{
    padding:3px 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(82,82,82,.16);
    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:18px;
    letter-spacing:-.3px;
    color:#171717;
    white-space:nowrap;
}

.home-event-card__status--upcoming{
    background:#D2FF00;
}

.home-event-card__place{
    width:52px;
    height:52px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:12px;
    clip-path:polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
    background:linear-gradient(180deg, #8A8A8A 0%, #D9D9D9 100%);
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:600;
    font-size:18px;
    line-height: 24px;
    line-height:1;
    color:#FFFFFF;
    position: absolute;
    top: 0;
    right: 20px;
}

/* Цвет баджа зависит от занятого места */

.home-event-card__place--1{
    background:linear-gradient(180deg, #EBBD03 0%, #FFDB4A 100%);
}

.home-event-card__place--2{
    background:linear-gradient(180deg, #A7A7A7 0%, #DFDFDF 100%);
}

.home-event-card__place--3{
    background:linear-gradient(180deg, #D08300 0%, #F59E0B 100%);
}

.home-event-card__image{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    border-radius:50%;
    overflow:hidden;
    background:#F5F5F5;
}

.home-event-card__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .4s ease;
}

.home-event-card:hover img{
    transform:scale(1.05);
}

.home-event-card__info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.home-event-card__meta{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px;
    letter-spacing:-.3px;
    color:#A3A3A3;
}

.home-event-card__meta-dot{
    margin:0 2px;
    color:#D4D4D4;
}

.home-event-card__title{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:40px;
    line-height:38px;
    color:#171717;
    text-decoration:none;
}

.home-event-card:hover {
    background: #e5e5e5;

    .home-event-card__title{
        opacity: .8;
    }
}

/* ==========================================================================
   STATS (вторая, статичная карточка - счётчик + логотипы)
   ========================================================================== */

.home-event-stats{
    flex:0 0 calc((100% - 12 * 4px) / 5);
    align-self:stretch;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding: 12px;
    box-sizing:border-box;
}

.home-event-stats__logos{
    display:flex;
    align-items:center;
}

.home-event-stats__logo{
    width:48px;
    height:48px;
    flex:0 0 auto;
    margin-left:-8px;
    border-radius:50%;
    overflow:hidden;
    background:#171717;
    border:1px solid #FFFFFF;
}

.home-event-stats__logo:first-child{
    margin-left:0;
}

.home-event-stats__logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.home-event-stats__count{
    display:flex;
    gap:4px;
    margin-top:auto;
}

.home-event-stats__number{
    font-family:"Inter", sans-serif;
    font-weight:500;
    font-variation-settings:"wght" 700;
    font-size:56px;
    line-height:50px;
    letter-spacing: -1.5px;
    color:#171717;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-event-stats__label{
    font-family:Inter,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:22px;
    color:#A3A3A3;
}

/* ==========================================================================
   SLIDER (предстоящие мероприятия)
   ========================================================================== */

.home-events-slider{
    position:relative;

    flex:1 1 auto;
    min-width:0;
}

.home-events-slider__viewport{
    width:100%;
    overflow:hidden;
}

.home-events-slider__track{
    display:flex;
    align-items:flex-start;
    gap:12px;
    transition:transform .35s ease;
    will-change:transform;
}

.home-events-slider .home-event-card {
    flex: 0 0 calc((100% - 12 * 2px) / 3);
}

.home-events-slider__arrow{
    position:absolute;
    top:50%;
    z-index:5;

    flex:0 0 48px;
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:0;
    background:#fff;
    color:#171717;
    cursor:pointer;
    transition:background-color .2s ease;

    transform:translateY(-50%);
}

.home-events-slider__arrow--prev{
    left:0;
}

.home-events-slider__arrow--next{
    right:0;
}

.home-events-slider__arrow:not(:disabled):hover{
    background:rgba(82,82,82,.12);
}

.home-events-slider__arrow:disabled{
    opacity:.4;
    cursor:not-allowed;
}

@media(max-width: 1560px){
    .home-event-card,
    .home-event-stats{
        flex: 0 0 calc((100% - 12 * 3px) / 4);
    }

    .home-events-slider .home-event-card {
        flex: 0 0 calc((100% - 12 * 1px) / 2);
    }
}

@media(max-width: 991px){
    .home-events__container.container {
        padding-block: 32px;
        gap: 32px;
    }

    .home-events__header .home-events__all{
        display:none;
    }

    .home-events__all--mobile{
        width:100%;
        height:56px;

        margin:0;
        padding:0 24px;

        display:flex;
        align-items:center;
        justify-content:center;

        background:rgba(82,82,82,.08);

        font-family:"Roboto Flex Custom", sans-serif !important;
        font-style: italic !important;
        font-variation-settings:"wght" 700 !important;
        -webkit-font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        font-weight:700;
        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
        text-transform:uppercase;

        color:#171717;
        text-decoration:none;

        transition:background-color .2s ease;
    }

    .home-events__all--mobile:hover{
        background:rgba(82,82,82,.14);
    }

    .home-events__heading {
        font-size: 40px;
        line-height: 38px;
        letter-spacing: -1.2px;
        align-items: flex-start;
    }

    .home-events__grid {
        flex-direction: column;
        gap: 32px;
    }

    .home-event-card__info {
        width: 100%;
    }

    .home-event-card__title{
        font-size: 32px;
        line-height: 35px;
    }

    .home-event-stats {
        flex: 0 0 100%;
        padding: 12px 0;
    }

    .home-event-stats__count{
        margin-top: 28px;
    }

    /*
     * Grid стал колоночным (flex-direction:column) - без явной ширины
     * .home-events-slider тут не стрейчится по cross-axis (grid всё ещё
     * align-items:flex-start) и раздувается по max-content своего
     * нескролящегося трека с карточками, из-за чего он вылезает за
     * пределы экрана и getMaxOffset() в JS всегда 0 - свайп физически
     * нечего было листать.
     */
    .home-events-slider {
        width: 100%;
    }

    .home-events-slider__viewport{
        width: calc(100% + 32px);

        margin: 0 -16px;
        padding: 0 16px;
    }

    .home-events-slider__arrow {
        display: none;
    }

    .home-events-slider .home-event-card {
        flex: 0 0 338.4px;
    }
}

@media(max-width: 600px){
    
}
/* End */


/* Start:/local/templates/turbolemons-template/css/buy-modal.css?17879250078370*/
.buy-modal,
.buy-modal *,
.buy-modal *::before,
.buy-modal *::after{
    box-sizing:border-box;
}

.buy-modal{
    position:fixed;
    inset:0;

    z-index:2000;

    display:none;
    align-items:center;
    justify-content:center;

    padding:32px;
}

.buy-modal.is-open{
    display:flex;
}

.video-modal__backdrop{
    position:absolute;
    inset:0;

    background:rgba(23,23,23,.72);

    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);

    cursor:pointer;
}

.video-modal__close{
    position:absolute;
    top: 0;
    right: -12px;
    transform: translateX(100%);
    z-index:1;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFFFFF;
    color:#171717;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    transition:opacity .2s ease;
}

.video-modal__close:hover{
    opacity:.88;
}

@media(max-width: 1560px) {

    .photo-modal .video-modal__close {
        right: 0;
        top: -12px;
        transform: translateY(-100%);
    }
}

@media(max-width: 991px) {

    .photo-modal .video-modal__close {
        right: 16px;
        top: 16px;
        transform: none;
        background: rgba(107, 114, 128, 0.12);
    }
}

.buy-modal__box{
    position:relative;

    width:100%;
    max-width:400px;

    background:#FFFFFF;

    padding:24px;
}

.buy-modal__box .video-modal__close{
    transform: none;
    right: 24px;
    top: 24px;
    background: rgba(107, 114, 128, .12);
    transition: .3s ease;
}

.buy-modal__box .video-modal__close:hover{
    background: rgba(82, 82, 82, .12);
}

.buy-modal__title{
    margin:0 0 4px;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:700;
    font-size:24px;
    line-height:28px;
    letter-spacing:-.8px;

    color:#171717;
}

.buy-modal__subtitle{
    margin:0 0 28px;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:18px;

    color:#737373;
}

.buy-modal__box form{
    display:flex;
    flex-direction:column;

    gap:8px;
    margin: 0;
}

.buy-modal .pm-cart-field .pm-cart-label{
    position:absolute;
    left:12px;
    top:50%;

    transform:translateY(-50%);

    opacity:1;
    visibility:visible;

    font-size:16px;
    line-height:20px;

    color:#A3A3A3;

    transition:
        font-size .15s ease,
        top .15s ease,
        transform .15s ease;
}

.buy-modal .pm-cart-input:focus ~ .pm-cart-label,
.buy-modal .pm-cart-input:not(:placeholder-shown) ~ .pm-cart-label{
    top:10px;
    transform:translateY(0);

    font-size:12px;
    line-height:14px;
}

.buy-modal__box form .pm-cart-field{
    border-radius: 0;
}

.buy-modal__box form .pm-phone-prefix{
    border-radius: 0;
}

.buy-modal__box form .pm-cart-policy__label{
    margin: 8px 0;
}

.pm-required-mark{
    color:#EF4444;

    transition:color .15s ease;
}

.buy-modal .pm-cart-input:focus ~ .pm-cart-label .pm-required-mark,
.buy-modal .pm-cart-input:not(:placeholder-shown) ~ .pm-cart-label .pm-required-mark{
    color:inherit;
}

.buy-modal__phone-field{
    position:relative;

    flex:1;
    height:100%;
}

.buy-modal__phone-field .pm-phone-input{
    position:relative;
    z-index:1;

    width:100%;
    height:100%;

    background:transparent;
}

.buy-modal__phone-placeholder{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;

    padding:0 12px;

    font-family:Gilroy,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:20px;

    color:#737373;

    pointer-events:none;
}

.buy-modal__phone-placeholder.is-hidden{
    display:none;
}

.buy-modal__phone-placeholder .pm-required-mark{
    margin-left:1px;
}

.buy-modal__submit{
    width:100%;
    height:56px;

    margin:20px 0 0;
    padding:0 24px;

    border:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#C2EB00;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    text-transform:uppercase;

    color:#171717;

    cursor:pointer;

    transition:background-color .2s ease;
}

.buy-modal__submit:hover{
    background:#B4DB00;
}

.buy-modal__submit:disabled{
    opacity:.6;
    cursor:wait;
}

/*
 * Чекбокс согласия в этой модалке - свой цвет/галочка (лайм + чёрная
 * галочка), а не синий/белый вариант из cart.css.
 */
.buy-modal .pm-cart-policy input:checked + .pm-cart-policy__check{
    background-color:#D2FF00;
    border-color:#D2FF00;
}

.buy-modal .pm-cart-policy input:checked + .pm-cart-policy__check::after{
    content:"";

    width:100%;
    height:100%;

    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.57929 12C7.37919 12 7.18909 11.9219 7.04902 11.7851L4.21761 9.02128C3.92746 8.73805 3.92746 8.26927 4.21761 7.98605C4.50775 7.70283 4.98799 7.70283 5.27814 7.98605L7.57929 10.2323L12.7219 5.21242C13.012 4.92919 13.4922 4.92919 13.7824 5.21242C14.0725 5.49564 14.0725 5.96442 13.7824 6.24765L8.10955 11.7851C7.96948 11.9219 7.77939 12 7.57929 12Z' fill='black'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px 14px;

    font-size:0;
}

.buy-modal__success-step[hidden]{
    display:none;
}

.buy-modal__success-step{
    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;
    margin-top: 80px;
}

.buy-modal__success-icon{
    width:64px;
    height:64px;

    margin-bottom:16px;
}

.buy-modal__success-title{
    margin-bottom:8px;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:700;
    font-size:18px;
    line-height:24px;

    color:#171717;
}

.buy-modal__success-text{
    margin-bottom:59px;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:22px;

    color:#737373;
}

@media(max-width:991px){

    .buy-modal{
        display:flex;
        align-items:flex-end;

        padding:0;

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            opacity .25s ease,
            visibility .25s ease;
    }

    .buy-modal.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .buy-modal__box{
        width:100%;
        max-width:100%;
        max-height:88vh;

        overflow-y:auto;

        transform:translateY(100%);
        transition:transform .3s ease;
    }

    .buy-modal.is-open .buy-modal__box{
        transform:translateY(0);
    }

}

.pm-cart-field-wrap--readonly .pm-cart-field{
    cursor:default;
}

.pm-cart-field-wrap--readonly .pm-cart-field:hover{
    background:rgba(107,114,128,.12);
}

.pm-cart-field-wrap--readonly .pm-cart-input:disabled{
    cursor:default;

    color:#525252;
    -webkit-text-fill-color:#525252;
    opacity:1;

    padding-top:14px;
}

.pm-cart-field-wrap--readonly {
    opacity: 0.4;
}

.pm-cart-field-wrap--readonly .pm-cart-label{
    top:10px;
    transform:translateY(0);

    font-size:12px;
    line-height:14px;
}


/* ==========================================================================
   Счётчик количества
   ========================================================================== */

.buy-modal__qty{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:56px;
    padding:0 12px;
    background:rgba(82, 82, 82, .08);
}

.buy-modal__qty-btn{
    width:24px;
    height:24px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    background:none;
    font-size:16px;
    line-height: 22px;
    font-weight: 400;
    color:#171717;
    cursor:pointer;
    padding: 0;
}

.buy-modal__qty-center{
    display:flex;
    align-items:baseline;
    justify-content:center;

    gap:4px;
}

.buy-modal__qty-value{
    font-size:16px;
    font-weight:500;
    line-height:20px;

    color:#171717;
}

.buy-modal__qty-suffix{
    font-size:16px;
    font-weight:500;
    line-height:20px;

    color:#171717;
}

/* End */


/* Start:/local/templates/turbolemons-template/css/catalog-product-card.css?178820185620450*/
.catalog-product-card {
    width: 100%;
    min-width: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;

    gap: 20px;

    padding: 0;
    margin: 0;

    background: #FFFFFF;
}


/* ==========================================================================
   Product image
   ========================================================================== */

.catalog-product-card__media {
    position: relative;

    display: block;

    width: 100%;
    height: auto;
    aspect-ratio: 572 / 556;

    overflow: hidden;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border: 1px solid rgba(82, 82, 82, 0.16);
    background: #F5F5F5;

    text-decoration: none;

    isolation: isolate;
}

.catalog-product-card__image {
    display: block;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.catalog-product-card__image--hover{
    position:absolute;
    inset:0;

    opacity:0;

    transition:opacity .25s ease;
}

.catalog-product-card:hover .catalog-product-card__image--hover{
    opacity:1;
}

.catalog-product-card:hover .catalog-product-card__title{
    opacity:.8;
}


/* ==========================================================================
   Image badges
   ========================================================================== */

.catalog-product-card__badges {
    position: absolute;
    top: 24px;
    left: 24px;

    z-index: 2;

    max-width: calc(100% - 48px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    gap: 8px;
}

.catalog-product-card__badge {
    height: 28px;

    padding: 4px 12px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border: 1px solid rgba(82, 82, 82, 0.16);

    background: rgba(255, 255, 255, 0.8);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.3px;

    color: #171717;

    white-space: nowrap;
}


/* ==========================================================================
   Product information
   ========================================================================== */

.catalog-product-card__bottom {
    position: relative;

    width: 100%;

    display: block;
}

.catalog-product-card__info {
    width: calc(100% - 64px);
    min-width: 0;
    height: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    gap: 16px;
}

.catalog-product-card__bottom:has(.catalog-product-card__colors) .catalog-product-card__info {
    margin-bottom: 52px;
}


/* ==========================================================================
   Availability
   ========================================================================== */

.catalog-product-card__availability {
    height: 24px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.3px;

    color: #171717;
}

.catalog-product-card__availability.is-stock {
    padding: 0 8px;

    gap: 4px;

    background: #D2FF00;
}

.catalog-product-card__availability.is-order {
    padding: 3px 8px;

    background: #F5F5F5;
}

.catalog-product-card__availability svg {
    width: 24px;
    height: 24px;

    -webkit-box-flex: 0;

        -ms-flex: none;

            flex: none;
}


/* ==========================================================================
   Product title and prices
   ========================================================================== */

.catalog-product-card__main {
    width: 100%;
    min-width: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    gap: 4px;
}

.catalog-product-card__title{
    display:block;

    width:100%;
    min-width:0;

    overflow:hidden;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:24px;
    line-height:28px;

    color:#171717;

    text-decoration:none;

    white-space:nowrap;
    text-overflow:ellipsis;

    transition:opacity .2s ease;

    -webkit-transform-origin:left top;

        -ms-transform-origin:left top;

            transform-origin:left top;

}
.catalog-product-card__title:hover {
    text-decoration: none;
}

.catalog-product-card__prices {
    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

    gap: 12px;
}

.catalog-product-card__price,
.catalog-product-card__old-price {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.4px;

    white-space: nowrap;
}

.catalog-product-card__price {
    color: #171717;
}

.catalog-product-card__old-price {
    color: #A3A3A3;

    text-decoration-line: line-through;
}

.catalog-product-card__discount {
    height: 26px;

    padding: 4px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    background: rgba(239, 68, 68, 0.16);

    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;

    color: #171717;

    white-space: nowrap;
}


/* ==========================================================================
   Product specifications
   ========================================================================== */

.catalog-product-card__specs {
    width: 100%;
    min-height: 70px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    gap: 8px;
}

.catalog-product-card__spec {
    width: 100%;
    min-height: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    gap: 8px;
}

.catalog-product-card__spec-name,
.catalog-product-card__spec-value {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;
}

.catalog-product-card__spec-name {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;

    font-weight: 400;

    color: #A3A3A3;
}

.catalog-product-card__spec-value {
    min-width: 0;

    overflow: hidden;

    font-weight: 500;

    color: #171717;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ==========================================================================
   Elements positioned inside the lower card
   ========================================================================== */

.catalog-product-card__side {
    position: static;

    width: 0;
    height: 0;
    min-height: 0;
}

.catalog-product-card__action {
    position: absolute;
    top: 0;
    right: 0;

    width: 56px;
    height: 56px;

    padding: 0;
    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    border: 0;
    border-radius: 0;

    background: #D2FF00;

    color: #171717;

    cursor: pointer;
}

.catalog-product-card__action:hover {
    background: #C6F300;
}

.catalog-product-card__action svg {
    width: 24px;
    height: 24px;
}

.catalog-product-card__colors {
    position: absolute;
    left: 4px;
    bottom: 4px;

    max-width: calc(100% - 64px - 4px);
    height: 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    gap: 8px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
}

.catalog-product-card__color {
    width: 32px;
    height: 32px;

    -webkit-box-flex: 0;

        -ms-flex: none;

            flex: none;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border: 1px solid rgba(23, 23, 23, 0.12);
    border-radius: 50%;

    cursor: pointer;
}

.catalog-product-card__color.is-selected {
    outline: 1.5px solid #171717;
    outline-offset: 2px;
}


/* ==========================================================================
   Product card — list purchase panel (только для is-list-view)
   ========================================================================== */

.catalog-product-card__list-purchase {
    display: none;
}

.catalog-product-card__list-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 6px;
}

.catalog-product-card__list-price-label {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

    color: #A3A3A3;
}

.catalog-product-card__list-price-value {
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;

    color: #171717;

    white-space: nowrap;
}

.catalog-product-card__cart,
.catalog-product-card__buy {
    width: 220px;
    height: 48px;

    padding: 0 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    border: 0;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;
    text-transform: uppercase;

    color: #171717;

    cursor: pointer;
}

.catalog-product-card__cart {
    background: #D2FF00;
}

.catalog-product-card__cart:hover {
    background: #C2EB00;
}

.catalog-product-card__cart.is-loading {
    opacity: .65;
    cursor: wait;
}

.catalog-product-card__cart.is-added {
    background: #171717;
    color: #FFFFFF;
}

.catalog-product-card__cart.is-added:hover {
    background: #262626;
}

.catalog-product-card__cart.is-error {
    background: #EF4444;
    color: #FFFFFF;
}

.catalog-product-card__buy {
    background: rgba(82, 82, 82, 0.08);
}

.catalog-product-card__buy:hover {
    background: rgba(82, 82, 82, 0.14);
}

@media(max-width:991px){
    .catalog-product-card__title {
        font-size: 20px;
        line-height: 22px;
    }
}


/* ==========================================================================
   PRODUCT-BOUGHT-TOGETHER — обёртка слайдера (вкладки + карусель)
   ========================================================================== */

.product-bought-together,
.product-bought-together *,
.product-bought-together *::before,
.product-bought-together *::after{
    box-sizing:border-box;
}

.product-bought-together{
    width:100%;

    background:transparent;
    color:#171717;
}

.product-bought-together__container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
}

.product-bought-together__container.container{
    padding-top:72px;
    padding-bottom:72px;
}

.product-bought-together__top{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:32px;
}

.product-bought-together__heading{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;
}

.product-bought-together__title{
    width:max-content;

    margin:0;
    padding:0;

    font-family:"Roboto Flex",sans-serif;
    font-style:italic;
    font-weight:900;
    font-size:56px;
    line-height:50px;
    letter-spacing:-2px;

    color:#171717;

    transform:scaleX(.82);
    transform-origin:left center;

    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.product-bought-together__title {
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    transform: none;
    letter-spacing: -1.2px;
    font-weight: 700;
}

.product-bought-together__controls{
    display:flex;
    align-items:center;

    gap:8px;
}

.product-bought-together__arrow{
    width:48px;
    height:48px;

    flex:0 0 48px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0;
    padding:0;

    border:0;
    border-radius:0;

    background:rgba(82,82,82,.08);
    color:#171717;

    cursor:pointer;

    transition:background-color .2s ease;
}

.product-bought-together__arrow:disabled{
    opacity: .4;
    cursor: not-allowed;
}

.product-bought-together__arrow:not(:disabled):hover{
    background:rgba(82,82,82,.12);
}

.product-bought-together__arrow svg{
    display:block;

    width:24px;
    height:24px;
}

/* Табы категорий */

.product-bought-together__tabs{
    width:fit-content;
    display:flex;
    align-items:center;
    gap:4px;
    padding:2px;
    background:rgba(82,82,82,.08);
}

.product-bought-together__tab{
    margin:0;
    padding:11px 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:0;
    background:transparent;
    cursor:pointer;
    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-size:16px;
    font-weight:700;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    line-height:22px;
    letter-spacing:-.4px;
    text-transform:uppercase;
    color:#A3A3A3;
    transition:all .2s ease;
}

.product-bought-together__tab:hover{
    background:rgba(82,82,82,.08);
}

.product-bought-together__tab.is-active{
    background:#FFFFFF;

    color:#171717;
}

.product-bought-together__viewport{
    width:100%;

    display:none;

    overflow:hidden;
}

.product-bought-together__viewport.is-active{
    display:block;
}

.product-bought-together__track{
    width:100%;
    display:flex;
    align-items:stretch;
    gap:12px;
    transition:transform .35s ease;
    will-change:transform;
}

.product-bought-together__item{
    flex:0 0 calc((100% - 3 * 12px) / 4);
    min-width:0;
}

.product-bought-together-card__cart{
    position:absolute;

    right:16px;
    bottom:16px;

    z-index:2;

    width:44px;
    height:44px;

    margin:0;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:999px;

    background:#D2FF00;
    color:#171717;

    cursor:pointer;

    transition:background-color .2s ease;
}

.product-bought-together-card__cart:hover{
    background:#C6F300;
}

.product-bought-together-card__cart svg{
    display:block;

    width:20px;
    height:20px;
}

.product-bought-together__all{
    display:none;

    width:100%;
    height:56px;

    margin:0;
    padding:0 24px;

    align-items:center;
    justify-content:center;

    border:0;

    background:rgba(82,82,82,.08);

    cursor:pointer;

    font-family:"Roboto Flex Custom", sans-serif !important;
    font-style: italic !important;
    font-variation-settings:"wght" 700 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    font-weight:700;
    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;
    text-transform:uppercase;

    color:#171717;
    text-decoration:none;

    transition:background-color .2s ease;
}

.product-bought-together__all:hover{
    background:rgba(82,82,82,.14);
}

@media(max-width: 991px){
    .product-bought-together__all{
        display:flex;
    }
}

@media(max-width: 1560px) {
    .product-bought-together__item {
        flex: 0 0 calc((100% - 2 * 14px) / 3);
    }
}

@media(max-width: 1024px) {
    .product-bought-together__container.container {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .product-bought-together__controls {
        display: none;
    }

    .product-bought-together__title {
        font-size: 40px;
        line-height: 38px;
    }

    .product-bought-together__container {
        gap: 32px;
    }

    .product-bought-together__item {
        flex: 0 0 296px;
    }

    .product-bought-together__viewport {
        width: calc(100% + 64px);

        margin: 0 -32px;
        padding: 0 32px;

        box-sizing: border-box;
    }
}

@media(max-width: 991px) {
    .product-bought-together__viewport {
        width: calc(100% + 32px);

        margin: 0 -16px;
        padding: 0 16px;
    }

    .product-bought-together__tabs-scroll {
        width: calc(100% + 32px);

        display: flex;
        align-items: center;

        margin: 0 -16px;
        padding-left: 16px;

        box-sizing: border-box;

        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .product-bought-together__tabs-scroll::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    /*
     * На iOS Safari overflow-x:auto контейнер игнорирует конечный
     * (правый) padding, если контент шире контейнера - вместо
     * padding-right используем реальный элемент-спейсер.
     */
    .product-bought-together__tabs-spacer {
        flex: 0 0 16px;
        width: 16px;
    }

    .product-bought-together__tabs {
        flex: 0 0 auto;
        width: max-content;
    }

    .product-bought-together__tab {
        flex: 0 0 auto;
    }
}

/* End */


/* Start:/local/templates/turbolemons-template/css/photo-modal.css?17882489874691*/
/* ==========================================================================
   PHOTO MODAL (лайтбокс просмотра фото)
   ==========================================================================
*/

.photo-modal,
.photo-modal *,
.photo-modal *::before,
.photo-modal *::after{
    box-sizing:border-box;
}

.photo-modal{
    position:fixed;
    inset:0;

    z-index:2000;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:32px;

    visibility:hidden;
    opacity:0;
    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility 0s linear .25s;
}

.photo-modal.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;

    transition:
        opacity .25s ease,
        visibility 0s linear 0s;
    z-index: 10200;
}

.photo-modal__box{
    position:relative;

    width:100%;
    max-width:1280px;
    max-height:100%;

    display:flex;
    flex-direction:column;

    gap:12px;

    background:transparent;

    transform:scale(.96);

    transition:transform .25s ease;
}

.photo-modal.is-open .photo-modal__box{
    transform:scale(1);
}

.photo-modal__title{
    display:none;
}

.photo-modal__main{
    position:relative;

    width:100%;
    aspect-ratio:1280/700;
    background: rgba(0, 0, 0, 0.7);

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}

.photo-modal__image{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.photo-modal__navigation{
    width:100%;

    padding:8px 16px;

    display:flex;
    align-items:center;
    justify-content: center;

    gap:12px;

    background:#FFFFFF;
}

.photo-modal__thumb-arrow{
    flex:0 0 auto;

    width:32px;
    height:32px;

    margin:0;
    padding:0;

    border:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:transparent;
    color:#171717;

    cursor:pointer;

    transition:opacity .2s ease;
}

.photo-modal__thumb-arrow:hover{
    opacity:.6;
}

.photo-modal__thumb-arrow svg{
    display:block;

    width:20px;
    height:20px;
}

.photo-modal__thumbs-viewport{
    min-width:0;
    height:64px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.photo-modal__thumbs-viewport::-webkit-scrollbar{
    display:none;
}

.photo-modal__thumbs{
    min-width:max-content;
    height:64px;

    display:flex;
    align-items:center;

    gap:8px;

    padding:0 4px;
}

.photo-modal__thumb{
    position:relative;

    width:56px;
    height:56px;

    flex:0 0 56px;

    margin:0;
    padding:0;

    border:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#F5F5F5;

    cursor:pointer;
}

.photo-modal__thumb img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.photo-modal__thumb::after{
    content:"";

    position:absolute;
    inset:-4px;

    border:1px solid transparent;

    pointer-events:none;

    transition:border-color .2s ease;
}

.photo-modal__thumb.is-active::after{
    border-color:#171717;
}

@media(max-width: 991px) {

    /* Модалка просмотра фото — на мобилке открывается на весь экран */
    .photo-modal{
        padding:0;
    }

    .photo-modal__box{
        width:100%;
        height:100%;
        height:100dvh;
        max-width:none;
        max-height:none;

        padding-top:72px;

        gap:0;

        background:#FFFFFF;
    }

    .photo-modal__title{
        display:block;

        position:absolute;
        top:16px;
        left:16px;
        right:56px;

        font-family:"Roboto Flex Custom", sans-serif;
        font-style:normal;
        font-weight:700;
        font-variation-settings:"wght" 700;
        font-size:16px;
        line-height:20px;

        color:#171717;

        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .photo-modal__close{
        position:absolute;
        top:16px;
        right:16px;
        transform:none;

        background:rgba(23,23,23,.06);
    }

    .photo-modal__main{
        flex:1 1 auto;

        width:100%;
        height:auto;
        aspect-ratio:auto;

        background:transparent;
    }

    .photo-modal__image{
        object-fit:cover;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .photo-modal__navigation{
        flex:0 0 auto;

        padding:8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
    }
}

/* End */
/* /local/templates/turbolemons-template/css/home.css?1788250338100092 */
/* /local/templates/turbolemons-template/css/buy-modal.css?17879250078370 */
/* /local/templates/turbolemons-template/css/catalog-product-card.css?178820185620450 */
/* /local/templates/turbolemons-template/css/photo-modal.css?17882489874691 */