/* ============================================================
   MASAÜSTÜ MODERNİZASYON — devasa/parallax bölümleri toparla
   ============================================================ */
/* Parallax (background-attachment:fixed) kapat — jank + dev boşluk yaratıyordu */
.cover, .call_section, .svc_hero, #carousel-home .owl-slide{ background-attachment:scroll !important; }

/* CTA bandı: 557px devasa boşluk → makul */
.call_section{ min-height:0 !important; padding:72px 0 !important; }
.call_section .box_1{ padding:0; }
.call_section .box_1 h2{ font-size:30px; }

/* Bölüm dikey boşlukları biraz daha sıkı (120px çok fazlaydı) */
.margin_120_95{ margin-top:80px; margin-bottom:80px; }
.margin_120_100{ margin-top:80px; margin-bottom:80px; }

/* Hero yükseklikleri dengeli */
#carousel-home .owl-slide{ height:600px; }
.svc_hero{ min-height:380px; }
.svc_hero .opacity-mask{ min-height:380px; }

/* Konaklama kartları: 380 → 340, görsel gelene kadar daha dengeli */
.camp_cards .camp_card{ height:340px; }

/* Hakkında görsel placeholder: 420 → 360 */
.about_figure--ph{ height:360px; }

/* Görsel boş hero/section'larda hafif desen — boşluk "tasarlanmış" görünsün */
.svc_hero--ph, .slide--ph, .call_section--ph, .camp_card--ph{
    background-image:
      radial-gradient(circle at 20% 30%, rgba(255,255,255,.06) 0 2px, transparent 3px),
      linear-gradient(135deg,#6f574b 0%, #A48374 60%, #CBAD8D 100%) !important;
    background-size:26px 26px, cover;
}

@media all and (min-width:992px){
    /* container biraz daha dar = daha modern okunurluk */
    .container{ max-width:1200px; }
    .main_title h2{ font-size:34px; }
    .main_title.center{ margin-bottom:34px; }
}

@media all and (max-width: 575px){
    footer{
        text-align: center;
    }
    header a.open_close{
        top:14px;
    }
    header a.open_close{
        top:14px;
    }
    /* Olanak kartları telefonda 2 sütun + kompakt (tek sütun çok yer kaplıyordu) */
    .facilities > div{
        flex:0 0 50%;
        max-width:50%;
        padding-left:8px;
        padding-right:8px;
        margin-bottom:14px;
    }
    .facility{ padding:18px 10px; }
    .facility__icon{ width:50px; height:50px; margin-bottom:10px; }
    .facility__icon i{ font-size:21px; }
    .facility h3{ font-size:14px; margin-bottom:5px; }
    .facility p{ font-size:12px; line-height:1.4; }
}
/* Logo boyutu — SVG için NET height ver (genişlik viewBox'tan orantılı gelir; auto+max-height SVG'yi çökertiyor) */
#logo img{ height:58px !important; width:auto !important; max-width:240px !important; }
header.header.sticky #logo img{ height:46px !important; }
footer img.mb-3{ height:60px !important; width:auto !important; max-width:240px !important; }
/* Footer: "Tasarım by ynsocial" kredisi */
.ynsocial-credit{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.08); }
.ynsocial-credit a{ display:inline-flex; align-items:center; gap:7px; font-size:12px; letter-spacing:.3px; color:#9aa7a0; text-decoration:none; opacity:.85; transition:opacity .2s ease; }
.ynsocial-credit a:hover{ opacity:1; }
.ynsocial-credit img{ height:16px !important; width:auto !important; vertical-align:middle; }
/* Tüm sayfalarda footer üstü portre foto şeridi (admin: Ayarlar > Alt Şerit Görselleri) */
.brandstrip{ display:grid; grid-template-columns:repeat(6,1fr); gap:0; width:100%; }
.brandstrip__item{ display:block; overflow:hidden; aspect-ratio:4/5; }
.brandstrip__item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.brandstrip__item:hover img{ transform:scale(1.05); }
@media (max-width:1199px){ .brandstrip{ grid-template-columns:repeat(5,1fr); } }
@media (max-width:991px){ .brandstrip{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:767px){ .brandstrip{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:480px){ .brandstrip{ grid-template-columns:repeat(2,1fr); } }
/* Logo: mobilde sığacak boyut */
@media all and (max-width: 991px){
    #logo img{ height:40px !important; width:auto !important; max-width:150px !important; }
}

/* ============================================================
   Adella Beach Resort Hotel — homepage components
   Brand accent: #A48374 (nude / mauve)
   ============================================================ */

:root{
    --gtp-green:#A48374;
    --gtp-green-dark:#6f574b;
    --gtp-sand:#EBE3DB;
}

/* ============================================================
   Buton hover görünürlük düzeltmeleri
   Kural: yazısı koyu olan butonun hover'ı koyu olmamalı; koyu zemin
   üzerindeki outline butonu beyaz olmalı.
   ============================================================ */
/* Açık zeminde outline (siyah yazı) — hover'da koyu zemine düşmez,
   yeşil çerçeve+yazı kalır (tema zaten böyle, garanti altına alıyoruz) */
a.btn_1.outline:hover,
.btn_1.outline:hover{
    background:transparent;
    border-color:var(--gtp-green);
    color:var(--gtp-green) !important;
}
/* Koyu/yeşil zemin üzerindeki outline butonlar (CTA, hero) beyaz olmalı */
.call_section .btn_1.outline,
.svc_hero .btn_1.outline,
.call_section a.btn_1.outline,
.svc_hero a.btn_1.outline{
    border-color:#fff;
    color:#fff !important;
}
.call_section .btn_1.outline:hover,
.svc_hero .btn_1.outline:hover,
.call_section a.btn_1.outline:hover,
.svc_hero a.btn_1.outline:hover{
    background:#fff;
    border-color:#fff;
    color:var(--gtp-green-dark) !important;
}
/* Gri buton (siyah yazı) hover'ı amber yerine açık yeşil — yazı görünür kalır */
a.btn_1.gray:hover,
.btn_1.gray:hover{
    background-color:#e7f0e7;
    color:#6f574b !important;
}

/* --- Konaklama seçenekleri kartları (redirect_blocks) --- */
.camp_cards .camp_card{
    position:relative;
    display:block;
    height:380px;
    border-radius:14px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    transition:transform .35s ease, box-shadow .35s ease;
}
.camp_cards .col-lg-4{ margin-bottom:30px; }
.camp_cards .camp_card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.camp_cards .camp_card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(8,28,46,.88) 0%, rgba(8,28,46,.35) 55%, rgba(8,28,46,.05) 100%);
    transition:background .35s ease;
}
.camp_cards .camp_card:hover::before{
    background:linear-gradient(to top, rgba(14,74,120,.92) 0%, rgba(14,74,120,.45) 60%, rgba(14,74,120,.1) 100%);
}
.camp_card__inner{
    position:absolute;
    left:0; right:0; bottom:0;
    padding:28px 26px;
    color:#fff;
    z-index:2;
}
.camp_card__inner h3{
    color:#fff;
    font-size:24px;
    margin-bottom:8px;
    font-weight:700;
}
.camp_card__inner p{
    color:rgba(255,255,255,.88);
    font-size:15px;
    line-height:1.5;
    margin-bottom:14px;
}
.camp_card__cta{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#fff;
    padding-bottom:3px;
    border-bottom:2px solid var(--gtp-green);
    transition:border-color .25s ease;
}
.camp_cards .camp_card:hover .camp_card__cta{ border-bottom-color:#fff; }

/* --- Hakkında --- */
.about_figure img{
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    width:100%;
    object-fit:cover;
}
.lead_intro{
    font-size:18px;
    line-height:1.6;
    color:#444;
    margin-bottom:18px;
}

/* --- Olanaklar ikon grid (daily_menu -> menu_list) --- */
.facilities{ margin-top:10px; }
.facilities > div{ margin-bottom:30px; }
.facility{
    text-align:center;
    padding:34px 20px;
    background:#fff;
    border:1px solid #eceae4;
    border-radius:14px;
    height:100%;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.facility:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 30px rgba(120,95,80,.14);
    border-color:var(--gtp-green);
}
.facility__icon{
    width:74px; height:74px;
    margin:0 auto 18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--gtp-sand);
    transition:background .3s ease;
}
.facility:hover .facility__icon{ background:var(--gtp-green); }
.facility__icon i{
    font-size:34px;
    line-height:1;
    color:var(--gtp-green);
    transition:color .3s ease;
}
.facility:hover .facility__icon i{ color:#fff; }
.facility h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
    color:#222;
}
.facility p{
    font-size:14px;
    line-height:1.55;
    color:#777;
    margin:0;
}

/* --- Görsel yakında: placeholder gradyanları (gerçek foto gelene kadar) --- */
.slide--ph{
    background:linear-gradient(135deg,#6f574b 0%, #A48374 50%, #CBAD8D 100%) !important;
}
.camp_card--ph{
    background:linear-gradient(135deg,#A48374 0%, #6f574b 100%);
}
.call_section--ph{
    background:linear-gradient(135deg,#6f574b 0%, #A48374 100%) !important;
}
.about_figure--ph{
    height:420px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#e9efe9 0%, #d4e3d6 100%);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.about_figure--ph span{
    color:var(--gtp-green-dark);
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    font-size:13px;
    opacity:.7;
}

/* ============================================================
   Hizmet / Konaklama sayfaları (service.php)
   ============================================================ */
.svc_hero{
    position:relative;
    min-height:360px;
    background-size:cover;
    background-position:center;
}
.svc_hero--ph{
    background:linear-gradient(135deg,#6f574b 0%, #A48374 60%, #CBAD8D 100%);
}
.svc_hero .opacity-mask{ min-height:360px; padding:60px 0; }
.svc_hero h1{ color:#fff; font-size:42px; font-weight:700; margin-bottom:14px; }
.svc_hero__lead{ color:rgba(255,255,255,.9); font-size:18px; line-height:1.6; margin:0 auto; max-width:680px; }

/* --- Fiyat tabloları (our_story->content CKEditor HTML) --- */
.price-content .price-cap,
.price-content h4.price-cap{
    font-size:20px;
    font-weight:700;
    color:var(--gtp-green-dark);
    margin:34px 0 14px;
}
.price-content .price-cap:first-child{ margin-top:0; }
.price-note{ font-size:13px; color:#888; margin:8px 0 4px; font-style:italic; }

/* --- Hizmetlerimiz kart grid (svc-grid, our_story->content) --- */
.svc-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
    gap:22px;
    margin-top:10px;
}
.svc-card{
    display:block;
    background:#fff;
    border:1px solid #eceae4;
    border-radius:14px;
    padding:26px 24px;
    text-decoration:none;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.svc-card:hover{
    transform:translateY(-5px);
    box-shadow:0 16px 34px rgba(120,95,80,.16);
    border-color:var(--gtp-green);
}
.svc-card__cat{
    display:inline-block;
    font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase;
    color:var(--gtp-green);
    background:var(--gtp-sand);
    padding:3px 10px; border-radius:20px; margin-bottom:12px;
}
.svc-card h4{ font-size:19px; font-weight:700; color:#222; margin:0 0 8px; }
.svc-card p{ font-size:14px; color:#777; line-height:1.5; margin:0 0 14px; }
.svc-card__go{ font-size:13px; font-weight:600; color:var(--gtp-green); }

/* ============================================================
   Foto galeri (detay sayfaları + Galeri) — Instagram tarzı grid
   ============================================================ */
.photo-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:10px;
    margin-top:10px;
}
.photo-grid__item{
    position:relative;
    display:block;
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:10px;
    background:var(--gtp-sand);
}
.photo-grid__item img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease;
}
.photo-grid__item::before{
    content:"";
    position:absolute; inset:0; z-index:1;
    background:rgba(14,74,120,0);
    transition:background .35s ease;
}
.photo-grid__item:hover::before{ background:rgba(14,74,120,.22); }
.photo-grid__item:hover img{ transform:scale(1.07); }
@media all and (max-width:991px){ .photo-grid{ grid-template-columns:repeat(3,1fr); gap:8px; } }
@media all and (max-width:575px){ .photo-grid{ grid-template-columns:repeat(3,1fr); gap:5px; border-radius:8px; } }

/* ============================================================
   Hakkımızda (about.php) — kamp odaklı
   ============================================================ */
.about_intro_text{ font-size:16px; line-height:1.75; color:#555; }
.about_intro_text p{ margin-bottom:16px; }
.about_wc_text{ font-size:16px; line-height:1.7; color:#555; margin-bottom:34px; }
.about_features{ margin-top:6px; }
.about_features > div{ margin-bottom:26px; }
.about_feature{
    text-align:center;
    background:#fff;
    border:1px solid #eceae4;
    border-radius:16px;
    padding:34px 24px;
    height:100%;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.about_feature:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 34px rgba(120,95,80,.14);
    border-color:var(--gtp-green);
}
.about_feature__icon{
    width:84px; height:84px;
    margin:0 auto 18px;
    border-radius:50%;
    background:var(--gtp-sand);
    display:flex; align-items:center; justify-content:center;
}
.about_feature__icon img{ width:46px; height:46px; object-fit:contain; }
.about_feature__icon i{ font-size:38px; color:var(--gtp-green); }
.about_feature h3{ font-size:19px; font-weight:700; color:#222; margin-bottom:8px; }
.about_feature p{ font-size:14px; color:#777; line-height:1.55; margin:0; }
.about_feature__icon i{ font-size:38px; color:var(--gtp-green); line-height:1; }

/* --- Hakkımızda istatistik bandı --- */
.about_stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:linear-gradient(135deg,#6f574b 0%, #A48374 100%);
    border-radius:18px;
    padding:34px 12px;
    margin-top:40px;
    color:#fff;
    box-shadow:0 16px 38px rgba(14,74,120,.22);
}
.about_stat{ text-align:center; padding:6px 12px; border-right:1px solid rgba(255,255,255,.16); }
.about_stat:last-child{ border-right:0; }
.about_stat b{ display:block; font-size:30px; font-weight:700; line-height:1.1; }
.about_stat span{ display:block; font-size:12.5px; opacity:.85; margin-top:7px; text-transform:uppercase; letter-spacing:.6px; }
@media all and (max-width:767px){
    .about_stats{ grid-template-columns:1fr 1fr; padding:10px 8px; }
    .about_stat{ padding:16px 8px; border-bottom:1px solid rgba(255,255,255,.14); }
    .about_stat:nth-child(2){ border-right:0; }
    .about_stat:nth-child(3), .about_stat:nth-child(4){ border-bottom:0; }
    .about_stat b{ font-size:24px; }
}

/* ============================================================
   Detay sayfası "Alan Özelliklerimiz" — modern amenity grid
   ============================================================ */
.svc_amenities{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
    gap:16px;
    margin:10px 0 36px;
}
.svc_amenity{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid #eceae4;
    border-radius:14px;
    padding:16px 18px;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.svc_amenity:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 26px rgba(120,95,80,.13);
    border-color:var(--gtp-green);
}
.svc_amenity__icon{
    flex:0 0 auto;
    width:52px; height:52px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gtp-green), var(--gtp-green-dark));
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:22px;
    box-shadow:0 6px 14px rgba(120,95,80,.22);
}
.svc_amenity__txt strong{ display:block; font-size:15px; color:#222; font-weight:600; line-height:1.3; }
.svc_amenity__txt span{ display:block; font-size:13px; color:#888; margin-top:2px; line-height:1.4; }
@media all and (max-width:575px){
    .svc_amenities{ grid-template-columns:1fr 1fr; gap:10px; }
    .svc_amenity{ flex-direction:column; text-align:center; gap:10px; padding:18px 10px; }
}

/* ============================================================
   Fiyatlar — hizmet başına net container
   ============================================================ */
.price-block{
    background:#fff;
    border:1px solid #eceae4;
    border-radius:16px;
    padding:30px 30px 24px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.price-block__title{
    font-size:24px; font-weight:700;
    color:var(--gtp-green-dark);
    border-left:5px solid var(--gtp-green);
    padding-left:14px;
    margin:0 0 22px;
}
@media all and (max-width:767px){
    .price-block{ padding:18px 14px; border-radius:12px; }
    .price-block__title{ font-size:20px; }
}
.price-table-wrap{
    overflow-x:auto;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    margin-bottom:10px;
    -webkit-overflow-scrolling:touch;
}
.price-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    min-width:560px;
    font-size:15px;
}
.price-table thead th{
    background:var(--gtp-green);
    color:#fff;
    font-weight:600;
    text-align:center;
    padding:14px 16px;
    white-space:nowrap;
}
.price-table thead th:first-child{ text-align:left; }
.price-table tbody td{
    padding:14px 16px;
    text-align:center;
    border-bottom:1px solid #eef0ec;
    color:#444;
}
.price-table tbody td:first-child{
    text-align:left;
    font-weight:600;
    color:#222;
    background:var(--gtp-sand);
    white-space:nowrap;
}
.price-table tbody tr:last-child td{ border-bottom:0; }
.price-table tbody tr:hover td{ background:#f3f8f3; }
/* ilk sütun başlık hücresi hover'da rengini korur (yazı okunur kalır) */
.price-table tbody tr:hover td:first-child{ background:var(--gtp-sand); }

/* --- Alan özellikleri listesi --- */
.svc_features{ list-style:none; padding:0; margin:0; }
.svc_features li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px 0;
    border-bottom:1px dashed #d9ddd4;
}
.svc_features li:last-child{ border-bottom:0; }
.svc_features i{ color:var(--gtp-green); font-size:20px; line-height:1.4; flex:0 0 auto; }
.svc_features strong{ color:#222; font-size:16px; }
.svc_features small{ color:#777; }

/* --- Açıklamalar kutusu --- */
.svc_notes{
    background:#fff;
    border:1px solid #eceae4;
    border-radius:14px;
    padding:26px 28px;
}
.svc_notes h3{ font-size:18px; font-weight:700; color:var(--gtp-green-dark); margin-bottom:14px; }
.svc_notes .notes-list{ list-style:none; padding:0; margin:0; }
.svc_notes .notes-list li{
    position:relative;
    padding:0 0 12px 22px;
    color:#555;
    font-size:14.5px;
    line-height:1.55;
}
.svc_notes .notes-list li:last-child{ padding-bottom:0; }
.svc_notes .notes-list li::before{
    content:"";
    position:absolute;
    left:0; top:7px;
    width:8px; height:8px;
    border-radius:50%;
    background:var(--gtp-green);
}

/* --- Responsive --- */
@media all and (max-width:767px){
    .camp_cards .camp_card{ height:320px; }
    .svc_hero h1{ font-size:30px; }
    .svc_hero__lead{ font-size:16px; }
}

/* ============================================================
   MOBİL / RESPONSIVE — app tarzı düzen
   ============================================================ */

/* --- Mobil alt navigasyon barı --- */
.mobile-bottom-nav{ display:none; }
@media all and (max-width:991px){
    .mobile-bottom-nav{
        display:flex;
        position:fixed; left:0; right:0; bottom:0;
        z-index:1030;
        background:#fff;
        box-shadow:0 -4px 22px rgba(0,0,0,.13);
        padding:6px 2px;
        padding-bottom:calc(6px + env(safe-area-inset-bottom));
        justify-content:space-around;
        align-items:flex-end;
        border-top:1px solid #eef0ec;
    }
    .mbn-item{
        flex:1 1 0;
        min-width:0;
        text-align:center;
        color:#7a7f78;
        font-size:11px;
        font-weight:500;
        text-decoration:none;
        padding:6px 2px 2px;
        line-height:1.2;
    }
    .mbn-item i{ display:block; font-size:23px; margin-bottom:3px; }
    .mbn-item span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .mbn-item.active, .mbn-item:hover{ color:var(--gtp-green); }
    .mbn-center i{
        width:54px; height:54px; line-height:54px;
        margin:-26px auto 3px;
        background:var(--gtp-green);
        color:#fff !important;
        border-radius:50%;
        box-shadow:0 6px 16px rgba(120,95,80,.45);
        font-size:24px;
    }
    .mbn-center{ color:var(--gtp-green); }
    /* alt bar için içerik altına boşluk */
    body#html-body{ padding-bottom:66px; }
    /* hamburger mobilde SAĞ ÜSTTE görünür (tam menü + dil seçici buradan açılır) */
    header.header > .container-fluid > a.open_close{
        display:inline-flex !important; align-items:center; justify-content:center;
        left:auto !important; right:14px !important; top:50% !important; transform:translateY(-50%) !important;
        margin:0 !important; z-index:30; width:46px; height:46px; border-radius:12px;
    }
}

/* --- Fiyat tablosu: mobilde yığılmış kart düzeni --- */
@media all and (max-width:767px){
    .price-table-wrap{ overflow:visible; box-shadow:none; border-radius:0; }
    .price-table{ min-width:0; font-size:14px; }
    .price-table thead{ display:none; }
    .price-table tbody tr{
        display:block;
        border:1px solid #e3e7df;
        border-radius:12px;
        margin-bottom:14px;
        overflow:hidden;
        box-shadow:0 4px 14px rgba(0,0,0,.06);
        background:#fff;
    }
    .price-table tbody td{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        padding:11px 14px;
        text-align:right;
        border-bottom:1px solid #eef0ec;
        white-space:normal;
    }
    .price-table tbody td:last-child{ border-bottom:0; }
    .price-table tbody td::before{
        content:attr(data-label);
        font-weight:600;
        color:#6f574b;
        text-align:left;
        flex:1 1 auto;
        min-width:0;
        word-break:break-word;
    }
    .price-table tbody td{ white-space:normal; }
    /* ilk hücre = kart başlığı (yeşil bant) */
    .price-table tbody td:first-child{
        background:var(--gtp-green);
        color:#fff;
        font-weight:700;
        justify-content:center;
        text-align:center;
        padding:12px;
    }
    .price-table tbody td:first-child::before{ display:none; }
    /* mobilde başlık hücresi hover'da da yeşil + beyaz kalır */
    .price-table tbody tr:hover td:first-child{ background:var(--gtp-green); color:#fff; }
    .price-content .price-cap{ font-size:18px; }
}

/* --- Ana sayfa kartları + bölümler: mobil/tablet kompakt --- */
@media all and (max-width:991px){
    .margin_120_95{ margin-top:50px; margin-bottom:50px; }
    .margin_120_100{ margin-top:50px; margin-bottom:50px; }
    .main_title h2{ font-size:26px; }

    .camp_cards .camp_card{ height:200px; border-radius:12px; }
    .camp_cards .col-lg-4{ margin-bottom:16px; }
    .camp_card__inner{ padding:16px 18px; }
    .camp_card__inner h3{ font-size:20px; margin-bottom:4px; }
    .camp_card__inner p{
        font-size:13px; line-height:1.4; margin-bottom:8px;
        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    }

    .facilities > div{ margin-bottom:16px; }
    .facility{ padding:22px 14px; }
    .facility__icon{ width:60px; height:60px; margin-bottom:12px; }
    .facility__icon i{ font-size:26px; }
    .facility h3{ font-size:16px; }

    .svc_hero{ min-height:320px; }
    .svc_hero .opacity-mask{ min-height:320px; padding:100px 0 40px; }
    .svc_notes{ padding:20px 18px; }
}

/* ============================================================
   Masaüstü öncelik düzeltmeleri (dosya sonu = en yüksek öncelik)
   ============================================================ */
@media all and (min-width:768px){
    .camp_cards .camp_card{ height:340px !important; }
    .call_section{ padding:64px 0 !important; }
    .call_section .box_1 p{ margin-bottom:22px; }
}

/* ============================================================
   Dinamik fiyat kartları (price_list repeater)
   ============================================================ */
.price-cards{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
    gap:24px;
    margin-top:6px;
}
.price-card{
    background:#fff; border:1px solid #eceae4; border-radius:16px; overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:transform .3s ease, box-shadow .3s ease;
}
.price-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(120,95,80,.14); }
.price-card__head{
    background:var(--gtp-green); color:#fff; font-weight:700; font-size:17px;
    padding:15px 20px; text-align:center;
}
.price-card__list{ list-style:none; margin:0; padding:6px 20px 14px; }
.price-card__list li{
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    padding:12px 0; border-bottom:1px solid #eef0ec;
}
.price-card__list li:last-child{ border-bottom:0; }
.pc-period{ color:#666; font-size:14px; }
.pc-price{ color:var(--gtp-green-dark); font-weight:700; font-size:16px; white-space:nowrap; }
/* Fiyatlar sayfası: kategori bloğu içindeki kart grid'i */
.price-block .price-cards{ margin-top:4px; }

/* ============================================================
   Fiyatlar sayfası v2: aylık + sezonluk + giriş ücretleri + notlar
   ============================================================ */
/* Aylık alt başlık */
.price-sub{ margin-top:22px; }
.price-sub:first-child{ margin-top:0; }
.price-sub__title{ font-size:18px; color:var(--gtp-green-dark); margin:0 0 12px; font-weight:700; }
/* Aylık kartlar (geçmiş ay otomatik gizlenir) */
.price-months{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; margin-top:4px; }
.pm-card{ background:#fff; border:1px solid #eceae4; border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:transform .3s ease, box-shadow .3s ease; }
.pm-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(120,95,80,.14); }
.pm-card__head{ background:var(--gtp-green); color:#fff; font-weight:700; font-size:17px; padding:13px 18px; display:flex; align-items:center; justify-content:space-between; }
.pm-tag{ font-size:11px; font-weight:700; background:rgba(255,255,255,.22); padding:3px 9px; border-radius:20px; }
.pm-card__body{ padding:6px 18px 12px; }
.pm-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid #eef0ec; }
.pm-row:last-child{ border-bottom:0; }
.pm-cat{ color:#555; font-size:14px; }
.pm-price{ color:var(--gtp-green-dark); font-weight:700; font-size:16px; white-space:nowrap; }
.pm-hidden{ font-size:13px; color:#8a948e; font-style:italic; margin:12px 2px 0; }
.pm-empty{ font-size:14px; color:#8a948e; }
/* Giriş ücretleri */
.entry-fees{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin-top:4px; }
.entry-chip{ background:#fff; border:1px solid #eceae4; border-radius:16px; padding:18px 16px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.entry-chip__t{ display:block; color:#666; font-size:14px; margin-bottom:6px; }
.entry-chip__v{ display:block; color:var(--gtp-green-dark); font-weight:800; font-size:20px; }
/* Not kartları */
.price-notes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; margin-top:22px; }
.pn{ border-radius:16px; padding:20px 22px; border:1px solid #eceae4; background:#fff; }
.pn h4{ margin:0 0 10px; font-size:16px; }
.pn__body{ font-size:14px; color:#444; line-height:1.6; }
.pn__body ul{ margin:6px 0 0; padding-left:18px; }
.pn--kid{ background:#fff8e9; border-color:#f0e0b0; } .pn--kid h4{ color:#9a7400; }
.pn--inc{ background:#eef7f0; border-color:#EBE3DB; } .pn--inc h4{ color:var(--gtp-green-dark); }
.pn--exc{ background:#fdf0ee; border-color:#f3d4cd; } .pn--exc h4{ color:#b34b3a; }
@media all and (max-width:767px){
    .price-months{ grid-template-columns:1fr; gap:12px; }
    .price-sub__title{ font-size:16px; }
    /* Mobilde fiyatı başlığın ALTINA al — iç içe geçmeyi önler */
    .pm-row{ flex-direction:column; align-items:flex-start; gap:2px; }
    .price-card__list li{ flex-direction:column; align-items:flex-start; gap:2px; }
    .pm-price, .pc-price{ font-size:16px; }
}

/* ============================================================
   Fiyatlar v6: tip bazlı kutular + neler dahil + kurallar
   ============================================================ */
.ptype{ background:#fff; border:1px solid #eceae4; border-radius:22px; margin:22px 0; box-shadow:0 10px 30px rgba(20,40,30,.06); overflow:hidden; }
.ptype--soon{ border-style:dashed; opacity:.94; }
.ptype__hd{ display:flex; align-items:center; gap:14px; padding:22px 26px 8px; flex-wrap:wrap; }
.ptype__ic{ width:46px; height:46px; border-radius:13px; background:var(--gtp-green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; flex:0 0 auto; }
.ptype__ttl h2{ margin:0; font-size:23px; }
.ptype__sub{ font-size:13px; color:#7a857f; margin-top:2px; }
.ptype__sp{ flex:1; }
.ptype__detail{ font-size:13.5px; font-weight:600; color:var(--gtp-green-dark); text-decoration:none; border:1.5px solid var(--gtp-green); border-radius:30px; padding:8px 17px; white-space:nowrap; transition:.15s; }
.ptype__detail:hover{ background:var(--gtp-green); color:#fff; }
.soon-badge{ font-size:12px; font-weight:700; color:#fff; background:#d98032; border-radius:20px; padding:3px 12px; vertical-align:middle; }
.ptype__bd{ padding:8px 26px 24px; }
.ptype__soonbody{ color:#7a857f; font-size:15px; padding:8px 0 14px; }
.ptype-blk{ margin-top:18px; }
.ptype-blk__t{ font-size:13.5px; color:#7a857f; font-weight:700; margin:0 0 10px; text-transform:uppercase; letter-spacing:.5px; }
/* Neler dahil ikon şeridi */
.incl-row{ display:flex; flex-wrap:wrap; gap:9px; }
.incl-chip{ display:inline-flex; align-items:center; gap:7px; background:#eef7f0; border:1px solid #EBE3DB; border-radius:30px; padding:8px 15px; font-size:13.5px; color:#27543f; }
.incl-chip i{ color:var(--gtp-green); font-size:13px; }
.incl-chip--fee{ background:#fff; }
.incl-chip--fee b{ color:var(--gtp-green-dark); }
.entry-note{ font-size:13px; color:#7a857f; margin:14px 0 0; line-height:1.6; }
/* Önemli bilgiler / kurallar (RTE) */
.price-rules{ font-size:14px; color:#3f4a44; line-height:1.65; }
.price-rules ul{ list-style:none; margin:0; padding:0; }
.price-rules li{ position:relative; padding:7px 0 7px 26px; border-bottom:1px solid #f1f4f2; }
.price-rules li:last-child{ border-bottom:0; }
.price-rules li::before{ content:""; position:absolute; left:4px; top:14px; width:8px; height:8px; border-radius:50%; background:var(--gtp-green2,#40916c); }
/* Genel tesis kuralları */
.facility-rules{ background:#1f2a26; color:#e8efe9; border-radius:20px; padding:24px 28px; margin-top:28px; }
.facility-rules h3{ margin:0 0 14px; font-size:17px; color:#fff; }
.facility-rules .fr-item{ display:flex; gap:11px; align-items:flex-start; font-size:14px; margin:10px 0; color:#cdd8d1; }
.facility-rules .fr-item i{ color:#9ec5ad; margin-top:2px; flex:0 0 auto; }
@media all and (max-width:767px){
    .ptype__hd{ padding:18px 18px 6px; } .ptype__bd{ padding:6px 18px 20px; }
    .ptype__ttl h2{ font-size:20px; } .ptype__detail{ margin-top:6px; }
}

/* ============================================================
   Konaklama DETAY sayfası (service.php) — deneyim odaklı
   ============================================================ */
.svc_hero--detail{ min-height:460px; }
.svc_hero--detail .opacity-mask{ min-height:460px; }
.svc_breadcrumb{ font-size:13px; letter-spacing:.3px; margin-bottom:10px; opacity:.9; }
.svc_breadcrumb a{ color:rgba(255,255,255,.85); text-decoration:none; }
.svc_breadcrumb a:hover{ color:#fff; }
.svc_hero__cta{ margin-top:24px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.svc_hero__cta .btn_1{ margin:0; }
.svc_hero__cta .btn_1 i{ margin-right:6px; }
/* Hızlı özellikler şeridi — hero'nun üstüne hafif binen beyaz kart */
.svc_highlights{
    display:flex; flex-wrap:wrap; justify-content:center; gap:8px 30px;
    background:#fff; border:1px solid #eceae4; border-radius:18px;
    padding:20px 26px; margin:-44px auto 0; max-width:920px; position:relative; z-index:3;
    box-shadow:0 14px 36px rgba(20,40,30,.10);
}
.svc_highlight{ display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:600; color:#2b3a31; }
.svc_highlight__ic{
    width:30px; height:30px; border-radius:50%; flex:0 0 auto;
    background:var(--gtp-sand); color:var(--gtp-green);
    display:flex; align-items:center; justify-content:center; font-size:14px;
}
/* Fiyatlar -> Fiyatlar sayfası linki */
.svc_price_link{ text-align:center; margin-top:22px; font-size:14.5px; color:#7a857f; }
.svc_price_link a{ color:var(--gtp-green-dark); font-weight:600; text-decoration:none; }
.svc_price_link a:hover{ text-decoration:underline; }
/* Detay sayfası: Fiyatlar sayfasına yönlendiren kart */
.svc_price_cta{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  background:var(--gtp-sand); border:1px solid #e3ddcf; border-radius:16px; padding:28px 32px; }
.svc_price_cta__txt h3{ margin:0 0 6px; color:var(--gtp-green-dark); font-size:22px; }
.svc_price_cta__txt p{ margin:0; color:#5d665f; font-size:15px; max-width:560px; }
.svc_price_cta .btn_1{ white-space:nowrap; flex:0 0 auto; }
@media all and (max-width:575px){ .svc_price_cta{ padding:22px; text-align:center; justify-content:center; } .svc_price_cta .btn_1{ width:100%; } }
/* margin yardımcı (80/55) */
.margin_80_55{ margin-top:64px; margin-bottom:48px; }
@media all and (max-width:767px){
    .svc_hero--detail, .svc_hero--detail .opacity-mask{ min-height:380px; }
    .svc_highlights{ margin-top:-30px; padding:16px 16px; gap:10px 18px; border-radius:14px; }
    .svc_highlight{ font-size:13px; }
    .margin_80_55{ margin-top:40px; margin-bottom:32px; }
}

/* --- Sık Sorulan Sorular (accordion / details) --- */
.faq-list{ max-width:820px; margin:0 auto; }
.faq-item{ background:#fff; border:1px solid #eceae4; border-radius:14px; margin-bottom:12px; overflow:hidden; box-shadow:0 6px 18px rgba(20,40,30,.05); transition:box-shadow .2s; }
.faq-item[open]{ box-shadow:0 12px 28px rgba(120,95,80,.12); border-color:#d6e6da; }
.faq-q{ list-style:none; cursor:pointer; padding:18px 22px; font-size:16px; font-weight:600; color:#222; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.faq-q::-webkit-details-marker{ display:none; }
.faq-q:hover{ color:var(--gtp-green-dark); }
.faq-ico{ flex:0 0 auto; width:22px; height:22px; position:relative; }
.faq-ico::before, .faq-ico::after{ content:""; position:absolute; background:var(--gtp-green); border-radius:2px; transition:transform .25s; }
.faq-ico::before{ left:3px; right:3px; top:10px; height:2px; }
.faq-ico::after{ top:3px; bottom:3px; left:10px; width:2px; }
.faq-item[open] .faq-ico::after{ transform:scaleY(0); }
.faq-item[open] .faq-q{ color:var(--gtp-green-dark); }
.faq-a{ padding:2px 22px 18px; font-size:14.5px; line-height:1.65; color:#555; }

/* --- Tanıtım/açıklama (our_story->content: prose veya servis grid) --- */
.svc_overview{ font-size:16px; line-height:1.75; color:#555; }
.svc_overview > p{ max-width:860px; margin:0 auto 16px; }
.svc_overview > p:last-child{ margin-bottom:0; }

/* ============================================================
   2026 PREMIUM MODERN KATMAN — Adella Garden Marina Hotel
   ============================================================ */
:root{ --ad-blue:#A48374; --ad-blue-d:#6f574b; --ad-soft:#F1EDE6; }
body{ color:#2c3a44; }
h1,h2,h3,h4,.main_title h2{ letter-spacing:-.02em; }
.main_title.center{ margin-bottom:42px; }
.main_title.center h2{ font-weight:700; }
.bg_gray{ background:var(--ad-soft) !important; }

/* Butonlar: pill + gradient + gölge */
.btn_1, a.btn_1{ border-radius:50px !important; padding:13px 32px !important; font-weight:600; letter-spacing:.2px;
  background:linear-gradient(135deg,var(--ad-blue),var(--ad-blue-d)) !important; border:none !important;
  box-shadow:0 10px 24px rgba(120,95,80,.30); transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; }
.btn_1:hover, a.btn_1:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(120,95,80,.42); filter:brightness(1.06); color:#fff; }
.btn_1.outline, a.btn_1.outline{ background:transparent !important; box-shadow:none; }

/* Hero büyük & derin */
#carousel-home .owl-slide{ height:660px; }
.svc_hero h1, #carousel-home .owl-slide-title{ font-size:clamp(32px,4.6vw,58px); font-weight:700; line-height:1.06; text-shadow:0 2px 20px rgba(0,0,0,.32); }
.svc_hero .opacity-mask{ background:linear-gradient(180deg, rgba(8,28,46,.22), rgba(8,28,46,.62)) !important; }

/* Premium placeholder görsel alanları */
.svc_hero--ph,.slide--ph,.call_section--ph,.camp_card--ph,.about_figure--ph{
  background:linear-gradient(135deg,#3A2D28 0%, #A48374 55%, #CBAD8D 100%) !important; position:relative; }
.svc_hero--ph::after,.slide--ph::after,.camp_card--ph::after{ content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle at 18% 28%, rgba(255,255,255,.10) 0 2px, transparent 3px); background-size:24px 24px; }

/* Oda kartları daha premium */
.camp_cards .camp_card{ border-radius:20px; box-shadow:0 20px 44px rgba(17,32,43,.14); }
.camp_card__inner h3{ letter-spacing:-.01em; }

/* Olanak kartları */
.svc_amenity{ border-radius:16px; box-shadow:0 6px 18px rgba(17,32,43,.06); }
.svc_amenity:hover{ box-shadow:0 16px 32px rgba(120,95,80,.16); }

/* Tesis tanıtım (svc_overview) — prose premium, sol mavi çizgi */
.svc_overview{ max-width:860px; margin:0 auto; }
.svc_overview h3{ font-size:22px; font-weight:700; color:var(--ad-blue-d); margin:30px 0 6px; padding-left:16px; border-left:4px solid var(--ad-blue); }
.svc_overview p{ font-size:16.5px; line-height:1.75; color:#4a5862; margin-bottom:6px; }

/* Dil dropdown */
.lang-switch .lang-current{ display:inline-flex; align-items:center; gap:6px; }
.lang-globe{ font-size:15px; opacity:.9; }
.lang-switch ul li a.active{ font-weight:700; color:var(--ad-blue) !important; }
.lang-switch ul{ min-width:170px; }

/* Öne çıkanlar şeridi */
.ad-usps{ margin-top:-40px; position:relative; z-index:5; }
.ad-usps__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; background:#fff; border-radius:20px;
  box-shadow:0 24px 60px rgba(17,32,43,.14); padding:26px 28px; }
.ad-usp{ display:flex; align-items:center; gap:14px; }
.ad-usp__ic{ flex:0 0 auto; width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ad-blue),var(--ad-blue-d)); color:#fff; font-size:22px; box-shadow:0 8px 18px rgba(120,95,80,.28); }
.ad-usp div strong{ display:block; font-size:15.5px; color:#1b2a33; }
.ad-usp div span{ display:block; font-size:12.5px; color:#7a8893; }
.ad-usp__ic i{ font-size:22px; color:#fff; line-height:1; }
@media(max-width:991px){ .ad-usps{ margin-top:24px; } .ad-usps__grid{ grid-template-columns:1fr 1fr; gap:14px; padding:20px; } }
@media(max-width:575px){ .ad-usps__grid{ grid-template-columns:1fr; } }

/* Promo / reklam bandı */
.ad-promo{ margin:84px 0; }
.ad-promo__inner{ display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;
  background:linear-gradient(120deg,#6f574b,#A48374); border-radius:24px; padding:46px 50px; color:#fff;
  box-shadow:0 28px 64px rgba(15,90,145,.32); position:relative; overflow:hidden; }
.ad-promo__inner::after{ content:""; position:absolute; right:-60px; top:-60px; width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.14), transparent 70%); }
.ad-promo__kicker{ display:inline-block; font-size:12.5px; letter-spacing:2px; text-transform:uppercase; opacity:.85; margin-bottom:8px; }
.ad-promo__txt h2{ color:#fff; font-size:30px; font-weight:700; margin:0 0 8px; }
.ad-promo__txt p{ color:rgba(255,255,255,.9); font-size:16px; max-width:620px; margin:0; }
.ad-promo .ad-promo__btn{ background:#fff !important; color:var(--ad-blue-d) !important; box-shadow:0 10px 26px rgba(0,0,0,.18); white-space:nowrap; }
.ad-promo .ad-promo__btn:hover{ color:var(--ad-blue-d) !important; }
@media(max-width:767px){ .ad-promo{ margin:54px 0; } .ad-promo__inner{ padding:32px 26px; text-align:center; justify-content:center; } .ad-promo__txt h2{ font-size:24px; } }

/* ============================================================
   PREMIUM V2 — editorial serif + yeni bölümler (Adella)
   ============================================================ */
:root{ --ink:#3A2D28; --mut:#5d6c77; --line:#EBE3DB; --navy:#2c221d; }
.sec-head{ text-align:center; max-width:680px; margin:0 auto 50px; }
.kicker{ display:inline-block; font-size:12px; letter-spacing:3.5px; text-transform:uppercase; color:var(--ad-blue); font-weight:600; margin-bottom:12px; }
.kicker--light{ color:#CBAD8D; }
.sec-head h2{ font-family:'Montserrat',sans-serif; font-size:clamp(36px,4.4vw,56px); font-weight:600; color:var(--ink); line-height:1.04; margin:0; }
.sec-head p{ color:var(--mut); margin-top:14px; font-size:16px; }

/* Hero — tam ekran, serif, sinematik */
#carousel-home .owl-slide{ height:92vh !important; min-height:640px; }
.owl-slide-title{ font-family:'Montserrat',sans-serif !important; font-size:clamp(44px,6.4vw,92px) !important; font-weight:600 !important; line-height:1.0 !important; text-shadow:0 2px 26px rgba(0,0,0,.35); }
.owl-kicker{ display:inline-block; font-size:13px; letter-spacing:4px; text-transform:uppercase; color:#EBE3DB !important; font-weight:600; margin-bottom:14px; }
.owl-slide .opacity-mask{ background:linear-gradient(180deg, rgba(8,25,40,.30) 0%, rgba(8,25,40,.55) 100%) !important; }
#carousel-home .owl-slide{ position:relative; overflow:hidden; }
#carousel-home .owl-slide .opacity-mask{ position:relative; z-index:2; }
/* Sol kenara hafif gaussian blur (yazı/CTA'yı okunaklı tutar, fotonun sadece sol şeridini yumuşatır) */
.slide-blur{ position:absolute; left:0; top:0; bottom:0; width:42%; z-index:1; pointer-events:none;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%, rgba(0,0,0,.92) 24%, transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%, rgba(0,0,0,.92) 24%, transparent 100%); }
@media(max-width:767px){ .slide-blur{ width:60%; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); } }
/* Yazısız slide: kullanıcının kendi tasarımı görünsün — koyu maskeyi neredeyse kaldır */
.owl-slide--clean .opacity-mask{ background:linear-gradient(90deg, rgba(8,25,40,.16) 0%, rgba(8,25,40,0) 38%) !important; }

/* Odalar */
.rooms-sec{ padding:100px 0 70px; }
.room-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.room-card{ display:block; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 16px 44px rgba(12,35,51,.10); transition:transform .35s ease, box-shadow .35s ease; }
.room-card:hover{ transform:translateY(-10px); box-shadow:0 34px 70px rgba(12,35,51,.18); }
.room-card__img{ height:265px; background-size:cover; background-position:center; position:relative; }
.room-card__img.ph{ background:linear-gradient(135deg,#3A2D28,#A48374 55%,#CBAD8D); }
.room-card__badge{ position:absolute; top:16px; left:16px; background:rgba(255,255,255,.94); color:var(--ad-blue-d); font-size:11.5px; font-weight:700; letter-spacing:1.2px; padding:7px 15px; border-radius:30px; text-transform:uppercase; }
.room-card__body{ padding:28px 28px 26px; }
.room-card__body h3{ font-family:'Montserrat',sans-serif; font-size:30px; font-weight:600; color:var(--ink); margin:0 0 8px; }
.room-card__meta{ display:flex; gap:10px; margin-bottom:12px; }
.room-card__meta span{ background:var(--ad-soft); color:var(--ad-blue-d); font-size:12.5px; font-weight:600; padding:5px 14px; border-radius:20px; }
.room-card__body p{ color:var(--mut); font-size:14.5px; line-height:1.65; margin:0 0 16px; }
.room-card__cta{ font-weight:700; font-size:12.5px; letter-spacing:1.8px; text-transform:uppercase; color:var(--ad-blue); }

/* Hakkında + istatistik */
.abouthx{ padding:96px 0; background:linear-gradient(180deg,#fff,var(--ad-soft)); }
.abouthx__title{ font-family:'Montserrat',sans-serif; font-size:clamp(28px,3.4vw,42px); font-weight:600; font-style:italic; color:var(--ink); line-height:1.25; margin:6px 0 22px; }
.abouthx__txt p{ color:var(--mut); font-size:16px; line-height:1.8; }
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:50px; }
.stat{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:30px 18px; text-align:center; box-shadow:0 12px 30px rgba(12,35,51,.06); }
.stat b{ display:block; font-family:'Montserrat',sans-serif; font-size:46px; font-weight:600; color:var(--ad-blue-d); line-height:1; margin-bottom:6px; }
.stat span{ font-size:13px; color:var(--mut); letter-spacing:.6px; }

/* Adella Dünyası (koyu lacivert) */
.brands-sec{ background:var(--navy); padding:100px 0; }
.brands-sec .sec-head h2{ color:#fff; }
.brands-sec .sec-head p{ color:#CBAD8D; }
.brand-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.brand-card{ position:relative; display:block; height:360px; border-radius:20px; overflow:hidden; background-size:cover; background-position:center; transition:transform .35s ease; }
.brand-card:hover{ transform:translateY(-8px); }
.brand-card.ph{ background:linear-gradient(165deg,#3A2D28,#A48374 80%); }
.brand-card::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,22,34,.04) 32%, rgba(8,22,34,.88)); transition:background .35s ease; }
.brand-card:hover::after{ background:linear-gradient(180deg, rgba(8,22,34,.14) 22%, rgba(13,86,138,.92)); }
.brand-card__in{ position:absolute; left:0; right:0; bottom:0; padding:26px; z-index:2; }
.brand-card__in h3{ color:#fff; font-family:'Montserrat',sans-serif; font-size:26px; font-weight:600; margin:0 0 5px; }
.brand-card__in p{ color:rgba(255,255,255,.74); font-size:13.5px; margin:0 0 12px; }
.brand-card__go{ font-size:11.5px; letter-spacing:2px; text-transform:uppercase; color:#fff; font-weight:700; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:3px; }

/* Olanak karoları */
.fac-sec{ padding:100px 0 80px; }
.fac-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.fac-tile{ display:block; background:#fff; border:1px solid var(--line); border-radius:20px; padding:30px 22px; text-align:center; transition:all .3s ease; }
.fac-tile:hover{ border-color:var(--ad-blue); transform:translateY(-5px); box-shadow:0 20px 40px rgba(120,95,80,.15); }
.fac-tile i{ font-size:32px; color:var(--ad-blue); }
.fac-tile h3{ font-size:16px; font-weight:600; margin:14px 0 4px; color:var(--ink); }
.fac-tile p{ font-size:13px; color:var(--mut); margin:0; }

/* Blog */
.blogprev-sec{ padding:0 0 100px; }
.blog-list{ padding:80px 0 100px; }
.bp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.bp-card{ display:block; background:#fff; border-radius:20px; overflow:hidden; border:1px solid var(--line); transition:all .3s ease; }
.bp-card:hover{ box-shadow:0 24px 50px rgba(12,35,51,.13); transform:translateY(-7px); border-color:transparent; }
.bp-card__img{ height:210px; background-size:cover; background-position:center; }
.bp-card__img.ph{ background:linear-gradient(135deg,#9cc6e6,#A48374); }
.bp-card__body{ padding:24px; }
.bp-date{ font-size:11.5px; color:var(--ad-blue); letter-spacing:1.6px; text-transform:uppercase; font-weight:700; }
.bp-card__body h3{ font-size:19px; color:var(--ink); margin:10px 0 8px; line-height:1.35; font-weight:600; }
.bp-card__body p{ font-size:14px; color:var(--mut); line-height:1.6; margin:0; }
.post-wrap{ padding:70px 0 30px; }
.post-body{ max-width:780px; margin:0 auto; }
.post-lead{ font-size:19px; line-height:1.7; color:var(--ink); font-weight:500; margin-bottom:22px; }
.post-body p{ font-size:16px; line-height:1.85; color:#46555f; margin-bottom:18px; }
.post-body h3{ font-family:'Montserrat',sans-serif; font-size:28px; color:var(--ink); margin:30px 0 10px; }

/* Footer — premium lacivert */
footer{ background:var(--navy) !important; }
footer .frame.black{ display:none; }

/* CTA bandı zenginleştir */
.call_section--ph{ background:linear-gradient(120deg,#2c221d 0%, #6f574b 70%, #A48374 100%) !important; }
.call_section .box_1 h2{ font-family:'Montserrat',sans-serif; font-size:40px; font-weight:600; }

/* Responsive */
@media(max-width:1199px){ .brand-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:991px){
  #carousel-home .owl-slide{ height:78vh !important; min-height:520px; }
  .room-grid,.bp-grid{ grid-template-columns:1fr 1fr; }
  .fac-grid{ grid-template-columns:1fr 1fr; }
  .stats{ grid-template-columns:1fr 1fr; }
  .rooms-sec,.abouthx,.brands-sec,.fac-sec{ padding:64px 0; }
}
@media(max-width:640px){
  .room-grid,.bp-grid,.brand-grid{ grid-template-columns:1fr; }
  .brand-card{ height:300px; }
  .sec-head{ margin-bottom:34px; }
}

/* ============================================================
   PREMIUM V2.1 — iç sayfalar (Hakkımızda / İletişim / Galeri / Blog detay)
   ============================================================ */
/* Buton parlama (shine) animasyonu */
.btn_1{ position:relative; overflow:hidden; }
.btn_1::after{ content:""; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg); transition:left .6s ease; }
.btn_1:hover::after{ left:130%; }

/* --- Hakkımızda: hikaye kolajı --- */
.story-sec{ padding:100px 0 80px; }
.story-collage{ position:relative; min-height:520px; }
.story-collage__main{ width:78%; height:480px; border-radius:24px; background-size:cover; background-position:center;
  box-shadow:0 30px 70px rgba(12,35,51,.22); }
.story-collage__main.ph{ background:linear-gradient(135deg,#3A2D28,#A48374); }
.story-collage__sub{ position:absolute; right:0; bottom:-30px; width:46%; height:300px; border-radius:20px;
  background-size:cover; background-position:center; border:8px solid #fff; box-shadow:0 24px 50px rgba(12,35,51,.25); }
.story-collage__badge{ position:absolute; left:-14px; top:42px; background:linear-gradient(135deg,var(--ad-blue),var(--ad-blue-d));
  color:#fff; border-radius:18px; padding:18px 24px; text-align:center; box-shadow:0 16px 36px rgba(120,95,80,.4); }
.story-collage__badge b{ display:block; font-family:'Montserrat',sans-serif; font-size:38px; line-height:1; }
.story-collage__badge span{ font-size:11px; letter-spacing:1.5px; text-transform:uppercase; }
.story-txt{ padding-left:34px; }
.story-title{ font-family:'Montserrat',sans-serif; font-size:clamp(32px,3.6vw,46px); font-weight:600; color:var(--ink); line-height:1.08; margin:6px 0 14px; }
.story-lead{ font-size:18px; font-weight:500; color:var(--ink); line-height:1.6; margin-bottom:14px; }
.story-body p{ font-size:15.5px; line-height:1.8; color:var(--mut); margin-bottom:12px; }

/* --- Değer kartları --- */
.values-sec{ padding:90px 0; background:var(--ad-soft); }
.values-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.value-card{ background:#fff; border-radius:20px; padding:34px 26px; text-align:center;
  box-shadow:0 12px 32px rgba(12,35,51,.07); transition:transform .3s ease, box-shadow .3s ease; }
.value-card:hover{ transform:translateY(-7px); box-shadow:0 26px 52px rgba(120,95,80,.16); }
.value-card__ic{ display:inline-flex; width:64px; height:64px; border-radius:50%; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ad-blue),var(--ad-blue-d)); color:#fff; font-size:26px; margin-bottom:16px;
  box-shadow:0 10px 22px rgba(120,95,80,.3); }
.value-card h3{ font-size:17px; font-weight:600; color:var(--ink); margin:0 0 8px; }
.value-card p{ font-size:13.5px; color:var(--mut); line-height:1.6; margin:0; }

/* --- Hakkımızda foto şeridi --- */
.about-strip{ display:grid; grid-template-columns:repeat(3,1fr); }
.about-strip__item{ aspect-ratio:4/3; background-size:cover; background-position:center; transition:transform .5s ease; overflow:hidden; }
.about-strip__item:hover{ transform:scale(1.02); }

/* --- İletişim --- */
.contact-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:-50px 0 70px; position:relative; z-index:5; }
.ccard{ background:#fff; border-radius:20px; padding:30px 24px; box-shadow:0 18px 44px rgba(12,35,51,.12); text-align:center;
  transition:transform .3s ease; }
.ccard:hover{ transform:translateY(-5px); }
.ccard__ic{ display:inline-flex; width:56px; height:56px; border-radius:16px; align-items:center; justify-content:center;
  background:var(--ad-soft); color:var(--ad-blue); font-size:24px; margin-bottom:14px; }
.ccard h3{ font-size:16px; font-weight:700; color:var(--ink); margin:0 0 8px; }
.ccard p{ font-size:13.5px; color:var(--mut); line-height:1.6; margin:0; }
.ccard a{ color:var(--ad-blue-d); font-weight:600; }
.contact-split{ padding-bottom:90px; }
.contact-split__inner{ border-radius:24px; overflow:hidden; box-shadow:0 26px 60px rgba(12,35,51,.14); }
.contact-form{ background:#fff; padding:44px 40px; height:100%; }
.contact-form__title{ font-family:'Montserrat',sans-serif; font-size:34px; font-weight:600; color:var(--ink); margin:4px 0 20px; }
.contact-form .form-control{ border:1px solid var(--line); border-radius:12px; padding:13px 16px; font-size:14.5px; background:#fbfdfe; }
.contact-form .form-control:focus{ border-color:var(--ad-blue); box-shadow:0 0 0 3px rgba(120,95,80,.12); }
.contact-map{ width:100%; height:100%; min-height:520px; border:0; display:block; }

/* --- Galeri masonry --- */
.gallery-wrap{ padding:80px 0 90px; }
.masonry{ columns:4 280px; column-gap:18px; }
.masonry__item{ position:relative; display:block; margin-bottom:18px; border-radius:16px; overflow:hidden; break-inside:avoid;
  box-shadow:0 10px 26px rgba(12,35,51,.10); }
.masonry__item img{ width:100%; display:block; transition:transform .55s ease; }
.masonry__item:hover img{ transform:scale(1.06); }
.masonry__zoom{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:26px; color:#fff;
  background:rgba(12,60,98,.45); opacity:0; transition:opacity .3s ease; }
.masonry__item:hover .masonry__zoom{ opacity:1; }

/* --- Blog detay --- */
.post-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; justify-content:center; margin-bottom:34px;
  padding:14px 22px; background:var(--ad-soft); border-radius:50px; font-size:13.5px; color:var(--mut); }
.post-meta i{ color:var(--ad-blue); margin-right:4px; }
.post-meta__brand{ font-weight:600; color:var(--ad-blue-d); }
.post-meta__share a{ color:var(--ad-blue-d); font-weight:600; }
.post-related{ margin-top:60px; }
.post-related__title{ font-family:'Montserrat',sans-serif; font-size:30px; font-weight:600; color:var(--ink); text-align:center; margin-bottom:26px; }
.bp-grid--2{ grid-template-columns:repeat(2,1fr); max-width:760px; margin:0 auto; }

/* Responsive */
@media(max-width:991px){
  .story-sec{ padding:64px 0; }
  .story-collage{ min-height:0; margin-bottom:54px; }
  .story-collage__main{ width:100%; height:380px; }
  .story-txt{ padding-left:0; }
  .values-grid{ grid-template-columns:1fr 1fr; }
  .contact-cards{ grid-template-columns:1fr 1fr; margin-top:30px; }
  .about-strip{ grid-template-columns:repeat(3,1fr); }
  .contact-map{ min-height:380px; }
}
@media(max-width:640px){
  .values-grid,.contact-cards,.bp-grid--2{ grid-template-columns:1fr; }
  .about-strip{ grid-template-columns:1fr; }
  .masonry{ columns:2 150px; column-gap:10px; }
  .masonry__item{ margin-bottom:10px; border-radius:12px; }
  .post-meta{ border-radius:18px; }
}

/* ============================================================
   V2.2 — Marka SLIDER + Mobil scroll-snap carousel'ler (2026)
   ============================================================ */
/* --- Adella Dünyası: her ekranda yatay slider (sınırsız marka) --- */
.brand-grid{ display:flex; grid-template-columns:none; overflow-x:auto; gap:24px; scroll-snap-type:x mandatory;
  padding:6px 6px 14px; scrollbar-width:none; -webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);
  mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent); }
.brand-grid::-webkit-scrollbar{ display:none; }
.brand-card{ flex:0 0 calc(25% - 18px); min-width:262px; scroll-snap-align:start; }
@media(max-width:1199px){ .brand-card{ flex-basis:calc(33.33% - 16px); } }
.brands-sec .container{ position:relative; }
.brand-nav{ position:absolute; top:50%; transform:translateY(10px); z-index:6; width:46px; height:46px; border-radius:50%;
  border:0; background:rgba(255,255,255,.14); color:#fff; font-size:20px; cursor:pointer; backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; transition:background .25s ease; }
.brand-nav:hover{ background:var(--ad-blue); }
.brand-nav--prev{ left:-10px; } .brand-nav--next{ right:-10px; }
@media(max-width:767px){ .brand-nav{ display:none; } }

/* --- MOBİL: kart carousel'leri (kaydır → kart kilitlenir → bitince sayfa kayar) --- */
@media(max-width:991px){
  .room-grid,.bp-grid{ display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory;
    gap:16px; margin:0 -15px; padding:6px 15px 20px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .room-grid::-webkit-scrollbar,.bp-grid::-webkit-scrollbar{ display:none; }
  .room-card{ flex:0 0 84%; scroll-snap-align:center; }
  .room-card__img{ height:215px; }
  .bp-card{ flex:0 0 80%; scroll-snap-align:center; }
  .brand-grid{ margin:0 -15px; padding:6px 15px 14px; }
  .brand-card{ flex:0 0 74%; min-width:0; height:330px; scroll-snap-align:center; }

  /* USP: dev dikey kartlar yerine kompakt yatay çipler */
  .ad-usps{ margin-top:-26px; }
  .ad-usps__grid{ display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory;
    gap:12px; padding:14px; scrollbar-width:none; -webkit-overflow-scrolling:touch; border-radius:18px; }
  .ad-usps__grid::-webkit-scrollbar{ display:none; }
  .ad-usp{ flex:0 0 auto; min-width:212px; scroll-snap-align:start; }
  .ad-usp__ic{ width:42px; height:42px; border-radius:12px; }
  .ad-usp__ic i{ font-size:18px; }
  .ad-usp div strong{ font-size:14px; }
  .ad-usp div span{ font-size:11.5px; }

  /* istatistik: kompakt 2x2 */
  .stats{ grid-template-columns:1fr 1fr; gap:12px; margin-top:30px; }
  .stat{ padding:18px 12px; border-radius:14px; }
  .stat b{ font-size:30px; }
  .stat span{ font-size:11.5px; }

  /* olanak karoları + iletişim kartları: 2 sütun kompakt */
  .fac-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .fac-tile{ padding:20px 12px; } .fac-tile i{ font-size:26px; } .fac-tile h3{ font-size:14px; } .fac-tile p{ font-size:12px; }
  .contact-cards{ grid-template-columns:1fr 1fr; gap:12px; }
  .ccard{ padding:20px 14px; } .ccard h3{ font-size:14px; } .ccard p{ font-size:12.5px; }

  /* hakkımızda foto şeridi: yatay kaydırma */
  .about-strip{ display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .about-strip::-webkit-scrollbar{ display:none; }
  .about-strip__item{ flex:0 0 80%; scroll-snap-align:center; }

  /* bölüm ritmi mobilde sıkı */
  .sec-head{ margin-bottom:26px; }
  .sec-head h2{ font-size:32px; }
  .rooms-sec{ padding:54px 0 36px; }
  .abouthx,.brands-sec,.fac-sec{ padding:54px 0; }
  .blogprev-sec{ padding:0 0 60px; }
  .story-sec{ padding:48px 0; }
  .values-sec{ padding:54px 0; }
}
@media(max-width:640px){
  /* eski 1-sütun kurallarını ez: carousel kalsın */
  .room-grid,.bp-grid{ display:flex; }
  .brand-grid{ display:flex; }
}


/* ============================================================
   V2.3 — Olanaklar kompakt + footer linkler
   ============================================================ */
/* Olanaklar: dev karolar yerine kompakt yatay çipler (ana sayfa) */
.fac-sec{ padding:64px 0 56px; }
.fac-grid{ grid-template-columns:repeat(4,1fr); gap:14px; }
.fac-tile{ display:flex; align-items:center; gap:12px; text-align:left; padding:15px 18px; border-radius:14px; }
.fac-tile i{ font-size:22px; flex:0 0 auto; }
.fac-tile h3{ margin:0; font-size:14.5px; }
.fac-tile p{ display:none; }
@media(max-width:991px){
  .fac-sec{ padding:44px 0 36px; }
  .fac-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .fac-tile{ padding:12px 14px; } .fac-tile i{ font-size:19px; } .fac-tile h3{ font-size:13px; }
}
/* Footer linkleri */
.footer-links{ list-style:none; margin:0; padding:0; }
.footer-links li{ margin:0 0 8px; }
.footer-links a{ color:#aebfcb; font-size:14px; transition:color .2s ease; }
.footer-links a:hover{ color:#fff; }
.footer-tel a{ color:#fff; font-weight:600; }
.footer-tel i{ color:var(--ad-blue); margin-right:4px; }
.footer-brand{ font-family:'Montserrat',sans-serif; color:#fff; font-size:26px; line-height:1.15; margin-bottom:14px; }

/* ============================================================
   V2.4 — Kampanya kartı · mini istatistik · marquee şerit · feature rows
   ============================================================ */
/* Kampanya / reklam kartı: görsel + yazı + buton */
.promo-band{ margin:10px 0 84px; }
.promo-card{ display:grid; grid-template-columns:46% 54%; border-radius:24px; overflow:hidden;
  background:linear-gradient(120deg,#6f574b,#A48374); color:#fff; box-shadow:0 28px 64px rgba(15,90,145,.32); }
.promo-card__img{ position:relative; min-height:340px; background-size:cover; background-position:center; }
.promo-card__img.ph{ background:linear-gradient(135deg,#3A2D28,#CBAD8D); }
.promo-card__tag{ position:absolute; top:18px; left:18px; background:#fff; color:var(--ad-blue-d);
  font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; padding:8px 16px; border-radius:30px; }
.promo-card__txt{ padding:48px 50px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.promo-card__txt .kicker{ color:#CBAD8D; }
.promo-card__txt h2{ color:#fff; font-family:'Montserrat',sans-serif; font-size:clamp(28px,3.2vw,44px); font-weight:600; line-height:1.1; margin:4px 0 12px; }
.promo-card__txt p{ color:rgba(255,255,255,.9); font-size:16px; max-width:520px; margin:0 0 22px; }
.promo-card__txt .btn_1{ background:#fff !important; color:var(--ad-blue-d) !important; }
@media(max-width:991px){
  .promo-band{ margin:0 0 54px; }
  .promo-card{ grid-template-columns:1fr; }
  .promo-card__img{ min-height:220px; }
  .promo-card__txt{ padding:28px 24px 32px; }
}

/* İstatistikler: dev kartlar yerine minimal satır */
.stats{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px 0; margin-top:36px; }
.stat{ background:none; border:0; box-shadow:none; border-radius:0; padding:2px 34px; text-align:center; position:relative; }
.stat + .stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:34px; background:var(--line); }
.stat b{ font-size:30px; margin-bottom:2px; }
.stat span{ font-size:12px; letter-spacing:.4px; }
@media(max-width:991px){
  .stats{ gap:10px 0; margin-top:26px; }
  .stat{ padding:2px 18px; flex:0 0 50%; }
  .stat:nth-child(odd)::before{ display:none; }
  .stat b{ font-size:26px; }
}

/* Footer üstü şerit: otomatik akan marquee, her kart kendi çerçevesinde */
.brandstrip{ display:block; overflow:hidden; padding:26px 0; background:#fff;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent); }
.brandstrip__track{ display:flex; gap:18px; width:max-content; animation:bstrip 45s linear infinite; will-change:transform; }
.brandstrip:hover .brandstrip__track{ animation-play-state:paused; }
.brandstrip__item{ flex:0 0 auto; width:230px; aspect-ratio:4/5; border-radius:18px; overflow:hidden;
  box-shadow:0 12px 28px rgba(12,35,51,.14); }
.brandstrip__item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.brandstrip__item:hover img{ transform:scale(1.06); }
@keyframes bstrip{ to{ transform:translateX(-50%); } }
@media(max-width:767px){ .brandstrip__item{ width:158px; border-radius:14px; } .brandstrip{ padding:18px 0; } }
@media (prefers-reduced-motion: reduce){ .brandstrip__track{ animation:none; } }

/* Tesis sayfası: görsel feature satırları */
.feat-wrap{ padding:70px 0 30px; }
.feat-row{ display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center; margin-bottom:64px; }
.feat-row__img{ aspect-ratio:4/3; border-radius:22px; background-size:cover; background-position:center;
  box-shadow:0 24px 54px rgba(12,35,51,.16); position:relative; overflow:hidden; }
.feat-row--rev .feat-row__img{ order:2; }
.feat-row__txt .kicker{ font-size:26px; font-family:'Montserrat',sans-serif; color:#D1C7BD; font-weight:700; letter-spacing:0; }
.feat-row__txt h3{ font-family:'Montserrat',sans-serif; font-size:clamp(26px,2.8vw,38px); font-weight:600; color:var(--ink); margin:2px 0 12px; }
.feat-row__txt p, .feat-row__txt div{ color:var(--mut); font-size:15.5px; line-height:1.75; }
/* Fotoğraf yokken: degrade + büyük ikon placeholder */
.feat-row__img--ph{ background-size:100% 100%; }
.feat-row__ph-ic{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.feat-row__ph-ic i{ font-size:72px; color:rgba(255,255,255,.22); }
@media(max-width:991px){
  .feat-wrap{ padding:46px 0 10px; }
  .feat-row{ grid-template-columns:1fr; gap:18px; margin-bottom:44px; }
  .feat-row--rev .feat-row__img{ order:0; }
  .feat-row__ph-ic i{ font-size:54px; }
}

/* ============================================================
   V2.5 — PREMIUM AEGEAN PASS (2026-06-13)
   Tek font (Montserrat) · Mykonos mavisi · beyaz Yunan footer
   Ferah, premium, beyaz-mavi ada estetiği
   ============================================================ */
:root{
  --myk:#A48374;          /* Mykonos / Ege mavisi */
  --myk-d:#8c6a5b;
  --myk-deep:#3A2D28;
  --wash:#F1EDE6;         /* badana beyazı */
  --wash-line:#EBE3DB;
}

/* ---- Tipografi: tek aile, premium ölçek ---- */
body, p, a, span, li, div, input, select, textarea, button,
h1, h2, h3, h4, h5, h6, .main_title h2, .main_title h3{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:.1px; }
/* Başlıklar: Montserrat'ta serif yerine sıkı tracking + güçlü ağırlık premium durur */
.owl-slide-title{ font-weight:700 !important; font-size:clamp(38px,5.4vw,76px) !important; letter-spacing:-1px !important; line-height:1.04 !important; }
.sec-head h2{ font-weight:700; font-size:clamp(30px,3.6vw,46px); letter-spacing:-.6px; }
.abouthx__title{ font-weight:600 !important; font-style:normal !important; letter-spacing:-.4px; font-size:clamp(24px,2.8vw,36px) !important; }
.story-title, .feat-row__txt h3, .room-card__body h3, .bp-card__body h3,
.brand-card__in h3, .post-body h3, .svc_overview h3, .call_section .box_1 h2,
.svc_hero h1, #carousel-home .owl-slide-title{ font-weight:700 !important; letter-spacing:-.5px; }
.kicker, .owl-kicker, .bp-date, .room-card__cta, .brand-card__go{ letter-spacing:2.4px !important; font-weight:600 !important; }
.stat b{ font-weight:700; letter-spacing:-.5px; }
.btn_1{ font-weight:600 !important; letter-spacing:.3px; }

/* ---- Premium yumuşatma: ferah gölgeler, ince kenar, geniş radius ---- */
.room-card, .bp-card, .fac-tile, .promo-card, .stat, .brandstrip__item, .svc-card{
  border-color:var(--wash-line) !important;
  box-shadow:0 18px 50px -28px rgba(58,45,40,.30) !important;
}
.room-card:hover, .bp-card:hover, .fac-tile:hover{ box-shadow:0 30px 60px -30px rgba(58,45,40,.40) !important; }
.room-card{ border-radius:24px; }
.fac-tile{ border-radius:22px; }

/* Butonlar: düz, temiz, premium (ağır gradient yerine) */
.btn_1{ border-radius:40px !important; padding:15px 34px !important; }
a.btn_1:not(.outline){ background:var(--myk) !important; box-shadow:0 12px 26px -10px rgba(120,95,80,.65) !important; border:none !important; }
a.btn_1:not(.outline):hover{ background:var(--myk-d) !important; }

/* ---- Adella Dünyası: Mykonos mavisi ---- */
.brands-sec{ background:linear-gradient(165deg,var(--myk) 0%, var(--myk-d) 70%, var(--myk-deep) 100%) !important; }
.brands-sec .sec-head .kicker{ color:#EBE3DB !important; }
.brands-sec .sec-head p{ color:rgba(255,255,255,.85) !important; }
.brand-card{ box-shadow:0 24px 50px -26px rgba(44,34,29,.7) !important; }

/* ---- Footer: badana beyazı / Yunan evi ---- */
footer{ background:var(--wash) !important; color:#3a4d59 !important; border-top:3px solid var(--myk); }
footer .frame.black{ display:none !important; }
footer p, footer li, footer a, footer .footer_wp p{ color:#3a4d59 !important; }
footer h3, footer .footer-brand{ color:var(--myk-deep) !important; font-weight:700 !important; letter-spacing:-.2px; }
footer .footer_wp > i{ color:var(--myk) !important; }
footer a:hover{ color:var(--myk) !important; }
footer .footer-links a, footer ul li a{ color:#46586a !important; }
footer .footer-tel a{ color:var(--myk-deep) !important; font-weight:600 !important; }
footer hr{ border-color:var(--wash-line) !important; opacity:1; }
footer .copy{ color:#75899b !important; }
/* ynsocial kredi + sosyal: açık zemine uyarla */
.ynsocial-credit{ border-top:1px solid var(--wash-line) !important; }
.ynsocial-credit a{ color:#75899b !important; }
.follow_us ul li a{ filter:none; }
/* brandstrip artık footer'ın bir parçası gibi: badana zemini ile aynı, ince ayraç */
.brandstrip{ background:var(--wash) !important; border-bottom:1px solid var(--wash-line); }

/* ---- USP şeridi & olanak: ferah ---- */
.ad-usp__ic{ background:linear-gradient(135deg,var(--myk),var(--myk-d)) !important; }
.fac-tile i, .fac-tile:hover{ color:var(--myk); }
.fac-tile:hover{ border-color:var(--myk) !important; box-shadow:0 26px 50px -28px rgba(120,95,80,.5) !important; }

/* Bölüm başlık kicker rengi Mykonos'a hizala */
.kicker{ color:var(--myk) !important; }

/* ============================================================
   V2.6 — Mobil premium düzeltmeleri + MAVİ footer (2026-06-13)
   ============================================================ */

/* ---- FOOTER: Mykonos MAVİSİ + beyaz yazı ---- */
footer{ background:linear-gradient(165deg,#4a3a33 0%, #3A2D28 60%, #2c221d 100%) !important;
  color:rgba(255,255,255,.84) !important; border-top:3px solid #CBAD8D !important; }
footer .frame.black{ display:none !important; }
footer p, footer li, footer a, footer .footer_wp p, footer ul li{ color:rgba(255,255,255,.84) !important; }
footer h3, footer .footer-brand{ color:#fff !important; font-weight:700 !important; }
footer .footer_wp > i{ color:#CBAD8D !important; }
footer a:hover{ color:#fff !important; }
footer .footer-links a, footer ul li a{ color:rgba(255,255,255,.80) !important; }
footer .footer-tel a{ color:#fff !important; font-weight:600 !important; }
footer hr{ border-color:rgba(255,255,255,.16) !important; opacity:1; }
footer .copy{ color:rgba(255,255,255,.62) !important; }
.ynsocial-credit{ border-top:1px solid rgba(255,255,255,.14) !important; }
.ynsocial-credit a{ color:rgba(255,255,255,.62) !important; }
.brandstrip{ background:#fff !important; border-bottom:0 !important; }

/* ---- HERO / CTA outline buton: hover'da OKUNAKLI (beyaz dolgu, mavi yazı) ---- */
.svc_hero a.btn_1.outline, #carousel-home a.btn_1.outline, .call_section a.btn_1.outline{
  border-color:#fff !important; color:#fff !important; background:transparent !important; }
.svc_hero a.btn_1.outline:hover, #carousel-home a.btn_1.outline:hover, .call_section a.btn_1.outline:hover,
.svc_hero a.btn_1.outline:focus, #carousel-home a.btn_1.outline:focus{
  background:#fff !important; border-color:#fff !important; color:var(--myk-d) !important; }

/* ---- ODA KARTLARI: premium, başlık+meta görselin üstünde (editorial) ---- */
.room-card{ border-radius:22px !important; overflow:hidden; }
.room-card__img{ position:relative; height:300px; }
.room-card__img::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(7,28,46,.86) 0%, rgba(7,28,46,.32) 40%, rgba(7,28,46,0) 66%); }
.room-card__badge{ z-index:3 !important; top:14px !important; left:14px !important;
  display:inline-flex; align-items:center; gap:5px; background:rgba(255,255,255,.92) !important;
  color:var(--myk-d) !important; backdrop-filter:blur(4px); }
.room-card__badge .ic{ display:none; }
.room-card__over{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:16px 20px; }
.room-card__over h3{ color:#fff !important; font-size:23px !important; font-weight:700 !important;
  letter-spacing:-.4px; margin:0 0 9px !important; text-shadow:0 2px 10px rgba(0,0,0,.3); }
.room-card__over .room-card__meta{ display:flex; gap:8px; margin:0; }
.room-card__over .room-card__meta span{ background:rgba(255,255,255,.16) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(6px); font-size:11.5px !important; padding:5px 12px !important; }
.room-card__body{ padding:18px 20px 20px !important; }
.room-card__body p{ color:var(--mut); font-size:14px; line-height:1.6; margin:0 0 14px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.room-card__cta{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:12px;
  letter-spacing:1.8px; text-transform:uppercase; color:var(--myk) !important; }
.room-card__cta i::after{ content:"→"; display:inline-block; transition:transform .25s ease; }
.room-card:hover .room-card__cta i::after{ transform:translateX(4px); }

/* ---- MOBİL: highlights şeridi MİNİMAL ---- */
@media(max-width:575px){
  .svc_highlights{ margin:-22px 4px 0 !important; padding:12px 12px !important; gap:7px 14px !important;
    border-radius:14px !important; max-width:none !important; }
  .svc_highlight{ font-size:11.5px !important; gap:6px !important; }
  .svc_highlight__ic{ width:24px !important; height:24px !important; font-size:11px !important; }
}

/* ---- MOBİL: "Neler Dahil ve Olanaklar" KOMPAKT (devasa kartlar küçüldü) ---- */
@media(max-width:575px){
  .svc_amenities{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .svc_amenity{ flex-direction:row !important; text-align:left !important; align-items:center; gap:9px !important;
    padding:11px 11px !important; border-radius:12px !important; }
  .svc_amenity__icon{ width:34px !important; height:34px !important; font-size:15px !important; box-shadow:none; }
  .svc_amenity__txt strong{ font-size:12px !important; }
  .svc_amenity__txt span{ display:none !important; }
  .main_title h2{ font-size:26px !important; }
}

/* ---- MOBİL: oda kartı yüksekliği dengeli ---- */
@media(max-width:991px){
  .room-card{ flex:0 0 86% !important; }
  .room-card__img{ height:230px; }
  .room-card__over h3{ font-size:21px !important; }
}

/* ============================================================
   V2.7 — scrollCue jank/hayalet metin düzeltmesi (2026-06-13)
   slideIn animasyonu screenshot/yavaş cihazda metni çift (ghost) gösteriyordu.
   Reveal animasyonunu kapat: içerik her zaman net & sabit görünsün (premium, glitch yok).
   ============================================================ */
[data-cue]{ opacity:1 !important; transform:none !important; animation:none !important; filter:none !important; }
.feat-row, .feat-row__txt, .feat-row__img, .room-card, .bp-card, .brand-card{ will-change:auto !important; }

/* ============================================================
   V2.8 — Kampanya kartı butonu: BEYAZ yazı (mavi kartta okunur)
   ============================================================ */
.promo-card .btn_1, .promo-card__txt .btn_1, .promo-band a.btn_1:not(.outline){
  background:rgba(255,255,255,.15) !important;
  color:#fff !important;
  border:1.6px solid rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  box-shadow:none !important;
}
.promo-card .btn_1:hover, .promo-card__txt .btn_1:hover, .promo-band a.btn_1:not(.outline):hover{
  background:#fff !important; color:var(--myk-d) !important; border-color:#fff !important;
}

/* Kampanya kartı kicker "Fırsatı Kaçırmayın" → beyaz (mavi kartta) */
.promo-card .kicker, .promo-card__txt .kicker{ color:rgba(255,255,255,.9) !important; }

/* ============================================================
   ODALAR sayfası (template: rooms)
   ============================================================ */
/* Oda özellikleri akan bant */
.rmarquee{ overflow:hidden; background:linear-gradient(135deg,var(--myk),var(--myk-d));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent); }
.rmarquee__track{ display:flex; width:max-content; animation:bstrip 38s linear infinite; will-change:transform; }
.rmarquee:hover .rmarquee__track{ animation-play-state:paused; }
.rmarquee__item{ display:inline-flex; align-items:center; gap:11px; color:#fff; font-weight:600;
  font-size:15px; letter-spacing:.3px; padding:20px 30px; white-space:nowrap; position:relative; }
.rmarquee__item i{ font-size:21px; color:#dff1ff; }
.rmarquee__item::after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.45); }
@media(max-width:767px){ .rmarquee__item{ font-size:13.5px; padding:15px 20px; } .rmarquee__item i{ font-size:18px; } }
@media(prefers-reduced-motion:reduce){ .rmarquee__track{ animation:none; } }

/* Açıklama bloğu */
.rooms-intro{ padding:78px 0 26px; }
.rooms-intro__title{ font-weight:700; font-size:clamp(28px,3.4vw,44px); color:var(--ink); letter-spacing:-.5px; margin:8px 0 18px; }
.rooms-intro__txt{ color:var(--mut); font-size:16.5px; line-height:1.85; }
.rooms-intro__txt p{ margin:0 0 12px; }

/* Oda kartları 2'li grid */
.rooms-list{ padding:24px 0 92px; }
.rooms2{ display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.rooms2 .room-card__img{ height:330px; }
@media(max-width:991px){ .rooms2{ gap:24px; } .rooms2 .room-card{ flex:none !important; } .rooms2 .room-card__img{ height:280px; } }
@media(max-width:767px){ .rooms2{ grid-template-columns:1fr; gap:20px; } .rooms2 .room-card__img{ height:240px; } .rooms-intro{ padding:54px 0 18px; } }

/* ============================================================
   V2.9 — USP otomatik kayan bant · ikonlu istatistik kartları
   · mobil hero metni aşağı · tesis kart cilası (2026-06-16)
   ============================================================ */

/* ---- ÖNE ÇIKANLAR: otomatik kayan bant (marquee) ---- */
.ad-usps{ margin-top:-40px; position:relative; z-index:5; }
.usp-marquee{ overflow:hidden; background:#fff; border-radius:20px; padding:18px 0;
  box-shadow:0 24px 60px -28px rgba(58,45,40,.30);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent); }
.usp-marquee__track{ display:flex; width:max-content; align-items:center; gap:0;
  animation:uspflow 42s linear infinite; will-change:transform; }
.usp-marquee:hover .usp-marquee__track{ animation-play-state:paused; }
.usp-marquee .ad-usp{ flex:0 0 auto; display:flex; align-items:center; gap:14px;
  padding:6px 38px; position:relative; }
.usp-marquee .ad-usp::after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:38px; background:var(--wash-line,#EBE3DB); }
.usp-marquee .ad-usp__ic{ flex:0 0 auto; width:50px; height:50px; border-radius:14px; display:flex;
  align-items:center; justify-content:center; background:linear-gradient(135deg,var(--myk,#A48374),var(--myk-d,#8c6a5b));
  color:#fff; box-shadow:0 8px 18px rgba(120,95,80,.28); }
.usp-marquee .ad-usp__ic i{ font-size:22px; color:#fff; line-height:1; }
.usp-marquee .ad-usp div strong{ display:block; font-size:15.5px; color:#1b2a33; white-space:nowrap; }
.usp-marquee .ad-usp div span{ display:block; font-size:12.5px; color:#7a8893; white-space:nowrap; }
@keyframes uspflow{ to{ transform:translateX(-50%); } }
@media(max-width:991px){ .ad-usps{ margin-top:-26px; } .usp-marquee .ad-usp{ padding:4px 26px; }
  .usp-marquee .ad-usp__ic{ width:42px; height:42px; border-radius:12px; } .usp-marquee .ad-usp__ic i{ font-size:18px; } }
@media(prefers-reduced-motion:reduce){ .usp-marquee__track{ animation:none; } }

/* ---- İSTATİSTİK: düz rakam yerine ikonlu premium kartlar ---- */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:46px; }
.stat{ background:#fff; border:1px solid var(--wash-line,#EBE3DB); border-radius:22px; padding:30px 18px 26px;
  text-align:center; position:relative; box-shadow:0 18px 50px -30px rgba(58,45,40,.30); overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease; }
.stat::before{ display:none; } /* eski dikey ayraç kaldırıldı */
.stat::after{ content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg,var(--myk,#A48374),var(--myk-d,#8c6a5b)); }
.stat:hover{ transform:translateY(-6px); box-shadow:0 30px 60px -30px rgba(58,45,40,.42); }
.stat__ic{ display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; margin-bottom:12px;
  border-radius:50%; background:var(--wash,#F1EDE6); color:var(--myk,#A48374); transition:background .3s ease,color .3s ease; }
.stat__ic i{ font-size:26px; line-height:1; color:var(--myk,#A48374); transition:color .3s ease; }
.stat:hover .stat__ic{ background:linear-gradient(135deg,var(--myk,#A48374),var(--myk-d,#8c6a5b)); }
.stat:hover .stat__ic i{ color:#fff; }
.stat b{ display:block; font-family:'Montserrat',sans-serif; font-size:42px; font-weight:700; letter-spacing:-1px;
  color:var(--myk-deep,#3A2D28); line-height:1; margin-bottom:6px; }
.stat span{ display:block; font-size:13px; color:var(--mut,#5d6c77); letter-spacing:.4px; }
@media(max-width:991px){
  .stats{ grid-template-columns:1fr 1fr; gap:14px; margin-top:32px; }
  .stat{ padding:22px 12px 20px; border-radius:18px; }
  .stat__ic{ width:46px; height:46px; margin-bottom:9px; } .stat__ic i{ font-size:21px; }
  .stat b{ font-size:34px; }
}

/* ---- MOBİL: hero metnini biraz aşağı al (yer var) ---- */
@media(max-width:767px){
  #carousel-home .owl-slide .opacity-mask{ align-items:flex-start !important; }
  #carousel-home .owl-slide .slide-text{ padding-top:20vh; }
}
@media(max-width:575px){
  #carousel-home .owl-slide .slide-text{ padding-top:24vh; }
}

/* ---- TESİS: olanak kartları (svc_amenity) daha premium ---- */
.svc_amenities .svc_amenity{ border-radius:18px; padding:18px 20px;
  box-shadow:0 14px 40px -26px rgba(58,45,40,.34) !important; }
.svc_amenities .svc_amenity__icon{ background:linear-gradient(135deg,var(--myk,#A48374),var(--myk-d,#8c6a5b));
  box-shadow:0 8px 18px rgba(120,95,80,.26); }
.svc_amenities .svc_amenity:hover{ border-color:var(--myk,#A48374); transform:translateY(-5px);
  box-shadow:0 26px 50px -28px rgba(120,95,80,.5) !important; }
/* Tesis feat-row görselleri biraz daha derin gölge + hover yakınlaşma */
.feat-row__img{ transition:transform .4s ease; }
.feat-row:hover .feat-row__img{ transform:scale(1.015); }

/* ============================================================
   V3.0 — Düzeltmeler (2026-06-16)
   galeri okları · breadcrumb okunurluk · footer modern · stat daire
   ============================================================ */

/* ---- 6) GALERİ LIGHTBOX OKLARI: ElegantIcons yüklenmese de net ok ----
   Tema okları content:"\34"/"\35" (ElegantIcons) kullanıyor; font gelmezse
   ekranda "4" ve "5" görünüyordu. Font-bağımsız net oklara çeviriyoruz. */
.mfp-arrow{ background:rgba(255,255,255,.18) !important; border-radius:50% !important;
  width:54px !important; height:54px !important; }
.mfp-arrow:hover{ background:var(--myk,#A48374) !important; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b{ display:none !important; content:none !important; }
.mfp-arrow{ position:absolute; display:flex !important; align-items:center; justify-content:center; }
.mfp-arrow-left::before, .mfp-arrow.mfp-arrow-left::before,
.mfp-arrow-right::before, .mfp-arrow.mfp-arrow-right::before{
  display:block !important;
  font-family:-apple-system,'Segoe UI',Arial,sans-serif !important;
  font-size:30px !important; font-weight:400 !important; line-height:1 !important;
  color:#fff !important; opacity:1 !important; position:static !important; margin:0 !important;
  -webkit-text-fill-color:#fff;
}
.mfp-arrow-left::before, .mfp-arrow.mfp-arrow-left::before{ content:"\2039" !important; } /* ‹ */
.mfp-arrow-right::before, .mfp-arrow.mfp-arrow-right::before{ content:"\203A" !important; } /* › */

/* ---- 5) HERO BREADCRUMB: "Ana Sayfa · Odalar" — geçerli sayfa yazısı okunur ----
   Sadece <a> beyazdı; düz metin (geçerli sayfa) koyu kalıp okunmuyordu. */
.svc_breadcrumb{ color:rgba(255,255,255,.92) !important; }
.svc_breadcrumb a{ color:rgba(255,255,255,.78) !important; }
.svc_breadcrumb a:hover{ color:#fff !important; }

/* ---- 4) İSTATİSTİK İKON DAİRESİ: tam yuvarlak, ikon ORTALI ----
   İkon daireye göre sol-üstte kalıyordu; flex ile dikey+yatay ortala. */
.stat__ic{ width:64px !important; height:64px !important; aspect-ratio:1/1;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important; padding:0 !important; overflow:hidden; margin:0 auto 14px !important;
  background:linear-gradient(135deg, rgba(120,95,80,.12), rgba(14,106,166,.12)) !important; }
.stat__ic i{ display:block !important; line-height:1 !important; font-size:26px !important; }
@media(max-width:991px){ .stat__ic{ width:52px !important; height:52px !important; } .stat__ic i{ font-size:22px !important; } }

/* ---- 3) FOOTER: modern düzen + ikon/başlık üst üste binmesi düzeltildi ---- */
footer{ padding-top:64px; }
/* Absolute ikon yerine başlık ÜSTÜNDE yuvarlak rozet ikon */
footer .footer_wp{ padding-left:0 !important; }
footer .footer_wp > i{ position:static !important; display:inline-flex !important;
  align-items:center; justify-content:center; width:44px; height:44px; margin:0 0 14px !important;
  border-radius:12px; font-size:20px !important;
  background:rgba(255,255,255,.12) !important; color:#fff !important; }
footer .footer_wp h3{ font-size:17px; font-weight:700; margin-bottom:14px; }
footer .footer_wp p{ line-height:1.7; margin-bottom:8px; }
footer .footer-links li{ margin-bottom:9px; }
footer .footer_wp ul li{ line-height:1.7; }
footer .footer-tel{ margin-top:6px; }
footer .footer-tel a{ display:inline-flex; align-items:center; gap:7px; }
footer .footer-tel i{ position:static !important; width:auto !important; height:auto !important;
  margin:0 !important; background:none !important; font-size:15px !important; }
footer .frame.black{ display:none !important; }
/* Kolonlar arası dikey nefes (mobilde) */
@media(max-width:991px){
  footer .footer_wp{ margin-bottom:26px; }
  footer .footer_wp > i{ display:inline-flex !important; } /* mobilde de göster (eskiden gizliydi) */
}
/* Sosyal ikonlar + alt çizgi hizası */
footer .follow_us ul{ display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
@media(max-width:767px){ footer .follow_us ul{ justify-content:center; margin-top:14px; } footer{ text-align:center; } footer .footer_wp{ text-align:center; } footer .footer_wp > i{ margin-left:auto; margin-right:auto; } }

/* ============================================================
   V3.1 — Tesis olanakları: MODERN KART GRID (2026-06-16)
   Düz satır (feat-row) yerine görselli, ikon rozetli, hover'lı kartlar
   ============================================================ */
.feat-wrap{ padding:80px 0 40px; }
.fac-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:6px; }
.fac-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--wash-line,#EBE3DB);
  border-radius:24px; overflow:hidden; box-shadow:0 20px 50px -30px rgba(58,45,40,.34);
  transition:transform .38s cubic-bezier(.2,.7,.2,1), box-shadow .38s ease; }
.fac-card:hover{ transform:translateY(-10px); box-shadow:0 40px 80px -34px rgba(58,45,40,.5); }
/* Görsel üst alan */
.fac-card__media{ position:relative; aspect-ratio:4/3; background-size:cover; background-position:center; }
.fac-card__media::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(7,28,46,.55) 0%, rgba(7,28,46,.12) 45%, transparent 70%); }
.fac-card:hover .fac-card__media{ }
.fac-card__media img{ width:100%; height:100%; object-fit:cover; }
/* Numara rozet (sağ üst) */
.fac-card__num{ position:absolute; top:14px; right:16px; z-index:2; font-family:'Montserrat',sans-serif;
  font-size:13px; font-weight:700; letter-spacing:1px; color:#fff; background:rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.35);
  border-radius:30px; padding:5px 12px; }
/* İkon rozet (görselin alt-soluna binen) */
.fac-card__ic{ position:absolute; left:18px; bottom:-24px; z-index:3; width:54px; height:54px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--myk,#A48374),var(--myk-d,#8c6a5b)); color:#fff;
  box-shadow:0 12px 26px -6px rgba(120,95,80,.65); transition:transform .35s ease; }
.fac-card:hover .fac-card__ic{ transform:scale(1.08) rotate(-4deg); }
.fac-card__ic i{ font-size:25px; color:#fff; line-height:1; }
/* Gövde */
.fac-card__body{ flex:1; padding:40px 26px 28px; }
.fac-card__body h3{ font-size:21px; font-weight:700; color:var(--ink,#3A2D28); letter-spacing:-.3px; margin:0 0 10px; }
.fac-card__txt{ color:var(--mut,#5d6c77); font-size:14.5px; line-height:1.7; }
.fac-card__txt p{ margin:0; }
/* Placeholder (foto yoksa) */
.fac-card__media.ph::after{ background:linear-gradient(to top, rgba(7,28,46,.3), transparent 60%); }
@media(max-width:991px){
  .feat-wrap{ padding:54px 0 24px; }
  .fac-cards{ grid-template-columns:1fr 1fr; gap:22px; }
}
@media(max-width:575px){
  .fac-cards{ grid-template-columns:1fr; gap:20px; }
  .fac-card__body{ padding:36px 22px 24px; }
  .fac-card__body h3{ font-size:19px; }
}

/* ============================================================
   V3.2 — Hero slider görseli tıklanabilir (buton linki varsa) (2026-06-16)
   Buton yazısı olsa da olmasa da: slide'a buton_link girilmişse
   görselin tamamı o linke gider. Görünür buton kendi tıklamasını korur.
   ============================================================ */
.owl-slide--link{ cursor:pointer; }
.owl-slide__link{ position:absolute; inset:0; z-index:1; display:block; }
/* maske tıklamayı yutmasın → görsel tıklaması alttaki link anchor'a geçsin */
.owl-slide--link .opacity-mask{ pointer-events:none; }
/* görünür buton/link kendi tıklanabilirliğini ve hover'ını korusun */
.owl-slide--link .opacity-mask a,
.owl-slide--link .opacity-mask button{ pointer-events:auto; }

/* ============================================================
   V4.0 — ADELLA BEACH RESORT · NUDE PALETTE (2026-06-20)
   #3A2D28 espresso · #A48374 mauve · #CBAD8D sand
   #D1C7BD warm-grey · #EBE3DB cream · #F1EDE6 off-white
   ============================================================ */
:root{
  --nude-espresso:#3A2D28;
  --nude-mauve:#A48374;
  --nude-mauve-d:#8c6a5b;
  --nude-sand:#CBAD8D;
  --nude-grey:#D1C7BD;
  --nude-cream:#EBE3DB;
  --nude-white:#F1EDE6;
  --mut:#7c6f66;            /* sıcak nötr gövde gri */
}

/* Sıcak kırık-beyaz zemin */
body{ background:var(--nude-white); }

/* ---- Tipografi: başlıklarda zarif serif (Playfair) · gövde sans ---- */
.owl-slide-title, .sec-head h2, .abouthx__title, .story-title,
.feat-row__txt h3, .room-card__body h3, .bp-card__body h3,
.brand-card__in h3, .post-body h3, .svc_overview h3,
.call_section .box_1 h2, .svc_hero h1, #carousel-home .owl-slide-title,
.main_title h2, .main_title h3, footer .footer-brand, .rooms-intro__txt h2{
  font-family:'Playfair Display', Georgia, 'Times New Roman', serif !important;
  letter-spacing:.2px !important;
  font-weight:600 !important;
}
.owl-slide-title, #carousel-home .owl-slide-title{ font-weight:700 !important; }

/* Başlık metinleri espresso */
.sec-head h2, .abouthx__title, .story-title, .feat-row__txt h3,
.room-card__body h3, .bp-card__body h3, .post-body h3,
.svc_overview h3, .main_title h2, .main_title h3{ color:var(--nude-espresso) !important; }

/* Kicker etiketleri mauve */
.kicker, .owl-kicker{ color:var(--nude-mauve) !important; }

/* Birincil butonlar: espresso dolgu + krem yazı (yüksek kontrast, premium) */
a.btn_1:not(.outline){ background:var(--nude-espresso) !important; color:var(--nude-white) !important;
  box-shadow:0 12px 26px -12px rgba(58,45,40,.5) !important; border:none !important; }
a.btn_1:not(.outline):hover{ background:var(--nude-mauve) !important; color:#fff !important; }

/* "Adella Dünyası" / restoran şeridi: espresso→mauve degrade */
.brands-sec{ background:linear-gradient(160deg,#3A2D28 0%, #4a3a33 55%, #A48374 140%) !important; }

/* Footer: espresso + kum üst çizgi */
footer{ background:linear-gradient(165deg,#4a3a33 0%, #3A2D28 60%, #2c221d 100%) !important;
  border-top:3px solid var(--nude-sand) !important; }
footer h3, footer .footer-brand{ color:var(--nude-white) !important; }
footer .footer-tel a, footer a:hover{ color:var(--nude-sand) !important; }

/* Olanak/oda kart hover aksanları mauve */
.fac-tile:hover{ border-color:var(--nude-mauve) !important; }
.fac-tile i, .fac-tile:hover{ color:var(--nude-mauve); }
.room-card:hover, .bp-card:hover, .fac-tile:hover{ box-shadow:0 30px 60px -30px rgba(58,45,40,.35) !important; }

/* Foto-yok placeholder degradesi: nude tonlar */
.svc_hero--ph, .slide--ph, .call_section--ph, .camp_card--ph{
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.06) 0 2px, transparent 3px),
    linear-gradient(135deg,#3A2D28 0%, #8c6a5b 55%, #A48374 100%) !important;
}

/* Footer sosyal font-ikonları (repeater boşsa fallback) */
.follow_us--font ul{ display:flex; gap:12px; justify-content:flex-end; margin:0; padding:0; list-style:none; }
.follow_us--font ul li a{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px;
  border-radius:50%; border:1px solid rgba(241,237,230,.28); color:var(--nude-cream); font-size:20px;
  transition:all .25s ease; }
.follow_us--font ul li a:hover{ background:var(--nude-sand); border-color:var(--nude-sand); color:#3A2D28; transform:translateY(-2px); }
@media(max-width:575px){ .follow_us--font ul{ justify-content:center; margin-top:14px; } }

/* ============================================================
   V4.1 — ADELLA BEACH RESORT · LAYOUT YENİDEN KURGU (2026-06-20)
   Garden Marina akışından ayrışma: ortalanmış çerçeveli hero,
   sol hizalı başlık + aksan, kemerli kart üstleri (taş-villa motifi),
   durağan USP bandı, yatay istatistik şeridi.
   ============================================================ */

/* ---- HERO: ortalanmış kompozisyon (iç çerçeve kaldırıldı) ---- */
#carousel-home .owl-slide{ height:660px; }
#carousel-home .row{ justify-content:center !important; }
#carousel-home .col-lg-9{ max-width:920px; text-align:center; }
#carousel-home .slide-text{ text-align:center; }
#carousel-home .owl-slide-cta{ display:flex; justify-content:center; }
#carousel-home .owl-slide-title{ font-size:clamp(40px,5.6vw,84px) !important; }
#carousel-home .owl-slide::after{ display:none !important; content:none !important; }
@media(max-width:767px){ #carousel-home .owl-slide{ height:560px; } }

/* ---- SECTION HEADER: sol hizalı + mauve aksan çizgisi ---- */
.rooms-sec .sec-head, .fac-sec .sec-head, .blogprev-sec .sec-head,
.dine-sec .sec-head, .sec-head--left{
  text-align:left !important; max-width:760px; margin-left:0; margin-right:auto;
  padding-left:22px; position:relative;
}
.rooms-sec .sec-head::before, .fac-sec .sec-head::before, .blogprev-sec .sec-head::before,
.dine-sec .sec-head::before, .sec-head--left::before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:4px; border-radius:4px;
  background:linear-gradient(180deg,var(--nude-mauve),var(--nude-sand));
}
.blogprev-sec .sec-head{ } /* miras */

/* ============================================================
   V4.2 — USP FEATURE RAIL (premium / 2026)
   Cam efektli yüzen bant · yumuşak daire ikon · mobilde yatay swipe
   ============================================================ */
.ad-usps--band{ margin-top:-44px; position:relative; z-index:5; }
.usp-band{
  display:flex; gap:2px; align-items:stretch;
  background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,.6); border-radius:24px;
  box-shadow:0 34px 80px -46px rgba(58,45,40,.5), inset 0 1px 0 rgba(255,255,255,.7);
  padding:8px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}
.usp-band::-webkit-scrollbar{ display:none; }
.usp-band{ scrollbar-width:none; }
.usp-band .ad-usp{
  flex:1 1 0; min-width:0; scroll-snap-align:center;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px;
  padding:18px 12px; border-radius:18px; position:relative;
  transition:background .3s ease, transform .3s ease;
}
.usp-band .ad-usp:not(:last-child)::after{
  content:""; position:absolute; right:0; top:24%; bottom:24%; width:1px;
  background:linear-gradient(180deg,transparent,rgba(58,45,40,.12),transparent);
}
.usp-band .ad-usp:hover{ background:rgba(164,131,116,.08); transform:translateY(-2px); }
.usp-band .ad-usp:hover::after{ opacity:0; }
.usp-band .ad-usp__ic{
  width:46px; height:46px; border-radius:50% !important;
  background:rgba(164,131,116,.14) !important; box-shadow:none !important;
}
.usp-band .ad-usp__ic i{ color:var(--nude-mauve) !important; font-size:20px; }
.usp-band .ad-usp div strong{ font-size:14px; font-weight:600; color:var(--nude-espresso); white-space:nowrap; }
.usp-band .ad-usp div span{ font-size:11.5px; color:var(--mut); white-space:nowrap; }

/* Mobil: yatay kaydırmalı kompakt ray (tek satır yükseklik, swipe) */
@media(max-width:991px){
  .ad-usps--band{ margin-top:-30px; }
  .usp-band{ gap:0; padding:6px; border-radius:20px; }
  .usp-band .ad-usp{ flex:0 0 31%; min-width:31%; }
}
@media(max-width:575px){
  .ad-usps--band{ margin-top:-26px; }
  .usp-band .ad-usp{ flex:0 0 42%; min-width:42%; padding:16px 10px; }
  .usp-band .ad-usp__ic{ width:42px; height:42px; }
  .usp-band .ad-usp__ic i{ font-size:18px; }
}

/* ---- KEMER MOTİFİ: kart üstleri taş-villa kemeri gibi yuvarlatılmış ---- */
.room-card{ border-radius:18px 18px 18px 18px; overflow:hidden; }
.room-card__img{ height:300px; border-radius:120px 120px 0 0; margin:10px 10px 0; }
.brand-card{ border-radius:120px 120px 18px 18px !important; }
.bp-card{ overflow:hidden; }
.bp-card__img{ height:230px; border-radius:90px 90px 0 0; margin:10px 10px 0; }
@media(max-width:575px){
  .room-card__img{ border-radius:80px 80px 0 0; }
  .brand-card{ border-radius:80px 80px 18px 18px !important; }
}

/* ---- İSTATİSTİK: yatay şerit, espresso zemin ---- */
.stats{ background:var(--nude-espresso); border-radius:20px; padding:34px 18px; margin-top:56px;
  grid-template-columns:repeat(4,1fr); }
.stat{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:6px 12px;
  border-right:1px solid rgba(241,237,230,.14); border-radius:0; }
.stat:last-child{ border-right:0; }
.stat__ic{ color:var(--nude-sand); }
.stat b{ color:var(--nude-white) !important; font-family:'Playfair Display',serif !important; }
.stat span{ color:var(--nude-cream) !important; }
@media(max-width:575px){ .stats{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .stat:nth-child(2n){ border-right:0; } .stat:nth-child(1),.stat:nth-child(2){ border-bottom:1px solid rgba(241,237,230,.14); padding-bottom:18px; } }

/* ---- Restoran şeridi: koyu zeminde kicker/p okunur ---- */
.dine-sec .sec-head h2{ color:var(--nude-white) !important; }
.dine-sec .sec-head p{ color:var(--nude-cream) !important; }
.dine-sec .sec-head--left::before{ background:linear-gradient(180deg,var(--nude-sand),var(--nude-mauve)); }

/* ---- Bölüm arası zarif ayraç (emblem hissi) ---- */
.rooms-sec, .fac-sec, .blogprev-sec{ position:relative; }
.fac-sec::before{ content:""; display:block; width:64px; height:2px; margin:0 auto 46px;
  background:linear-gradient(90deg,transparent,var(--nude-sand),transparent); }

/* rooms-intro başlığı da serif */
.rooms-intro__title{ font-family:'Playfair Display',Georgia,serif !important; color:var(--nude-espresso) !important; }

/* ============================================================
   V4.3 — Oda/blog kartlarında görsel üstte tam dolsun
   (kemerli inset beyaz çerçeve kaldırıldı; beyaz yalnızca gövdede)
   ============================================================ */
.room-card{ border-radius:20px; overflow:hidden; }
.room-card__img{ margin:0 !important; border-radius:0 !important; height:300px; }
.bp-card{ border-radius:20px; overflow:hidden; }
.bp-card__img{ margin:0 !important; border-radius:0 !important; }
@media(max-width:575px){
  .room-card__img{ border-radius:0 !important; }
}

/* ============================================================
   V4.4 — Footer sosyal ikon hover (koyu zeminde görünür)
   ============================================================ */
.follow_us--font ul li a{ color:var(--nude-cream) !important; }
.follow_us--font ul li a i{ color:inherit !important; }
.follow_us--font ul li a:hover,
.follow_us--font ul li a:focus{
  background:var(--nude-cream) !important; border-color:var(--nude-cream) !important;
  color:var(--nude-espresso) !important; transform:translateY(-2px);
}
.follow_us--font ul li a:hover i,
.follow_us--font ul li a:focus i{ color:var(--nude-espresso) !important; }

/* ============================================================
   V4.5 — FOOTER mobil kompakt + responsive
   ============================================================ */
@media(max-width:991px){
  footer{ padding-top:44px !important; padding-bottom:26px !important; }
  footer .container > .row:first-of-type > [class*="col-"]{ margin-bottom:22px; text-align:center; }
  footer .footer_wp{ margin-bottom:0; }
  footer .footer_wp > i{ width:44px !important; height:44px !important; font-size:18px !important; margin:0 auto 8px !important; }
  footer h3{ font-size:17px !important; margin-bottom:8px !important; }
  footer p{ margin-bottom:6px; }
  footer .footer-links li, footer .footer_wp ul li{ margin-bottom:4px !important; line-height:1.45; }
  footer img.mb-3{ height:50px !important; margin-bottom:10px !important; }
  footer .footer-tel{ margin-bottom:2px; }
  footer hr{ margin:14px 0 !important; }
  footer .copy{ margin-bottom:4px; }
  .ynsocial-credit{ margin-top:12px !important; padding-top:10px !important; }
}
@media(max-width:575px){
  footer .container > .row:first-of-type > [class*="col-"]{ margin-bottom:16px; }
  footer .footer_wp h3.mt-3{ margin-top:14px !important; }
}

/* ============================================================
   V4.6 — ADELLA DÜNYASI (grup markaları, en alt · dinamik)
   ============================================================ */
.world-sec{ padding-bottom:30px; }
.world-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:18px; }
.world-card{ position:relative; display:block; min-height:230px; border-radius:18px; overflow:hidden;
  background-size:cover; background-position:center; text-decoration:none;
  transition:transform .35s ease, box-shadow .35s ease; box-shadow:0 18px 40px -24px rgba(44,34,29,.7); }
.world-card.ph{ background:linear-gradient(160deg,#4a3a33 0%, #6e5447 55%, #A48374 110%); }
.world-card::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(44,34,29,.12) 30%, rgba(44,34,29,.86)); transition:background .35s ease; }
.world-card:hover{ transform:translateY(-6px); box-shadow:0 30px 60px -28px rgba(44,34,29,.8); }
.world-card:hover::after{ background:linear-gradient(180deg, rgba(44,34,29,.2) 20%, rgba(58,45,40,.92)); }
.world-card__in{ position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; padding:22px; }
.world-card__in h3{ font-family:'Playfair Display',Georgia,serif !important; font-size:22px; color:#fff !important; margin:0 0 4px; font-weight:600; }
.world-card__in p{ color:rgba(241,237,230,.85); font-size:13px; line-height:1.5; margin:0 0 10px; }
.world-card__go{ font-size:11.5px; letter-spacing:1.6px; text-transform:uppercase; color:var(--nude-sand); font-weight:600; }
a.world-card:hover .world-card__go{ color:#fff; }
@media(max-width:767px){
  .world-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .world-card{ min-height:150px; }
  .world-card__in{ padding:14px; justify-content:flex-end; }
  .world-card__in h3{ font-size:16px; }
  .world-card__in p{ display:none; }
  .world-card__go{ font-size:10.5px; }
}

/* Adella Dünyası başlığı koyu zeminde beyaz (espresso !important kuralını ez) */
.world-sec .sec-head h2{ color:#fff !important; }
.world-sec .sec-head p{ color:var(--nude-cream) !important; }

/* ============================================================
   V4.7 — Mobil menü logosu (dev amblem taşması düzeltmesi)
   #header_menu SADECE mobil kayar-menüde görünmeli; masaüstünde gizli.
   (Önceki sürümde media-query'siz display:flex yüzünden PC'de 2. logo çıkıyordu)
   ============================================================ */
@media(min-width:992px){
  #header_menu{ display:none !important; } /* masaüstünde mobil menü başlığı/logosu gizli */
}
@media(max-width:991px){
  #header_menu{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  #header_menu img{ height:40px !important; width:auto !important; max-width:160px !important; }
}

/* ============================================================
   V4.8 — Mobil hamburger (sağ üst) görünürlük & kontrast
   ============================================================ */
@media(max-width:991px){
  header.header > .container-fluid > a.open_close{
    background:rgba(58,45,40,.30); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
    transition:background .25s ease;
  }
  header.header > .container-fluid > a.open_close i{
    color:#fff !important; font-size:26px !important; line-height:1 !important; margin:0 !important;
  }
  header.header > .container-fluid > a.open_close span{ display:none !important; }
  /* sticky (beyaz header) → espresso ikon, çok hafif zemin */
  header.header.sticky > .container-fluid > a.open_close{ background:rgba(58,45,40,.07); }
  header.header.sticky > .container-fluid > a.open_close i{ color:var(--nude-espresso) !important; }
}

/* ============================================================
   V4.9 — MOBİL YATAY KAYMA ÖNLEME
   Marquee/swipe-rail (brandstrip, rmarquee, oda/USP rail) taşması
   sayfayı sağa-sola kaydırıyordu. Kök seviyede kırp (sticky/fixed bozulmaz).
   ============================================================ */
html, body { overflow-x: clip; max-width: 100%; }

/* ============================================================
   V5.0 — RESELIVA REZERVASYON BARI (hero altı, home + odalar)
   ============================================================ */
.reseliva-bar{ position:relative; z-index:6; margin-top:-44px; margin-bottom:8px; }
.reseliva-bar .container{ background:#fff; border-radius:14px; box-shadow:0 12px 34px rgba(8,28,46,.14); padding:14px 16px; }
#reseliva-widget .powered_by{ font-size:11px; opacity:.6; }
/* Reseliva barı hero altına yüzer; sonrasındaki yüzen bölümler YUKARI ÇIKMASIN (çakışma önleme) */
.reseliva-bar + .ad-usps{ margin-top:18px !important; }                         /* ana sayfa USP bandı */
.reseliva-bar + .container .svc_highlights{ margin-top:8px !important; }         /* oda detay / tesis hızlı şerit */
@media(max-width:991px){ .reseliva-bar + .ad-usps{ margin-top:14px !important; } }
@media(max-width:767px){ .reseliva-bar{ margin-top:8px; } .reseliva-bar .container{ padding:10px; } }