.landing-category {
    font-family: "Montserrat", sans-serif;
    max-width: 1450px;
    min-width: 270px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-section);
}
.landing-category * {
    box-sizing: border-box; 
    -webkit-tap-highlight-color: transparent; 
}
.landing-category section {
    width: 100%;
}
:root {
    --gap-section: 100px;
    --padding-optic: 50px;
    --borderradius-main: 32px;
    --borderradius-min: 16px;
    --text-gap: 24px;
}
.landing-category .title-optic {
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.landing-category .subtitle-optic {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
}
.landing-category .mintitle-optic {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.landing-category .text-optic {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}
@media screen and (max-width: 1344px) {
    :root {
        --padding-optic: 40px;
    }
    .landing-category .title-optic {
        font-size: 40px;
    }
    .landing-category .subtitle-optic {
        font-size: 28px;
    }
}
@media screen and (max-width: 1199px) {
    :root {
        --gap-section: 80px;
        --padding-optic: 30px;
    }
}
@media screen and (max-width: 567px) {
    :root {
        --gap-section: 60px;
        --padding-optic: 20px;
        --borderradius-main: 16px;
        --text-gap: 16px;
    }
    .landing-category .title-optic {
        font-size: 22px;
    }
    .landing-category .subtitle-optic {
        font-size: 18px;
    }
    .landing-category .mintitle-optic {
        font-size: 16px;
    }
    .landing-category .text-optic {
        font-size: 14px;
    }
}
/* product============================================================================== */
.product-optic {
    display: flex;
    gap: var(--padding-optic);
    border-radius: var(--borderradius-main);
    align-items: stretch;
}
.product-optic img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--borderradius-main);
    flex: 0 1 50%;
    min-width: 200px;
}
.product-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    width: 100%;
    flex: 1 1 50%;
}
.product-optic ul {
    margin: 0;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .product-optic {
        flex-direction: column-reverse;
    }
    .product-optic img {
        height: 532px;
        flex: auto;
    }
}
@media screen and (max-width: 991px) {
    .product-optic img {
        height: 432px;
    }
}
@media screen and (max-width: 567px) {
    .product-optic img {
        height: 58vw;
    }
    .product-optic ul {
        padding: 0 0 0 20px;
    }
}

/* advantages-optic============================================================================== */
.advantages-optic {
    display: flex;
    flex-direction: column;
    gap: var(--padding-optic);
}
.advantages-optic .title-optic { 
    max-width: 700px;
}
.advantages-optic__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--padding-optic);
}
.advantages-optic__inner {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    padding: var(--padding-optic);
    border-radius: var(--borderradius-main);
    background-color: #266141;
}
.advantages-optic__inner img {
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--borderradius-min);
}
.advantages-optic__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.advantages-optic .subtitle-optic,
.advantages-optic .text-optic {
    color: #FFF;
}
@media screen and (max-width: 1199px) {
    .advantages-optic__wrap {
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width: 567px) {
    .advantages-optic__inner img {
        height: 230px;
    }
}
/* multiplicity------------------------------------------------------------------------------ */
.multiplicity-optic {
    display: flex;
    gap: var(--padding-optic);
    align-items: center;
}
.diapason-optic {
    flex-direction: row-reverse;
}
.multiplicity-optic img {
    max-width: 600px;
    width: 100%;
    height: 498px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--borderradius-main);
}
.ocular-optic img {
    height: 556px;
}
.multiplicity-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    width: 100%;
}
.multiplicity-optic .multiplicity-optic__text {
    color: #FFF;
    padding: 25px;
    border-radius: var(--borderradius-min);
    background-color: #266141;
}
@media screen and (max-width: 1344px) {
    .multiplicity-optic img {
        max-width: 500px;
    }
}
@media screen and (max-width: 1199px) {
    .multiplicity-optic {
        flex-direction: column;
    }
    .multiplicity-optic img {
        max-width: 100%
    }
    .ocular-optic img {
        height: 818px;
    }
}
@media screen and (max-width: 991px) {
    .ocular-optic img {
        height: 82vw;
    }
}
@media screen and (max-width: 567px) {
    .multiplicity-optic img {
        height: 270px;
    }
    .ocular-optic img {
        height: 82vw;
    }
    .multiplicity-optic .multiplicity-optic__text {
        padding: 20px;
    }
}

/* frame-optic============================================================================== */
.frame-optic {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.frame-optic__wrap {
    display: flex;
    align-items: end;
    padding: var(--padding-optic);
    border-radius: var(--borderradius-main);
    background-image: url(/image/catalog/category_photo/opticheskiye-34/frame.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 484px;
}
.frame-optic .text-optic {
    max-width: 828px;
}
.frame-optic__wrap .text-optic {
    padding: 10px 20px;
    border-radius: var(--borderradius-min);
    background-color: #FFF;
    max-width: 710px;
    width: 100%;
}
@media screen and (max-width: 567px) {
    .frame-optic {
        gap: 20px;
    }
    .frame-optic__wrap {
        height: 365px;
    }
}
/* buy-optic============================================================================== */
.buy-optic {
    display: flex;
    flex-direction: column;
    gap: var(--padding-optic);
}
.buy-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
}
.buy-optic .title-optic {
    max-width: 700px;
}
.buy-optic .text-optic {
    max-width: 1045px; 
}
.buy-optic img {
    border-radius: var(--borderradius-main);
    max-width: 100%;
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center;
}
@media screen and (max-width: 1199px) {
    .buy-optic img {
        height: 500px;
    }
}
@media screen and (max-width: 567px) {
    .buy-optic img {
        height: 270px;
    }
}

/* videoreview---------------------------------------------------------------------------------- */
.videoreview-category {
    background-color: #E5E7EB;
    padding: var(--padding-optic);
    border-radius: var(--borderradius-main);
}
.videoreview-category iframe {
    border-radius: 22px;
    overflow: hidden;
    max-width: 1350px;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1350 / 759;
}
@media screen and (max-width: 567px) {
    .videoreview-category iframe {
        border-radius: 16px;
    }
}