/* =====================================================
   KIAGASHT CITY PAGE
===================================================== */

.kg-city-page{
    background:#f7f8fb;
    direction:rtl;
}


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

.kg-city-container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 40px 80px;
    box-sizing:border-box;
}


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

.kg-city-hero{
    position:relative;
    width:100%;
    height:clamp(380px, 38vw, 640px);
    overflow:hidden;
    border-radius:0 0 32px 32px;
}

.kg-city-hero > img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.kg-city-hero-overlay{
    position:absolute;
    inset:0;
    /* گرادیان تیره‌کننده موقتاً برداشته شده برای تست کیفیت عکس */
    background:none;
}

.kg-city-hero-content{
    position:absolute;
    left:8%;
    bottom:40px;
    z-index:2;
    max-width:480px;
    background:#fff;
    border-radius:22px;
    padding:26px 32px;
    box-shadow:0 8px 20px rgba(11,31,58,.28);
    text-align:right;
}

.kg-city-hero-content h1{
    margin:0 0 8px;
    font-size:32px;
    font-weight:700;
    color:#0b1f3a;
    letter-spacing:-.5px;
    line-height:1.3;
}

.kg-city-hero-content p{
    margin:0;
    font-size:15px;
    color:#5b6b7f;
}


/* =====================================================
   BREADCRUMB
===================================================== */

.kg-city-breadcrumb{

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

    width:max-content;
    min-width:470px;
    max-width:100%;

    margin:24px 0 42px auto;

    padding:17px 30px;

    box-sizing:border-box;

    background:linear-gradient(
        135deg,
        #ffffff,
        #fff9f3
    );

    border:1px solid rgba(247,148,29,.16);

    border-right:4px solid #f7941d;
    border-left:4px solid #f7941d;

    border-radius:18px;

    box-shadow:
        0 8px 25px rgba(11,31,58,.07);

    gap:13px;

    font-size:15px;
}

.kg-city-breadcrumb a{
    color:#0b1f3a;
    text-decoration:none;
    font-weight:600;
    white-space:nowrap;
}

.kg-city-breadcrumb a:hover{
    color:#f7941d;
}

.kg-city-breadcrumb span{
    color:#b9b9b9;
}

.kg-city-breadcrumb strong{
    color:#f7941d;
    font-weight:800;
    white-space:nowrap;
}


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

.kg-city-section-title{
    text-align:right;
    margin-bottom:25px;
}

.kg-city-section-title h2{
    margin:0 0 7px;
    color:#0b1f3a;
    font-size:30px;
    font-weight:800;
}

.kg-city-section-title p{
    margin:0;
    color:#777;
    font-size:15px;
}


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

.kg-city-tour-list{

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

    margin:0 auto;

    display:flex;
    flex-direction:column;

    gap:18px;
}


/* =====================================================
   POPULAR CHILD DESTINATIONS (کشور → شهرها)
   کارت مستقل، هم‌فرم با بقیه‌ی کارت‌های صفحه (مثل سوالات
   متداول) — یک چیدمان یکسان روی همه‌ی صفحات
===================================================== */

.kg-city-child-destinations{

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

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #e7ebf0;

    border-radius:24px;

    box-shadow:
        0 8px 28px rgba(11,31,58,.06);
}

.kg-city-child-destinations-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
    gap:10px 18px;
}

.kg-city-child-destination-link{
    display:block;

    padding:10px 4px;

    border-bottom:1px solid #eee;

    color:#0b1f3a;
    font-size:15px;
    font-weight:600;
    text-align:center;
    text-decoration:none;

    transition:color .15s ease, border-color .15s ease;
}

.kg-city-child-destination-link:hover{
    color:#f7941d;
    border-color:#f7941d;
}

@media (max-width:768px){

    .kg-city-child-destinations{
        width:100%;
        margin:45px auto 0;
        padding:24px 16px;
        border-radius:20px;
    }

    .kg-city-child-destinations-grid{
        grid-template-columns:repeat(3, 1fr);
    }

}


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

.kg-city-tour-card{

    width:100%;

    min-height:175px;

    display:flex !important;
    flex-direction:row;
    align-items:stretch;

    background:#fff;

    border:1px solid #e9edf2;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 7px 22px rgba(11,31,58,.055);

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

.kg-city-tour-card:hover{

    transform:translateY(-3px);

    box-shadow:
        0 13px 30px rgba(11,31,58,.10);
}


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

.kg-tour-image{

    width:220px;
    min-width:220px;
    height:100%;

    align-self:stretch;

    flex-shrink:0;

    order:2;

    overflow:hidden;

    position:relative;
}

.kg-tour-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .4s ease;
}

.kg-city-tour-card:hover .kg-tour-image img{
    transform:scale(1.05);
}


/* =====================================================
   TOUR INFO
===================================================== */

.kg-tour-info{

    flex:1;

    min-width:0;

    order:1;

    padding:18px 24px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    gap:13px;
}


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

.kg-tour-title-row{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;
}

.kg-tour-title-row h3{

    margin:0;

    color:#0b1f3a;

    font-size:18px;

    font-weight:800;

    line-height:1.6;
}

.kg-tour-airline{

    flex-shrink:0;

    padding:5px 12px;

    border-radius:20px;

    background:#fff1e2;

    color:#df7f0b;

    font-size:12px;

    font-weight:700;
}


/* =====================================================
   TOUR DETAILS - HORIZONTAL
===================================================== */

.kg-tour-details{

    display:flex;

    align-items:stretch;

    width:100%;

    border-top:1px solid #edf0f3;
    border-bottom:1px solid #edf0f3;

    overflow:hidden;
}

.kg-tour-detail{

    flex:1;

    min-width:0;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:9px 10px;

    border-left:1px solid #edf0f3;

    white-space:nowrap;
}

.kg-tour-detail:last-child{
    border-left:0;
}

.kg-tour-detail > span:not(.kg-tour-icon){

    color:#777;

    font-size:12px;
}

.kg-tour-detail strong{

    color:#0b1f3a;

    font-size:13px;

    font-weight:700;

    overflow-wrap:break-word;

    text-align:center;
}


/* =====================================================
   CUSTOM TOUR ICONS
===================================================== */

.kg-tour-icon{

    width:28px;
    height:28px;

    min-width:28px;

    display:flex;

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

    border-radius:9px;

    background:#f4f7fa;
}

.kg-tour-icon svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:#0b1f3a;

    stroke-width:1.7;

    stroke-linecap:round;

    stroke-linejoin:round;
}


/* =====================================================
   PRICE + BUTTON
===================================================== */

.kg-tour-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

.kg-tour-price{

    display:flex;

    align-items:center;

    gap:9px;
}

.kg-tour-price > span{

    color:#888;

    font-size:12px;
}

.kg-tour-price strong{

    color:#0b1f3a;

    font-size:17px;

    font-weight:800;
}

.kg-tour-price small{

    color:#777;

    font-size:11px;

    font-weight:500;
}


/* =====================================================
   VIEW TOUR BUTTON
===================================================== */

.kg-tour-view{

    display:inline-flex;

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

    min-width:105px;

    padding:8px 18px;

    border:1px solid #f7941d;

    border-radius:22px;

    color:#df7f0b;

    background:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    transition:.25s;
}

.kg-tour-view:hover{

    background:#f7941d;

    color:#fff;
}


/* =====================================================
   SERVICES
===================================================== */

.kg-city-services{

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

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#fff;

    border-radius:24px;

    border:1px solid #e9edf2;

    box-shadow:
        0 7px 25px rgba(11,31,58,.04);
}

/* =====================================================
   ABOUT PAGE - polished long-form article typography
===================================================== */

.kg-about-content{
    max-width:900px;
    margin:70px auto 0;
    padding:50px 55px;
    background:#fff;
    border-radius:24px;
    border:1px solid #e9edf2;
    box-shadow:0 7px 25px rgba(11,31,58,.04);
}

.kg-about-content h1,
.kg-about-content h2{
    text-align:center !important;
    margin:0 0 34px;
    padding-bottom:20px;
    position:relative;
    color:#0b1f3a;
    font-size:28px;
    font-weight:800;
    line-height:1.6;
}

.kg-about-content h1::after,
.kg-about-content h2::after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:64px;
    height:3px;
    border-radius:2px;
    background:#f7941d;
}

.kg-about-content p{
    text-align:right !important;
    margin:0 0 22px;
    color:#4a5568;
    font-size:16px;
    line-height:2.1;
}

.kg-about-content p:last-child{
    margin-bottom:0;
}

.kg-about-content strong{
    color:#0b1f3a;
    font-weight:700;
}

@media (max-width:768px){

    .kg-about-content{
        margin:40px auto 0;
        padding:28px 22px;
    }

    .kg-about-content h1,
    .kg-about-content h2{
        font-size:21px;
        margin-bottom:22px;
        padding-bottom:14px;
    }

    .kg-about-content p{
        font-size:14px;
        line-height:1.95;
        margin-bottom:16px;
    }
}


/* =====================================================
   ARTICLE
===================================================== */

.kg-city-article{

    max-width:1050px;

    margin:70px auto 0;

    padding:40px 45px;

    background:#fff;

    border-radius:24px;

    border:1px solid #e9edf2;

    box-shadow:
        0 7px 25px rgba(11,31,58,.04);

    line-height:2;

    overflow-x:hidden;
}

.kg-city-article h2{

    margin:0 0 25px;

    color:#0b1f3a;

    font-size:30px;

    font-weight:800;
}

.kg-city-article h3{

    margin:28px 0 8px;

    color:#0b1f3a;

    font-size:20px;
}

.kg-city-article p{

    margin:0;

    color:#555;

    font-size:17px;

    text-align:justify !important;

    text-align-last:right !important;
}


/* -------- عکس‌های داخل متن مقاله (آپلود از ادیتور) -------- */

.kg-city-article img{

    max-width:100% !important;

    height:auto;

    border-radius:14px;

    display:block;
}

.kg-city-article .aligncenter{

    display:block !important;

    float:none !important;

    margin:22px auto !important;

    max-width:min(700px, 100%) !important;

    width:auto !important;
}

.kg-city-article .alignright{

    float:right !important;

    margin:6px 0 18px 22px !important;

    max-width:45% !important;

    width:auto !important;
}

.kg-city-article .alignleft{

    float:left !important;

    margin:6px 22px 18px 0 !important;

    max-width:45% !important;

    width:auto !important;
}

.kg-city-article .wp-caption{

    max-width:100% !important;

    width:auto !important;

    box-sizing:border-box;
}

.kg-city-article .wp-caption img{

    margin:0 auto;

    max-width:100% !important;

    width:auto !important;
}

.kg-city-article .wp-caption-text,
.kg-city-article figcaption{

    text-align:center;

    color:#888;

    font-size:13px;

    margin-top:8px;
}

.kg-city-article h3{

    clear:both;
}


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

@media (max-width:768px){

    .kg-city-container{

        padding:
            0 16px
            55px;
    }


    .kg-city-hero{

        height:320px;

        border-radius:
            0 0 22px 22px;
    }


    .kg-city-hero-content{

        left:16px;
        right:16px;

        bottom:20px;

        max-width:none;

        padding:18px 20px;

        border-radius:18px;
    }

    .kg-city-hero-content h1{

        font-size:24px;

        margin-bottom:6px;
    }

    .kg-city-hero-content p{

        font-size:13px;
    }


    /* Breadcrumb */

    .kg-city-breadcrumb{

        width:100%;

        min-width:0;

        margin:
            18px auto
            32px;

        padding:
            14px 16px;

        gap:8px;

        font-size:12px;

        overflow-x:auto;

        justify-content:flex-start;
    }


    /* عنوان */

    .kg-city-section-title h2{

        font-size:24px;
    }

    .kg-city-section-title p{

        font-size:13px;
    }


    /* کارت تور */

    .kg-city-tour-card{

        min-height:0;

        border-radius:18px;

        flex-direction:row;
    }


    .kg-tour-image{

        width:92px;

        min-width:92px;

        order:2;
    }


    .kg-tour-info{

        padding:
            14px 12px;

        gap:10px;
    }


    .kg-tour-title-row{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;
    }


    .kg-tour-title-row h3{

        font-size:14px;

        line-height:1.6;
    }


    .kg-tour-airline{

        font-size:10px;

        padding:
            3px 9px;
    }


    /* اطلاعات تور در موبایل */

    .kg-tour-details{

        flex-direction:column;

        border-top:0;
        border-bottom:0;

        gap:5px;
    }


    .kg-tour-detail{

        justify-content:flex-start;

        border:0;

        border-bottom:1px solid #edf0f3;

        padding:
            5px 0;

    }

    .kg-tour-detail:last-child{

        border-bottom:0;
    }


    .kg-tour-icon{

        width:25px;
        height:25px;
        min-width:25px;
    }

    .kg-tour-icon svg{

        width:15px;
        height:15px;
    }


    .kg-tour-detail > span:not(.kg-tour-icon){

        font-size:11px;
    }

    .kg-tour-detail strong{

        font-size:12px;
    }


    .kg-tour-bottom{

        flex-direction:column;

        align-items:stretch;

        gap:9px;
    }


    .kg-tour-price{

        justify-content:space-between;
    }


    .kg-tour-price strong{

        font-size:14px;
    }


    .kg-tour-view{

        width:100%;

        box-sizing:border-box;

        padding:8px;
    }


    .kg-city-services{

        margin-top:45px;

        padding:25px 18px;

        border-radius:20px;
    }


    .kg-city-article{

        margin-top:45px;

        padding:25px 20px;

        border-radius:20px;
    }


    .kg-city-article h2{

        font-size:23px;
    }

    .kg-city-article h3{

        font-size:18px;
    }

    .kg-city-article p{

        font-size:15px;
    }

    .kg-city-article .alignright,
    .kg-city-article .alignleft{

        float:none;

        max-width:100%;

        margin:16px 0;
    }

}
@media (max-width:768px){

    .kg-city-tour-card{
        flex-direction:column;
    }

    .kg-tour-info{
        order:1;
    }

    .kg-tour-image{
        order:2;

        width:100%;
        min-width:100%;
        height:115px;

        flex:none;
    }

}
/* =========================================
   CITY SERVICES BOX
========================================= */

.kg-city-services{
    display:block;

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

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#ffffff;

    border:1px solid #e7ebf0;

    border-radius:24px;

    box-shadow:0 8px 28px rgba(11,31,58,.06);
}

.kg-city-services .kg-city-section-title{
    margin:0;
}


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

@media (max-width:768px){

    .kg-city-services{
        width:100%;

        margin:45px auto 0;

        padding:25px 18px;

        border-radius:20px;
    }

}
/* =====================================================
   KIAGASHT SERVICES
===================================================== */

.kg-services-grid{

    display:grid;

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

    gap:14px;

    margin-top:28px;
}


.kg-service-card{

    padding:22px 18px;

    background:#f9fafc;

    border:1px solid #edf0f4;

    border-radius:18px;

    text-align:center;

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


.kg-service-card:hover{

    transform:translateY(-4px);

    border-color:
        rgba(247,148,29,.35);

    box-shadow:
        0 10px 25px
        rgba(11,31,58,.08);
}


.kg-service-icon{

    width:48px;
    height:48px;

    margin:0 auto 13px;

    display:flex;

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

    border-radius:14px;

    background:#fff3e5;

}


.kg-service-icon svg{

    width:25px;
    height:25px;

    fill:none;

    stroke:#f7941d;

    stroke-width:1.7;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.kg-service-card h3{

    margin:0 0 7px;

    color:#0b1f3a;

    font-size:16px;

    font-weight:800;
}


.kg-service-card p{

    margin:0;

    color:#777;

    font-size:12px;

    line-height:1.8;
}


/* =====================================================
   FLOATING DESKTOP CALL
===================================================== */

.kg-floating-call{

    position:fixed;

    left:25px;
    bottom:30px;

    z-index:9999;

    display:flex;

    align-items:center;

    gap:11px;

    padding:11px 16px 11px 13px;

    background:#fff;

    border:1px solid #e7ebf0;

    border-right:4px solid #f7941d;

    border-radius:18px;

    box-shadow:
        0 10px 30px
        rgba(11,31,58,.14);

    text-decoration:none;

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


.kg-floating-call:hover{

    transform:translateY(-3px);

    box-shadow:
        0 14px 35px
        rgba(11,31,58,.19);
}


.kg-floating-call-icon{

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:13px;

    background:#f7941d;
}


.kg-floating-call-icon svg{

    width:21px;
    height:21px;

    fill:none;

    stroke:#fff;

    stroke-width:1.8;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.kg-floating-call-text{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:2px;
}


.kg-floating-call-text small{

    color:#888;

    font-size:10px;
}


.kg-floating-call-text strong{

    color:#0b1f3a;

    font-size:13px;

    font-weight:800;
}


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

@media (max-width:768px){

    .kg-services-grid{

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

        gap:10px;

        margin-top:22px;
    }


    .kg-service-card{

        padding:18px 12px;

        border-radius:16px;
    }


    .kg-service-icon{

        width:42px;
        height:42px;

        margin-bottom:10px;
    }


    .kg-service-icon svg{

        width:21px;
        height:21px;
    }


    .kg-service-card h3{

        font-size:14px;
    }


    .kg-service-card p{

        font-size:11px;
    }


    /* تماس ثابت پایین موبایل */

    .kg-floating-call{

        left:12px;
        right:12px;

        bottom:12px;

        width:auto;

        justify-content:center;

        padding:11px 16px;

        border-right:0;

        border-top:3px solid #f7941d;

        border-radius:17px;

        box-shadow:
            0 -5px 25px
            rgba(11,31,58,.14);
    }


    .kg-floating-call-text{

        align-items:center;
    }


    .kg-floating-call-icon{

        width:38px;
        height:38px;
    }

}
.kg-city-article{
    width:100%;
    max-width:1120px;

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #e7ebf0;

    border-radius:24px;

    box-shadow:
        0 8px 28px rgba(11,31,58,.06);
}


/* عنوان مقاله */

.kg-city-article h2{
    margin-top:0;
}


/* موبایل */

@media (max-width:768px){

    .kg-city-article{
        width:100%;

        margin:45px auto 0;

        padding:25px 18px;

        border-radius:20px;
    }

}
@media (max-width:768px){

    .kg-city-services .kg-city-section-title h2{
        font-size:20px;
        line-height:1.7;
        margin:0 auto 8px;

        max-width:300px;

        text-align:center;
    }


    .kg-city-services .kg-city-section-title p{
        font-size:12px;
        line-height:2;

        max-width:290px;

        margin:0 auto;

        text-align:center;

        color:#777;
    }

}
.kg-city-faq{

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

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #e7ebf0;

    border-radius:24px;

    box-shadow:
        0 8px 28px rgba(11,31,58,.06);
}


.kg-faq-list{

    margin-top:28px;

    display:flex;

    flex-direction:column;

    gap:10px;
}


.kg-faq-item{

    background:#f9fafc;

    border:1px solid #edf0f4;

    border-radius:16px;

    overflow:hidden;

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


.kg-faq-item[open]{

    border-color:
        rgba(247,148,29,.35);

    box-shadow:
        0 6px 18px rgba(11,31,58,.05);
}


.kg-faq-item summary{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:18px 20px;

    cursor:pointer;

    list-style:none;

    color:#0b1f3a;

    font-size:17px;

    font-weight:800;
}


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


.kg-faq-arrow{

    flex:none;

    width:28px;
    height:28px;

    display:flex;

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

    border-radius:50%;

    background:#fff3e5;

    color:#f7941d;

    font-size:20px;

    font-weight:500;

    transition:
        transform .25s ease;
}


.kg-faq-item[open] .kg-faq-arrow{

    transform:rotate(45deg);
}


.kg-faq-answer{

    padding:0 20px 18px;

    color:#444;

    font-size:16px;

    line-height:2;

}


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

@media (max-width:768px){

    .kg-city-faq{

        width:100%;

        margin:45px auto 0;

        padding:24px 16px;

        border-radius:20px;
    }


    .kg-city-faq .kg-city-section-title h2{

        font-size:20px;

        line-height:1.7;
    }


    .kg-city-faq .kg-city-section-title p{

        font-size:11px;

        line-height:1.9;
    }


    .kg-faq-list{

        margin-top:22px;

        gap:8px;
    }


    .kg-faq-item summary{

        padding:15px 14px;

        font-size:15px;

        line-height:1.8;

        gap:10px;
    }


    .kg-faq-arrow{

        width:25px;
        height:25px;

        font-size:18px;
    }


    .kg-faq-answer{

        padding:
            0 14px 15px;

        font-size:14px;

        line-height:2;
    }

}
/* =====================================================
   SUGGESTED TOURS
===================================================== */

.kg-suggested-tours{

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

    margin:70px auto 0;

    padding:35px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #e7ebf0;

    border-radius:24px;

    box-shadow:
        0 8px 28px rgba(11,31,58,.06);
}


.kg-suggested-tour-grid{

    display:grid;

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

    gap:16px;

    margin-top:28px;
}


.kg-suggested-tour-card{

    overflow:hidden;

    background:#f9fafc;

    border:1px solid #edf0f4;

    border-radius:18px;

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


.kg-suggested-tour-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 10px 28px rgba(11,31,58,.09);
}


.kg-suggested-tour-image{

    width:100%;

    height:155px;

    overflow:hidden;
}


.kg-suggested-tour-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}


.kg-suggested-tour-info{

    padding:18px;
}


.kg-suggested-tour-country{

    display:inline-block;

    margin-bottom:6px;

    color:#f7941d;

    font-size:11px;

    font-weight:800;
}


.kg-suggested-tour-info h3{

    margin:0 0 6px;

    color:#0b1f3a;

    font-size:17px;

    font-weight:800;
}


.kg-suggested-tour-info p{

    margin:0 0 15px;

    color:#777;

    font-size:12px;

    line-height:1.8;
}


.kg-suggested-tour-link{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 15px;

    border-radius:10px;

    background:#0b1f3a;

    color:#fff;

    font-size:11px;

    font-weight:700;

    text-decoration:none;

    transition:
        background .2s ease;
}


.kg-suggested-tour-link:hover{

    background:#f7941d;

}


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

@media (max-width:768px){

    .kg-suggested-tours{

        width:100%;

        margin:45px auto 0;

        padding:24px 16px;

        border-radius:20px;
    }


 @media (max-width:768px){

    .kg-suggested-tour-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

}


    .kg-suggested-tour-image{

        height:110px;
    }


    .kg-suggested-tour-info{

        padding:13px;
    }


    .kg-suggested-tour-country{

        font-size:9px;
    }


    .kg-suggested-tour-info h3{

        font-size:14px;
    }


    .kg-suggested-tour-info p{

        font-size:10px;

        line-height:1.8;

        margin-bottom:11px;
    }


    .kg-suggested-tour-link{

        width:100%;

        padding:8px 5px;

        font-size:10px;
    }

}
@media (max-width:768px){

    .kg-suggested-tours .kg-city-section-title h2{
        font-size:21px;
        line-height:1.7;

        margin:0 auto 6px;

        text-align:center;

        max-width:280px;

        color:#0b1f3a;
    }


    .kg-suggested-tours .kg-city-section-title p{
        font-size:11px;
        line-height:1.9;

        margin:0 auto;

        max-width:270px;

        text-align:center;

        color:#888;
    }

}
@media (max-width:768px){

    .kg-suggested-tours .kg-city-section-title{
        margin-bottom:0 !important;
    }

    .kg-suggested-tours .kg-city-section-title h2{
        font-size:18px !important;
        line-height:1.6 !important;

        font-weight:800 !important;

        margin:0 0 5px !important;

        text-align:center !important;

        max-width:100% !important;
    }

    .kg-suggested-tours .kg-city-section-title p{
        font-size:10px !important;
        line-height:1.7 !important;

        font-weight:400 !important;

        margin:0 auto !important;

        max-width:100% !important;

        text-align:center !important;

        color:#888 !important;
    }

    .kg-suggested-tour-grid{
        margin-top:18px !important;
    }

}
/* =====================================================
   MODERN CALL ICON
===================================================== */

@media (max-width:768px){

    .kg-floating-call .kg-floating-call-icon{

        width:42px !important;
        height:42px !important;
        min-width:42px !important;

        flex:0 0 42px !important;

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

        background:#0b1f3a !important;

        border-radius:50% !important;

        border:2px solid rgba(247,148,29,.25) !important;

        box-shadow:
            0 4px 12px rgba(11,31,58,.18) !important;

        overflow:visible !important;
    }


    .kg-floating-call .kg-floating-call-icon svg{

        width:24px !important;
        height:24px !important;

        display:block !important;

        fill:none !important;

        stroke:#f7941d !important;

        stroke-width:1.8 !important;

        stroke-linecap:round !important;
        stroke-linejoin:round !important;
    }


    .kg-floating-call .kg-floating-call-text{

        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }


    .kg-floating-call{

        justify-content:center !important;
        gap:12px !important;
    }

}


/* =====================================================
   KIAGASHT — HERO FINAL DESIGN
   Soft dark corner fade + transparent typography
   ===================================================== */

.kg-city-hero{
    position:relative !important;
    overflow:hidden !important;
}

/* The image remains completely natural on the left.
   Darkness is concentrated only around the text corner. */
.kg-city-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    /* سفیدشدگی/محوشدگی گوشه موقتاً کاملاً حذف شد برای تست کیفیت عکس */
    display:none;
}

/* Prevent the old overlay from stacking another dark layer. */
.kg-city-hero-overlay{
    background:transparent !important;
    z-index:0 !important;
}

/* کارت پس‌زمینه‌ی سفید پشت متن، برای خوانایی روی هر عکسی */
.kg-city-hero-content{

    position:absolute !important;
    z-index:3 !important;

    left:auto !important;
    right:40px !important;
    bottom:32px !important;

    width:auto !important;
    max-width:none !important;

    margin:0 !important;
    padding:13px 24px !important;

    background:rgba(11,31,58,.45) !important;

    border:0 !important;
    border-right:4px solid #f7941d !important;
    border-radius:12px !important;
    box-shadow:none !important;

    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;

    text-align:right !important;
}

.kg-city-hero-content h1{
    position:relative !important;

    margin:0 !important;
    padding:0 !important;

    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    text-shadow:none;
}

/* Small descriptor 
.kg-city-hero-content h1::before{
    content:"سرزمین تاریخ، فرهنگ و تمدن";

    display:block;

    margin:0 0 9px;
    padding:0 25px 0 0;

    color:rgba(11,31,58,.75);
    font-size:17px;
    font-weight:500;
    line-height:1.8;

    text-shadow:none;
} */

.kg-city-hero-content p{
    display:none !important;
}


/* =====================================================
   دما و ساعت محلی — بج‌های گوشه‌ی چپ-پایین هیرو
   ===================================================== */

.kg-hero-climate-badges{
    position:absolute;
    z-index:3;
    left:24px;
    bottom:32px;
    display:flex;
    gap:10px;
}

.kg-hero-climate-badge{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    background:rgba(11,31,58,.55);
    border-radius:12px;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
}

.kg-hero-climate-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:26px;
    height:26px;
    color:#f7941d;
}

.kg-hero-climate-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.kg-hero-climate-text{
    display:flex;
    flex-direction:column;
    gap:1px;
    line-height:1.3;
}

.kg-hero-climate-text span{
    font-size:10px;
    color:rgba(255,255,255,.75);
}

.kg-hero-climate-text strong{
    font-size:14px;
    font-weight:700;
    color:#fff;
    direction:ltr;
    text-align:right;
}

@media (max-width:768px){

    /* مثل دسکتاپ: گوشه‌ی چپ-پایین هیرو، درست بالای کادر عنوان
       (کادر عنوان در موبایل تمام‌عرض است و از bottom:20px شروع می‌شود) */
    .kg-hero-climate-badges{
        left:16px;
        right:auto;
        top:auto;
        bottom:84px;
    }

    .kg-hero-climate-badge{
        padding:6px 10px;
    }

    .kg-hero-climate-text span{
        font-size:9px;
    }

    .kg-hero-climate-text strong{
        font-size:12px;
    }

}


/* =====================================================
   TOUR CARD — IMAGE FULL HEIGHT
   ===================================================== */

.kg-city-tour-card{
    align-items:stretch !important;
}

.kg-tour-image{
    width:220px !important;
    min-width:220px !important;

    height:auto !important;
    min-height:100% !important;

    align-self:stretch !important;
    flex:0 0 220px !important;

    display:flex !important;
    overflow:hidden !important;
}

.kg-tour-image img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;

    object-fit:cover !important;
    display:block !important;
}


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

@media (max-width:768px){

    .kg-city-hero::after{
        background:
            radial-gradient(
                ellipse 95% 85% at 100% 50%,
                rgba(255,255,255,.82) 0%,
                rgba(255,255,255,.55) 28%,
                rgba(255,255,255,.22) 58%,
                rgba(255,255,255,0) 100%
            ) !important;
    }

    .kg-city-hero-content{
        left:16px !important;
        right:16px !important;
        bottom:20px !important;
        max-width:none !important;
        padding:12px 18px !important;
        text-align:center !important;
        border-right:0 !important;
        border-top:4px solid #f7941d !important;
    }

    .kg-city-hero-content h1{
        font-size:14px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .kg-tour-image{
        width:100% !important;
        min-width:100% !important;
        height:115px !important;
        min-height:115px !important;
        flex:0 0 115px !important;
    }

    .kg-tour-image img{
        width:100% !important;
        height:100% !important;
    }
}