:root{--nk:#163c27;--cream:#f5f2eb}
.nkstay{background:var(--cream);color:#17271d;overflow:hidden}
.nkstay-hero{min-height:86vh;background:var(--hero) center/cover no-repeat;position:relative;display:flex;align-items:flex-end;padding:8vw}
.nkstay-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,10,.16),rgba(5,18,10,.72))}
.nkstay-hero-copy{position:relative;color:#fff;max-width:900px}
.nkstay-hero-copy>span,.nkstay-intro>span,.nkstay-vip span,.nkstay-cta span{font-size:11px;letter-spacing:.22em;font-weight:800}
.nkstay-hero h1{font-size:clamp(50px,6vw,92px);line-height:.94;margin:15px 0 20px;font-weight:500}
.nkstay-hero p{max-width:650px;font-size:18px;line-height:1.65}
.nkstay-hero a{display:inline-block;margin-top:20px;padding:15px 20px;border:1px solid #ffffff80;border-radius:99px;color:#fff;text-decoration:none}
.nkstay-anchor{scroll-margin-top:110px}
.nkstay-intro{max-width:1050px;margin:auto;text-align:center;padding:46px 25px 24px}
.nkstay-intro span{color:#718176}
.nkstay-intro h2{font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.02;margin:10px 0 12px}
.nkstay-intro p{color:#6d766f;margin:0}
#odalar.nkstay-grid{max-width:1450px;margin:0 auto;padding:18px 25px 90px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;perspective:1200px;visibility:visible!important;opacity:1!important}
#odalar .nkstay-card{display:block!important;height:520px!important;min-height:520px!important;border-radius:30px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 25px 60px rgba(16,40,25,.13);transform-style:preserve-3d;transition:transform .16s,box-shadow .3s;background:#132b1d;visibility:visible!important;opacity:1!important}
#odalar .nkstay-card:nth-child(2),#odalar .nkstay-card:nth-child(5){margin-top:28px}
#odalar .nkstay-card img{display:block;width:100%;height:100%;object-fit:cover}
.nkstay-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,18,10,.82))}
.nkstay-card-copy{position:absolute;left:30px;right:30px;bottom:28px;color:#fff;transform:translateZ(28px)}
.nkstay-card-copy small{letter-spacing:.16em}.nkstay-card-copy h3{font-size:31px;line-height:1.05;margin:9px 0 15px;font-weight:500}.nkstay-card-copy span{font-size:13px;font-weight:800}
.nkstay-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18),transparent 28%);pointer-events:none}
.nkstay-vip{max-width:1450px;margin:0 auto 30px;padding:55px;background:#163c27;color:#fff;border-radius:34px}
.nkstay-vip h2{font-size:clamp(38px,5vw,68px);font-weight:500;margin:12px 0}.nkstay-vip p{color:#c7d0ca}
.nkstay-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.nkstay-strip img{width:100%;height:230px;object-fit:cover;border-radius:18px}
.nkstay-cta{max-width:1450px;margin:25px auto 80px;padding:48px 55px;border:1px solid #d8d4ca;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.nkstay-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.nkstay-cta>a{background:#163c27;color:#fff;padding:18px 24px;border-radius:99px;text-decoration:none;font-weight:800}
.nkstay-modal{position:fixed;inset:0;z-index:99999;background:rgba(2,12,6,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;transition:.25s}
.nkstay-modal.open{opacity:1;visibility:visible}.nkstay-modalbox{width:min(1080px,96vw);max-height:90vh;overflow:auto;background:#f5f2eb;border-radius:30px;display:grid;grid-template-columns:1.1fr .9fr}
.nkstay-modalimg{min-height:620px}.nkstay-modalimg img{width:100%;height:100%;object-fit:cover}.nkstay-modalcopy{padding:50px 42px;align-self:center}
.nkstay-modalcopy>span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#758177}.nkstay-modalcopy h2{font-size:45px;line-height:1;margin:12px 0 18px}.nkstay-modalcopy p{line-height:1.7;color:#647067}
.nkstay-features{display:grid;gap:8px;margin:20px 0 26px}.nkstay-features div{background:#e9e5dc;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}.nkstay-features div:before{content:'✓';margin-right:9px;color:#6f8b38}
.nkstay-actions{display:flex;gap:9px;flex-wrap:wrap}.nkstay-actions a{padding:14px 17px;border:1px solid #c9c9c0;border-radius:99px;text-decoration:none;color:#173323;font-weight:800}.nkstay-actions a.primary{background:#163c27;color:#fff;border-color:#163c27}
.nkstay-close{position:fixed;right:24px;top:20px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff66;background:#ffffff18;color:#fff;font-size:30px;z-index:2}
@media(max-width:950px){#odalar.nkstay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#odalar .nkstay-card:nth-child(2),#odalar .nkstay-card:nth-child(5){margin-top:0}.nkstay-modalbox{grid-template-columns:1fr}.nkstay-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nkstay-hero{min-height:78vh;padding:120px 20px 55px}.nkstay-hero h1{font-size:48px}.nkstay-intro{padding:34px 18px 16px}#odalar.nkstay-grid{grid-template-columns:1fr!important;padding:12px 14px 65px}#odalar .nkstay-card{height:445px!important;min-height:445px!important;transform:none!important}.nkstay-vip{margin:0 14px 20px;padding:34px 22px}.nkstay-strip img{height:145px}.nkstay-cta{margin:20px 14px 55px;padding:32px 24px;flex-direction:column;align-items:flex-start}.nkstay-modalbox{grid-template-columns:1fr}}

.nkstay-modalimg{background:#0b1710;display:flex;flex-direction:column;min-width:0}
.nkstay-gallery-stage{position:relative;flex:1;min-height:520px;overflow:hidden}
.nkstay-gallery-stage>img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}
.nkstay-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:0;border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:35px;cursor:pointer}
.nkstay-gallery-nav.prev{left:18px}.nkstay-gallery-nav.next{right:18px}
.nkstay-gallery-count{position:absolute;right:18px;bottom:15px;background:rgba(0,0,0,.58);color:#fff;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800}
.nkstay-thumbs{display:flex;gap:8px;padding:10px;background:#0b1710;overflow-x:auto}
.nkstay-thumb{flex:0 0 82px;width:82px;height:62px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:none;cursor:pointer;opacity:.62}
.nkstay-thumb.active{border-color:#a8c93a;opacity:1}.nkstay-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:640px){.nkstay-gallery-stage,.nkstay-gallery-stage>img{min-height:300px;height:300px}.nkstay-thumb{flex-basis:68px;width:68px;height:52px}}


/* V10.1 - GERCEK MARKUP + MOBIL DUZELTME */
@media(max-width:640px){
  #odalar.nkstay-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:12px 14px 60px !important;
  }
  #odalar .nkstay-card,
  #odalar .nkstay-card:nth-child(2),
  #odalar .nkstay-card:nth-child(5){
    display:block !important;
    width:100% !important;
    height:430px !important;
    min-height:430px !important;
    margin:0 !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:23px !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  #odalar .nkstay-card > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  #odalar .nkstay-card-copy{
    left:22px !important;
    right:22px !important;
    bottom:22px !important;
    z-index:2 !important;
  }
}

/* V10.2 - Mobil oda gorseli: karti bozmadan daha dengeli kadraj */
@media(max-width:640px){
  #odalar .nkstay-card{height:390px !important;min-height:390px !important}
  #odalar .nkstay-card > img{
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}


/* V10.3 - MOBIL MODAL GALERI BOSLUK FIX */
@media(max-width:640px){
  .nkstay-modal{
    padding:10px !important;
    align-items:flex-start !important;
    overflow-y:auto !important;
  }
  .nkstay-modalbox{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    margin:8px auto 20px !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }
  .nkstay-modalimg{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex:none !important;
    background:#0b1710 !important;
  }
  .nkstay-gallery-stage{
    display:block !important;
    width:100% !important;
    height:300px !important;
    min-height:0 !important;
    max-height:300px !important;
    flex:none !important;
    overflow:hidden !important;
  }
  .nkstay-gallery-stage>img{
    display:block !important;
    width:100% !important;
    height:300px !important;
    min-height:0 !important;
    max-height:300px !important;
    object-fit:cover !important;
  }
  .nkstay-thumbs{
    display:flex !important;
    width:100% !important;
    min-height:72px !important;
    padding:10px !important;
    gap:8px !important;
    overflow-x:auto !important;
  }
  .nkstay-gallery-count{
    right:12px !important;
    bottom:12px !important;
  }
  .nkstay-gallery-nav{
    width:44px !important;
    height:44px !important;
    font-size:30px !important;
  }
  .nkstay-gallery-nav.prev{left:12px !important}
  .nkstay-gallery-nav.next{right:12px !important}
  .nkstay-modalcopy{
    display:block !important;
    padding:28px 22px 30px !important;
    min-height:0 !important;
  }
  .nkstay-modalcopy h2{
    font-size:34px !important;
    line-height:1.05 !important;
    margin:9px 0 13px !important;
  }
  .nkstay-modalcopy p{
    font-size:14px !important;
    line-height:1.55 !important;
  }
}