/* ===================== HAZAR MEDYA – Light & Gold ===================== */
:root{
  --bg:#fffdf8; --bg2:#fbf5e8; --card:#ffffff;
  --text:#1f1a2e; --muted:#6b6478;
  --gold:#c9972e; --gold-d:#9a6e1a;
  --gold-g:linear-gradient(135deg,#f6dc8c 0%,#e2b448 45%,#b8862b 100%);
  --gold-t:linear-gradient(135deg,#e0b13f 0%,#b8862b 55%,#8a6116 100%);
  --line:rgba(201,151,46,.28);
  --shadow:0 12px 34px rgba(150,110,30,.10);
  --ig:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
svg{display:block}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;border-radius:999px;cursor:pointer;transition:.2s;border:0;font-family:inherit}
.btn-p{background:var(--gold-g);color:#2a1a00;padding:14px 28px;box-shadow:0 8px 22px rgba(201,151,46,.35)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,151,46,.5)}
.btn-o{border:2px solid var(--gold);padding:12px 26px;background:#fff;color:var(--text)}
.btn-o:hover{background:#fdf3dc}
.btn-sm{padding:9px 18px;font-size:13px}
.grad-t{background:var(--gold-t);-webkit-background-clip:text;background-clip:text;color:transparent}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;line-height:1;font-size:20px;letter-spacing:.5px;color:var(--text)}
.logo-h{font-size:46px;font-style:italic;font-weight:800;background:var(--gold-t);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.menu{display:flex;gap:26px;font-size:13px;color:#4a4458}
.menu a{display:flex;align-items:center;gap:6px;padding:6px 0;position:relative}
.menu a.on,.menu a:hover{color:var(--gold-d)}
.menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold-g);border-radius:2px}
.menu svg{width:16px;height:16px}

/* HERO */
.hero{position:relative;padding:60px 0 70px;overflow:hidden;background:radial-gradient(circle at 78% 40%,rgba(246,220,140,.45),transparent 45%),radial-gradient(circle at 0% 100%,rgba(246,220,140,.25),transparent 40%),var(--bg)}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;position:relative}
h1{font-size:clamp(40px,5.6vw,68px);line-height:1.05;font-weight:800;letter-spacing:-1px}
h1 .grad-t{position:relative}
h1 .grad-t::after{content:"";position:absolute;left:5%;right:5%;bottom:-6px;height:5px;border-radius:5px;background:var(--gold-g);transform:rotate(-2deg)}
.hero p{margin:28px 0 32px;color:#4a4458;font-size:17px;max-width:470px}
.hero p b{color:var(--gold-d);font-weight:600}
.hero-btns{display:flex;gap:18px;flex-wrap:wrap}
.feats{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}
.feat{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a4458;line-height:1.3}
.feat svg{width:30px;height:30px;color:var(--gold);flex:none}

.visual{position:relative;height:480px}
.photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;height:440px;padding:6px;border-radius:190px 190px 28px 28px;background:var(--gold-g);box-shadow:0 24px 60px rgba(150,110,30,.28)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;background:#fdf3dc;border-radius:184px 184px 22px 22px;display:block}
.crown{position:absolute;left:50%;top:-6px;transform:translateX(-50%) rotate(8deg);font-size:46px;z-index:3;filter:drop-shadow(0 4px 8px rgba(150,110,30,.4))}
.app{position:absolute;border-radius:24px;display:grid;place-items:center;box-shadow:0 14px 30px rgba(0,0,0,.18);border:3px solid #fff;animation:float 5s ease-in-out infinite;z-index:3}
.app.ig{width:96px;height:96px;left:2%;top:10%;background:var(--ig);transform:rotate(-12deg)}
.app.tt{width:90px;height:90px;right:0;top:40%;background:#111;animation-delay:-2s}
.app.ig svg{width:56px;height:56px}
.app.tt svg{width:52px;height:52px}
.heart{position:absolute;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 10px 22px rgba(219,39,119,.3);border:2px solid #fff;animation:float 6s ease-in-out infinite;z-index:3}
.heart svg{width:24px;height:24px}
.heart.h2{background:var(--gold-g);box-shadow:0 10px 22px rgba(201,151,46,.35)}
.badge10k{position:absolute;left:4%;bottom:8%;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:18px;background:#fff;border:2px solid var(--gold);box-shadow:var(--shadow);transform:rotate(-6deg);font-style:italic;line-height:1.1;color:var(--text)}
.badge10k b{font-size:22px;background:var(--gold-t);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge10k svg{width:30px;height:30px;color:var(--gold)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* HİZMET BÖLÜMLERİ */
section.svc{position:relative;padding:56px 0;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 0% 90%,rgba(246,220,140,.35),transparent 45%),var(--bg2)}
section.svc.tt{background:radial-gradient(ellipse at 0% 90%,rgba(246,220,140,.30),transparent 45%),var(--bg)}
.svc .wrap{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;position:relative;z-index:1}
.svc-title{display:flex;align-items:center;gap:14px;font-size:32px;font-weight:700;line-height:1.1}
.svc-title .ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;flex:none;border:2px solid var(--gold);box-shadow:0 8px 20px rgba(201,151,46,.3)}
.svc-title .ic svg{width:38px;height:38px}
.svc-head p{margin:12px 0 22px;color:#4a4458}
.svc-head .line{width:34px;height:3px;background:var(--gold-g);border-radius:3px;margin:-10px 0 24px}
.grid{display:grid;gap:18px}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;transition:.25s;box-shadow:var(--shadow)}
.card::before{content:"";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--gold-g)}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 40px rgba(150,110,30,.18)}
.card .ci{width:40px;height:40px;margin-bottom:12px}
.card h3{font-size:19px;font-weight:600}
.card p{font-size:13px;color:var(--muted);margin:4px 0 16px;min-height:38px}
.card .btn{width:100%;justify-content:center}
.tag{position:absolute;top:-10px;right:14px;padding:4px 12px;font-size:13px;font-weight:700;font-style:italic;border-radius:10px;background:var(--gold-g);color:#2a1a00;box-shadow:0 6px 14px rgba(201,151,46,.4);transform:rotate(8deg)}
.tag.fire{background:none;box-shadow:none;font-size:26px;top:10px;font-style:normal}
.ig-big,.tt-big{position:absolute;left:-40px;bottom:-40px;width:190px;height:190px;border-radius:50px;display:grid;place-items:center;transform:rotate(-18deg);opacity:.9}
.ig-big{background:var(--ig);box-shadow:0 20px 50px rgba(214,41,118,.25)}
.tt-big{background:#111;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.ig-big svg,.tt-big svg{width:110px;height:110px}
.tt-ic{background:#111}

/* ADIMLAR */
.steps{position:relative;padding:56px 0 64px;border-top:1px solid var(--line);text-align:center;overflow:hidden;background:radial-gradient(ellipse at 10% 60%,rgba(246,220,140,.35),transparent 40%),var(--bg2)}
.steps h2{font-size:32px;font-weight:700}
.steps .sub{color:#4a4458;margin-bottom:36px}
.step-row{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}
.step{display:flex;align-items:flex-start;gap:16px;text-align:left;width:230px;color:var(--text)}
.num{width:40px;height:40px;border-radius:50%;background:var(--gold-g);color:#2a1a00;display:grid;place-items:center;font-weight:700;box-shadow:0 6px 16px rgba(201,151,46,.45);flex:none}
.step svg{width:32px;height:32px;margin-bottom:6px;color:var(--gold-d)}
.arrow{color:var(--gold);font-size:24px}
.rocket{position:absolute;left:5%;top:20%;font-size:110px;transform:rotate(10deg);filter:drop-shadow(0 10px 20px rgba(150,110,30,.3))}

/* BİLGİ */
.info{padding:44px 0;border-top:1px solid var(--line);background:var(--bg)}
.info .wrap{display:grid;grid-template-columns:200px 1fr 240px 250px;gap:30px;align-items:center}
.info h4{font-size:17px;margin-bottom:14px}
.why li{list-style:none;display:flex;align-items:center;gap:10px;margin:8px 0;font-size:14px}
.why li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--gold-g);color:#2a1a00;display:grid;place-items:center;font-size:12px;font-weight:700}
.faq{border-left:1px solid var(--line);padding-left:24px}
.faq details{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;font-size:13px;background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:10px 14px;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:18px;line-height:1;color:var(--gold-d)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 14px 12px;color:var(--muted)}
.support{border:2px solid var(--gold);border-radius:18px;padding:22px;text-align:center;background:linear-gradient(160deg,#fff,#fdf3dc);box-shadow:var(--shadow)}
.support .top{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;line-height:1.1;text-align:left}
.support svg{width:52px;height:52px;color:var(--gold-d)}
.support p{font-size:13px;margin:10px 0 12px;color:var(--muted)}
.slogan{position:relative;padding:28px 20px;background:var(--gold-g);color:#2a1a00;transform:rotate(-5deg);border-radius:8px;font-style:italic;font-weight:800;font-size:24px;line-height:1.2;text-align:center;box-shadow:0 14px 34px rgba(201,151,46,.4);border:2px solid #fff}
.slogan .crown{left:auto;right:-14px;top:-30px;transform:rotate(15deg);font-size:36px}

footer{border-top:1px solid var(--line);padding:28px 0;background:var(--bg2)}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.flinks{display:flex;gap:14px;font-size:13px;color:#4a4458}
.flinks span{color:#c9b98f}
.flinks a:hover,.social a:hover{color:var(--gold-d)}
.social{display:flex;gap:20px;color:var(--text)}
.social svg{width:22px;height:22px}
.wa-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 22px rgba(37,211,102,.45);z-index:60}
.wa-float svg{width:34px;height:34px}

/* ===== PAKET SAYFASI ===== */
.p-hero{position:relative;padding:40px 0 30px;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,rgba(246,220,140,.45),transparent 50%),var(--bg)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:22px}
.crumb a:hover{color:var(--gold-d)}
.crumb span{margin:0 8px;color:#c9b98f}
.p-head{display:flex;align-items:center;gap:20px}
.p-head .ic{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;flex:none;border:2px solid var(--gold);box-shadow:0 10px 26px rgba(201,151,46,.35)}
.p-head .ic svg{width:46px;height:46px}
.p-head h1{font-size:clamp(30px,4.5vw,48px)}
.p-head h1 small{display:block;font-size:.45em;font-weight:600;color:var(--gold-d);letter-spacing:0}
.p-desc{color:#4a4458;max-width:620px;margin-top:16px}
.p-trust{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap;font-size:13px;color:#4a4458}
.p-trust div{display:flex;align-items:center;gap:8px}
.p-trust div::before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--gold-g);color:#2a1a00;display:grid;place-items:center;font-size:11px;font-weight:700}
.p-body{padding:20px 0 60px;background:var(--bg)}
.tabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--line);margin-bottom:34px;box-shadow:var(--shadow)}
.tabs:empty{display:none}
.tabs button{border:0;background:none;color:#4a4458;font:600 14px Poppins,sans-serif;padding:10px 24px;border-radius:999px;cursor:pointer;transition:.2s}
.tabs button.on{background:var(--gold-g);color:#2a1a00;box-shadow:0 6px 16px rgba(201,151,46,.4)}
.pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pk{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 22px 22px;text-align:center;transition:.25s;box-shadow:var(--shadow)}
.pk::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--gold-g)}
.pk:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 40px rgba(150,110,30,.18)}
.pk.pop{border:2px solid var(--gold);background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 18px 44px rgba(201,151,46,.28)}
.pk-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;padding:5px 14px;border-radius:999px;background:var(--gold-g);color:#2a1a00;box-shadow:0 6px 14px rgba(201,151,46,.45)}
.pk-amt{font-size:36px;font-weight:800;line-height:1.1;color:var(--text)}
.pk-unit{font-size:13px;color:var(--muted);margin-top:4px}
.pk-desc{font-size:13px;color:#4a4458;margin-top:12px;min-height:40px;line-height:1.45}
.pk-price{font-size:28px;font-weight:800;margin:16px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--gold-t);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-list{list-style:none;text-align:left;font-size:13px;color:#4a4458;margin-bottom:20px;flex:1}
.pk-list li{display:flex;gap:8px;margin:7px 0}
.pk-list li::before{content:"✓";color:var(--gold);font-weight:700}
.pk .btn{justify-content:center;width:100%}
.custom{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:20px;border:2px solid var(--gold);background:linear-gradient(120deg,#fdf3dc,#fff);box-shadow:var(--shadow)}
.custom h3{font-size:20px}
.custom p{font-size:14px;color:#4a4458}
.others{padding:10px 0 50px;background:var(--bg)}
.others h2{font-size:22px;margin-bottom:18px}
.chips{display:flex;flex-wrap:wrap;gap:12px}
.chip{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;transition:.2s}
.chip svg{width:16px;height:16px;color:var(--gold-d)}
.chip:hover{border-color:var(--gold);background:#fdf3dc}

/* ===== RESPONSIVE ===== */
@media (max-width:1000px){
  .menu{display:none}
  .hero .wrap,.svc .wrap{grid-template-columns:1fr}
  .grid.c3,.grid.c4{grid-template-columns:repeat(2,1fr)}
  .ig-big,.tt-big,.rocket{display:none}
  .info .wrap{grid-template-columns:1fr 1fr}
  .faq{border:0;padding:0}
  .arrow{display:none}
  .pk-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .grid.c3{grid-template-columns:1fr}
  .info .wrap{grid-template-columns:1fr}
  .hero-btns .btn{width:100%;justify-content:center}
  nav .btn-p{padding:10px 16px;font-size:13px}
  .logo-h{font-size:38px}
  .visual{height:420px}
  .photo{width:270px;height:360px}
  .app.ig{width:74px;height:74px}.app.ig svg{width:42px;height:42px}
  .app.tt{width:70px;height:70px}.app.tt svg{width:40px;height:40px}
  .slogan{margin:20px 10px}
  .pk-grid{grid-template-columns:1fr}
  .tabs{display:flex;width:100%}
  .tabs button{flex:1;padding:10px 8px}
  .p-head .ic{width:60px;height:60px}
  .custom .btn{width:100%;justify-content:center}
}