:root{
    --lc-green:#6EB52C;
    --lc-green-dark:#5da024;
    --lc-navy:#102757;
    --lc-text:#1b2b4b;
    --lc-muted:#6f82a7;
    --lc-line:#d7dce6;
    --lc-hero-tint:#eff7e7;
}

.lc-page{
    color:var(--lc-text);
    font-size:18px;
    line-height:1.75;
}

.lc-page p{
    margin:0 0 18px;
}

.lc-h2{
    color:var(--lc-green);
    font-size:34px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    margin:0 0 18px;
}

.lc-h3{
    color:var(--lc-green);
    font-size:24px;
    line-height:1.3;
    font-weight:800;
    margin:0 0 16px;
}

.lc-h3-navy{
    color:var(--lc-navy);
    font-size:22px;
    line-height:1.35;
    font-weight:700;
    margin:0 0 22px;
}

.lc-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--lc-navy);
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:.25s;
}

.lc-more svg{
    flex-shrink:0;
}

.lc-more:hover{
    color:var(--lc-green);
    transform:translateX(3px);
}

.lc-section{
    scroll-margin-top:130px;
    margin-bottom:64px;
}

html{
    scroll-behavior:smooth;
}

@media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto;
    }
}

.lc-hero{
    position:relative;
    border-top:3px solid var(--lc-green);
    background-image:url("../img/lenfocare/hero-image-1.webp");
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat;
    overflow:hidden;
}


.lc-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(255,255,255,.97) 0%,
        rgba(255,255,255,.90) 8%,
        rgba(255,255,255,.70) 21%,
        rgba(255,255,255,.48) 36%,
        rgba(255,255,255,.28) 46%,
        rgba(255,255,255,.10) 54%,
        rgba(255,255,255,0) 64%
    );
}

.lc-hero-inner{
    position:relative;
    z-index:1;
    min-height:700px;
    padding:26px 0 56px;
    display:flex;
    flex-direction:column;
}

.lc-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--lc-navy);
    font-size:17px;
    font-weight:600;
    margin-bottom:56px;
}

.lc-breadcrumb a{
    color:var(--lc-navy);
    text-decoration:none;
    display:inline-flex;
}

.lc-breadcrumb b{
    font-weight:800;
}

.lc-hero-logo{
    width:100%;
    max-width:578px;
    height:auto;
    margin-bottom:44px;
}

.lc-hero-title{
    color:var(--lc-navy);
    font-size:48px;
    line-height:1.28;
    font-weight:400;
    margin:0 0 26px;
    max-width:782px;
}

.lc-hero-title strong{
    font-weight:800;
}

.lc-hero-subtitle{
    color:var(--lc-navy);
    font-size:31px;
    line-height:1.4;
    font-weight:400;
    margin:0 0 40px;
}


.lc-hero-cta-wrap{
    margin-top:auto;
    margin-bottom:auto;
}

.lc-hero-cta{
    display:inline-block;
    background:var(--lc-navy);
    color:#fff;
    font-size:22px;
    font-weight:700;
    text-decoration:none;
    padding:16px 34px;
    border-radius:999px;
    box-shadow:0 0 0 4px #fff;
    transition:.25s;
}

.lc-hero-cta:hover{
    background:#0a1b3d;
    color:#fff;
}


.lc-main{
    padding:38px 0 90px;
}

.lc-layout{
    display:grid;
    grid-template-columns:330px 1fr;
    gap:44px;
    align-items:start;
}


.lc-side-block{
    margin-bottom:40px;
}

.lc-side-title{
    color:var(--lc-navy);
    font-size:16px;
    font-weight:800;
    margin:0 0 14px;
}


/* --------------------------------------------------------------
| Sidebar - doktorlar
|-------------------------------------------------------------- */

.lc-doctors{
    position:relative;
    padding-inline-end:16px;
}

.lc-doctors::after{
    content:"";
    position:absolute;
    inset-inline-end:0;
    top:0;
    width:4px;
    height:100%;
    border-radius:999px;
    background:var(--lc-green);
    pointer-events:none;
}

.lc-doctors-scroll{
    max-height:430px;
    overflow-y:auto;
    padding-inline-end:12px;
    scrollbar-width:thin;
    scrollbar-color:var(--lc-green) transparent;
}

.lc-doctors-scroll::-webkit-scrollbar{
    width:4px;
}

.lc-doctors-scroll::-webkit-scrollbar-track{
    background:transparent;
}

.lc-doctors-scroll::-webkit-scrollbar-thumb{
    background:var(--lc-green);
    border-radius:999px;
}

.lc-doctor{
    display:grid;
    grid-template-columns:88px 1fr;
    gap:14px;
    align-items:center;
    text-decoration:none;
    padding:14px 0;
    border-bottom:1px solid var(--lc-line);
}

.lc-doctor:last-child{
    border-bottom:0;
}

.lc-doctor img{
    width:88px;
    height:88px;
    object-fit:cover;
    object-position:top center;
    background:#fff;
}

.lc-doctor-ph{
    width:88px;
    height:88px;
    background:#eef2f8;
    color:var(--lc-navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    font-weight:800;
}

.lc-doctor-text{
    min-width:0;
    border-inline-start:1px solid var(--lc-line);
    padding-inline-start:14px;
}

.lc-doctor-pre{
    color:var(--lc-muted);
    font-size:14px;
    line-height:1.35;
}

.lc-doctor-name{
    color:var(--lc-navy);
    font-size:16px;
    line-height:1.3;
    font-weight:800;
    margin-bottom:6px;
}

.lc-doctor-unit{
    color:var(--lc-muted);
    font-size:12px;
    line-height:1.35;
}

.lc-doctor-place{
    color:var(--lc-muted);
    font-size:12px;
    line-height:1.35;
}

.lc-doctor-place b{
    color:var(--lc-navy);
    font-weight:800;
}


.lc-toc{
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid var(--lc-line);
}

.lc-toc li{
    border-bottom:1px solid var(--lc-line);
}

.lc-toc a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 0;
    color:var(--lc-navy);
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    text-decoration:none;
    transition:.25s;
}

.lc-toc a:hover,
.lc-toc a.is-active{
    color:var(--lc-green);
    transform:translateX(3px);
}

.lc-toc svg{
    flex-shrink:0;
}


.lc-meta{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:26px;
}

.lc-updated{
    color:var(--lc-muted);
    font-size:15px;
}

.lc-updated b{
    color:var(--lc-navy);
    font-weight:700;
}

.lc-share{
    flex-shrink:0;
    width:42px;
    height:42px;
    border-radius:10px;
    background:var(--lc-green);
    color:#fff;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.25s;
}

.lc-share:hover{
    background:var(--lc-green-dark);
}

.lc-content-logo{
    width:100%;
    max-width:520px;
    height:auto;
    margin-bottom:26px;
}

.lc-bullets{
    list-style:none;
    margin:0 0 16px;
    padding:0;
}

.lc-bullets li{
    position:relative;
    padding-inline-start:20px;
    margin-bottom:10px;
    font-weight:700;
    color:var(--lc-text);
}

.lc-bullets li::before{
    content:"•";
    position:absolute;
    inset-inline-start:2px;
    color:var(--lc-text);
}


.lc-why{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    gap:44px;
    align-items:center;
}

.lc-video{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    border:0;
    border-radius:16px;
    overflow:hidden;
    line-height:0;
    aspect-ratio:16 / 9;
    background:#000;
    cursor:pointer;
}

@supports not (aspect-ratio:1/1){
    .lc-video{
        height:0;
        padding-bottom:56.25%;
    }
}

.lc-video img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.lc-video-play{
    position:absolute;
    inset-inline-start:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:110px;
    height:110px;
    border-radius:50%;
    background:var(--lc-green);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(16,39,87,.30);
    transition:.25s;
}

.lc-video:hover .lc-video-play{
    transform:translate(-50%,-50%) scale(1.06);
}

.lc-video.is-playing{
    cursor:default;
}

.lc-video iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.lc-dots{
    list-style:none;
    margin:0;
    padding:0;
}

.lc-dots li{
    position:relative;
    padding-inline-start:24px;
    margin-bottom:14px;
    font-size:19px;
    line-height:1.35;
    color:var(--lc-text);
}

.lc-dots li::before{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:.5em;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--lc-green);
}


.lc-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    margin:56px 0 64px;
}

.lc-action{
    display:block;
    padding:11px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 12px 26px rgba(16,39,87,.10);
    text-decoration:none;
    transition:.25s;
}

.lc-action:hover{
    box-shadow:0 18px 34px rgba(16,39,87,.16);
    transform:translateY(-3px);
}

.lc-action-inner{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:104px;
    padding:16px 14px;
    border:1.5px solid var(--lc-green);
    border-radius:12px;
}

.lc-action img{
    width:48px;
    height:48px;
    flex-shrink:0;
}

.lc-action-text{
    min-width:0;
    color:var(--lc-navy);
    font-size:20px;
    line-height:1.3;
    font-weight:800;
}


.lc-split{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:48px;
    align-items:center;
}

.lc-split img{
    width:100%;
    height:auto;
    border-radius:12px;
}

.lc-split-rev .lc-split-media{
    order:2;
}

.lc-split-evreler,
.lc-split-top{
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    align-items:start;
}


.lc-treatments{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:26px 16px;
    margin-bottom:34px;
}

.lc-treatment{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.lc-treatment-icon{
    flex-shrink:0;
    width:68px;
    height:68px;
    border-radius:11px;
    background:var(--lc-green);
    display:flex;
    align-items:center;
    justify-content:center;
}

.lc-treatment-icon img{
    max-width:48px;
    max-height:50px;
}

.lc-treatment-name{
    min-width:0;
    color:var(--lc-text);
    font-size:16px;
    line-height:1.3;
}

.lc-h4{
    color:var(--lc-navy);
    font-size:17px;
    font-weight:800;
    margin:0 0 12px;
}

.lc-h4-green{
    color:var(--lc-green);
    font-size:17px;
    font-weight:800;
    margin:0 0 12px;
}

.lc-list{
    list-style:none;
    margin:0 0 18px;
    padding:0;
}

.lc-list li{
    position:relative;
    padding-inline-start:18px;
    margin-bottom:9px;
}

.lc-list li::before{
    content:"•";
    position:absolute;
    inset-inline-start:2px;
    color:var(--lc-text);
}

.lc-cols2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 40px;
    margin-bottom:26px;
}

.lc-cols3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px 32px;
    margin-bottom:26px;
}

.lc-figure{
    margin:6px 0 0;
}

.lc-figure img{
    width:100%;
    height:auto;
    border-radius:14px;
}

.lc-treatment-item{
    margin-bottom:30px;
    scroll-margin-top:130px;
}

.lc-treatment-item .lc-h3{
    font-size:22px;
    margin:0 0 8px;
}

.lc-treatment-item p{
    margin:0;
}


.lc-tech-group{
    margin-bottom:44px;
}

.lc-tech-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:38px 32px;
}

.lc-tech img{
    width:100%;
    height:auto;
    border-radius:12px;
    margin-bottom:16px;
}

.lc-tech-name{
    color:var(--lc-navy);
    font-size:17px;
    line-height:1.35;
    font-weight:700;
    margin-bottom:10px;
}

.lc-tech-centers{
    color:var(--lc-text);
    font-size:16px;
    line-height:1.5;
}

.lc-tech-centers b{
    color:var(--lc-navy);
    font-weight:700;
}

.lc-tech-text{
    margin:12px 0 16px;
    font-size:16px;
    line-height:1.6;
}

.lc-tech-purpose{
    color:var(--lc-navy);
    font-size:16px;
    font-weight:800;
    margin:0 0 10px;
}

.lc-tech .lc-list{
    font-size:16px;
}

.lc-guide{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
}

.lc-guide-head{
    border-radius:10px;
    padding:12px 10px;
    text-align:center;
    color:#fff;
    font-size:19px;
    font-weight:800;
    margin-bottom:22px;
}

.lc-guide-head.is-green{
    background:var(--lc-green);
}

.lc-guide-head.is-navy{
    background:var(--lc-navy);
}

.lc-guide ul{
    list-style:none;
    margin:0;
    padding:0;
}

.lc-guide li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    font-size:18px;
    line-height:1.35;
    color:var(--lc-text);
}

.lc-guide li .lc-mark{
    flex-shrink:0;
    width:25px;
    height:25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
}

.lc-guide li .lc-mark.is-green{
    background:var(--lc-green);
}

.lc-guide li .lc-mark.is-navy{
    background:var(--lc-navy);
}

.lc-guide li .lc-mark img{
    width:13px;
    height:auto;
}

.lc-guide li .lc-dot{
    flex-shrink:0;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--lc-green);
    margin-top:9px;
}


.lc-faq{
    border:0;
}

.lc-faq-item{
    margin-bottom:26px;
}

.lc-faq-item > summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 0 14px;
    border-bottom:1px solid var(--lc-navy);
    color:var(--lc-navy);
    font-size:19px;
    font-weight:700;
}

.lc-faq-item > summary::-webkit-details-marker{
    display:none;
}

.lc-faq-mark{
    flex-shrink:0;
    width:26px;
    height:26px;
    border-radius:7px;
    background:var(--lc-green);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .25s ease;
}

.lc-faq-item[open] .lc-faq-mark{
    transform:rotate(180deg);
}

.lc-faq-answer{
    padding:18px 0 0;
    color:var(--lc-navy);
    font-size:16px;
    line-height:1.7;
}


@media(max-width:1399px){
    .lc-treatments{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:1199px){
    .lc-layout{
        display:flex;
        flex-direction:column-reverse;
        gap:0;
    }

    .lc-sidebar{
        margin-top:50px;
    }

    .lc-doctors-scroll{
        max-height:45vh;
    }

    .lc-toc{
        max-height:25vh;
        overflow-y:auto;
    }

    .lc-hero-inner{
        min-height:660px;
    }

    .lc-hero-title{
        font-size:40px;
    }

    .lc-tech-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:991px){
    .lc-cols3{
        grid-template-columns:1fr;
    }

    .lc-why{
        grid-template-columns:1fr;
        gap:28px;
    }

    .lc-actions{
        grid-template-columns:1fr;
        gap:18px;
        margin:40px 0 48px;
    }

    .lc-split{
        grid-template-columns:1fr;
        gap:24px;
    }

    .lc-split-rev .lc-split-media{
        order:0;
    }

    .lc-treatments{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .lc-guide{
        grid-template-columns:1fr;
        gap:34px;
    }
}

@media(max-width:767px){
    .lc-cols2{
        grid-template-columns:1fr;
    }

    .lc-page{
        font-size:17px;
    }

    .lc-hero{
        background-position:72% center;
    }

    .lc-hero::before{
        background:linear-gradient(
            to right,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.86) 40%,
            rgba(255,255,255,.62) 75%,
            rgba(255,255,255,.45) 100%
        );
    }

    .lc-hero-inner{
        min-height:520px;
        padding:18px 0 44px;
    }

    .lc-breadcrumb{
        margin-bottom:34px;
        font-size:15px;
    }

    .lc-hero-logo{
        max-width:290px;
        margin-bottom:24px;
    }

    .lc-hero-title{
        font-size:28px;
        margin-bottom:10px;
    }

    .lc-hero-subtitle{
        font-size:19px;
        margin-bottom:30px;
    }

    .lc-hero-cta{
        font-size:17px;
        padding:13px 26px;
    }

    .lc-h2{
        font-size:26px;
    }

    .lc-h3{
        font-size:21px;
    }

    .lc-h3-navy{
        font-size:19px;
    }

    .lc-video-play{
        width:78px;
        height:78px;
    }

    .lc-video-play svg{
        width:30px;
        height:34px;
    }

    .lc-treatments{
        grid-template-columns:1fr;
    }

    .lc-tech-grid{
        grid-template-columns:1fr;
    }

    .lc-action span{
        font-size:20px;
    }

    .lc-faq-item > summary{
        font-size:17px;
    }
}