.mobile-hotel-title{display:none}

.hotel-gallery.hotel-gallery-single{
    display:block;
    height:430px;
    max-width:1180px;
    margin:0 auto 28px;
    border-radius:18px;
    overflow:hidden;
    background:#eef3f7;
    box-shadow:0 14px 36px rgba(20,40,68,.10)
}
.hotel-gallery-single .hotel-gallery-main{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#eef3f7
}
.hotel-gallery-single .hotel-gallery-main img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
.hotel-gallery-single .detail-image-fallback{height:100%;min-height:0}

.hotel-gallery.hotel-gallery-multi{
    max-width:1180px;
    margin:0 auto 28px
}
.hotel-gallery-primary,
.hotel-gallery-thumb{
    position:relative;
    display:block;
    overflow:hidden;
    background:#dce6ef
}
.hotel-gallery-primary img,
.hotel-gallery-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .22s ease
}
.hotel-gallery-primary:hover img,
.hotel-gallery-thumb:hover img{transform:scale(1.02)}

/* 4+ fotoğraf: Agoda benzeri 1 büyük + sağda mozaik. */
.hotel-gallery-rich{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);
    gap:6px;
    height:430px;
    border-radius:18px;
    overflow:hidden;
    background:#e8eef4;
    box-shadow:0 14px 36px rgba(20,40,68,.10)
}
.hotel-gallery-rich .hotel-gallery-thumbs{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:6px;
    min-width:0
}
.hotel-gallery-rich.gallery-count-4 .hotel-gallery-thumb:nth-child(1){grid-column:1/3;grid-row:1/3}
.hotel-gallery-rich.gallery-count-4 .hotel-gallery-thumb:nth-child(2){grid-column:3/5;grid-row:1/3}
.hotel-gallery-rich.gallery-count-4 .hotel-gallery-thumb:nth-child(3){grid-column:5/7;grid-row:1/3}
.hotel-gallery-rich.gallery-count-5 .hotel-gallery-thumb:nth-child(1){grid-column:1/4;grid-row:1}
.hotel-gallery-rich.gallery-count-5 .hotel-gallery-thumb:nth-child(2){grid-column:4/7;grid-row:1}
.hotel-gallery-rich.gallery-count-5 .hotel-gallery-thumb:nth-child(3){grid-column:1/4;grid-row:2}
.hotel-gallery-rich.gallery-count-5 .hotel-gallery-thumb:nth-child(4){grid-column:4/7;grid-row:2}
.hotel-gallery-rich.gallery-count-6 .hotel-gallery-thumb:nth-child(1){grid-column:1/3;grid-row:1}
.hotel-gallery-rich.gallery-count-6 .hotel-gallery-thumb:nth-child(2){grid-column:3/5;grid-row:1}
.hotel-gallery-rich.gallery-count-6 .hotel-gallery-thumb:nth-child(3){grid-column:5/7;grid-row:1}
.hotel-gallery-rich.gallery-count-6 .hotel-gallery-thumb:nth-child(4){grid-column:1/4;grid-row:2}
.hotel-gallery-rich.gallery-count-6 .hotel-gallery-thumb:nth-child(5){grid-column:4/7;grid-row:2}
.hotel-gallery-rich.gallery-count-7 .hotel-gallery-thumb{grid-column:span 2}

/* 2-3 fotoğraf: ana görseli bölme, altına temiz küçük galeri koy. */
.hotel-gallery-compact{
    display:block;
    height:auto;
    background:transparent;
    box-shadow:none;
    overflow:visible
}
.hotel-gallery-compact .hotel-gallery-primary{
    height:430px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 14px 36px rgba(20,40,68,.10)
}
.hotel-gallery-compact .hotel-gallery-thumbs{
    display:flex;
    gap:8px;
    margin-top:8px;
    overflow-x:auto;
    scrollbar-width:none
}
.hotel-gallery-compact .hotel-gallery-thumbs::-webkit-scrollbar{display:none}
.hotel-gallery-compact .hotel-gallery-thumb{
    flex:0 0 180px;
    width:180px;
    height:110px;
    border-radius:12px
}

.gallery-photo-count{
    position:absolute;
    left:16px;
    bottom:16px;
    z-index:2;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(8,24,42,.82);
    color:#fff;
    font-size:12px;
    font-weight:800;
    backdrop-filter:blur(8px)
}
.gallery-more{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(8,24,42,.52);
    color:#fff;
    font-size:28px;
    font-weight:900
}

.hotel-rich-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:0 0 24px
}
.rich-summary-item{
    padding:16px 18px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(20,40,68,.05)
}
.rich-summary-item small,
.rich-summary-item span{display:block;color:#6b7f99}
.rich-summary-item small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.rich-summary-item strong{display:block;margin:4px 0 2px;color:#142844;font-size:20px;line-height:1.15}
.rich-summary-item span{font-size:12px}

.detail-amenities-rich{margin-top:18px}
.detail-amenities-rich span{background:#f5fbff}

.hotel-room-section,
.hotel-facility-section{
    margin-top:28px;
    padding:24px;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,40,68,.05)
}
.room-section-heading{margin-bottom:18px}
.room-section-heading p{margin:6px 0 0;color:#6b7f99}
.hotel-room-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
}
.hotel-room-card{
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff
}
.hotel-room-media{
    position:relative;
    height:210px;
    display:grid;
    place-items:center;
    background:#edf4f8;
    color:#7b8fa8;
    font-size:36px
}
.hotel-room-media img{width:100%;height:100%;object-fit:cover;display:block}
.hotel-room-media em{
    position:absolute;
    right:10px;
    bottom:10px;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(8,24,42,.80);
    color:#fff;
    font-size:11px;
    font-style:normal;
    font-weight:800
}
.hotel-room-body{padding:15px 16px 16px}
.hotel-room-body h3{margin:0 0 10px;color:#142844;font-size:17px;line-height:1.25}
.hotel-room-meta{display:flex;flex-wrap:wrap;gap:7px}
.hotel-room-meta span{
    padding:6px 8px;
    border-radius:999px;
    background:#f4f7fa;
    color:#60758f;
    font-size:11px;
    font-weight:700
}

.hotel-facility-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px
}
.hotel-facility-item{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border:1px solid #e7edf3;
    border-radius:13px;
    background:#fafcfe
}
.hotel-facility-item>span{color:#18a999;font-weight:900}
.hotel-facility-item strong{display:block;color:#142844;font-size:13px;line-height:1.25}
.hotel-facility-item small{display:block;margin-top:3px;color:#7b8da3;font-size:10px}

@media(max-width:900px){
    .hotel-gallery.hotel-gallery-single{height:360px;max-width:none}
    .hotel-gallery-rich{height:380px;grid-template-columns:minmax(0,1.15fr) minmax(0,1.55fr)}
    .hotel-gallery-compact .hotel-gallery-primary{height:360px}
    .hotel-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
    body.is-hotel-detail .mobile-hotel-title{display:block!important}

    .hotel-gallery.hotel-gallery-single{
        height:auto;
        aspect-ratio:4/3;
        border-radius:14px;
        margin:0 0 18px;
        box-shadow:0 8px 22px rgba(20,40,68,.10)
    }

    .hotel-gallery.hotel-gallery-multi,
    .hotel-gallery-rich,
    .hotel-gallery-compact{
        display:block;
        height:auto;
        margin:0 0 18px;
        border-radius:0;
        overflow:visible;
        background:transparent;
        box-shadow:none
    }
    .hotel-gallery-primary,
    .hotel-gallery-compact .hotel-gallery-primary{
        width:100%;
        height:auto;
        aspect-ratio:4/3;
        border-radius:14px;
        overflow:hidden;
        box-shadow:0 8px 22px rgba(20,40,68,.10)
    }
    .hotel-gallery-thumbs,
    .hotel-gallery-rich .hotel-gallery-thumbs,
    .hotel-gallery-compact .hotel-gallery-thumbs{
        display:flex;
        gap:8px;
        margin-top:8px;
        overflow-x:auto;
        padding:0 0 3px;
        scrollbar-width:none
    }
    .hotel-gallery-thumbs::-webkit-scrollbar{display:none}
    .hotel-gallery-thumb,
    .hotel-gallery-rich .hotel-gallery-thumb,
    .hotel-gallery-compact .hotel-gallery-thumb{
        flex:0 0 104px;
        width:104px;
        height:76px;
        border-radius:10px;
        overflow:hidden;
        grid-column:auto!important;
        grid-row:auto!important
    }
    .gallery-photo-count{
        left:12px;
        bottom:12px;
        padding:7px 10px;
        font-size:11px
    }
    .gallery-more{font-size:20px}

    .hotel-rich-summary{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
    .rich-summary-item{padding:13px 14px}
    .rich-summary-item strong{font-size:17px}

    .hotel-room-section,
    .hotel-facility-section{padding:16px;border-radius:16px;margin-top:20px}
    .hotel-room-grid{grid-template-columns:1fr}
    .hotel-room-media{height:190px}
    .hotel-facility-grid{grid-template-columns:1fr}
}

@media(max-width:540px){
    .hotel-gallery-thumb,
    .hotel-gallery-rich .hotel-gallery-thumb,
    .hotel-gallery-compact .hotel-gallery-thumb{
        flex-basis:92px;
        width:92px;
        height:68px
    }
}