/* =========================================================
   Duru Dizayn Mobilya — main.css
   Premium mobilya / iç mimari tasarım sistemi
   Palet: antrasit-lacivert + altın + krem + ahşap
   ========================================================= */

:root{
  --navy:#16233A;
  --navy-2:#22364B;
  --navy-3:#2E4763;
  --gold:#C9A24B;
  --gold-2:#E6C566;
  --gold-soft:#F0E4C4;
  --wood:#A9743B;
  --cream:#F6F0E6;
  --cream-2:#FBF7F0;
  --bg:#FBFAF7;
  --surface:#FFFFFF;
  --ink:#1E2833;
  --ink-2:#3C4856;
  --muted:#6E7A88;
  --line:#EAE4D8;
  --line-2:#E3DECF;
  --danger:#C0492F;
  --ok:#2E7D57;
  --wa:#25D366;
  --wa-dark:#128C7E;

  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;
  --shadow-sm:0 2px 10px rgba(22,35,58,.06);
  --shadow:0 12px 34px rgba(22,35,58,.10);
  --shadow-lg:0 30px 70px rgba(22,35,58,.16);
  --container:1200px;
  --ff-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ff-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --t:.28s cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;font-family:var(--ff-sans);color:var(--ink);background:var(--bg);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  width:100%;max-width:100%;position:relative;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--ff-serif);font-weight:600;line-height:1.18;color:var(--navy);letter-spacing:-.01em}
p{margin:0 0 1rem}
.ic{vertical-align:middle}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

.skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:8px 13px;z-index:2000;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 18px}

/* ---------- Tipografi yardımcıları ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-sans);
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wood)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px}
.section{padding:70px 0}
.section--tight{padding:50px 0}
.section-head{max-width:720px;margin:0 auto 40px;text-align:center}
.section-head .eyebrow{margin-bottom:12px}
.section-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
.section-head p{color:var(--muted);font-size:1.05rem;margin-top:5px}
.text-gold{color:var(--gold)}
.lead{font-size:1.12rem;color:var(--ink-2)}

/* ---------- Butonlar ---------- */
.btn{
  --bg:var(--navy);--fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:var(--bg);color:var(--fg);border:1px solid transparent;
  padding:11px 20px;border-radius:100px;font-weight:700;font-size:.95rem;
  transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t);
  white-space:nowrap;line-height:1;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn svg{flex-shrink:0}
.btn--gold{--bg:linear-gradient(135deg,var(--gold-2),var(--gold));--fg:var(--navy)}
.btn--gold:hover{box-shadow:0 14px 30px rgba(201,162,75,.4)}
.btn--outline{--bg:transparent;--fg:var(--navy);border-color:var(--line-2)}
.btn--outline:hover{--bg:var(--navy);--fg:#fff;border-color:var(--navy)}
.btn--ghost-light{--bg:rgba(255,255,255,.12);--fg:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.btn--ghost-light:hover{--bg:#fff;--fg:var(--navy)}
.btn--wa{--bg:var(--wa);--fg:#0b3a26}
.btn--wa:hover{--bg:var(--wa-dark);--fg:#fff}
.btn--lg{padding:13px 25px;font-size:1.02rem}
.btn--sm{padding:7px 13px;font-size:.85rem}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Üst şerit ---------- */
.topbar{background:var(--navy);color:#cdd6e3;font-size:.85rem}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;height:42px;gap:13px}
.topbar__left,.topbar__right{display:flex;align-items:center;gap:17px;min-width:0}
.topbar__item{display:inline-flex;align-items:center;gap:6px;color:#cdd6e3;transition:color var(--t)}
.topbar__item:hover{color:var(--gold-2)}
.topbar__item svg{color:var(--gold)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow var(--t)}
.site-header.is-stuck{box-shadow:var(--shadow-sm)}
.site-header__inner{display:flex;align-items:center;gap:20px;height:76px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand__mark{width:48px;height:48px}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--ff-serif);font-size:1.32rem;font-weight:600;color:var(--navy)}
.brand__name b{color:var(--gold);font-weight:600}
.brand__sub{font-size:.6rem;letter-spacing:.34em;color:var(--muted);margin-top:2px;font-weight:600}

.mainnav{margin-left:auto}
.mainnav__list{display:flex;align-items:center;gap:3px}
.mainnav__list>li>a{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:100px;
  font-weight:600;font-size:.95rem;color:var(--ink-2);transition:color var(--t),background var(--t)}
.mainnav__list>li>a:hover,.mainnav__list>li>a.is-active{color:var(--navy);background:var(--cream)}
.caret{transition:transform var(--t)}
.has-dropdown,.has-mega{position:relative}
.has-dropdown:hover .caret,.has-mega:hover .caret{transform:rotate(180deg)}

/* Basit dropdown */
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:7px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t);z-index:50}
.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
/* Görünmez köprü: link ile dropdown arasındaki 8px boşlukta hover kopmasın */
.dropdown::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.dropdown li a{display:block;padding:8px 12px;border-radius:9px;font-weight:600;font-size:.92rem;color:var(--ink-2);transition:all var(--t)}
.dropdown li a:hover{background:var(--cream);color:var(--navy)}

/* Mega menü */
.mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(10px);
  width:min(860px,92vw);background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow-lg);padding:17px;opacity:0;visibility:hidden;transition:all var(--t);z-index:50}
.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* Görünmez köprü: link ile mega menü arasındaki 8px boşlukta hover kopmasın */
.mega::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.mega__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.mega__card{display:flex;gap:11px;padding:11px;border-radius:14px;transition:background var(--t),transform var(--t)}
.mega__card:hover{background:var(--cream)}
.mega__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold-2)}
.mega__body{display:flex;flex-direction:column}
.mega__title{font-weight:700;color:var(--navy);font-size:.96rem}
.mega__desc{font-size:.82rem;color:var(--muted);line-height:1.4}
.mega__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding-top:13px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2);font-weight:600}

.site-header__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-header__cta .btn--wa{padding:9px 15px}

/* Hamburger */
.hamburger{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:#fff;border-radius:12px;
  flex-direction:column;justify-content:center;align-items:center;gap:4px}
.hamburger span{width:20px;height:2px;background:var(--navy);border-radius:2px;transition:all var(--t)}
.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.is-open span:nth-child(2){opacity:0}
.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-overlay{position:fixed;inset:0;background:rgba(15,23,38,.5);z-index:850;opacity:0;transition:opacity var(--t)}
.nav-overlay.is-visible{opacity:1}

/* ---------- HERO — tam genişlik klasik slider ---------- */
.hero{position:relative;overflow:hidden;background:#0f1b30;color:#fff;
  min-height:min(86vh,660px);display:flex;align-items:center}
.hero__bg-track{position:absolute;inset:0;z-index:0;display:flex;
  transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}
.hero__bg{flex:0 0 100%;height:100%}
.hero__bg img{width:100%;height:100%;object-fit:cover;display:block}
.hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,18,32,.92) 0%,rgba(11,18,32,.75) 38%,rgba(11,18,32,.45) 70%,rgba(11,18,32,.3) 100%)}
.hero__scrim::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,18,32,.6) 0%,transparent 38%)}
.hero__overlay{position:relative;z-index:2;width:100%;padding:63px 0}
.hero__content{max-width:660px}
.hero__badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;
  font-size:.8rem;font-weight:600;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#eef2f8;backdrop-filter:blur(4px)}
.hero__badge svg{color:var(--gold-2)}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.08;margin-bottom:15px;
  text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero h1 em{font-style:normal;color:var(--gold-2)}
.hero__sub{font-size:1.14rem;color:#dbe2ec;max-width:540px;margin-bottom:25px;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.hero__rating{display:flex;align-items:center;gap:10px;font-size:.92rem;color:#dbe2ec}
.hero__stars{display:inline-flex;gap:2px;color:var(--gold-2)}
.hero__stars svg{width:18px;height:18px}
.hero__rating b{color:#fff}
/* oklar */
.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);color:#fff;
  display:grid;place-items:center;cursor:pointer;z-index:4;transition:background .2s,color .2s,border-color .2s}
.hero__arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.hero__arrow--prev{left:18px}
.hero__arrow--next{right:18px}
/* noktalar */
.hero__dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:7px;z-index:4}
.hero__dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.5);transition:width .3s,background .3s;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.hero__dots button.is-active{background:var(--gold-2);width:30px;border-radius:5px}

/* ---------- Güven kartları (feature) ---------- */
.features{margin-top:46px;position:relative;z-index:5}
.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;
  box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}
.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feature__icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;
  background:linear-gradient(135deg,var(--cream),#fff);border:1px solid var(--line-2);color:var(--wood)}
.feature h3{font-size:1.08rem;margin-bottom:4px}
.feature p{font-size:.9rem;color:var(--muted);margin:0}

/* ---------- Hakkında (intro) ---------- */
.intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.intro__media{position:relative}
.intro__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;aspect-ratio:5/4;object-fit:cover}
.intro__media--stack{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.intro__media--stack img:first-child{grid-row:span 2;aspect-ratio:3/5}
.intro__badge{position:absolute;right:-14px;top:-14px;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  color:var(--navy);border-radius:16px;padding:12px 13px;text-align:center;box-shadow:var(--shadow);font-weight:800}
.intro__badge .num{font-family:var(--ff-serif);font-size:1.6rem;display:block;line-height:1}
.intro__badge small{font-size:.68rem;font-weight:700;letter-spacing:.05em}
.intro h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.checklist{display:grid;gap:10px;margin:18px 0 22px}
.checklist li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--ink-2)}
.checklist li svg{flex-shrink:0;width:24px;height:24px;color:#fff;background:var(--gold);border-radius:50%;padding:3px;margin-top:1px}

/* ---------- Hizmet kartları ---------- */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t);box-shadow:var(--shadow-sm)}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.svc-card__media{position:relative;aspect-ratio:4/3}
.svc-card__media-img{position:absolute;inset:0;display:block;overflow:hidden}
.svc-card__media-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.svc-card:hover .svc-card__media-img img{transform:scale(1.07)}
.svc-card__icon{position:absolute;left:14px;bottom:-22px;z-index:2;width:48px;height:48px;border-radius:13px;
  background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold-2);display:grid;place-items:center;
  box-shadow:var(--shadow-sm);border:2px solid #fff}
.svc-card__body{position:relative;z-index:1;padding:27px 17px 18px;display:flex;flex-direction:column;flex:1}
.svc-card__body h3{font-size:1.15rem;margin-bottom:7px}
.svc-card__body p{font-size:.9rem;color:var(--muted);margin-bottom:13px;flex:1}
.svc-card__link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--wood)}
.svc-card__link svg{transition:transform var(--t)}
.svc-card:hover .svc-card__link svg{transform:translateX(4px)}

/* ---------- Neden biz (dark band) ---------- */
.why{background:linear-gradient(160deg,#1A2B45,#0F1B30);color:#fff}
.why h2{color:#fff}
.why .eyebrow{color:var(--gold-2)}
.why .section-head p{color:#b9c3d3}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.why-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
  padding:22px;transition:background var(--t),transform var(--t)}
.why-item:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}
.why-item__n{font-family:var(--ff-serif);color:var(--gold-2);font-size:1.1rem;font-weight:700;
  display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;
  background:rgba(201,162,75,.14);border:1px solid rgba(201,162,75,.3);margin-bottom:12px}
.why-item h3{color:#fff;font-size:1.1rem;margin-bottom:5px}
.why-item p{color:#b9c3d3;font-size:.9rem;margin:0}

/* ---------- Süreç ---------- */
.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;counter-reset:step}
.process-step{position:relative;text-align:center;padding-top:7px}
.process-step__num{counter-increment:step;width:60px;height:60px;margin:0 auto 12px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--ff-serif);font-size:1.3rem;font-weight:700;color:var(--navy);
  background:#fff;border:2px solid var(--gold);box-shadow:var(--shadow-sm);position:relative;z-index:2}
.process-step__num::before{content:counter(step,decimal-leading-zero)}
.process-grid .process-step:not(:last-child)::after{content:"";position:absolute;top:38px;left:60%;width:80%;
  height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px);z-index:1}
.process-step h3{font-size:1rem;margin-bottom:3px}
.process-step p{font-size:.82rem;color:var(--muted);margin:0}
.process-note{text-align:center;margin-top:28px;color:var(--muted);font-size:.92rem}
.process-note b{color:var(--wood)}

/* ---------- Galeri / projeler ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:15px}
.gallery-grid .proj--tall{grid-row:span 2}
.proj-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);
  display:block;height:100%}
.proj-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.proj-card:hover img{transform:scale(1.08)}
.proj-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:18px;background:linear-gradient(to top,rgba(15,23,38,.86) 0%,rgba(15,23,38,.15) 55%,transparent);
  color:#fff;opacity:0;transform:translateY(10px);transition:all var(--t)}
.proj-card:hover .proj-card__overlay{opacity:1;transform:translateY(0)}
.proj-card__cat{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);margin-bottom:4px}
.proj-card__overlay h3{color:#fff;font-size:1.16rem;margin:0 0 3px}
.proj-card__overlay p{font-size:.86rem;color:#d4dbe6;margin:0}
.proj-card__tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--navy);
  font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:100px}

/* ---------- Google puanı band ---------- */
.rating-band{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rating-band__inner{display:flex;align-items:center;justify-content:center;gap:33px;flex-wrap:wrap;text-align:center}
.rating-score{display:flex;align-items:center;gap:13px}
.rating-score .big{font-family:var(--ff-serif);font-size:3.4rem;font-weight:700;color:var(--navy);line-height:1}
.rating-score .stars{display:flex;gap:2px;color:var(--gold)}
.rating-score .stars svg{width:22px;height:22px}
.rating-score small{color:var(--muted);font-weight:600;font-size:.85rem}
.rating-band__text{max-width:440px;text-align:left}
.rating-band__text p{margin:0;color:var(--ink-2)}
.rating-band__text .g{font-weight:700;color:var(--wood)}

/* ---------- SSS ---------- */
.faq-wrap{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:box-shadow var(--t)}
.faq-item.is-open{box-shadow:var(--shadow-sm)}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:17px 18px;display:flex;
  align-items:center;justify-content:space-between;gap:13px;font-weight:700;font-size:1.02rem;color:var(--navy)}
.faq-q .plus{flex-shrink:0;width:26px;height:26px;position:relative;border-radius:50%;
  background:var(--cream);transition:background var(--t)}
.faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;background:var(--wood);
  left:50%;top:50%;transform:translate(-50%,-50%);transition:transform var(--t)}
.faq-q .plus::before{width:12px;height:2px}
.faq-q .plus::after{width:2px;height:12px}
.faq-item.is-open .plus{background:var(--gold)}
.faq-item.is-open .plus::before,.faq-item.is-open .plus::after{background:var(--navy)}
.faq-item.is-open .plus::after{transform:translate(-50%,-50%) scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--t)}
.faq-a__inner{padding:0 18px 17px;color:var(--ink-2)}

/* ---------- Blog kartları ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.post-card__media{aspect-ratio:16/10;overflow:hidden}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.post-card:hover .post-card__media img{transform:scale(1.06)}
.post-card__body{padding:18px;display:flex;flex-direction:column;flex:1}
.post-meta{display:flex;gap:12px;font-size:.78rem;color:var(--muted);margin-bottom:8px;font-weight:600}
.post-meta .cat{color:var(--wood)}
.post-card__body h3{font-size:1.14rem;margin-bottom:7px;line-height:1.3}
.post-card__body h3 a:hover{color:var(--wood)}
.post-card__body p{font-size:.9rem;color:var(--muted);margin-bottom:12px;flex:1}

/* ---------- CTA band ---------- */
.cta-band{background:linear-gradient(135deg,var(--gold),var(--wood));color:#fff;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;inset:0;opacity:.1;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:40px 40px}
.cta-band__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;
  padding:43px 0;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:5px}
.cta-band p{color:rgba(255,255,255,.92);margin:0;max-width:540px}
.cta-band__actions{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn--gold{--bg:#fff;--fg:var(--navy)}
.cta-band .btn--wa{--bg:#0b3a26;--fg:#fff}

/* ---------- FOOTER ---------- */
.site-footer{background:linear-gradient(180deg,#16233A,#101B2E);color:#c4cedd}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:33px;padding:53px 0 37px}
.footer-col{min-width:0}
.brand--footer{margin-bottom:15px}
.brand--footer .brand__name{color:#fff}
.brand--footer .brand__name b{color:var(--gold-2)}
.brand--footer .brand__sub{color:#8fa0b8}
.footer-about{color:#a7b3c4;font-size:.92rem;line-height:1.7;margin-bottom:15px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#c4cedd;
  font-size:.78rem;font-weight:700;letter-spacing:.02em;transition:all var(--t)}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.footer-title{color:#fff;font-family:var(--ff-sans);font-size:.95rem;font-weight:700;letter-spacing:.02em;
  margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.footer-title::after{content:"";position:absolute;left:0;bottom:-1px;width:38px;height:2px;background:var(--gold)}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#a7b3c4;font-size:.92rem;transition:color var(--t),padding var(--t);display:inline-block}
.footer-links a:hover{color:var(--gold-2);padding-left:3px}
.footer-contact{display:grid;gap:12px}
.footer-contact li{display:flex;gap:9px;align-items:flex-start;color:#a7b3c4;font-size:.92rem;line-height:1.5}
.footer-contact li svg{flex-shrink:0;color:var(--gold);margin-top:2px}
.footer-contact a{color:#a7b3c4;transition:color var(--t)}
.footer-contact a:hover{color:var(--gold-2)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.15)}
.footer-bottom__inner{display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:17px 0;flex-wrap:wrap}
.footer-legal{display:flex;flex-wrap:wrap;gap:5px 17px}
.footer-legal a{color:#8fa0b8;font-size:.84rem;transition:color var(--t)}
.footer-legal a:hover{color:var(--gold-2)}
.footer-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.copyright{color:#7c8ba1;font-size:.84rem}
.design-by{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;
  border:1px solid rgba(201,162,75,.35);background:linear-gradient(135deg,rgba(201,162,75,.14),rgba(169,116,59,.08));
  color:#dbe2ec;font-size:.8rem;transition:all var(--t)}
.design-by svg{color:var(--gold-2)}
.design-by b{color:var(--gold-2);font-weight:700}
.design-by:hover{border-color:var(--gold);background:linear-gradient(135deg,rgba(201,162,75,.28),rgba(169,116,59,.16));
  transform:translateY(-1px);box-shadow:0 8px 20px rgba(201,162,75,.2)}

/* ---------- Sayfa başlığı (page hero) ---------- */
.page-hero{background:linear-gradient(160deg,#1A2B45,#0F1B30);color:#fff;padding:46px 0 50px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);
  background:radial-gradient(circle,rgba(201,162,75,.25),transparent 70%);top:-140px;right:-80px}
.page-hero__inner{position:relative;z-index:2;max-width:760px}
.page-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin-bottom:10px}
.page-hero p{color:#c4cedd;font-size:1.08rem;margin:0}
.breadcrumb{margin-bottom:15px}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px;font-size:.85rem;color:#9fb0c6}
.breadcrumb li{display:flex;align-items:center;gap:7px}
.breadcrumb li:not(:last-child)::after{content:"›";color:#5f7089}
.breadcrumb a{color:#c4cedd}
.breadcrumb a:hover{color:var(--gold-2)}
.breadcrumb [aria-current]{color:#fff}
.page-hero--light{background:var(--cream);color:var(--ink)}
.page-hero--light h1{color:var(--navy)}
.page-hero--light p{color:var(--ink-2)}
.page-hero--light .breadcrumb ol{color:var(--muted)}
.page-hero--light .breadcrumb a{color:var(--ink-2)}
.page-hero--light .breadcrumb [aria-current]{color:var(--navy)}

/* ---------- Hizmet detay layout ---------- */
.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:37px;align-items:start}
.detail-body>*:first-child{margin-top:0}
.detail-body h2{font-size:1.6rem;margin:30px 0 12px}
.detail-body h3{font-size:1.2rem;margin:20px 0 8px}
.detail-body img{border-radius:var(--radius);margin:17px 0}
.detail-body .lead{margin-bottom:17px}
.pill-list{display:grid;gap:8px;margin:13px 0 20px}
.pill-list li{display:flex;gap:10px;align-items:flex-start;background:var(--cream-2);border:1px solid var(--line);
  border-radius:12px;padding:11px 13px;font-weight:600;color:var(--ink-2)}
.pill-list li svg{flex-shrink:0;width:22px;height:22px;color:#fff;background:var(--gold);border-radius:50%;padding:3px;margin-top:1px}
.detail-hero-img{aspect-ratio:16/8;object-fit:cover;width:100%;border-radius:var(--radius-lg);margin-bottom:7px}

/* Sidebar */
.sidebar{position:sticky;top:96px;display:grid;gap:15px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm)}
.side-card h3{font-size:1.05rem;margin-bottom:12px}
.side-nav li a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 11px;border-radius:10px;
  font-weight:600;font-size:.9rem;color:var(--ink-2);transition:all var(--t)}
.side-nav li a:hover,.side-nav li a.is-active{background:var(--cream);color:var(--navy)}
.side-nav li a.is-active{border-left:3px solid var(--gold)}
.side-contact{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff;border:0}
.side-contact h3{color:#fff}
.side-contact p{color:#c4cedd;font-size:.9rem}
.side-contact .btn{width:100%;margin-bottom:8px}
.side-contact .side-phone{display:flex;align-items:center;gap:8px;justify-content:center;font-weight:700;
  font-size:1.1rem;color:#fff;padding:8px;border-radius:10px;background:rgba(255,255,255,.08);margin-top:3px}
.side-contact .side-phone svg{color:var(--gold-2)}

/* ---------- Değerler ---------- */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.value-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;transition:transform var(--t),box-shadow var(--t)}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.value-card__icon{width:52px;height:52px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;
  background:var(--cream);color:var(--wood);border:1px solid var(--line-2)}
.value-card h3{font-size:1.02rem;margin-bottom:3px}
.value-card p{font-size:.85rem;color:var(--muted);margin:0}

/* ---------- İletişim ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:33px;align-items:start}
.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:15px}
.contact-info-list{display:grid;gap:13px}
.contact-info-list li{display:flex;gap:12px;align-items:flex-start}
.contact-info-list .ci-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold-2)}
.contact-info-list strong{display:block;color:var(--navy);font-size:.95rem}
.contact-info-list span,.contact-info-list a{color:var(--muted);font-size:.92rem}
.contact-info-list a:hover{color:var(--wood)}
.map-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.map-card iframe{width:100%;height:280px;border:0;display:block}
.map-fallback{padding:25px;text-align:center;background:var(--cream)}
.map-fallback svg{color:var(--wood);margin-bottom:8px}

/* ---------- Formlar ---------- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow-sm)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.form-group.full{grid-column:1/-1}
.form-group label{font-weight:600;font-size:.88rem;color:var(--ink-2)}
.form-group label .req{color:var(--danger)}
.form-control{width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;
  font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--cream-2);transition:border var(--t),box-shadow var(--t)}
.form-control:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.18);background:#fff}
textarea.form-control{resize:vertical;min-height:120px}
.form-check{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--muted)}
.form-check input{margin-top:2px;width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}
.form-check a{color:var(--wood);font-weight:600;text-decoration:underline}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.alert{padding:12px 15px;border-radius:12px;margin-bottom:15px;font-weight:600;font-size:.92rem;display:flex;gap:8px;align-items:flex-start}
.alert--ok{background:#E9F6EF;color:#1C6B45;border:1px solid #BFE6D2}
.alert--err{background:#FBEAE6;color:#9A3421;border:1px solid #F1C7BD}

/* ---------- WhatsApp float + popup ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:800;width:58px;height:58px;border-radius:50%;
  background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.5);
  transition:transform var(--t)}
.wa-float:hover{transform:scale(1.08)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);
  animation:waPulse 2.2s infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.wa-popup{position:fixed;right:20px;bottom:90px;z-index:801;width:300px;max-width:calc(100vw - 40px);
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:15px;
  transform:translateY(16px) scale(.96);opacity:0;transition:all var(--t)}
.wa-popup.is-visible{transform:translateY(0) scale(1);opacity:1}
.wa-popup__close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:1.4rem;color:var(--muted);line-height:1}
.wa-popup__body{display:flex;gap:10px;margin-bottom:12px}
.wa-popup__body strong{color:var(--navy);font-size:.95rem}
.wa-popup__body p{margin:2px 0 0;font-size:.85rem;color:var(--muted)}

/* ---------- Reveal animasyonu ---------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal-delay="1"]{transition-delay:.08s}
[data-reveal-delay="2"]{transition-delay:.16s}
[data-reveal-delay="3"]{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- Yardımcılar ---------- */
.text-center{text-align:center}
.mt-0{margin-top:0}.mb-0{margin-bottom:0}
.section-cta{margin-top:33px;text-align:center}
.tag-list{display:flex;flex-wrap:wrap;gap:7px}
.tag{background:var(--cream);border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:.8rem;font-weight:600;color:var(--ink-2)}
.divider{height:1px;background:var(--line);border:0;margin:28px 0}
.prose p{color:var(--ink-2)}
.prose h2,.prose h3{color:var(--navy)}