/* =========================================================
   HABER VERİYORUZ ORTAK STİL DOSYASI
   Her sayfa kendi sınıfıyla ayrı bölümdedir.
   ========================================================= */


/* =========================================================
   SAYFA: 21 YAŞINDA  (.hv)
   Ölçüler: --b gövde, --h başlık, --s özel başlık
   ========================================================= */
.hv{--b:12px;--h:14px;--s:16px;
--navy:#10213a;--navy2:#1a3254;--red:#c1121f;--paper:#f6f8fb;--card:#fff;--text:#18263a;--muted:#4d5c70;--line:#d9e1ea;
font-size:var(--b) !important;line-height:1.55;color:var(--text);background:var(--paper);box-sizing:border-box;
-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hv *,.hv *::before,.hv *::after{box-sizing:inherit}

/* font aileleri */
.hv,.hv p,.hv span,.hv b,.hv strong,.hv blockquote,.hv small,.hv a{font-family:"Source Serif 4",Georgia,serif !important}
.hv h1,.hv h2,.hv h3,.hv .big,.hv .btn,.hv .stat strong,.hv .stat span,.hv .topic a,.hv .m b,.hv .m small,.hv .close blockquote{font-family:Archivo,"Segoe UI",system-ui,sans-serif !important}

/* yazı boyutları */
.hv p,.hv span,.hv b,.hv a,.hv small,.hv .intro,.hv .lead,.hv .btn,.hv .topic p,.hv .topic a,.hv .head p,.hv .close p{font-size:var(--b) !important}
.hv h2,.hv h3,.hv .stat strong,.hv .m b{font-size:var(--h) !important}
.hv .hero h1,.hv .close blockquote{font-size:var(--s) !important}
.hv .stat span,.hv .m small,.hv .fine{font-size:10px !important}

.hv h1,.hv h2,.hv h3,.hv p{margin:0;padding:0}
.hv a{color:inherit}
.hv svg.i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hv .wrap{max-width:900px;margin:0 auto;padding:0 14px}
.hv section{padding:26px 0}
.hv .head{max-width:640px;margin-bottom:14px}
.hv .head h2{font-weight:800;line-height:1.25;margin-bottom:5px}
.hv .head p{color:var(--muted)}

/* hero */
.hv .hero{background:var(--navy);color:#fff;padding:22px 0}
.hv .hero .wrap{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.hv .big{font-weight:900;line-height:.8;font-size:3.6rem !important;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #fff;position:relative;padding-right:2px}
.hv .big::after{content:"yıl";position:absolute;right:-.1em;bottom:-.1em;font-size:.2em !important;letter-spacing:0;color:#fff;-webkit-text-stroke:0;background:var(--red);padding:.15em .4em .2em;border-radius:4px;line-height:1}
.hv .hero h1{font-weight:800;line-height:1.25;margin-bottom:6px}
.hv .hero p.lead{line-height:1.5;color:#c8d6e6;max-width:40em}
.hv .btns{display:flex;flex-wrap:nowrap;gap:8px;margin-top:12px}
.hv .btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-weight:700;padding:8px;border-radius:8px;text-decoration:none;background:var(--red);color:#fff;white-space:nowrap;transition:background .2s}
.hv .btn:hover{background:#9f0f19}
.hv .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.45)}
.hv .btn.ghost:hover{background:rgba(255,255,255,.1)}

/* intro + istatistik */
.hv .intro{line-height:1.6;max-width:760px}
.hv .intro b{color:var(--red);font-weight:700}
.hv .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}
.hv .stat{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:8px;padding:8px 4px;text-align:center}
.hv .stat strong{display:block;font-weight:900;line-height:1;color:var(--navy);margin-bottom:3px}
.hv .stat span{display:block;font-weight:500;line-height:1.2;color:var(--muted)}

/* konular */
.hv .topics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hv .topic{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;transition:border-color .2s}
.hv .topic:hover{border-color:var(--red)}
.hv .tico{width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;margin-bottom:7px}
.hv .tico svg.i{width:18px;height:18px}
.hv .topic h3{font-weight:800;margin-bottom:4px;line-height:1.2}
.hv .topic p{color:var(--muted);line-height:1.45;flex:1}
.hv .topic a{margin-top:6px;font-weight:700;color:var(--red);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.hv .topic a:hover{text-decoration:underline}
.hv .topic a svg.i{width:1em;height:1em}

/* medya */
.hv .media{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hv .mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.hv .m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:9px 4px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:var(--paper);transition:border-color .2s,background .2s}
.hv .m:hover{border-color:var(--navy);background:#fff}
.hv .m .lg{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);overflow:hidden}
.hv .m img{width:20px;height:20px;object-fit:contain}
.hv .m b{font-weight:800;line-height:1.2;color:var(--navy)}
.hv .m small{color:var(--muted);display:inline-flex;align-items:center;gap:3px}
.hv .m small svg.i{width:1em;height:1em}
.hv .fine{margin-top:10px;color:var(--muted);max-width:700px}

/* kapanış */
.hv .close{background:var(--navy2);color:#fff;text-align:center}
.hv .close blockquote{margin:0 auto;max-width:700px;font-weight:800;line-height:1.3}
.hv .close p{margin:8px auto 0;max-width:560px;color:#c8d6e6}
.hv .close .btns{justify-content:center;max-width:420px;margin-left:auto;margin-right:auto}

.hv a:focus-visible{outline:2px solid #f2a33a;outline-offset:2px}

@media(max-width:620px){
.hv .wrap{padding:0 12px}
.hv section{padding:22px 0}
.hv .big{font-size:2.9rem !important}
.hv .hero .wrap{gap:10px}
.hv .topics{grid-template-columns:1fr 1fr}
.hv .mgrid{grid-template-columns:repeat(3,1fr)}
}
/* =========================================================
   SAYFA: BEN BEN DEĞİLİM  (.hvb)
   Ölçüler: --b gövde, --h başlık, --s özel başlık
   ========================================================= */
.hvb{--b:12px;--h:14px;--s:16px;
--navy:#1e2a3a;--navy2:#2c3e50;--or:#e67e22;--or2:#d35400;--cream:#f5f0eb;--text:#2c2c2c;--muted:#555;--line:#e0e0e0;
font-size:var(--b) !important;line-height:1.6;color:var(--text);background:var(--cream);box-sizing:border-box;
-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hvb *,.hvb *::before,.hvb *::after{box-sizing:inherit}

/* font aileleri */
.hvb,.hvb p,.hvb span,.hvb li,.hvb b,.hvb strong,.hvb blockquote,.hvb small,.hvb a,.hvb div{font-family:"Source Serif 4",Georgia,serif !important}
.hvb h1,.hvb h2,.hvb h3,.hvb .badge,.hvb .btn-wa,.hvb .price,.hvb .price-label,.hvb .label,.hvb .author,.hvb .quote-author{font-family:Archivo,"Segoe UI",system-ui,sans-serif !important}

/* yazı boyutları */
.hvb p,.hvb li,.hvb span,.hvb a,.hvb div,.hvb strong,.hvb small{font-size:var(--b) !important}
.hvb h2,.hvb h3{font-size:var(--h) !important}
.hvb h1,.hvb blockquote,.hvb .price{font-size:var(--s) !important}
.hvb .price-label,.hvb .author,.hvb .quote-author,.hvb .foot p,.hvb .foot a,.hvb .phone{font-size:11px !important}

.hvb h1,.hvb h2,.hvb h3,.hvb p,.hvb ul,.hvb blockquote{margin:0;padding:0}
.hvb ul{list-style:none}
.hvb a{color:inherit}
.hvb svg.i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hvb .wrap{max-width:900px;margin:0 auto;padding:0 14px}
.hvb section{padding:24px 0}

/* hero */
.hvb .hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;padding:26px 0;text-align:center}
.hvb .badge{display:inline-flex;align-items:center;gap:5px;background:var(--or);color:#fff;padding:4px 14px;border-radius:50px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:11px !important}
.hvb .hero h1{font-weight:800;line-height:1.3;margin-bottom:8px;color:#fff}
.hvb .hero .subtitle{color:#e8edf2;max-width:560px;margin:0 auto 14px}
.hvb .author{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#ecf0f1;letter-spacing:1.5px;text-transform:uppercase;border-top:2px solid var(--or);padding-top:8px}

/* kitap detayları */
.hvb .bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:start}
.hvb .desc h2{font-weight:800;color:var(--navy);margin-bottom:12px}
.hvb .desc h2::after{content:"";display:block;width:40px;height:3px;background:var(--or);margin-top:6px;border-radius:2px}
.hvb .desc p{color:var(--muted);margin-bottom:10px}
.hvb .it{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.hvb .it svg.i{width:18px;height:18px;color:var(--or);margin-top:2px}
.hvb .it p{margin:0}
.hvb .highlight{background:#fef9e7;border-left:3px solid #f1c40f;padding:9px 12px;margin:12px 0;border-radius:0 8px 8px 0;font-style:italic;color:var(--navy2);display:flex;gap:8px;align-items:flex-start}
.hvb .highlight svg.i{width:16px;height:16px;color:#d4a017;margin-top:2px}

/* bilgi kartı */
.hvb .card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 24px rgba(0,0,0,.07);border:1px solid #eee}
.hvb .card h3{font-weight:800;color:var(--navy);margin-bottom:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.hvb .info{margin-bottom:14px}
.hvb .info li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.hvb .info li:last-child{border-bottom:0}
.hvb .info .label{font-weight:600;color:#7f8c8d}
.hvb .info .value{color:var(--navy2);text-align:right}
.hvb .price-box{text-align:center;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;padding:12px;border-radius:10px;margin-bottom:12px}
.hvb .price-label{display:block;text-transform:uppercase;letter-spacing:1.5px;opacity:.9}
.hvb .price{display:block;font-weight:800;line-height:1.3}
.hvb .btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;background:#25d366;color:#fff;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(37,211,102,.3);transition:background .2s}
.hvb .btn-wa:hover{background:#1ebe5a;color:#fff}
.hvb .btn-wa svg.i{width:16px;height:16px}
.hvb .phone{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:#95a5a6}
.hvb .phone svg.i{width:12px;height:12px}

/* alıntı */
.hvb .quote{background:var(--navy);color:#fff;text-align:center}
.hvb .quote svg.i{width:26px;height:26px;color:var(--or);opacity:.85;margin-bottom:8px}
.hvb .quote blockquote{max-width:700px;margin:0 auto 8px;font-style:italic;line-height:1.5;color:#fff}
.hvb .quote-author{color:#f1c40f;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}

/* alt bilgi */
.hvb .foot{background:#0f1a24;color:#8a99a6;text-align:center;padding:14px 0}
.hvb .foot a{color:var(--or);text-decoration:none}
.hvb .foot a:hover{text-decoration:underline}
.hvb .foot p+p{margin-top:4px}

.hvb a:focus-visible{outline:2px solid #f2a33a;outline-offset:2px}
/* =========================================================
   SAYFA: REKLAM BANNER  (.hvr)
   Ölçüler: --b gövde, --h başlık, --s özel başlık
   ========================================================= */
.hvr{--b:12px;--h:14px;--s:16px;--k:#c8102e;--m:#0b3c5d;--m2:#14567f;--i:#14212b;--g:#eef2f6;--c:#d5dde5;
font-size:var(--b) !important;line-height:1.5;color:var(--i);max-width:1000px;margin:0 auto;box-sizing:border-box;
-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hvr *,.hvr *::before,.hvr *::after{box-sizing:border-box}

/* WordPress'in eklediği boş paragraf ve satır sonlarını gizle */
.hvr p:empty{display:none !important;margin:0 !important}
.hvr br{display:none !important}
.hvr .hero br,.hvr .final br{display:block !important}

/* font aileleri */
.hvr,.hvr p,.hvr li,.hvr span,.hvr div,.hvr b,.hvr small,.hvr em,.hvr a,.hvr ul{font-family:"Source Serif 4",Georgia,serif !important}
.hvr h2,.hvr h3,.hvr h4,.hvr h5,.hvr .btn,.hvr .cta,.hvr .slot,.hvr .chips span{font-family:Archivo,"Segoe UI",system-ui,sans-serif !important}

/* yazı boyutları */
.hvr p,.hvr li,.hvr span,.hvr div,.hvr b,.hvr small,.hvr em,.hvr a{font-size:var(--b) !important}
.hvr h2,.hvr h3,.hvr h4{font-size:var(--h) !important}
.hvr .hero h2,.hvr .final h2{font-size:var(--s) !important}
.hvr .slot small,.hvr .chips span,.hvr .shows small,.hvr .sz,.hvr .sz b{font-size:11px !important}
.hvr .card .ic{font-size:20px !important}
.hvr .place .ic,.hvr .pkg .ic{font-size:18px !important}

/* boşluklar */
.hvr h2,.hvr h3,.hvr h4,.hvr h5{font-weight:800;line-height:1.25;color:var(--m);margin:0 0 5px !important;padding:0 !important}
.hvr p{margin:0 0 6px !important;padding:0 !important}
.hvr ul{list-style:none !important;margin:0 !important;padding:0 !important}
.hvr a{text-decoration:none}
.hvr section{padding:14px 0 !important;margin:0 !important}
.hvr .lead{max-width:62ch;color:#3d4d5a;margin-bottom:8px !important}
.hvr .note{color:#4b5b68;margin-top:8px !important}

/* hero + final */
.hvr .hero{background:var(--m);color:#fff;padding:16px clamp(12px,4vw,24px) !important;border-left:6px solid var(--k);border-radius:4px}
.hvr .hero h2,.hvr .final h2{color:#fff}
.hvr .hero p{max-width:60ch;color:#dbe7f0}
.hvr .final{background:var(--k);color:#fff;padding:16px clamp(12px,4vw,24px) !important;border-radius:4px}
.hvr .final p{max-width:60ch}

/* butonlar */
.hvr .btns{display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px}
.hvr .btn{flex:1 1 0;text-align:center;padding:8px 10px !important;border-radius:4px;font-weight:700;line-height:1.3;background:var(--k);color:#fff;border:2px solid var(--k)}
.hvr .btn.alt{background:transparent;border-color:#fff}
.hvr .btn:hover,.hvr .btn:focus{filter:brightness(1.12)}
.hvr .btn:focus-visible{outline:2px solid #ffd54a;outline-offset:2px}
.hvr .final .btn{background:#fff;color:var(--k);border-color:#fff}
.hvr .final .btn.alt{background:transparent;color:#fff}

/* kartlar */
.hvr .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.hvr .card{background:#fff;border:1px solid var(--c);border-top:3px solid var(--m);padding:10px !important;border-radius:4px}
.hvr .card .ic{display:block;line-height:1;margin-bottom:4px}
.hvr .card p{margin:0 !important}
.hvr .card h4{margin-bottom:3px !important}
.hvr .band{background:var(--g);padding:14px clamp(10px,3vw,20px) !important;border-radius:4px}

/* yerleşim şeması */
.hvr .map{display:grid;grid-template-columns:2fr 1fr;gap:6px;background:#fff;border:2px solid var(--m);padding:8px !important;border-radius:4px;margin:10px 0 !important}
.hvr .map>div{min-width:0}
.hvr .blk{background:var(--g);border-radius:3px;padding:5px 8px !important;color:#6a7b89;margin-bottom:6px !important}
.hvr .blk.hd{background:var(--m);color:#fff;font-weight:700;text-align:center}
.hvr .slot{background:#fdeaed;border:2px dashed var(--k);color:#8d0b20;border-radius:3px;padding:6px !important;font-weight:700;text-align:center;margin-bottom:6px !important;line-height:1.3}
.hvr .slot small{display:block;font-weight:400}
.hvr .s90{min-height:36px}.hvr .s250{min-height:66px}.hvr .s600{min-height:110px}
.hvr .lines span{display:block;height:6px;background:var(--c);border-radius:4px;margin:6px 0}
.hvr .lines span:nth-child(3n){width:70%}

/* alanlar */
.hvr .places{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.hvr .place{display:flex;gap:8px;align-items:flex-start;padding:9px !important;background:#fff;border:1px solid var(--c);border-radius:4px}
.hvr .place .ic{line-height:1.1}
.hvr .place h4{margin:0 0 2px !important}
.hvr .place p{margin:0 !important}
.hvr .place em{font-style:normal;color:var(--k);font-weight:700}
.hvr .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.hvr .chips span{background:#fff;border:1px solid var(--m);color:var(--m);padding:3px 9px !important;border-radius:30px}

/* paketler */
.hvr .pk{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.hvr .pkg{border:2px solid var(--m);border-radius:4px;padding:12px !important;background:#fff}
.hvr .pkg.pr{background:var(--m);color:#fff}
.hvr .pkg.pr h3{color:#fff}
.hvr .pkg li{padding:5px 0 5px 22px !important;position:relative;border-top:1px solid rgba(127,150,170,.35)}
.hvr .pkg li:before{content:"✅";position:absolute;left:0;font-size:12px}

/* şartname */
.hvr .spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.hvr .spec div{background:#fff;border-left:4px solid var(--k);padding:8px 10px !important;border-radius:3px}
.hvr .spec b{display:block;color:var(--m)}
.hvr .sizes{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-top:10px}
.hvr .sz{text-align:center}
.hvr .sz i{display:block;margin:0 auto 5px;background:#fdeaed;border:2px dashed var(--k);border-radius:2px}
.hvr .sz b{display:block;color:var(--m)}

/* örnek bannerlar (gerçek piksel ölçüleri korunur) */
.hvr .shows{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin-top:10px}
.hvr .shows>div{max-width:100%;overflow-x:auto;padding-bottom:4px}
.hvr .shows small{display:block;margin-top:4px;color:#5b6b78}
.hvr .bn{position:relative;overflow:hidden;color:#fff;background:var(--m);flex:none}
.hvr .bn .t{position:absolute;right:4px;top:3px;font-size:10px !important;background:rgba(255,255,255,.88);color:#333;padding:1px 5px;border-radius:2px;z-index:2}
.hvr .bn .lg{display:inline-block;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--k);text-align:center;flex:none;font:800 15px/38px Archivo,sans-serif !important}
.hvr .bn h5{margin:0 !important;font-weight:800;line-height:1.15;color:#fff}
.hvr .bn p{margin:0 !important;font-size:13px !important;line-height:1.35;color:#dbe7f0}
.hvr .bn .cta{display:inline-block;background:var(--k);color:#fff;font-weight:700;font-size:14px !important;padding:8px 14px;border-radius:3px}
.hvr .b728{width:728px;height:90px;display:flex;align-items:center;gap:16px;padding:0 20px;border-left:8px solid var(--k)}
.hvr .b728 .tx{flex:1}
.hvr .b728 h5{font-size:22px !important}
.hvr .b300{width:300px;height:250px;padding:22px 22px 0;background:linear-gradient(160deg,var(--m) 62%,var(--k) 62.2%)}
.hvr .b300 h5{font-size:25px !important;margin:12px 0 8px !important}
.hvr .b300 .cta{position:absolute;left:22px;bottom:20px}
.hvr .b600{width:300px;height:600px;padding:30px 24px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--m) 0,var(--m) 55%,var(--m2) 55%,var(--m2) 100%)}
.hvr .b600 h5{font-size:32px !important;margin:20px 0 14px !important}
.hvr .b600 ul{margin:0 0 18px !important;line-height:1.5}
.hvr .b600 li{font-size:14px !important;padding:7px 0 !important;border-top:1px solid rgba(255,255,255,.25)}
.hvr .b600 .cta{font-size:16px !important;margin-top:auto;text-align:center;padding:14px}
.hvr .b600 .ph{font-size:13px !important;text-align:center;margin-top:10px;color:#dbe7f0}

@media(max-width:640px){.hvr .map{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hvb .btn-wa{transition:none}}
@media(prefers-reduced-motion:reduce){.hv .topic,.hv .btn,.hv .m{transition:none}}


/* =========================================================
   SONRAKİ SAYFALAR BURAYA EKLENİR
   ========================================================= */