.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: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.landing-category .subtitle-optic {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0;
}
.landing-category .mintitle-optic {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.landing-category .text-optic {
    color: #FFF;
    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);
    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 .title-optic,
.product-optic .subtitle-optic,
.product-optic .mintitle-optic,
.product-optic .text-optic {
    color: #000;
}
.product-optic__info ul {
    margin: 0;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .product-optic {
        flex-direction: column;
    }
    .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__info ul {
        padding: 0 0 0 20px;
    }
}
/* cristal-optic============================================================================== */
.cristal-optic {
    display: flex;
    flex-direction: column;
    gap: var(--padding-optic);
}
.cristal-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
}
.cristal-optic .title-optic,
.cristal-optic .subtitle-optic,
.cristal-optic .mintitle-optic,
.cristal-optic .text-optic {
    color: #000;
}
.cristal-optic ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.cristal-optic ul li {
    background-color: #266141;
    text-align: center;
    padding: 25px;
    border-radius: var(--borderradius-min);
}
.cristal-optic ul .text-optic {
    color: #FFF;
}
.cristal-optic > p:last-child {
    max-width: 756px;
}
@media screen and (max-width: 1199px) {
    .cristal-optic ul {
        display: flex;
        flex-direction: column;
    }
    .cristal-optic > p:last-child {
        max-width: 100%;
    }
}
@media screen and (max-width: 567px) {
    .cristal-optic ul li {
        padding: 20px;
    }
}

/* focal-optic============================================================================== */
.focal-optic {
    display: flex;
    padding: var(--padding-optic);
    gap: var(--padding-optic);
    border-radius: var(--borderradius-main);
    background: #F3E3CD;
    align-items: stretch;
}
.focal-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    width: 100%;
    flex: 1 1 50%;
}
.focal-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;
}
.focal-optic .title-optic,
.focal-optic .mintitle-optic,
.focal-optic .text-optic {
    color: #000;
}
.focal-optic ul {
    padding: 0 0 0 30px;
    margin: 0;
}
@media screen and (max-width: 1199px) {
    .focal-optic {
        flex-direction: column-reverse;
    }
    .focal-optic img {
        height: 532px;
        flex: auto;
    }
}
@media screen and (max-width: 991px) {
    .focal-optic img {
        height: 432px;
    }
}
@media screen and (max-width: 567px) {
    .focal-optic img {
        height: 58vw;
    }
    .focal-optic ul {
        padding: 0 0 0 20px;
    }
}
/* lighting------------------------------------------------------------- */
.lighting-optic {
    display: flex;
    gap: var(--padding-optic);
    align-items: stretch;
}
.lighting-optic img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--borderradius-main);
    flex: 0 1 42%;
    min-width: 200px;
}
.lighting-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    max-width: 800px;
    width: 100%;
    flex: 1 1 60%;
}
.lighting-optic .title-optic,
.lighting-optic .mintitle-optic,
.lighting-optic .subtitle-optic,
.lighting-optic .text-optic {
    color: #000;
}
.lighting-optic__info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.lighting-optic ul li {
    background-color: #266141;
    text-align: center;
    padding: 25px;
    border-radius: var(--borderradius-min);
}
.lighting-optic ul .text-optic {
    color: #FFF;
}

@media screen and (max-width: 1199px) {
    .lighting-optic {
        flex-direction: column-reverse;
    }
    .lighting-optic__info {
        max-width: 100%;
        flex: auto;
    }
}
@media screen and (max-width: 567px) {
    .lighting-optic ul li {
        padding: 20px;
    }
}
/* hull-optic------------------------------------------------------------------------------------ */
.hull-optic {
    display: flex;
    gap: var(--padding-optic);
    align-items: stretch;
}
.hull-optic__img {
    max-width: 100%;
    width: 100%;
    border-radius: var(--borderradius-main);
    flex: 0 1 45%;
    min-width: 200px;
    overflow: hidden;
    position: relative;
}
.hull-optic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
}
.hull-optic__info {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap);
    width: 100%;
    flex: 1 1 50%;
}
.hull-optic .title-optic,
.hull-optic .subtitle-optic,
.hull-optic .text-optic {
    color: #000;
}
.hull-optic ul {
    margin: 0;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 1199px) {
    .hull-optic {
        flex-direction: column;
    }
    .hull-optic img {
        height: 331px;
        position: static;
    }
    .dioptri-optic {
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 567px) {
    .hull-optic ul {
        padding: 0 0 0 20px;
    }
    .hull-optic img {
        height: 270px;
    }
}

.dioptri-optic {
    align-items: center;
}
.dioptri-optic .hull-optic__img {
    min-height: 230px;
}
.buy-optic .hull-optic__img {
    flex: 0 1 40%;
}

/* 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;
    }
}