:root{
  --brand:#12345a;
  --brand-dark:#0d253f;
  --accent:#d8662b;
  --ink:#172235;
  --muted:#667085;
  --line:#e6ebf1;
  --soft:#f6f8fb;
  --card-shadow:0 10px 26px rgba(16,32,54,.07);
}

*{box-sizing:border-box}
body{
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#fff;
  font-size:15px;
  line-height:1.58;
}
.container{max-width:1160px}

.topbar{
  background:var(--brand-dark);
  color:#d7e1ee;
  padding:.38rem 0;
  font-size:.88rem;
}
.lang-link{color:#d7e1ee;text-decoration:none;font-weight:600}
.lang-link.active{color:#fff;font-weight:800}

.navbar{padding:.72rem 0;background:#fff!important}
.site-logo{max-height:44px;max-width:178px;object-fit:contain}
.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center}
.navbar .nav-link{font-weight:650;color:#243248;font-size:.94rem;padding:.55rem .75rem}
.navbar .nav-link:hover{color:var(--brand)}
.dropdown-menu{border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:12px;padding:.45rem}
.dropdown-item{border-radius:9px;font-size:.93rem;padding:.52rem .75rem}
.dropdown-item:hover{background:#f2f5f9;color:var(--brand)}

.btn{border-radius:8px;font-weight:650;font-size:.93rem;padding:.48rem .85rem}
.btn-sm{font-size:.86rem;padding:.34rem .65rem}
.btn-primary{
  --bs-btn-bg:var(--brand);
  --bs-btn-border-color:var(--brand);
  --bs-btn-hover-bg:var(--brand-dark);
  --bs-btn-hover-border-color:var(--brand-dark);
}
.btn-outline-primary{
  --bs-btn-color:var(--brand);
  --bs-btn-border-color:var(--brand);
  --bs-btn-hover-bg:var(--brand);
  --bs-btn-hover-border-color:var(--brand);
}

.hero-slide{
  min-height:430px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
}
.hero-slide.no-image{background:linear-gradient(135deg,#102947,#1b4778)}
.hero-content{max-width:560px;color:#fff}
.hero-content .eyebrow,.section-title span{
  color:var(--accent);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.72rem;
}
.hero-content h1{
  font-size:clamp(1.95rem,3.6vw,3.15rem);
  font-weight:800;
  line-height:1.08;
  margin:.55rem 0 .6rem;
  letter-spacing:-.03em;
}
.hero-content p{font-size:1rem;color:#e8eef6;margin-bottom:1rem;max-width:520px}
.carousel-control-prev,.carousel-control-next{width:7%}

section.container.py-5{padding-top:3.25rem!important;padding-bottom:3.25rem!important}
.section-title{text-align:center;margin-bottom:1.65rem}
.section-title h2{font-weight:800;font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:-.02em;margin:.25rem 0 0}
.section-title.text-start{text-align:left!important}

.product-card,.blog-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--card-shadow);
  transition:.18s ease;
}
.product-card:hover,.blog-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(16,32,54,.12)}
.product-image{height:185px;display:block;position:relative;background:#f1f4f8;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.18s ease}
.product-card:hover .product-image img{transform:scale(1.02)}
.product-body{padding:.95rem 1rem 1rem}
.product-category{font-size:.7rem;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}
.product-body h3,.blog-card h3{font-size:.98rem;font-weight:800;margin:.2rem 0 .65rem;line-height:1.32}
.product-body h3 a,.blog-card h3 a{text-decoration:none;color:var(--ink)}
.stretched-link-text{font-weight:750;text-decoration:none;color:var(--brand);font-size:.9rem}
.status-badge{position:absolute;left:10px;top:10px;border-radius:999px;padding:.26rem .55rem;background:#fff;font-size:.68rem;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.status-sold{background:#fef2f2;color:#b91c1c}
.status-reserved{background:#fffbeb;color:#b45309}
.status-available{background:#ecfdf5;color:#047857}

.about-band,.page-hero{background:var(--soft)}
.about-band{padding-top:3.4rem!important;padding-bottom:3.4rem!important}
.about-image,.page-side-image{width:100%;max-height:300px;object-fit:cover}
.content-text{line-height:1.82;color:#3b485c;font-size:.95rem}
.content-text p{margin-bottom:.95rem}
.content-text-clamp{max-height:360px;overflow:hidden;position:relative}
.content-text table{width:100%!important;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:.92rem}
.content-text td{border:1px solid #e5e7eb;padding:.62rem .7rem}

.page-hero{padding:3rem 0;border-bottom:1px solid #eef1f5}
.page-hero h1{font-weight:800;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.025em;margin:0}
.page-hero p{color:var(--muted);font-size:.98rem}
.page-content{max-width:900px}

.product-detail-image{border-radius:16px;overflow:hidden;background:#f1f4f8;border:1px solid var(--line)}
.product-detail-image img{width:100%;display:block;max-height:520px;object-fit:contain;background:#f8fafc}
.thumb-img{width:100%;height:74px;object-fit:cover;border-radius:9px}
.detail-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:var(--card-shadow)}
.detail-panel h2{font-weight:800;font-size:1.6rem;letter-spacing:-.02em}
.product-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem}
.product-meta-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.8rem}
.product-meta-grid span{display:block;color:#64748b;font-size:.76rem}
.product-meta-grid strong{display:block;font-size:.92rem}

.gallery-card{display:block;position:relative;border-radius:14px;overflow:hidden;height:205px;color:#fff;text-decoration:none;background:#111;box-shadow:var(--card-shadow)}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.18s ease}
.gallery-card:hover img{transform:scale(1.03);opacity:.8}
.gallery-card span{position:absolute;left:.9rem;right:.9rem;bottom:.85rem;font-weight:800;font-size:.95rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}

.blog-image{display:block;height:205px;background:#f1f4f8;overflow:hidden}
.blog-image img{width:100%;height:100%;object-fit:cover;transition:.18s ease}
.blog-card:hover .blog-image img{transform:scale(1.025)}
.blog-card p{color:var(--muted);font-size:.93rem;margin-bottom:.7rem}
.article-cover{width:100%;max-height:360px;object-fit:cover}

.contact-card,.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem;box-shadow:var(--card-shadow)}
.contact-card i{color:var(--accent);margin-right:.5rem}
.map-box iframe{border-radius:16px;min-height:330px}

.site-footer{background:#0f1f34;color:#fff;margin-top:0!important}
.site-footer .container{padding-top:3rem!important;padding-bottom:2rem!important}
.site-footer h5{font-size:1.05rem}
.site-footer h6{font-size:.95rem}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links a{display:block;color:#d0d8e4;text-decoration:none;margin:.32rem 0;font-size:.94rem}
.footer-links a:hover{color:#fff}

@media(max-width:991px){
  body{font-size:14.5px}
  .hero-slide{min-height:350px}
  .hero-content h1{font-size:2.05rem}
  .product-image{height:195px}
  .gallery-card,.blog-image{height:210px}
  .page-hero{padding:2.4rem 0}
  .site-logo{max-height:40px;max-width:165px}
}
@media(max-width:575px){
  .hero-slide{min-height:310px}
  .hero-content h1{font-size:1.7rem}
  .hero-content p{font-size:.92rem}
  section.container.py-5{padding-top:2.4rem!important;padding-bottom:2.4rem!important}
  .product-image{height:180px}
  .gallery-card,.blog-image{height:185px}
}


/* Görsel popup */
.image-lightbox .modal-content{background:transparent;border:0;box-shadow:none;position:relative}
.image-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.lightbox-close{position:absolute;right:12px;top:12px;z-index:3;background-color:#fff;opacity:1;border-radius:999px;padding:.65rem}
.lightbox-caption{color:#fff;text-align:center;font-weight:650;margin-top:.75rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.content-text img{max-width:100%;height:auto;border-radius:12px;cursor:zoom-in}
.js-lightbox{cursor:zoom-in}
.footer-powered{text-decoration:none;font-weight:700}
.footer-powered:hover{color:#fff!important}

/* Ürün detay daha kurumsal ve kontrollü */
.compact-hero{padding:2.35rem 0!important}
.breadcrumb-mini{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.65rem;color:#7b8797;font-size:.86rem}
.breadcrumb-mini a{color:#566274;text-decoration:none;font-weight:650}
.breadcrumb-mini a:hover{color:var(--brand)}
.product-detail-section{padding-top:2.6rem!important}
.product-detail-image{display:block;border-radius:16px;overflow:hidden;background:#f8fafc;border:1px solid var(--line)}
.product-detail-image img{width:100%;display:block;height:390px;object-fit:contain;background:#f8fafc;padding:.4rem}
.product-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.6rem}
.thumb-link{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f8fafc;transition:.16s ease}
.thumb-link:hover{border-color:var(--brand);transform:translateY(-1px)}
.thumb-img{width:100%;height:70px;object-fit:cover;border-radius:0}
.product-summary-panel{padding:1.45rem}
.detail-panel h2{font-size:1.45rem;line-height:1.28;margin-bottom:.75rem}
.detail-lead{color:var(--muted);font-size:.94rem;margin-bottom:0}
.offer-box{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:1rem}
.offer-box p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}
.product-info-panel{padding:1.45rem}
.product-content table{margin-bottom:0}
.product-content table td:first-child{font-weight:700;color:#243248;background:#f8fafc;width:34%}
.product-content table p{margin:0}
.product-content iframe{max-width:100%}

@media(max-width:991px){
  .product-detail-image img{height:330px}
  .offer-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:575px){
  .compact-hero{padding:1.9rem 0!important}
  .product-detail-image img{height:255px}
  .product-summary-panel,.product-info-panel{padding:1.05rem}
  .detail-panel h2{font-size:1.25rem}
}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}