.header-buttons{

    display:flex;

    align-items:center;

    gap:15px;

}.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:12px;

    background:var(--primary);

    color:#fff;

    transition:var(--transition);

}

.btn-primary:hover{

    background:var(--primary-dark);

    transform:translateY(-2px);

}

.btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border:1px solid var(--primary);
    border-radius:12px;
    transition:var(--transition);
}

.header-buttons{
    display:flex;
    align-items:center;
    gap:15px;
}


.btn-outline:hover{

    background:var(--primary);

}


.services-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}

.service-card{

    background: var(--surface);
	
	color: var(--text);

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.service-card:hover{

    transform:translateY(-6px);

}

.service-image img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.service-content{

    padding:25px;

}

.service-content h2{

    margin-bottom:15px;

    color: var(--text-muted);

}

.service-content p{

    color: var(--text-muted);

    line-height:1.9;

}
.home-services{

    padding:100px 0;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.section-heading span{

    color:#2D8CFF;

    font-weight:700;

}

.section-heading h2{

    font-size:42px;

    margin:15px 0;

}

.section-heading p{

    max-width:700px;

    margin:auto;

    color: var(--text-muted);

    line-height:2;

}

.section-footer{

    text-align:center;

    margin-top:50px;

}
.statistics-section{

    padding:80px 0;

}

.statistics-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.stat-item{

    text-align:center;

    padding:35px 20px;

    border-radius:20px;

}

.stat-item strong{

    display:block;

    font-size:45px;

    margin-bottom:10px;

}

.stat-item span{

    font-size:18px;

}


@media(max-width:992px){

    .statistics-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:576px){

    .statistics-grid{

        grid-template-columns:1fr;

    }

}
/* =========================================================
   CTA — APPOINTMENT
========================================================= */

.cta-section{
    padding:45px 0;
}

.cta-box{
    position:relative;
    padding:34px 42px;
    border-radius:24px;

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

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            rgba(45,140,255,.10),
            rgba(18,34,51,.92)
        );

    border:1px solid rgba(255,255,255,.07);

    box-shadow:
        0 15px 45px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.035);
}

/* Decorative glow */

.cta-box::before{
    content:"";
    position:absolute;

    width:220px;
    height:220px;

    left:-90px;
    top:-110px;

    border-radius:50%;

    background:rgba(45,140,255,.10);

    filter:blur(25px);

    pointer-events:none;
}

.cta-box::after{
    content:"";
    position:absolute;

    width:180px;
    height:180px;

    right:-80px;
    bottom:-100px;

    border-radius:50%;

    background:rgba(216,168,91,.07);

    filter:blur(25px);

    pointer-events:none;
}

/* Content */

.cta-content{
    position:relative;
    z-index:2;

    max-width:850px;
}

.cta-content .section-subtitle{
    display:inline-flex;
    align-items:center;

    padding:6px 13px;

    border-radius:30px;

    background:rgba(45,140,255,.10);
    border:1px solid rgba(45,140,255,.18);

    color:var(--primary);

    font-size:12px;
    font-weight:600;

    line-height:1.4;
}

.cta-content h2{
    margin:12px 0 9px;

    font-size:28px;
    line-height:1.55;
    font-weight:800;

    color:var(--white);
}

.cta-content p{
    margin:0;

    max-width:760px;

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

    color:rgba(215,221,229,.72);
}

/* Button */

.cta-action{
    position:relative;
    z-index:2;

    flex-shrink:0;
}

.cta-phone-button{
    min-width:135px;
    min-height:48px;

    padding:12px 22px !important;

    border-radius:14px !important;

    font-size:14px;
    font-weight:600;

    white-space:nowrap;

    box-shadow:
        0 8px 22px rgba(45,140,255,.20);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.cta-phone-button:hover{
    transform:translateY(-3px);

    box-shadow:
        0 12px 28px rgba(45,140,255,.28);
}


/* =========================================================
   CTA — MOBILE
========================================================= */

@media(max-width:768px){

    .cta-section{
        padding:30px 0;
    }

    .cta-box{
        padding:25px 18px;

        border-radius:19px;

        flex-direction:column;

        align-items:center;

        text-align:center;

        gap:18px;
    }

    .cta-content{
        max-width:100%;
    }

    .cta-content .section-subtitle{
        font-size:10px;
        padding:5px 11px;
    }

    .cta-content h2{
        margin:9px 0 7px;

        font-size:20px;
        line-height:1.65;
    }

    .cta-content p{
        font-size:11px;
        line-height:1.8;
    }

    .cta-action{
        width:100%;
        display:flex;
        justify-content:center;
    }

    .cta-phone-button{
        min-width:125px;
        min-height:44px;

        padding:10px 20px !important;

        border-radius:12px !important;

        font-size:12px;
    }
}


/* =========================================================
   CTA — SMALL PHONES
========================================================= */

@media(max-width:400px){

    .cta-section{
        padding:25px 0;
    }

    .cta-box{
        padding:22px 14px;
        border-radius:17px;
        gap:15px;
    }

    .cta-content h2{
        font-size:18px;
    }

    .cta-content p{
        font-size:10px;
    }

    .cta-phone-button{
        min-height:42px;
        font-size:11px;
    }
}
/* =========================================================
   MEDICAL ARTICLES
========================================================= */

.articles-section{
    padding:45px 0;
}

.articles-section .section-header{
    text-align:center;
    margin-bottom:25px;
}

.articles-section .section-header h2{
    margin:8px 0 5px;
    font-size:26px;
    line-height:1.5;
}

.articles-section .section-header p{
    margin:0;
    font-size:13px;
    opacity:.65;
}

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

.article-card{
    overflow:hidden;
    border-radius:17px;

    background:var(--card);

    border:1px solid rgba(255,255,255,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.article-card:hover{
    transform:translateY(-5px);

    border-color:rgba(45,140,255,.18);

    box-shadow:
        0 15px 35px rgba(0,0,0,.20);
}

/* Image */

.article-card .article-image{
    position:relative;
    overflow:hidden;
}

.article-card .article-image img{
    width:100%;
    aspect-ratio:16 / 9;
    object-fit:cover;

    transition:transform .4s ease;
}

.article-card:hover .article-image img{
    transform:scale(1.04);
}

/* Content */

.article-card .article-content{
    padding:15px;
}

.article-card .article-content h3{
    margin:0 0 8px;

    font-size:16px;
    line-height:1.7;
}

.article-card .article-content p{
    margin:0 0 12px;

    font-size:12px;
    line-height:1.8;

    color:var(--text);
    opacity:.7;
}

/* Read more */

.article-card .read-more{
    display:inline-flex;
    align-items:center;
    gap:5px;

    font-size:11px;
    font-weight:600;

    color:var(--primary);

    transition:gap .25s ease;
}

.article-card:hover .read-more{
    gap:8px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:992px){

    .articles-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

}


/* =========================================================
   MOBILE — 2 COLUMNS
========================================================= */

@media(max-width:768px){

    .articles-section{
        padding:30px 0;
    }

    .articles-section .section-header{
        margin-bottom:18px;
    }

    .articles-section .section-header h2{
        font-size:21px;
        margin:6px 0 3px;
    }

    .articles-section .section-header p{
        font-size:11px;
    }

    .articles-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .article-card{
        border-radius:13px;
    }

    .article-card .article-content{
        padding:9px 9px 10px;
    }

    .article-card .article-content h3{
        margin-bottom:5px;

        font-size:11px;
        line-height:1.6;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .article-card .article-content p{
        margin-bottom:7px;

        font-size:9px;
        line-height:1.6;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .article-card .read-more{
        font-size:9px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media(max-width:400px){

    .articles-grid{
        gap:8px;
    }

    .article-card{
        border-radius:11px;
    }

    .article-card .article-content{
        padding:8px;
    }

    .article-card .article-content h3{
        font-size:10px;
    }

    .article-card .article-content p{
        font-size:8px;
    }

    .article-card .read-more{
        font-size:8px;
    }

}
.main-menu > li > a{

    color: #fff;

    font-weight: 600;

    transition: .3s;

}

.main-menu > li > a:hover{

    color: var(--primary);

}
.site-logo a{

    color:#fff;

    font-size:28px;

    font-weight:700;

}
.btn-phone{

    border:1px solid rgba(255,255,255,.2);

    color:#fff;

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

    backdrop-filter:blur(10px);

}
/* ==========================
   Header Components
========================== */

.site-logo a{

    color: var(--text);

    font-size: 28px;

    font-weight: 700;

}

.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
}

.main-menu li{

    list-style: none;

}

.main-menu a{

    color: var(--text);

    font-weight: 600;

    transition: .3s;

}

.main-menu a:hover{

    color: var(--primary);

}

.btn-phone{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 12px 22px;

    border-radius: 12px;

    border: 1px solid rgba(255,255,255,.2);

    color: var(--text);

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

}
.header-buttons{

    display:flex;

    align-items:center;

    gap:15px;

}
.main-navigation{

    flex:1;

    display:flex;

    justify-content:center;

}
.phone-btn{

padding:12px 20px;

border:1px solid #2D8CFF;

border-radius:10px;

}
.appointment-btn{

background:#2D8CFF;

padding:12px 25px;

border-radius:12px;

font-weight:bold;

}
/* =========================================================
   DOCTOR TRUST — PREMIUM / CUTE
========================================================= */

.doctor-trust-section{
    padding:45px 0;
}

.doctor-trust-wrapper{
    position:relative;
    width:100%;
    padding:32px;
    border-radius:28px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(45,140,255,.12),
            transparent 35%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(216,168,91,.08),
            transparent 35%
        ),
        rgba(255,255,255,.045);

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

    border:1px solid rgba(255,255,255,.10);

    box-shadow:
        0 18px 55px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.06);

    overflow:hidden;
}


/* نور ظریف بالای کارت */

.doctor-trust-wrapper::before{
    content:"";
    position:absolute;
    top:0;
    right:12%;
    width:76%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(45,140,255,.65),
        transparent
    );
}


/* عنوان */

.doctor-trust-header{
    position:relative;
    text-align:center;
    margin-bottom:25px;
}

.doctor-trust-header h2{
    margin:10px 0 0;

    font-size:26px;
    line-height:1.6;
    font-weight:800;

    color:var(--white);
}


/* Badge */

.doctor-trust-header .premium-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;
    font-weight:700;

    color:var(--primary);

    background:rgba(45,140,255,.10);

    border:1px solid rgba(45,140,255,.20);

    box-shadow:
        0 5px 18px rgba(45,140,255,.08);
}


/* آمار */

.doctor-stats-grid{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:14px;
}


/* کارت هر آمار */

.doctor-stat-card{
    position:relative;

    min-height:82px;

    padding:13px 14px;

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

    gap:11px;

    text-align:right;

    border-radius:18px;

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

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


/* Hover */

.doctor-stat-card:hover{
    transform:translateY(-4px);

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

    border-color:rgba(45,140,255,.22);

    box-shadow:
        0 12px 30px rgba(0,0,0,.16),
        0 0 20px rgba(45,140,255,.05);
}


/* آیکون */

.doctor-stat-card .stat-icon{
    flex:0 0 auto;

    width:43px;
    height:43px;

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

    margin:0;

    font-size:20px;

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(45,140,255,.15),
            rgba(255,255,255,.055)
        );

    border:1px solid rgba(45,140,255,.12);

    box-shadow:
        0 7px 18px rgba(0,0,0,.10);
}


/* محتوای آمار */

.doctor-stat-content{
    min-width:0;

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

    gap:2px;
}


/* عدد */

.doctor-stat-card strong{
    display:block;

    margin:0;

    font-size:25px;
    line-height:1.2;
    font-weight:900;

    color:var(--white);
}


/* توضیح */

.doctor-stat-card span{
    display:block;

    margin:0;

    font-size:12px;
    line-height:1.5;

    color:var(--text);

    opacity:.68;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:992px){

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

}


/* موبایل — همچنان ۲ ستونه */

@media(max-width:576px){

    .doctor-trust-section{
        padding:28px 0;
    }

    .doctor-trust-wrapper{
        padding:22px 14px;

        border-radius:22px;
    }

    .doctor-trust-header{
        margin-bottom:18px;
    }

    .doctor-trust-header h2{
        font-size:19px;
        line-height:1.7;

        margin-top:8px;
    }

    .doctor-trust-header .premium-badge{
        padding:5px 12px;
        font-size:11px;
    }

    .doctor-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .doctor-stat-card{
        min-height:70px;

        padding:9px 7px;

        gap:7px;

        border-radius:15px;
    }

    .doctor-stat-card .stat-icon{
        width:34px;
        height:34px;

        border-radius:11px;

        font-size:16px;
    }

    .doctor-stat-card strong{
        font-size:19px;
    }

    .doctor-stat-card span{
        font-size:10px;
    }

}


/* موبایل‌های خیلی کوچک — باز هم ۲ ستون */

@media(max-width:400px){

    .doctor-trust-wrapper{
        padding:20px 10px;
    }

    .doctor-stats-grid{
        gap:7px;
    }

    .doctor-stat-card{
        padding:8px 5px;
        gap:5px;
    }

    .doctor-stat-card .stat-icon{
        width:31px;
        height:31px;
        font-size:14px;
    }

    .doctor-stat-card strong{
        font-size:17px;
    }

    .doctor-stat-card span{
        font-size:9px;
    }

}
/*==================================================
=          PREMIUM SERVICES — COMPACT              =
==================================================*/

.services-section{
    padding:55px 0;
    position:relative;
}

.services-section .section-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 32px;
}

.services-section .section-heading h2{
    margin:8px 0;
    font-size:30px;
    line-height:1.5;
}

.services-section .section-heading p{
    margin:0 auto;
    max-width:650px;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.9;
}

/* Grid */

.services-section .services-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

/* Card */

.services-section .service-card{
    position:relative;
    overflow:hidden;

    padding:0;

    border-radius:18px;

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

    border:1px solid rgba(255,255,255,.09);

    box-shadow:
        0 10px 30px rgba(0,0,0,.16);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.services-section .service-card:hover{
    transform:translateY(-6px);

    border-color:rgba(45,140,255,.25);

    box-shadow:
        0 18px 40px rgba(0,0,0,.24),
        0 0 25px rgba(45,140,255,.08);
}

/* Image */

.services-section .service-image{
    margin:0;
    overflow:hidden;
    border-radius:18px 18px 0 0;
}

.services-section .service-image img{
    display:block;
    width:100%;
    height:190px;

    object-fit:cover;

    transition:transform .4s ease;
}

.services-section .service-card:hover .service-image img{
    transform:scale(1.04);
}

/* Content */

.services-section .service-content{
    padding:15px 16px 17px;
}

.services-section .service-content h3{
    margin:0 0 7px;

    font-size:17px;
    line-height:1.6;
}

.services-section .service-content h3 a{
    color:var(--white);
    text-decoration:none;
}

.services-section .service-content p{
    margin:0;

    color:var(--text-muted);

    font-size:11px;
    line-height:1.8;
}

/* Footer */

.services-section .services-footer{
    margin-top:28px;
    text-align:center;
}

.services-section .services-footer .btn-primary{
    min-width:170px;
    padding:11px 22px;
    border-radius:11px;
    font-size:13px;
}


/* ==================================================
   SERVICES — TABLET
================================================== */

@media(max-width:992px){

    .services-section{
        padding:45px 0;
    }

    .services-section .section-heading{
        margin-bottom:25px;
    }

    .services-section .section-heading h2{
        font-size:26px;
    }

    .services-section .services-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .services-section .service-image img{
        height:175px;
    }
}


/* ==================================================
   SERVICES — MOBILE
================================================== */

@media(max-width:768px){

    .services-section{
        padding:30px 0;
    }

    .services-section .section-heading{
        margin-bottom:18px;
    }

    .services-section .section-heading h2{
        margin:5px 0;
        font-size:21px;
    }

    .services-section .section-heading p{
        font-size:11px;
        line-height:1.7;
    }

    .services-section .services-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .services-section .service-card{
        border-radius:13px;
    }

    .services-section .service-image{
        border-radius:13px 13px 0 0;
    }

    .services-section .service-image img{
        height:auto;
        aspect-ratio:16 / 10;
    }

    .services-section .service-content{
        padding:9px 9px 10px;
    }

    .services-section .service-content h3{
        margin-bottom:4px;
        font-size:11px;
        line-height:1.6;
    }

    .services-section .service-content p{
        font-size:9px;
        line-height:1.6;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .services-section .services-footer{
        margin-top:18px;
    }

    .services-section .services-footer .btn-primary{
        min-width:145px;
        padding:9px 17px;
        font-size:11px;
    }
}


/* ==================================================
   SERVICES — SMALL PHONES
================================================== */

@media(max-width:400px){

    .services-section .services-grid{
        gap:8px;
    }

    .services-section .service-content{
        padding:8px;
    }

    .services-section .service-content h3{
        font-size:10px;
    }

    .services-section .service-content p{
        font-size:8px;
    }
}
/* Glow Border */
.service-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    padding:1px;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.25),
        rgba(212,175,55,.35),
        rgba(45,140,255,.25)
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}

/* Glass */
.service-card{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:
        0 20px 45px rgba(0,0,0,.25),
        inset 0 1px rgba(255,255,255,.08);
}

/* Hover */
.service-card:hover{
    transform:translateY(-12px);
    box-shadow:
        0 30px 60px rgba(0,0,0,.35),
        0 0 35px rgba(212,175,55,.18);
}

/* Image */
.service-image img{
    border-radius:18px;
}

/* Button */
.services-footer .btn-primary{
    min-width:220px;
}

/*==================================================
=       PREMIUM SOCIAL — LOCAL SVG LOGOS          =
==================================================*/

.social-section{
    padding:55px 0;
    position:relative;
}

.social-section .section-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 30px;
}

.social-section .section-heading h2{
    margin:8px 0;
    font-size:30px;
    line-height:1.5;
}

.social-section .section-heading p{
    margin:0 auto;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.9;
}


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

.social-section .social-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}


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

.social-section .social-card{
    position:relative;

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

    gap:8px;

    min-height:145px;
    padding:20px 14px;

    border-radius:18px;

    text-align:center;
    text-decoration:none;

    overflow:hidden;

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

    border:1px solid rgba(255,255,255,.09);

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.social-section .social-card:hover{
    transform:translateY(-6px);

    border-color:rgba(45,140,255,.25);

    box-shadow:
        0 18px 40px rgba(0,0,0,.22),
        0 0 25px rgba(45,140,255,.08);
}


/*==================================================
   LOCAL SVG LOGO
==================================================*/

.social-section .social-icon{

    width:58px;
    height:58px;

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

    border-radius:16px;

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

    border:1px solid rgba(255,255,255,.11);

    box-shadow:0 8px 22px rgba(0,0,0,.15);

    font-size:0;

    position:relative;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.social-section .social-icon::before{

    content:"";

    width:36px;
    height:36px;

    display:block;

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


/*==================================================
   LOCAL SOCIAL ICONS
==================================================*/

/* Instagram */

.social-section .social-card[href*="instagram"] .social-icon::before{
    background-image:url("../images/social/instagram.svg");
}

/* aparat */

.social-section .social-card[href*="aparat"] .social-icon::before{
    background-image:url("../images/social/aparat.svg");
}

/* Telegram */

.social-section .social-card[href*="telegram"] .social-icon::before,
.social-section .social-card[href*="t.me"] .social-icon::before{
    background-image:url("../images/social/telegram.svg");
}


/* WhatsApp */

.social-section .social-card[href*="whatsapp"] .social-icon::before{
    background-image:url("../images/social/whatsapp.svg");
}


/* YouTube */

.social-section .social-card[href*="youtube"] .social-icon::before{
    background-image:url("../images/social/youtube.svg");
}


/* LinkedIn */

.social-section .social-card[href*="linkedin"] .social-icon::before{
    background-image:url("../images/social/linkedin.svg");
}


/* X / Twitter */

.social-section .social-card[href*="twitter"] .social-icon::before,
.social-section .social-card[href*="x.com"] .social-icon::before{
    background-image:url("../images/social/x.svg");
}


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

.social-section .social-card:hover .social-icon{

    transform:scale(1.08);

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

    box-shadow:0 12px 28px rgba(0,0,0,.22);
}


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

.social-section .social-card h3{

    margin:0;

    color:var(--white);

    font-size:15px;
    line-height:1.5;
}


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

.social-section .social-card span{

    color:var(--text-muted);

    font-size:10px;
    line-height:1.5;
}


/*==================================================
   TABLET
==================================================*/

@media(max-width:991px){

    .social-section{
        padding:45px 0;
    }

    .social-section .section-heading{
        margin-bottom:24px;
    }

    .social-section .section-heading h2{
        font-size:26px;
    }

    .social-section .social-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .social-section .social-card{
        min-height:130px;
        padding:18px 12px;
    }
}


/*==================================================
   MOBILE
==================================================*/

@media(max-width:768px){

    .social-section{
        padding:30px 0;
    }

    .social-section .section-heading{
        margin-bottom:18px;
    }

    .social-section .section-heading h2{
        margin:5px 0;
        font-size:21px;
    }

    .social-section .section-heading p{
        font-size:11px;
        line-height:1.7;
    }

    .social-section .social-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .social-section .social-card{

        min-height:105px;

        padding:13px 8px;

        border-radius:14px;

        gap:6px;
    }

    .social-section .social-icon{

        width:42px;
        height:42px;

        border-radius:12px;
    }

    .social-section .social-icon::before{

        width:27px;
        height:27px;
    }

    .social-section .social-card h3{
        font-size:11px;
    }

    .social-section .social-card span{
        font-size:8px;
    }
}


/*==================================================
   SMALL PHONES
==================================================*/

@media(max-width:400px){

    .social-section .social-grid{
        gap:7px;
    }

    .social-section .social-card{

        min-height:97px;

        padding:11px 6px;

        border-radius:12px;
    }

    .social-section .social-icon{

        width:38px;
        height:38px;

        border-radius:10px;
    }

    .social-section .social-icon::before{

        width:24px;
        height:24px;
    }

    .social-section .social-card h3{
        font-size:10px;
    }

    .social-section .social-card span{
        font-size:7px;
    }
}
/*==================================================
=          PREMIUM FOOTER — 4 COLUMN               =
==================================================*/

.site-footer{
    position:relative;
    margin-top:55px;
    padding:45px 0 18px;

    background:
        radial-gradient(
            circle at 50% 0,
            #12283d 0%,
            #07131f 62%
        );

    overflow:hidden;
}


/*==================================================
   FOOTER GLOW
==================================================*/

.site-footer::before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    top:-180px;
    left:50%;

    transform:translateX(-50%);

    background:rgba(45,140,255,.10);

    filter:blur(70px);

    pointer-events:none;
}

.site-footer::after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-100px;
    bottom:-120px;

    background:rgba(216,168,91,.08);

    filter:blur(60px);

    pointer-events:none;
}


/*==================================================
   FOOTER GRID — DESKTOP
==================================================*/

.footer-grid{
    position:relative;
    z-index:2;

    display:grid;

    /*
     معرفی کمی کوچک‌تر
     دسترسی سریع مناسب
     تماس کمی بزرگ‌تر
     نقشه بزرگ‌تر
    */
    grid-template-columns:
        .85fr
        .9fr
        1.05fr
        1.3fr;

    gap:18px;

    margin-bottom:28px;
}


/*==================================================
   FOOTER WIDGET
==================================================*/

.footer-widget{
    position:relative;

    min-width:0;

    padding:22px;

    border-radius:18px;

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

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

    border:1px solid rgba(255,255,255,.075);

    box-shadow:
        0 12px 30px rgba(0,0,0,.14),
        inset 0 1px rgba(255,255,255,.035);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.footer-widget:hover{
    transform:translateY(-4px);

    border-color:rgba(216,168,91,.20);

    box-shadow:
        0 18px 35px rgba(0,0,0,.20),
        0 0 25px rgba(216,168,91,.05);
}


/*==================================================
   معرفی پزشک
==================================================*/

.footer-about-widget{
    min-width:0;
}

.footer-logo{
    max-width:145px;

    margin-bottom:13px;

    display:block;
}

.footer-about{
    margin:0;

    color:#aebdca;

    font-size:12px;

    line-height:2;
}


/*==================================================
   TITLES
==================================================*/

.footer-widget h3{
    position:relative;

    margin:0 0 18px;

    color:#fff;

    font-size:16px;

    line-height:1.6;
}

.footer-widget h3::after{
    content:"";

    display:block;

    width:32px;
    height:2px;

    margin-top:8px;

    border-radius:20px;

    background:#d8a85b;
}


/*==================================================
   FOOTER MENU
==================================================*/

.footer-menu{
    list-style:none;

    margin:0;
    padding:0;
}

.footer-menu li{
    margin-bottom:9px;
}

.footer-menu a{
    display:inline-flex;

    align-items:center;

    color:#b9c5d0;

    font-size:12px;

    text-decoration:none;

    transition:
        color .25s ease,
        transform .25s ease;
}

.footer-menu a::before{
    content:"›";

    margin-left:6px;

    color:#d8a85b;

    transition:transform .25s ease;
}

.footer-menu a:hover{
    color:#fff;

    transform:translateX(-3px);
}

.footer-menu a:hover::before{
    transform:translateX(-2px);
}


/*==================================================
   CONTACT
==================================================*/

.footer-contact{
    list-style:none;

    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;

    align-items:flex-start;

    gap:8px;

    margin-bottom:11px;

    color:#b9c5d0;

    font-size:11px;

    line-height:1.8;
}

.footer-contact .contact-icon{
    flex:0 0 auto;
}

.footer-contact a{
    color:#b9c5d0;

    text-decoration:none;

    transition:color .25s ease;
}

.footer-contact a:hover{
    color:#d8a85b;
}


/*==================================================
   FOOTER MAP
==================================================*/

.footer-map-widget{
    min-width:0;
}

.footer-map{
    width:100%;

    height:190px;

    overflow:hidden;

    border-radius:14px;

    background:#122233;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        inset 0 1px rgba(255,255,255,.04);
}

.footer-map iframe{
    width:100%;
    height:100%;

    display:block;

    border:0;
}


/*==================================================
   FOOTER BOTTOM
==================================================*/

.footer-bottom{
    position:relative;

    z-index:2;

    margin-top:5px;

    padding-top:17px;

    border-top:1px solid rgba(255,255,255,.07);

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

    color:#718294;

    font-size:10px;
}

.footer-bottom p{
    margin:0;
}


/*==================================================
   BACK TO TOP
==================================================*/

.back-to-top{
    position:fixed;

    right:22px;
    bottom:22px;

    width:43px;
    height:43px;

    border:none;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #d8a85b,
        #f0cc79
    );

    color:#06111d;

    font-size:18px;

    cursor:pointer;

    z-index:999;

    transition:.3s;

    box-shadow:
        0 8px 20px rgba(0,0,0,.28);
}

.back-to-top:hover{
    transform:translateY(-4px) scale(1.06);
}

.back-to-top:active{
    transform:scale(.94);
}


/*==================================================
   TABLET
==================================================*/

@media(max-width:991px){

    .site-footer{
        padding:38px 0 16px;
    }

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

        gap:12px;
    }

    /*
     معرفی دیگر تمام عرض نیست
     */

    .footer-about-widget{
        grid-column:auto;
    }

}


/*==================================================
   MOBILE
==================================================*/

@media(max-width:768px){

    .site-footer{
        margin-top:35px;

        padding:30px 0 13px;
    }

    .footer-grid{
        grid-template-columns:1fr;

        gap:9px;

        margin-bottom:18px;
    }

    .footer-widget{
        padding:15px 12px;

        border-radius:14px;
    }

    .footer-logo{
        max-width:125px;

        margin-bottom:9px;
    }

    .footer-about{
        font-size:9px;

        line-height:1.9;
    }

    .footer-widget h3{
        margin-bottom:12px;

        font-size:12px;
    }

    .footer-widget h3::after{
        width:25px;

        height:2px;

        margin-top:6px;
    }

    .footer-menu li{
        margin-bottom:6px;
    }

    .footer-menu a{
        font-size:9px;
    }

    .footer-menu a::before{
        margin-left:4px;
    }

    .footer-contact li{
        gap:5px;

        margin-bottom:7px;

        font-size:8px;

        line-height:1.7;
    }

    .footer-map{
        height:220px;

        border-radius:12px;
    }

    .footer-bottom{
        justify-content:center;

        text-align:center;

        padding-top:12px;

        font-size:8px;
    }

    .back-to-top{
        right:13px;
        bottom:13px;

        width:37px;
        height:37px;

        font-size:15px;
    }

}


/*==================================================
   SMALL PHONES
==================================================*/

@media(max-width:400px){

    .footer-grid{
        gap:7px;
    }

    .footer-widget{
        padding:13px 10px;

        border-radius:12px;
    }

    .footer-about{
        font-size:8px;
    }

    .footer-widget h3{
        font-size:11px;
    }

    .footer-menu a{
        font-size:8px;
    }

    .footer-contact li{
        font-size:7px;
    }

    .footer-map{
        height:200px;
    }

    .footer-bottom{
        font-size:7px;
    }

}
/*==================================================
=          Patient Videos + Video Modal             =
==================================================*/

/* =========================
   Patient Video Section
========================= */

.patient-video-section {
    padding: 45px 0;
}

.patient-video-section .section-header {
    text-align: center;
    margin-bottom: 24px;
}

.patient-video-section .section-header h2 {
    margin: 8px 0 5px;
    font-size: 26px;
    line-height: 1.5;
}

.patient-video-section .section-header p {
    margin: 0;
    font-size: 13px;
    opacity: .65;
}


/* =========================
   Video Grid
========================= */

.patient-video-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0;
}


/* =========================
   Video Card
========================= */

.patient-video-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.patient-video-card:hover {
    transform: translateY(-4px);
}


/* =========================
   Video Image
========================= */

.patient-video-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition:
        transform .4s ease,
        filter .4s ease;
}

.patient-video-card:hover img {
    transform: scale(1.04);
    filter: brightness(.82);
}


/* =========================
   Video Popup
========================= */

.patient-video-card .video-popup {
    position: relative;
    display: block;
    overflow: hidden;
}

.patient-video-card .video-popup::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.72),
        rgba(0,0,0,.08) 65%,
        transparent
    );

    pointer-events: none;
}


/* =========================
   Play Button
========================= */

.patient-video-card .video-play {
    position: absolute;

    left: 50%;
    top: 50%;

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

    width: 46px;
    height: 46px;

    border-radius: 50%;

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

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

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

    border: 1px solid rgba(255,255,255,.35);

    color: #fff;
    font-size: 16px;

    z-index: 5;

    transition:
        transform .3s ease,
        background .3s ease;
}

.patient-video-card:hover .video-play {
    transform: translate(-50%, -50%) scale(1.08);
    background: #d8a85b;
}


/* =========================
   Duration
========================= */

.patient-video-card .video-duration-badge {
    position: absolute;

    left: 9px;
    bottom: 9px;

    z-index: 6;

    padding: 3px 7px;

    border-radius: 12px;

    background: rgba(0,0,0,.55);

    color: #fff;

    font-size: 9px;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* =========================
   Title Overlay
========================= */

.patient-video-card .video-title-overlay {
    position: absolute;

    right: 10px;
    left: 10px;
    bottom: 10px;

    z-index: 6;
}

.patient-video-card .video-title-overlay h3 {
    margin: 0;

    color: #fff;

    font-size: 13px;
    line-height: 1.5;

    text-shadow: 0 2px 7px rgba(0,0,0,.6);
}


/* =========================
   Video Content
========================= */

.patient-video-card .video-content {
    padding: 9px 10px 10px;
}

.patient-video-card .video-patient {
    display: inline-flex;

    align-items: center;
    gap: 4px;

    padding: 3px 7px;

    border-radius: 12px;

    background: rgba(45,140,255,.08);

    color: #2D8CFF;

    font-size: 10px;
}

.patient-video-card .video-content p {
    margin: 5px 0 0;

    font-size: 11px;
    line-height: 1.6;

    color: #94a3b8;
}


/* ==================================================
   TABLET — 3 COLUMNS
================================================== */

@media (max-width: 1100px) {

    .patient-video-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
    }

    .patient-video-card .video-title-overlay h3 {
        font-size: 12px;
    }
}


/* ==================================================
   MOBILE — 2 COLUMNS
================================================== */

@media (max-width: 768px) {

    .patient-video-section {
        padding: 30px 0;
    }

    .patient-video-section .section-header {
        margin-bottom: 18px;
    }

    .patient-video-section .section-header h2 {
        font-size: 21px;
        margin: 6px 0 3px;
    }

    .patient-video-section .section-header p {
        font-size: 11px;
    }

    .patient-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .patient-video-card {
        border-radius: 13px;
    }

    .patient-video-card img {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .patient-video-card .video-play {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .patient-video-card .video-title-overlay {
        right: 7px;
        left: 7px;
        bottom: 7px;
    }

    .patient-video-card .video-title-overlay h3 {
        font-size: 10px;
        line-height: 1.4;
    }

    .patient-video-card .video-duration-badge {
        left: 6px;
        bottom: 6px;
        padding: 2px 5px;
        font-size: 8px;
    }

    .patient-video-card .video-content {
        padding: 6px 7px 8px;
    }

    .patient-video-card .video-patient {
        padding: 2px 5px;
        font-size: 9px;
    }

    .patient-video-card .video-content p {
        margin-top: 4px;
        font-size: 9px;
        line-height: 1.5;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}


/* ==================================================
   SMALL PHONES
================================================== */

@media (max-width: 400px) {

    .patient-video-grid {
        gap: 8px;
    }

    .patient-video-card .video-title-overlay h3 {
        font-size: 9px;
    }

    .patient-video-card .video-play {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .patient-video-card .video-content p {
        display: none;
    }
}


/* ==================================================
   VIDEO MODAL
================================================== */

.video-modal {
    position: fixed;

    inset: 0;

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

    padding: 40px;

    background: rgba(8,15,28,.82);

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

    opacity: 0;
    visibility: hidden;

    transition: .35s ease;

    z-index: 99999;
}

.video-modal.active {
    opacity: 1;
    visibility: visible;

    animation: videoFade .35s ease;
}

.video-modal-overlay {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.video-modal-content {
    position: relative;

    width: min(1100px,92vw);

    transform: scale(.9);

    transition:
        transform .35s ease,
        width .35s ease;

    z-index: 2;
}

.video-modal.active .video-modal-content {
    transform: scale(1);
}


/* =========================
   Horizontal Video
========================= */

.video-modal.horizontal .video-modal-content {
    width: min(1200px,92vw);
    max-width: 1200px;
}

.video-modal.horizontal .video-frame {
    aspect-ratio: 16 / 9;
    border-radius: 22px;
}


/* =========================
   Vertical Video
========================= */

.video-modal.vertical .video-modal-content {
    width: min(430px,94vw);
    max-width: 430px;
}

.video-modal.vertical .video-frame {
    aspect-ratio: 9 / 16;
    border-radius: 26px;
}


/* =========================
   Video Frame
========================= */

.video-frame {
    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 26px;

    background: #000;

    border: 1px solid rgba(255,255,255,.12);

    box-shadow:
        0 30px 80px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.05);
}

.video-frame iframe,
.video-frame video {
    width: 100%;
    height: 100%;

    display: block;

    border: none;

    background: #000;

    object-fit: contain;
}

.video-modal.vertical iframe {
    border-radius: 26px;
}

.video-modal.vertical video {
    object-fit: cover;
}

.video-modal.horizontal video {
    object-fit: contain;
}


/* =========================
   Close Button
========================= */

.video-close {
    position: absolute;

    top: -18px;
    left: -18px;

    width: 52px;
    height: 52px;

    border: none;
    border-radius: 50%;

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

    cursor: pointer;

    font-size: 28px;
    color: #fff;

    background: rgba(225,29,72,.95);

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

    transition: .3s;

    box-shadow: 0 10px 25px rgba(225,29,72,.35);

    z-index: 5;
}

.video-close:hover {
    transform: rotate(90deg) scale(1.08);
    background: #ef4444;
}

.video-close:active {
    transform: scale(.95);
}


/* ==================================================
   MODAL RESPONSIVE
================================================== */

@media (max-width: 991px) {

    .video-modal {
        padding: 20px;
    }

    .video-modal.horizontal .video-modal-content {
        width: 96vw;
    }

    .video-modal.vertical .video-modal-content {
        width: min(420px,96vw);
    }
}

@media (max-width: 768px) {

    .video-modal {
        padding: 12px;
    }

    .video-modal.horizontal .video-modal-content {
        width: 100%;
    }

    .video-modal.vertical .video-modal-content {
        width: min(390px,100%);
    }

    .video-close {
        width: 46px;
        height: 46px;

        font-size: 22px;

        top: -12px;
        left: -12px;
    }
}

@media (max-width: 480px) {

    .video-modal {
        padding: 8px;
    }

    .video-modal.vertical .video-modal-content {
        width: 95vw;
    }
}


/* ==================================================
   Video Animation
================================================== */

@keyframes videoFade {

    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes videoFade{

    from{

        opacity:0;

        transform:scale(.9);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}
/*==================================================
=        PREMIUM HERO — GOLSHAN UROLOGY           =
==================================================*/

.premium-hero{
    position:relative;
    padding:75px 0 65px;
    overflow:hidden;
    isolation:isolate;
}

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

.premium-hero .hero-bg-glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:-1;
    filter:blur(75px);
}

.premium-hero .hero-glow-one{
    width:420px;
    height:420px;
    top:-170px;
    right:-120px;
    background:rgba(45,140,255,.10);
}

.premium-hero .hero-glow-two{
    width:300px;
    height:300px;
    bottom:-150px;
    left:-100px;
    background:rgba(45,140,255,.08);
}


/*==================================================
   HERO WRAPPER
==================================================*/

.premium-hero .hero-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:45px;
}


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

.premium-hero .hero-content{
    position:relative;
    z-index:3;
}


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

.premium-hero .hero-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;

    padding:9px 17px;

    margin-bottom:20px;

    border:1px solid rgba(45,140,255,.25);
    border-radius:999px;

    background:rgba(45,140,255,.07);

    color:#8bc2ff;

    font-size:16px;
    font-weight:700;

    box-shadow:
        0 8px 25px rgba(0,0,0,.12),
        inset 0 1px rgba(255,255,255,.05);
}

.premium-hero .hero-badge-dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#2D8CFF;

    box-shadow:
        0 0 0 4px rgba(45,140,255,.10),
        0 0 14px rgba(45,140,255,.55);
}


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

.premium-hero .hero-title{
    margin:0;

    color:#fff;

    font-size:clamp(40px,4.4vw,64px);

    line-height:1.35;

    font-weight:900;

    letter-spacing:-1px;
}

.premium-hero .hero-title .main-keyword{
    display:block;

    margin-top:3px;

    color:#8bc2ff;

    font-size:.68em;

    font-weight:700;

    letter-spacing:0;
}


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

.premium-hero .hero-title-line{
    width:75px;
    height:3px;

    margin:18px 0 19px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #2D8CFF,
        rgba(45,140,255,0)
    );
}


/*==================================================
   SUBTITLE
==================================================*/

.premium-hero .hero-subtitle{
    max-width:760px;

    margin:0 0 17px;

    color:#e0e7ef;

    font-size:20px;

    line-height:1.9;

    font-weight:600;
}


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

.premium-hero .hero-description{
    max-width:720px;

    margin:0;

    color:#aebdcb;

    font-size:17px;

    line-height:2.15;
}


/*==================================================
   CREDENTIALS
==================================================*/

.premium-hero .hero-credentials{
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:25px;
}

.premium-hero .hero-credential{
    display:flex;
    align-items:center;

    gap:10px;

    min-height:60px;

    padding:10px 15px;

    border-radius:14px;

    border:1px solid rgba(255,255,255,.07);

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

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

    transition:.3s ease;
}

.premium-hero .hero-credential:hover{
    transform:translateY(-3px);

    border-color:rgba(45,140,255,.20);

    background:rgba(45,140,255,.055);
}

.premium-hero .credential-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    flex:0 0 32px;

    border-radius:9px;

    color:#8bc2ff;

    background:rgba(45,140,255,.10);

    font-size:14px;
}

.premium-hero .hero-credential strong,
.premium-hero .hero-credential small{
    display:block;
}

.premium-hero .hero-credential strong{
    color:#e8edf3;

    font-size:14px;

    line-height:1.7;
}

.premium-hero .hero-credential small{
    margin-top:1px;

    color:#8293a4;

    font-size:12px;

    line-height:1.7;
}


/*==================================================
   BUTTONS
==================================================*/

.premium-hero .hero-buttons{
    display:flex;
    align-items:center;

    gap:12px;

    margin-top:28px;
}

.premium-hero .appointment-btn,
.premium-hero .phone-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:50px;

    padding:0 21px;

    border-radius:13px;

    text-decoration:none;

    font-size:16px;
    font-weight:800;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.premium-hero .appointment-btn{
    gap:12px;

    color:#07131f;

    background:linear-gradient(
        135deg,
        #2D8CFF,
        #8bc2ff
    );

    box-shadow:
        0 10px 25px rgba(45,140,255,.16);
}

.premium-hero .appointment-btn b{
    font-size:16px;
    transition:.3s;
}

.premium-hero .appointment-btn:hover{
    transform:translateY(-3px);

    box-shadow:
        0 14px 30px rgba(45,140,255,.25);
}

.premium-hero .appointment-btn:hover b{
    transform:translateX(-4px);
}

.premium-hero .phone-btn{
    gap:8px;

    color:#fff;

    border:1px solid rgba(255,255,255,.11);

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

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.premium-hero .phone-btn:hover{
    transform:translateY(-3px);

    color:#fff;

    border-color:rgba(45,140,255,.30);

    background:rgba(45,140,255,.07);
}

.premium-hero .phone-btn-icon{
    color:#8bc2ff;
    font-size:15px;
}


/*==================================================
   DOCTOR IMAGE AREA
==================================================*/

.premium-hero .hero-image{
    position:relative;

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

    width:100%;
    min-height:650px;
}

.premium-hero .hero-image-decoration{
    position:absolute;

    width:570px;
    height:570px;

    border-radius:50%;

    border:1px solid rgba(45,140,255,.12);

    box-shadow:
        0 0 80px rgba(45,140,255,.07),
        inset 0 0 50px rgba(45,140,255,.035);
}

.premium-hero .hero-image-decoration::before{
    content:"";

    position:absolute;
    inset:18px;

    border-radius:50%;

    border:1px dashed rgba(255,255,255,.06);
}


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

.premium-hero .doctor-card{
    position:relative;

    width:min(100%,540px);

    padding:11px;

    border-radius:32px;

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

    border:1px solid rgba(255,255,255,.10);

    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 50px rgba(45,140,255,.08);

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

    overflow:hidden;

    z-index:2;
}

.premium-hero .doctor-image-frame{
    position:relative;

    overflow:hidden;

    border-radius:25px;

    background:#0b1724;
}

.premium-hero .hero-doctor{
    display:block;

    width:100%;
    height:auto;

    max-height:620px;

    object-fit:cover;

    object-position:center top;

    transition:transform .6s ease;
}

.premium-hero .doctor-card:hover .hero-doctor{
    transform:scale(1.025);
}

.premium-hero .doctor-card-glow{
    position:absolute;

    width:200px;
    height:200px;

    right:-100px;
    bottom:-100px;

    border-radius:50%;

    background:rgba(45,140,255,.13);

    filter:blur(45px);

    pointer-events:none;
}


/*==================================================
   FLOATING BADGES
==================================================*/

.premium-hero .hero-floating-badge{
    position:absolute;

    display:flex;
    align-items:center;

    gap:9px;

    padding:11px 14px;

    border-radius:14px;

    background:rgba(8,20,32,.78);

    border:1px solid rgba(255,255,255,.09);

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

    box-shadow:
        0 12px 30px rgba(0,0,0,.24);

    z-index:4;
}

.premium-hero .hero-floating-badge > span{
    display:flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    border-radius:9px;

    color:#07131f;

    background:linear-gradient(
        135deg,
        #2D8CFF,
        #8bc2ff
    );

    font-size:14px;
}

.premium-hero .hero-floating-badge strong,
.premium-hero .hero-floating-badge small{
    display:block;
}

.premium-hero .hero-floating-badge strong{
    color:#fff;

    font-size:11px;

    line-height:1.6;
}

.premium-hero .hero-floating-badge small{
    color:#8799aa;

    font-size:9px;

    line-height:1.6;
}

.premium-hero .hero-badge-top{
    top:55px;
    right:-15px;
}

.premium-hero .hero-badge-bottom{
    left:-15px;
    bottom:55px;
}


/*==================================================
   TABLET
==================================================*/

@media(max-width:991px){

    .premium-hero{
        padding:55px 0 50px;
    }

    .premium-hero .hero-wrapper{
        grid-template-columns:1fr;
        gap:35px;
    }

    .premium-hero .hero-content{
        text-align:center;
    }

    .premium-hero .hero-title-line{
        margin-left:auto;
        margin-right:auto;
    }

    .premium-hero .hero-description{
        margin-left:auto;
        margin-right:auto;
    }

    .premium-hero .hero-credentials{
        justify-content:center;
    }

    .premium-hero .hero-buttons{
        justify-content:center;
    }

    .premium-hero .hero-image{
        min-height:500px;
    }

}


/*==================================================
   MOBILE
==================================================*/

@media(max-width:768px){

    .premium-hero{
        padding:30px 0 35px;
    }

    .premium-hero .hero-wrapper{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    /* On mobile, only the doctor's name/title stays above the photo.
       The rest of the hero content moves below the photo. */
    .premium-hero .hero-content{
        display:contents;
    }

    .premium-hero .hero-title{
        order:1;
        width:100%;
        text-align:center;
    }

    .premium-hero .hero-image{
        order:2;
        width:100%;
        min-height:auto;
        padding:0 10px;
    }

    .premium-hero .hero-badge{ order:3; }
    .premium-hero .hero-title-line{ order:4; }
    .premium-hero .hero-subtitle{ order:5; }
    .premium-hero .hero-description{ order:6; }
    .premium-hero .hero-credentials{ order:7; }
    .premium-hero .hero-buttons{ order:8; }

    .premium-hero .hero-badge{
        margin-bottom:13px;
        padding:8px 12px;
        font-size:11px;
    }

    .premium-hero .hero-title{
        font-size:29px;
        line-height:1.4;
        letter-spacing:-.5px;
    }

    .premium-hero .hero-title .main-keyword{
        margin-top:1px;
        font-size:18px;
    }

    .premium-hero .hero-title-line{
        width:48px;
        height:2px;
        margin-top:12px;
        margin-bottom:12px;
    }

    .premium-hero .hero-subtitle{
        margin-bottom:10px;
        font-size:12px;
        line-height:1.9;
    }

    .premium-hero .hero-description{
        font-size:11px;
        line-height:2;
    }

    .premium-hero .hero-credentials{
        gap:7px;
        margin-top:15px;
    }

    .premium-hero .hero-credential{
        flex:1;
        min-width:0;
        min-height:48px;
        padding:7px 8px;
        border-radius:11px;
        text-align:right;
    }

    .premium-hero .credential-icon{
        width:23px;
        height:23px;
        flex:0 0 23px;
        border-radius:7px;
        font-size:10px;
    }

    .premium-hero .hero-credential strong{
        font-size:10px;
    }

    .premium-hero .hero-credential small{
        font-size:9px;
    }

    .premium-hero .hero-buttons{
        gap:7px;
        margin-top:17px;
    }

    .premium-hero .appointment-btn,
    .premium-hero .phone-btn{
        min-height:48px;
        padding:0 16px;
        border-radius:11px;
        font-size:11px;
    }

    .premium-hero .appointment-btn{
        gap:8px;
    }

    .premium-hero .phone-btn-icon{
        font-size:13px;
    }


    .premium-hero .hero-floating-badge{
        display:none;
    }

    .premium-hero .hero-image-decoration{
        width:280px;
        height:280px;
    }

    .premium-hero .doctor-card{
        width:min(100%,285px);
        padding:7px;
        border-radius:22px;
    }

    .premium-hero .doctor-image-frame{
        border-radius:17px;
    }

    .premium-hero .hero-floating-badge{
        padding:6px 8px;
        gap:6px;
        border-radius:10px;
    }

    .premium-hero .hero-floating-badge > span{
        width:22px;
        height:22px;
        border-radius:6px;
        font-size:10px;
    }

    .premium-hero .hero-floating-badge strong{
        font-size:7px;
    }

    .premium-hero .hero-floating-badge small{
        font-size:6px;
    }

    .premium-hero .hero-badge-top{
        top:35px;
        right:0;
    }

    .premium-hero .hero-badge-bottom{
        left:0;
        bottom:25px;
    }

}


/*==================================================
   SMALL PHONES
==================================================*/

@media(max-width:400px){

    .premium-hero{
        padding-top:30px;
    }

    .premium-hero .hero-title{
        font-size:26px;
    }

    .premium-hero .hero-title .main-keyword{
        font-size:16px;
    }

    .premium-hero .hero-subtitle{
        font-size:11px;
    }

    .premium-hero .hero-description{
        font-size:10px;
    }

    .premium-hero .hero-credentials{
        flex-direction:column;
    }

    .premium-hero .hero-credential{
        width:100%;
    }

    .premium-hero .hero-buttons{
        width:100%;
    }

    .premium-hero .appointment-btn,
    .premium-hero .phone-btn{
        flex:1;
    }

    .premium-hero .doctor-card{
        width:min(100%,260px);
    }

}
/* =========================================================
   GOLSHAN QUICK CHAT — WHATSAPP / TELEGRAM
========================================================= */

.golshan-chat-widget{
    position:fixed;
    left:24px;
    bottom:24px;
    z-index:99990;
    direction:rtl;
    font-family:Vazirmatn,sans-serif;
}

/* ---------- Floating Button ---------- */

.golshan-chat-toggle{
    position:relative;
    width:58px;
    height:58px;
    border:0;
    border-radius:50%;
    cursor:pointer;

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

    background:linear-gradient(
        145deg,
        #2D8CFF,
        #1769d1
    );

    color:#fff;

    box-shadow:
        0 10px 28px rgba(45,140,255,.30),
        0 0 0 1px rgba(255,255,255,.10);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.golshan-chat-toggle:hover{
    transform:translateY(-3px) scale(1.04);

    box-shadow:
        0 14px 34px rgba(45,140,255,.38),
        0 0 0 1px rgba(255,255,255,.15);
}

.golshan-chat-toggle.is-active{
    transform:rotate(0deg) scale(.94);
}

.golshan-chat-toggle-icon{
    position:relative;
    z-index:2;
    font-size:25px;
    line-height:1;
}

/* ---------- Pulse ---------- */

.golshan-chat-pulse{
    position:absolute;
    inset:-5px;
    border-radius:50%;
    border:1px solid rgba(45,140,255,.45);

    animation:
        golshan-chat-pulse 2.2s infinite;
}

@keyframes golshan-chat-pulse{
    0%{
        transform:scale(.85);
        opacity:.8;
    }

    70%{
        transform:scale(1.25);
        opacity:0;
    }

    100%{
        transform:scale(1.25);
        opacity:0;
    }
}


/* ---------- Chat Box ---------- */

.golshan-chat-box{
    position:absolute;
    left:0;
    bottom:72px;

    width:310px;

    padding:14px;

    border-radius:22px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(45,140,255,.13),
            transparent 42%
        ),
        rgba(18,34,51,.97);

    border:1px solid rgba(255,255,255,.10);

    box-shadow:
        0 20px 60px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.06);

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

    opacity:0;
    visibility:hidden;
    transform:
        translateY(12px)
        scale(.96);

    transform-origin:bottom left;

    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;
}

.golshan-chat-box.is-open{
    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);
}


/* ---------- Header ---------- */

.golshan-chat-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:12px;

    padding:4px 4px 12px;
}

.golshan-chat-header > div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.golshan-chat-header strong{
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.golshan-chat-header span{
    color:rgba(255,255,255,.55);
    font-size:10px;
}

.golshan-chat-close{
    width:28px;
    height:28px;

    border:0;
    border-radius:9px;

    background:rgba(255,255,255,.06);
    color:rgba(255,255,255,.65);

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

    cursor:pointer;

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

.golshan-chat-close:hover{
    background:rgba(255,255,255,.11);
    color:#fff;
}


/* ---------- Options ---------- */

.golshan-chat-options{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.golshan-chat-item{
    display:flex;
    align-items:center;

    gap:10px;

    padding:10px;

    min-height:58px;

    border-radius:15px;

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

    border:1px solid rgba(255,255,255,.07);

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

.golshan-chat-item:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.13);
}


/* ---------- Icon ---------- */

.golshan-chat-icon{
    width:38px;
    height:38px;

    flex:0 0 38px;

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

    border-radius:12px;

    color:#fff;

    font-size:10px;
    font-weight:900;
    letter-spacing:.3px;
}

.golshan-chat-item.whatsapp .golshan-chat-icon{
    background:rgba(37,211,102,.16);
    border:1px solid rgba(37,211,102,.20);
}

.golshan-chat-item.telegram .golshan-chat-icon{
    background:rgba(42,171,238,.16);
    border:1px solid rgba(42,171,238,.20);
}


/* ---------- Text ---------- */

.golshan-chat-text{
    min-width:0;

    display:flex;
    flex-direction:column;

    gap:2px;

    flex:1;
}

.golshan-chat-text strong{
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.golshan-chat-text small{
    color:rgba(255,255,255,.50);
    font-size:9px;
}


/* ---------- Arrow ---------- */

.golshan-chat-arrow{
    color:rgba(255,255,255,.35);
    font-size:15px;

    transition:
        transform .2s ease,
        color .2s ease;
}

.golshan-chat-item:hover .golshan-chat-arrow{
    transform:translateX(-3px);
    color:#fff;
}


/* ---------- Footer ---------- */

.golshan-chat-empty{
    padding:14px 10px;
    text-align:center;
    color:rgba(255,255,255,.55);
    font-size:10px;
    line-height:1.9;
    border:1px dashed rgba(255,255,255,.10);
    border-radius:14px;
}

.golshan-chat-footer{
    padding:10px 4px 1px;

    text-align:center;

    color:rgba(255,255,255,.34);

    font-size:9px;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:576px){

    .golshan-chat-widget{
        left:16px;
        bottom:16px;
    }

    .golshan-chat-toggle{
        width:54px;
        height:54px;
    }

    .golshan-chat-toggle-icon{
        font-size:23px;
    }

    .golshan-chat-box{
        left:0;
        bottom:66px;

        width:
            min(
                300px,
                calc(100vw - 32px)
            );

        border-radius:20px;
        padding:12px;
    }

    .golshan-chat-item{
        min-height:56px;
    }

}

/* =========================================================
   MOBILE HERO — FINAL ORDER ONLY
   Keep desktop/tablet unchanged.
========================================================= */
@media (max-width:768px){
    /* Name first, doctor image second, remaining content/buttons after image */
    .premium-hero .hero-title{ order:1; }
    .premium-hero .hero-image{ order:2; }
    .premium-hero .hero-badge{ order:3; }
    .premium-hero .hero-title-line{ order:4; }
    .premium-hero .hero-subtitle{ order:5; }
    .premium-hero .hero-description{ order:6; }

    /* RIRS and laparoscopic cards: one per line */
    .premium-hero .hero-credentials{
        order:7;
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .premium-hero .hero-credential{
        width:100%;
        flex:0 0 auto;
        box-sizing:border-box;
    }

    /* Appointment and clinic-call buttons: one per line */
    .premium-hero .hero-buttons{
        order:8;
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .premium-hero .appointment-btn,
    .premium-hero .phone-btn{
        width:100%;
        flex:0 0 auto;
        box-sizing:border-box;
    }
}

/* =========================================================
   GOLSHAN 1.1 — Reviews / Treatments / Medical Pages
========================================================= */
.patient-reviews-section,.treatments-section,.archive-medical-page,.single-medical-page,.language-landing{padding:90px 0}
.patient-reviews-grid,.treatments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.patient-review-card,.treatment-card{padding:28px;border-radius:24px}
.review-stars{font-size:20px;letter-spacing:2px;margin-bottom:18px}.review-stars span{opacity:.28}
.review-text{line-height:2;color:var(--text-color,#dfe7f3);font-size:15px}.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.review-meta small{width:100%;opacity:.65}.review-verified{font-size:11px;padding:4px 8px;border-radius:99px;background:rgba(34,197,94,.12);color:#22c55e}
.treatment-image{aspect-ratio:16/9;overflow:hidden;border-radius:18px;margin:-12px -12px 20px}.treatment-image img{width:100%;height:100%;object-fit:cover}.treatment-content h3,.treatment-content h2{margin:0 0 12px}.treatment-content p{line-height:1.9;opacity:.8}.section-footer{display:flex;justify-content:center;margin-top:30px}
.single-medical-page .container{max-width:1000px}.medical-content{padding:clamp(24px,5vw,56px);border-radius:30px}.medical-content header h1{font-size:clamp(30px,5vw,52px);margin:15px 0}.medical-content .lead{font-size:18px;line-height:2;opacity:.8}.medical-featured-image{margin:30px 0;border-radius:24px;overflow:hidden}.medical-featured-image img{display:block;width:100%;height:auto}.medical-entry{font-size:17px;line-height:2.15}.medical-entry h2,.medical-entry h3{margin-top:2em}.medical-cta,.related-treatment-box{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.related-treatment-box{display:block}.related-treatment-box h2{margin-top:0}.archive-header{text-align:center;max-width:760px;margin:0 auto 45px}.archive-header h1{font-size:clamp(32px,5vw,50px)}
.language-hero{max-width:900px;margin:auto;padding:clamp(28px,6vw,65px);border-radius:32px}.language-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.35}.language-hero .lead{font-size:19px;line-height:2}.language-hero>p{font-size:17px;line-height:2.1;opacity:.85}.language-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.language-links{padding-top:55px}.language-links h2{text-align:center;margin-bottom:25px}.language-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.language-link-grid a{padding:25px;text-align:center;text-decoration:none;color:inherit;border-radius:20px}
.language-switcher{display:flex;align-items:center;gap:5px;margin-inline-end:8px}.language-switcher a{font-size:11px;font-weight:800;text-decoration:none;color:inherit;padding:5px 7px;border-radius:8px;background:rgba(127,127,127,.08)}.language-switcher a:hover{background:rgba(127,127,127,.16)}
@media (max-width:992px){.patient-reviews-grid,.treatments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-link-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.patient-reviews-section,.treatments-section,.archive-medical-page,.single-medical-page,.language-landing{padding:60px 0}.patient-reviews-grid,.treatments-grid{grid-template-columns:1fr}.language-link-grid{grid-template-columns:1fr}.language-switcher{order:3;width:100%;justify-content:center;margin:8px 0}.language-hero{border-radius:22px}.medical-entry{font-size:16px}.medical-cta a,.related-treatment-box a,.language-actions a{width:100%;text-align:center}.appointment-field-hint{display:block;font-size:11px;opacity:.65;margin-top:6px}}

/* Desktop footer headings are plain headings; mobile turns them into accordion buttons. */
@media (min-width:769px){.footer-accordion-toggle{display:block;width:auto;padding:0;background:transparent;border:0;color:inherit;font:inherit;text-align:inherit;cursor:default}.footer-accordion-toggle b{display:none}.footer-accordion-content{display:block!important}.footer-widget h3::after{display:block}}

/* v1.2.11 — premium medical content + doctors */
.faq-section,.patient-video-section,.doctors-section{position:relative;overflow:hidden}
.faq-section::before,.patient-video-section::before,.doctors-section::before{content:"";position:absolute;width:420px;height:420px;right:-220px;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(216,168,91,.11),transparent 68%);pointer-events:none}
.faq-item,.patient-video-card,.patient-review-card,.treatment-card,.doctor-profile-card{border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 60px rgba(0,0,0,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.faq-item{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.faq-item:hover{transform:translateY(-3px);border-color:rgba(216,168,91,.3);box-shadow:0 24px 70px rgba(0,0,0,.15)}
.patient-video-card,.patient-review-card,.treatment-card{border-radius:26px!important;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.patient-video-card:hover,.patient-review-card:hover,.treatment-card:hover,.doctor-profile-card:hover{transform:translateY(-5px);border-color:rgba(216,168,91,.28);box-shadow:0 26px 75px rgba(0,0,0,.16)}
.patient-video-card .video-content{padding:20px 22px 24px}.patient-video-card .video-patient{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(216,168,91,.09);border:1px solid rgba(216,168,91,.18)}
.review-stars{color:#d8a85b}.review-meta strong{font-size:15px}.review-verified{border:1px solid rgba(34,197,94,.18)}
.treatment-card{padding:24px!important}.treatment-image{margin:-24px -24px 22px!important;border-radius:26px 26px 18px 18px!important}.treatment-content h3 a,.doctor-profile-content h3 a,.doctor-profile-content h2 a{color:inherit;text-decoration:none}
.doctors-section,.doctors-archive{padding:90px 0}.doctors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.doctor-profile-card{padding:0!important;border-radius:28px!important;overflow:hidden}.doctor-profile-media{display:block;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,rgba(216,168,91,.15),rgba(255,255,255,.03));text-decoration:none}.doctor-profile-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.doctor-profile-card:hover .doctor-profile-media img{transform:scale(1.035)}.doctor-profile-placeholder{height:100%;display:grid;place-items:center;font-size:64px;font-weight:900;color:#d8a85b}.doctor-profile-content{padding:24px}.doctor-profile-eyebrow{font-size:10px;font-weight:900;letter-spacing:.08em;color:#b98b3f}.doctor-profile-content h3,.doctor-profile-content h2{font-size:23px;margin:8px 0}.doctor-profile-content strong{font-size:13px;color:#b98b3f}.doctor-profile-content p{line-height:1.9;opacity:.72;font-size:13px}.doctor-profile-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;text-decoration:none;color:inherit;font-size:12px;font-weight:900}.single-doctor-page{padding:100px 0}.doctor-single-shell{padding:clamp(22px,5vw,55px);border-radius:34px}.doctor-single-top{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:45px;align-items:center}.doctor-single-media{aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:rgba(216,168,91,.08)}.doctor-single-media img{width:100%;height:100%;object-fit:cover}.doctor-single-intro h1{font-size:clamp(34px,5vw,58px);margin:15px 0 8px}.doctor-single-intro h2{font-size:19px;color:#b98b3f;margin:0 0 14px}.doctor-single-intro>p{line-height:2;opacity:.78}.doctor-single-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.doctor-single-body{font-size:17px;line-height:2.2;margin-top:55px;padding-top:38px;border-top:1px solid rgba(148,163,184,.15)}.doctor-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.doctor-fact{padding:22px;border-radius:20px}.doctor-fact>span{font-size:11px;color:#b98b3f;font-weight:900}.doctor-fact p{line-height:1.9;margin:10px 0 0;white-space:normal}
body.light-mode .faq-item,body.light-mode .patient-video-card,body.light-mode .patient-review-card,body.light-mode .treatment-card,body.light-mode .doctor-profile-card{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.08)}body.light-mode .doctor-single-shell{background:rgba(255,255,255,.72)}body.light-mode .doctor-single-body{border-color:rgba(15,23,42,.09)}
@media(max-width:992px){.doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-single-top{grid-template-columns:1fr}.doctor-facts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.doctors-section,.doctors-archive,.single-doctor-page{padding:60px 0}.doctors-grid{grid-template-columns:1fr}.doctor-facts-grid{grid-template-columns:1fr}.doctor-single-shell{border-radius:24px}.doctor-single-body{font-size:16px}}

/* v1.2.11 — multilingual premium landing */
.language-premium-hero{position:relative;overflow:hidden}.language-premium-hero::after{content:"";position:absolute;width:360px;height:360px;left:-180px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(216,168,91,.14),transparent 68%);pointer-events:none}.language-premium-section{padding-top:70px}.language-premium-section>header{text-align:center;max-width:780px;margin:0 auto 28px}.language-premium-section>header h2{font-size:clamp(25px,4vw,38px);margin-top:10px}.language-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.language-premium-card{min-height:110px;padding:24px;border-radius:22px;display:flex;align-items:center;gap:16px;transition:transform .22s ease,border-color .22s ease}.language-premium-card:hover{transform:translateY(-3px);border-color:rgba(216,168,91,.28)}.language-card-number,.language-card-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:13px;background:rgba(216,168,91,.10);color:#c39242;font-size:11px;font-weight:900}.language-premium-card strong{font-size:14px;line-height:1.8}.language-premium-card p{font-size:12px;line-height:1.9;opacity:.65;margin:5px 0 0}.language-premium-links a{display:flex;justify-content:space-between;align-items:center;font-weight:800}.language-premium-contact{margin-top:70px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:26px}.language-premium-contact h2{font-size:20px;line-height:1.8}@media(max-width:768px){.language-premium-grid{grid-template-columns:1fr}.language-premium-section{padding-top:50px}.language-premium-contact{margin-top:50px;display:block}.language-premium-contact .language-actions{margin-top:20px}}

/* v1.2.12 */
.doctors-section .doctors-grid{grid-template-columns:repeat(auto-fit,minmax(210px,270px));justify-content:center;gap:18px}.doctors-section .doctor-profile-content{padding:18px}.doctors-section .doctor-profile-content h3{font-size:18px;margin:7px 0}.doctors-section .doctor-profile-content p{font-size:11px}.doctors-section .doctor-profile-link{margin-top:12px;font-size:10px}.diseases-section{position:relative;overflow:hidden;padding:90px 0}.diseases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.disease-card{overflow:hidden;border-radius:24px!important;transition:.25s}.disease-card:hover{transform:translateY(-5px);border-color:rgba(216,168,91,.3)}.disease-image{display:block;aspect-ratio:16/9;overflow:hidden}.disease-image img{width:100%;height:100%;object-fit:cover;display:block}.disease-content{position:relative;padding:20px}.disease-index{position:absolute;left:18px;top:17px;font-size:10px;font-weight:900;color:#b98b3f}.disease-content h3{margin:0 0 8px;padding-left:30px;font-size:18px}.disease-content h3 a{color:inherit;text-decoration:none}.disease-content p{font-size:11px;line-height:1.9;opacity:.7}.disease-content .read-more{font-size:10px;font-weight:850;color:#b98b3f;text-decoration:none}@media(max-width:992px){.diseases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.diseases-section{padding:60px 0}.diseases-grid{grid-template-columns:1fr}.doctors-section .doctors-grid{grid-template-columns:repeat(2,minmax(0,270px))}}@media(max-width:560px){.doctors-section .doctors-grid{grid-template-columns:minmax(0,250px)}}