/* ============================================================
   Akyüz Granit — Theme Core CSS  (akyuzgranit v1.0)
   Themes/akyuzgranit/assets/css/theme.css
   ============================================================ */

/* ── 0. ALPINE CLOAK ─────────────────────────────────────── */
[x-cloak]{display:none!important}

/* ── HERO SLIDER (Swiper) ────────────────────────────────── */
.hero-slider-wrap{position:relative}

/* Swiper height zinciri — section height:100vh authority, her şey %100 miras alır */
.hero-swiper{width:100%;height:100%}
.hero-swiper .swiper-wrapper{height:100%!important}
.hero-swiper .swiper-slide{height:100%!important}
.hero-slide{position:relative;display:flex;align-items:stretch;height:100%}

/* Sol sütun: koyu zemin + metin */
.hero-side-left{width:52%;background:#07101f;display:flex;align-items:center;flex-shrink:0;position:relative;z-index:2}

/* Sağ sütun: temiz görsel — kural 1: overlay yok, mask yok, blend yok */
.hero-side-right{flex:1;position:relative;overflow:hidden}
.hero-side-img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transition:transform 8s ease}
.hero-slide-pattern{background:repeating-linear-gradient(135deg,#192234 0,#192234 2px,#1d2840 2px,#1d2840 24px)!important}
.swiper-slide-active .hero-side-img{transform:scale(1.04)}

.hero-slide-content{position:relative;z-index:2;width:100%;padding:120px 52px 80px 64px}
.hero-slide-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,3.8vw,3.8rem);font-weight:600;line-height:1.08;color:#fff;margin-bottom:22px}
.hero-slide-sub{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.82;max-width:400px;margin-bottom:44px}
.hero-slide-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#c9a84c;color:#0f172a;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;border-radius:5px;text-decoration:none;transition:background .2s,color .2s}
.hero-btn-primary:hover{background:#e0bb5a}
.hero-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;background:rgba(255,255,255,0.07);color:#fff;font-size:12px;font-weight:600;border-radius:5px;text-decoration:none;border:1px solid rgba(255,255,255,0.18);transition:background .2s}
.hero-btn-secondary:hover{background:rgba(255,255,255,0.13)}

/* Float badge kartları */
.hero-badge-cards{position:absolute;inset:0;pointer-events:none;z-index:3}
.hero-badge-white{position:absolute;bottom:64px;right:80px;background:#fff;border-radius:10px;padding:20px 26px;box-shadow:0 28px 56px rgba(0,0,0,0.38);animation:fadeIn 1s 0.5s ease both;pointer-events:none}
.hero-badge-gold{position:absolute;top:120px;right:80px;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.28);border-radius:10px;padding:16px 22px;animation:fadeIn 1s 0.7s ease both;pointer-events:none}

/* Ok butonları — sol kenar ve sağ kenar, metnin dışında */
.hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(223,183,108,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s,transform .25s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);outline:none;padding:0}
.hero-nav-btn svg{stroke:#dfb76c;opacity:.75;transition:stroke .2s,opacity .2s}
.hero-nav-btn:hover{background:rgba(223,183,108,0.14);border-color:rgba(223,183,108,0.6);transform:translateY(-50%) scale(1.12)}
.hero-nav-btn:hover svg{opacity:1}
.hero-nav-prev{left:24px}
.hero-nav-next{right:24px}
.swiper-button-disabled.hero-nav-btn{opacity:.28;cursor:default}
.swiper-button-disabled.hero-nav-btn:hover{transform:translateY(-50%);background:rgba(255,255,255,0.06)}

/* Pagination */
.hero-swiper-pag .swiper-pagination-bullet{background:rgba(255,255,255,0.4);opacity:1;transition:background .3s,transform .3s}
.hero-swiper-pag .swiper-pagination-bullet-active{background:#c9a84c;transform:scale(1.35)}

@media(max-width:960px){
  .hero-slide{flex-direction:column}
  .hero-side-left{width:100%;flex:none;min-height:58vh}
  .hero-side-right{width:100%;flex:none;height:42vw;min-height:260px;position:relative}
  .hero-side-img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
  .hero-slide-content{padding:72px 24px 40px}
  .hero-badge-white,.hero-badge-gold{display:none}
  .hero-slide-title{font-size:clamp(1.9rem,5.5vw,2.8rem)}
  .hero-nav-btn{width:40px;height:40px}
  .hero-nav-prev{left:12px}
  .hero-nav-next{right:12px}
}

/* ── 1. RESET & BASE ──────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  color:#0f172a;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── 2. PER-TEMPLATE BODY BACKGROUNDS ────────────────────── */
body.tpl-home     {background:#fafaf8}
body.tpl-katalog  {background:#f8f9fb}
body.tpl-iletisim {background:#fff}
body.tpl-standard {background:#fafaf8}

/* ── 3. ANIMATIONS ───────────────────────────────────────── */
@keyframes fadeUp {
  from{opacity:0;transform:translateY(20px)}
  to  {opacity:1;transform:translateY(0)}
}
@keyframes fadeIn {
  from{opacity:0}
  to  {opacity:1}
}

/* ── 4. SHARED NAVIGATION ────────────────────────────────── */
.nav-link{
  font-size:13px;font-weight:500;color:#475569;
  text-decoration:none;letter-spacing:.3px;transition:color .2s;
}
.nav-link:hover,.nav-link.active{color:#c9a84c;font-weight:700}

/* ── 5. HOME — Desktop nav utilities ─────────────────────── */
.dc-nav-links,.dc-nav-phone{display:flex}
.dc-hamburger{display:none!important}

@media(max-width:960px){
  .dc-nav-links,.dc-nav-phone{display:none!important}
  .dc-hamburger{display:flex!important}
  .hero-wrap{flex-direction:column!important}
  .hero-left{width:100%!important;padding:80px 28px 48px!important}
  .hero-right{width:100%!important;min-height:300px!important}
  .cat-grid{grid-template-columns:repeat(2,1fr)!important}
  .nav-desktop{display:none!important}
  .il-two-col{flex-direction:column!important}
}
@media(max-width:640px){
  .cat-grid{grid-template-columns:1fr!important}
}

/* ── 6. KATALOG — Product cards & filters ────────────────── */
.kat-card{
  background:#fff;border-radius:12px;overflow:hidden;
  transition:all .3s ease;border:1px solid rgba(15,23,42,.07);
}
.kat-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(15,23,42,.10)}
.kat-img{height:220px;position:relative;overflow:hidden}
.kat-tag{
  position:absolute;top:14px;left:14px;
  background:#0f172a;color:#c9a84c;
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  padding:5px 12px;border-radius:3px;font-weight:700;
}
.filter-btn{
  padding:9px 20px;
  border:1.5px solid rgba(15,23,42,.12);
  background:#fff;color:#64748b;font-size:12px;font-weight:600;
  border-radius:50px;cursor:pointer;transition:all .25s;font-family:inherit;
}
.filter-btn.active,.filter-btn:hover{
  background:#0f172a;color:#fff;border-color:#0f172a;
}
@media(max-width:900px){
  .kat-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:580px){
  .kat-grid{grid-template-columns:1fr!important}
}

/* ── 7. İLETİŞİM — Form & contact cards ─────────────────── */
.il-input{
  width:100%;padding:14px 16px;font-size:14px;font-family:inherit;
  border:1.5px solid rgba(15,23,42,.14);border-radius:8px;
  outline:none;transition:border-color .2s;background:#fafaf8;color:#0f172a;
}
.il-input:focus{border-color:#c9a84c;background:#fff}
.il-label{
  display:block;font-size:11px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:#64748b;margin-bottom:8px;
}
.il-submit-btn{
  width:100%;padding:17px;background:#c9a84c;color:#0f172a;
  font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  border:none;border-radius:6px;cursor:pointer;font-family:inherit;
  transition:background .2s,box-shadow .2s;display:block;
}
.il-submit-btn:hover:not([disabled]){background:#dfb76c;box-shadow:0 4px 16px rgba(201,168,76,0.35)}
.il-submit-btn[disabled]{opacity:0.6;cursor:not-allowed}
.il-contact-card{
  background:#f8f9fb;border-radius:12px;padding:24px;
  border:1px solid rgba(15,23,42,.07);margin-bottom:16px;
  display:flex;align-items:flex-start;gap:16px;
}

/* ── 8. MASONRY GALERİ ───────────────────────────────────── */
.masonry-gallery {
  columns: 1;
  column-gap: 14px;
}
@media (min-width:560px)  { .masonry-gallery { columns: 2; } }
@media (min-width:860px)  { .masonry-gallery { columns: 3; } }
@media (min-width:1180px) { .masonry-gallery { columns: 4; } }

.masonry-item {
  break-inside: avoid;
  margin-bottom: 14px;
  display: inline-block;   /* required for column flow */
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #1a1f2a;
  border: 1px solid rgba(15,23,42,0.08);
  cursor: zoom-in;
  transition: transform .38s cubic-bezier(.25,.46,.45,.94),
              border-color .28s,
              box-shadow .38s;
}
.masonry-item:hover {
  transform: scale(1.025);
  border-color: #dfb76c;
  box-shadow: 0 0 20px rgba(223,183,108,0.22), 0 12px 36px rgba(0,0,0,0.14);
}
.masonry-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: opacity .3s;
}
.masonry-item:hover .masonry-img { opacity: .88; }

/* ── 9. LIGHTBOX ─────────────────────────────────────────── */
.lb-overlay {
  position: fixed;
  inset: 0;
  background: rgba(6,9,18,0.95);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  animation: fadeIn .18s ease;
}
.lb-frame {
  position: relative;
  max-width: min(90vw, 1180px);
  border: 1px solid rgba(223,183,108,0.28);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 80px rgba(0,0,0,0.72), 0 0 0 1px rgba(223,183,108,0.10);
}
.lb-img {
  display: block;
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
  background: #0a0f1a;
}
.lb-gold-bar {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,#dfb76c 25%,#c5a85c 75%,transparent);
}
.lb-close {
  position: fixed;
  top: 20px; right: 24px;
  width: 42px; height: 42px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.55);
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}
.lb-close:hover {
  background: rgba(223,183,108,0.14);
  border-color: rgba(223,183,108,0.42);
  color: #dfb76c;
}
.lb-counter {
  position: fixed;
  bottom: 20px; left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(201,168,76,0.5);
  font-weight: 600;
  pointer-events: none;
}

/* ── 10. PREMIUM ÜRÜN KARTLARI (Katalog — Galeri) ─────────── */
.prod-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 900px) { .prod-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .prod-card-grid { grid-template-columns: 1fr; } }

.prod-card {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(15,23,42,.06);
  transition: transform .32s ease, box-shadow .32s ease;
}
.prod-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 52px rgba(15,23,42,.18);
}

.prod-card-img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: #f0ece5;
  display: block;
}
.prod-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .42s ease;
}
.prod-card:hover .prod-card-img { transform: scale(1.06); }

.prod-card-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #0f172a;
  color: #c9a84c;
  font-size: 9px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 3px;
  font-weight: 700;
  pointer-events: none;
  z-index: 2;
}

.prod-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(7,16,31,.92) 0%, rgba(7,16,31,.55) 55%, transparent 100%);
  padding: 28px 20px 18px;
  z-index: 1;
  transition: padding .28s ease;
}
.prod-card:hover .prod-card-overlay { padding-bottom: 22px; }

.prod-card-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 12px;
}
.prod-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.15);
}
.prod-card-cta {
  font-size: 11px;
  font-weight: 700;
  color: #c9a84c;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.prod-card-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,.12);
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,.35);
  text-decoration: none;
  flex-shrink: 0;
  transition: background .22s, border-color .22s;
}
.prod-card-phone:hover {
  background: #c9a84c;
  border-color: #c9a84c;
}
.prod-card-phone:hover svg { stroke: #0f172a !important; }

/* ── 11. KATALOG — İki Sütun About Bölümü ───────────────── */
@media(max-width:960px){
  .about-wrap{flex-direction:column!important;gap:40px!important}
  .about-img-col{flex:0 0 auto!important;width:100%!important}
}

/* ── 12. CMS CONTENT (Standard + Home inline panels) ─────── */
.cms-content h1,.cms-content h2,
.cms-content h3,.cms-content h4{
  font-family:'Cormorant Garamond',serif;color:#0f172a;
  font-weight:600;margin:1.5em 0 .5em;line-height:1.25;
}
.cms-content h2{font-size:1.9rem}
.cms-content h3{font-size:1.5rem}
.cms-content p{color:#475569;line-height:1.85;margin:.75em 0}
.cms-content a{color:#c9a84c;text-underline-offset:3px}
.cms-content ul,.cms-content ol{padding-left:1.5rem;color:#475569;line-height:1.85}
.cms-content li::marker{color:#c9a84c}
.cms-content blockquote{
  border-left:2px solid #c9a84c;padding-left:1.25rem;
  color:#64748b;font-style:italic;margin:1em 0;
}
.cms-content img{border-radius:8px;max-width:100%;height:auto}
.cms-content table{width:100%;font-size:.875rem;border-collapse:collapse}
.cms-content th{
  color:#c9a84c;border-bottom:1px solid #e2e8f0;
  padding:.5rem .75rem;text-align:left;
}
.cms-content td{
  border-bottom:1px solid #f1f5f9;
  padding:.5rem .75rem;color:#475569;
}

/* ── 13. GLOBAL HEADER ───────────────────────────────────── */
.g-header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,0.96);border-bottom:1px solid rgba(201,168,76,0.14)}
.g-header-inner{max-width:1340px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px}

/* Logo */
.g-logo{text-decoration:none;display:flex;flex-direction:column;gap:4px}
.g-logo-mark{display:flex;align-items:center;gap:6px}
.g-logo-name{font-family:'Cormorant Garamond',serif;font-size:29px;font-weight:700;color:#0f172a;letter-spacing:3px}
.g-logo-sub{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:400;color:#c9a84c;letter-spacing:3px}
.g-logo-dot{width:7px;height:7px;background:#c9a84c;border-radius:50%;flex-shrink:0}
.g-logo-line{height:1px;background:linear-gradient(90deg,#c9a84c 40%,transparent)}

/* Masaüstü nav */
.g-nav{display:flex;align-items:center;gap:28px}
.g-nav-item{position:relative;padding-bottom:10px}
.g-nav-link{font-size:15px;font-weight:600;color:#475569;text-decoration:none;letter-spacing:0.3px;padding:6px 0;display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.g-nav-link:hover,.g-nav-link.active{color:#c9a84c}
.g-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:230px;background:#0f172a;border:1px solid rgba(201,168,76,0.22);border-radius:8px;padding:6px 0;box-shadow:0 24px 52px rgba(0,0,0,0.32);z-index:200}
.g-dropdown-arrow{position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:#0f172a;border-top:1px solid rgba(201,168,76,0.22);border-left:1px solid rgba(201,168,76,0.22)}
.g-dropdown-link{display:block;padding:10px 20px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.72);text-decoration:none;letter-spacing:0.25px;border-bottom:1px solid rgba(255,255,255,0.04);transition:color .15s,padding-left .15s}
.g-dropdown-link:hover{color:#c9a84c;padding-left:26px;background:rgba(201,168,76,0.05)}

/* Aksiyonlar */
.g-header-actions{display:flex;align-items:center;gap:12px}
.g-btn-lang{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#475569;background:none;border:1px solid rgba(201,168,76,0.25);border-radius:4px;padding:7px 12px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:1px}
.g-lang-dd{position:absolute;right:0;top:42px;background:#fff;border:1px solid rgba(201,168,76,0.2);border-radius:8px;overflow:hidden;min-width:120px;box-shadow:0 8px 24px rgba(0,0,0,0.1);z-index:200}
.g-lang-item{display:block;padding:10px 16px;font-size:13px;font-weight:500;color:#475569;text-decoration:none;transition:color .15s}
.g-lang-item.active,.g-lang-item:hover{color:#c9a84c}
.g-btn-lang,.g-lang-dd{display:none!important}
.g-btn-phone{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:#0f172a;text-decoration:none;white-space:nowrap}
.g-btn-teklif{padding:10px 22px;background:#c9a84c;color:#0f172a;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;border-radius:4px;text-decoration:none;transition:background .2s,box-shadow .2s}
.g-btn-teklif:hover{background:#dfb76c;box-shadow:0 4px 16px rgba(201,168,76,0.35)}
.g-hamburger{display:none;align-items:center;justify-content:center;padding:8px;background:none;border:1px solid rgba(201,168,76,0.2);border-radius:4px;cursor:pointer}

/* Mobil nav */
.g-mobile-nav{background:#fff;border-top:1px solid rgba(201,168,76,0.12);padding:12px 32px 20px}
.g-mobile-link{display:block;padding:13px 0;font-size:14px;font-weight:500;color:#475569;text-decoration:none;border-bottom:1px solid rgba(201,168,76,0.08);transition:color .2s}
.g-mobile-link.active{color:#c9a84c;font-weight:700}
.g-mobile-link.has-children{font-weight:600}
.g-mobile-sub-wrap{padding:4px 0 8px 14px;border-left:2px solid rgba(201,168,76,0.18);margin-left:6px}
.g-mobile-sub-link{display:block;padding:8px 0;font-size:13px;color:rgba(71,85,105,0.75);text-decoration:none;transition:color .2s}
.g-mobile-sub-link.active,.g-mobile-sub-link:hover{color:#c9a84c}

@media(max-width:960px){
  .g-nav,.g-btn-phone{display:none!important}
  .g-hamburger{display:flex!important}

  /* Mobil menü: header pozisyonu fixed olduğu için açılınca sayfayı
     aşağı itmiyor, üstüne biniyordu ve uzun liste ekran altında
     erişilemez kalıyordu. Kendi bağımsız kaydırılabilir panel
     yapıp header'ın hemen altından ekran sonuna kadar sabitliyoruz. */
  .g-mobile-nav{
    position:fixed;
    left:0;right:0;
    top:72px;
    bottom:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    z-index:500;
    background:#fff;
    box-shadow:0 16px 32px rgba(15,23,42,0.12);
  }

  /* backdrop-filter, .g-header'ı fixed alt öğeler için "containing block"
     yapıyor — bu da mobil menünün hero slider'ın ARKASINDA kalmasına
     sebep oluyordu (bilinen bir CSS davranışı). Mobilde blur'u kapatıp
     header'ı neredeyse opak tutuyoruz; görsel fark yok, sorun çözülüyor. */
  .g-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,0.98)!important}
}

/* ── 14. GLOBAL FOOTER ───────────────────────────────────── */
.g-footer{background:#07101f;padding:64px 0 0}
.g-footer-inner{max-width:1340px;margin:0 auto;padding:0 40px}
.g-footer-grid{display:flex;gap:52px;padding-bottom:48px;flex-wrap:wrap}
.g-footer-brand{flex:2;min-width:220px}
.g-footer-logo{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:3px;margin-bottom:16px}
.g-footer-logo em{font-style:normal;font-weight:400;color:#c9a84c}
.g-footer-desc{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.9;max-width:240px;margin-bottom:20px}
.g-footer-contact{display:flex;flex-direction:column}
.g-footer-contact a,.g-footer-contact span{font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;margin-bottom:6px}
.g-footer-col{flex:1;min-width:140px}
.g-footer-col-title{display:block;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c9a84c;margin-bottom:20px;font-weight:700}
.g-footer-links{display:flex;flex-direction:column;gap:11px}
.g-footer-link{font-size:13px;color:rgba(255,255,255,0.4);text-decoration:none;transition:color .2s}
.g-footer-link:hover{color:#c9a84c}
.g-footer-bar{border-top:1px solid rgba(255,255,255,0.06);padding:18px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.g-footer-copy{font-size:12px;color:rgba(255,255,255,0.18)}

/* ── 15. MOBİL UX İYİLEŞTİRMELERİ ─────────────────────────── */

/* Header — 960px: hafif kompakt */
@media(max-width:960px){
  .g-header-inner{padding:0 20px}
  .g-btn-teklif{padding:8px 16px;font-size:10px;letter-spacing:1px}
}

/* Header — 640px: tam logo küçük punt + dil gizle + Teklif Al göster */
@media(max-width:640px){
  .g-header-inner{padding:0 14px}
  .g-logo-name{font-size:20px;letter-spacing:0.5px}
  .g-logo-sub{display:inline!important;font-size:13px;letter-spacing:0.5px}
  .g-logo-dot{display:inline-block!important;width:6px;height:6px}
  .g-logo-line{display:block!important;height:1px}
  .g-btn-teklif{display:flex!important;padding:7px 11px;font-size:9px;letter-spacing:0.5px;white-space:nowrap}
  .g-btn-phone{font-size:13px}
  .g-header-actions{gap:8px}
  .g-mobile-nav{padding:8px 14px 20px}
  .g-mobile-link{padding:11px 0}
}

/* Hero — görsel arka plana taşındı, metin üste bindirme */
@media(max-width:960px){
  .hero-slide{flex-direction:row!important;position:relative}
  .hero-side-right{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;flex:none!important}
  .hero-side-left{width:100%!important;flex:1!important;min-height:unset!important;background:transparent!important;position:relative;z-index:2}
  .hero-side-left::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,16,31,0.95) 0%,rgba(7,16,31,0.82) 52%,rgba(7,16,31,0.40) 100%);z-index:0;pointer-events:none}
  .hero-slide-content{position:relative;z-index:1;padding:96px 24px 60px;max-width:100%}
  .hero-nav-btn{display:none!important}
  .hero-slide-title{font-size:clamp(2rem,6vw,2.8rem)}
  .hero-slide-sub{font-size:14px;margin-bottom:32px;max-width:88%}
  .hero-slide-ctas{flex-direction:column;align-items:flex-start;gap:10px}
  .hero-btn-primary,.hero-btn-secondary{width:100%;max-width:300px;justify-content:center;padding:14px 20px}
  .hero-badge-white,.hero-badge-gold{display:none}
}
@media(max-width:640px){
  .hero-slide-content{padding:80px 20px 52px}
  .hero-slide-title{font-size:clamp(1.8rem,7vw,2.4rem)}
}

/* Stats bar — 2×2 grid mobilde */
@media(max-width:640px){
  .home-stats-bar{flex-wrap:wrap!important;padding:0!important}
  .home-stat-sep{display:none!important}
  .home-stat-item{flex:0 0 50%!important;padding:22px 8px!important;border-bottom:1px solid rgba(201,168,76,0.1)!important}
  .home-stat-item:nth-last-child(1),.home-stat-item:nth-last-child(2){border-bottom:none!important}
}

/* Kategori grid — tek sütun küçük mobilde */
@media(max-width:480px){
  .cat-grid{grid-template-columns:1fr!important;gap:14px!important}
}

/* CTA bölümü — dikey hizalama mobilde */
@media(max-width:640px){
  .home-cta-wrap{flex-direction:column!important;gap:36px!important;align-items:flex-start!important}
  .home-cta-btns{width:100%!important}
  .home-cta-btns a{display:block!important;text-align:center!important}
}

/* Footer — tek sütun mobilde */
@media(max-width:640px){
  .g-footer{padding:48px 0 0}
  .g-footer-inner{padding:0 16px}
  .g-footer-grid{flex-direction:column;gap:32px;padding-bottom:36px}
  .g-footer-brand{min-width:0}
  .g-footer-desc{max-width:100%}
}

/* ── 16. MOBİL TAŞMA DÜZELTMELERİ ─────────────────────────────
   Home/Fabrika/Hakkımızda'daki iki sütunlu bölümlerde sabit
   flex-basis (örn. flex:0 0 420px) ve min-width (300-320px)
   kullanılmış; bunlar dar telefon ekranlarında küçülmeyip
   sayfadan taşıyordu. Mobilde tek sütuna indirip genişliği
   %100 yapıyoruz. ────────────────────────────────────────── */
@media(max-width:960px){
  .home-about-wrap{flex-direction:column!important;gap:40px!important}
  .home-about-wrap>div{width:100%!important;flex:none!important;min-width:0!important}

  .fb-intro-wrap{flex-direction:column!important;gap:40px!important}
  .fb-intro-wrap>div{width:100%!important;flex:none!important;min-width:0!important}

  .hk-story-wrap{flex-direction:column!important;gap:40px!important}
  .hk-story-wrap>div{width:100%!important;flex:none!important;min-width:0!important}

  /* 3-4 sütunlu grid'ler dar ekranda daralt */
  .fb-cap-grid,.fb-gallery,.hk-gallery-grid,.hk-brands-row{grid-template-columns:repeat(2,1fr)!important}
  .fb-svc-grid{grid-template-columns:1fr!important}
  .hk-val-row{grid-template-columns:56px 1fr!important;row-gap:8px!important;column-gap:20px!important}
  .hk-val-num{font-size:44px!important}
  .hk-val-desc{grid-column:1/-1}
}

@media(max-width:640px){
  .fb-cap-grid,.fb-gallery,.hk-gallery-grid,.hk-brands-row{gap:8px!important}
}