/* BCL TUR — Detail */

/* DETAIL PAGE */
.detail-hero{height:520px;position:relative;overflow:hidden;}
.detail-hero img{width:100%;height:100%;object-fit:cover;}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,28,50,.8) 0%,rgba(11,28,50,.2) 60%);}
.detail-hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px 64px;}
.detail-hero-content .bc{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:12px;}
.detail-hero-content .bc span{color:rgba(255,255,255,.7);cursor:pointer;}
.detail-hero-content .bc span:hover{color:var(--gold);}
.detail-hero-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,54px);font-weight:700;color:#fff;margin-bottom:14px;line-height:1.1;}
.detail-meta-row{display:flex;gap:20px;flex-wrap:wrap;}
.dm-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.75);font-size:14px;}
.dm-item strong{color:#fff;}
.detail-body{max-width:1280px;margin:0 auto;padding:48px 64px;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;}
.detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:36px;}
.dtab{padding:12px 24px;font-size:14px;font-weight:600;color:var(--gray);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;}
.dtab.active{color:var(--gold);border-bottom-color:var(--gold);}
.dtab-content{display:none;}.dtab-content.active{display:block;}
.program-day{margin-bottom:24px;background:var(--white);border-radius:14px;overflow:hidden;border:1px solid var(--border);}
.pd-header{background:var(--navy);padding:14px 20px;display:flex;align-items:center;gap:12px;}
.pd-num{background:var(--gold);color:var(--navy);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.pd-title{color:#fff;font-weight:600;font-size:15px;}
.pd-body{padding:18px 20px;color:var(--gray);font-size:14px;line-height:1.8;}
.ie-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;}
.ie-card{border-radius:14px;padding:22px;}
.ie-inc{background:#f0fff4;border:1px solid #c6f6d5;}
.ie-exc{background:#fff5f5;border:1px solid #fed7d7;}
.ie-card h4{font-size:14px;font-weight:700;margin-bottom:14px;}
.ie-inc h4{color:#276749;}.ie-exc h4{color:#c53030;}
.ie-item{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:8px;}
.ie-item.ok{color:#276749;}.ie-item.no{color:#c53030;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.gallery-grid img{border-radius:10px;width:100%;height:160px;object-fit:cover;cursor:pointer;transition:transform .2s;}
.gallery-grid img:hover{transform:scale(1.03);}
.price-card{background:var(--white);border-radius:18px;padding:28px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:sticky;top:90px;}
.pc-price{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:700;color:var(--navy);}
.pc-per{font-size:13px;color:var(--gray);}
.pc-old{font-size:15px;color:var(--gray);text-decoration:line-through;}
.pc-save{background:#f0fff4;color:var(--green);font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:20px;display:inline-block;}
.pc-field{margin-bottom:14px;}
.pc-field label{display:block;font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;}
.pc-field select,.pc-field input{width:100%;padding:11px 14px;border:2px solid var(--border);border-radius:10px;font-family:'Inter',sans-serif;font-size:14px;color:var(--navy);outline:none;transition:border-color .2s;}
.pc-field select:focus,.pc-field input:focus{border-color:var(--gold);}
.pc-total{border-top:2px solid var(--border);padding-top:16px;margin-top:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
.pc-total-lbl{font-size:14px;color:var(--gray);}
.pc-total-val{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--navy);}
.btn-reserve{width:100%;background:var(--gold);color:var(--navy);border:none;padding:15px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;margin-bottom:10px;}
.btn-reserve:hover{background:var(--gold2);}
.btn-wa-res{width:100%;background:#25d366;color:#fff;border:none;padding:13px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}
.pc-info{margin-top:18px;display:flex;flex-direction:column;gap:10px;}
.pc-info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);}
.dates-card{background:var(--white);border-radius:16px;padding:22px;border:1px solid var(--border);margin-top:20px;}
.dates-card h4{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:16px;}
.date-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);}
.date-row:last-child{border-bottom:none;}
.date-val{font-size:14px;font-weight:600;color:var(--navy);}
.date-avail{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;}
.avail-ok{background:#f0fff4;color:var(--green);}
.avail-az{background:#fffbeb;color:#d97706;}
.avail-dolu{background:#fff5f5;color:var(--red);}
.dr-card{background:var(--white);border-radius:14px;padding:22px;border:1px solid var(--border);margin-bottom:16px;}
.dr-stars{color:var(--gold);font-size:15px;margin-bottom:8px;}
.dr-text{color:var(--gray);font-size:14px;line-height:1.7;}
.gallery-wrap{position:relative;max-width:700px;margin:auto;}
.gal-main{width:100%;height:350px;object-fit:cover;border-radius:12px;}
.gal-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.6);color:#fff;border:none;padding:10px 14px;cursor:pointer;font-size:20px;border-radius:8px;}
.gal-btn.left{left:10px;}
.gal-btn.right{right:10px;}
.gal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;}
.gal-thumb{width:80px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:0.6;}
.gal-thumb.active{opacity:1;border:2px solid #c9a227;}

/* ══════════════════════════
   MOBİL DETAIL HERO DÜZELTMESİ
══════════════════════════ */
@media (max-width: 1024px) {
  .detail-hero { height: 420px; }
  .detail-hero-content { padding: 28px 32px; }
  .detail-body { 
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 28px;
  }
  .price-card { position: static; }
}

@media (max-width: 768px) {
  /* Hero — resim üstte, içerik altta */
  .detail-hero { 
    height: auto; 
    min-height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .detail-hero img { 
    width: 100%;
    height: 240px; 
    object-fit: cover;
    display: block;
    position: static;
  }
  .detail-hero-overlay { display: none; }
  .detail-hero-content {
    padding: 16px;
    position: static;
    background: var(--white);
    color: var(--navy);
  }
  .detail-hero-content .bc { 
    font-size: 12px; 
    margin-bottom: 10px;
    color: var(--gray);
  }
  .detail-hero-content .bc span { 
    color: var(--gray);
  }
  .detail-hero-content .bc span:hover { 
    color: var(--gold);
  }
  .detail-hero-content h1 { 
    font-size: 24px; 
    margin-bottom: 12px; 
    line-height: 1.2;
    color: var(--navy);
  }
  .detail-meta-row { 
    gap: 12px; 
    flex-wrap: wrap; 
  }
  .dm-item { 
    font-size: 13px; 
    gap: 5px;
    color: var(--gray);
  }
  .dm-item strong { color: var(--navy); }
  
 /* Sekmeler — grid olarak 2 satır, scroll yok */
  .detail-tabs { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid var(--border);
    overflow: visible;
  }
  .dtab { 
    padding: 10px 6px; 
    font-size: 12px; 
    text-align: center;
    white-space: normal;
    line-height: 1.2;
    border-bottom: 3px solid transparent;
    margin-bottom: 0;
  }
  .dtab.active {
    border-bottom-color: var(--gold);
    margin-bottom: -2px;
  }
  
  /* Body */
  .detail-body { 
    grid-template-columns: 1fr; 
    padding: 20px 16px; 
    gap: 24px; 
  }
  .price-card { 
    position: static; 
    padding: 20px; 
    order: -1; 
  }
  .pc-price { font-size: 32px; }
  .ie-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .gallery-grid img { height: 130px; }
  .gal-main { height: 220px; }
  .dates-card { padding: 16px; }
}

@media (max-width: 480px) {
  .detail-hero { min-height: auto; }
  .detail-hero img { height: 200px; }
  .detail-hero-content h1 { font-size: 22px; }
  .detail-meta-row { gap: 10px; }
  .dm-item { font-size: 12px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .dtab { padding: 10px 12px; font-size: 12px; }
}