:root{
  --ink:#17384a;--muted:#68808c;--line:#d4e6ea;--ice:#eaf7fa;--ice2:#dff2f5;
  --deep:#0f6878;--accent:#67beca;--lav:#8ea4db;--gold:#d7b25e;--white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fcfd,#eef8fa 54%,#fbfdfe);color:var(--ink);font-family:Inter,"Noto Sans","Segoe UI",Arial,sans-serif}
a{color:inherit}
.bh-page{min-height:100vh;padding:24px 16px 72px}
.bh-wrap{width:min(1180px,100%);margin:auto}
.bh-test{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 10px;border:1px solid #d7e7eb;border-radius:999px;background:#fff9e8;color:#80621e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bh-test:before{content:"";width:8px;height:8px;border-radius:50%;background:#e1b84f}
.bh-hero{position:relative;overflow:hidden;padding:30px;border:1px solid #cee4e9;border-radius:27px;background:linear-gradient(135deg,#eaf8fa,#dff2f5);box-shadow:0 20px 54px rgba(23,56,74,.08)}
.bh-hero:after{content:"";position:absolute;right:-80px;top:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(115,201,212,.28),transparent 68%)}
.bh-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:var(--deep);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.bh-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.bh-hero h1{position:relative;z-index:1;margin:10px 0 8px;font-size:clamp(31px,4.6vw,54px);line-height:1.03;letter-spacing:-.035em}
.bh-hero p{position:relative;z-index:1;max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.bh-hero-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
.bh-badges{display:flex;gap:8px;flex-wrap:wrap}
.bh-badge{display:inline-flex;align-items:center;min-height:35px;padding:0 11px;border:1px solid rgba(255,255,255,.95);border-radius:999px;background:rgba(255,255,255,.68);color:#3e6371;font-size:10.5px;font-weight:700}
.bh-links{display:flex;gap:8px;flex-wrap:wrap}
.bh-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #c9dfe5;border-radius:999px;background:rgba(255,255,255,.82);color:#285b69;text-decoration:none;font-size:10.5px;font-weight:650;letter-spacing:.045em;transition:.18s}
.bh-link.primary{border-color:transparent;background:linear-gradient(135deg,#8ea4db,#8096cf);color:#fff}
.bh-link:hover{transform:translateY(-1px)}
.bh-section{margin-top:17px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(23,56,74,.055)}
.bh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}
.bh-head h2{margin:0;font-size:22px;letter-spacing:-.02em}
.bh-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.bh-count{flex:0 0 auto;color:#607984;font-size:10px;font-weight:750}
.bh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bh-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:312px;border:1px solid #d7e8eb;border-radius:18px;background:#fbfefe;text-decoration:none;box-shadow:0 9px 22px rgba(23,56,74,.045);transition:.18s}
.bh-card:hover{transform:translateY(-2px);border-color:#a9d7dd;box-shadow:0 14px 28px rgba(23,56,74,.08)}
.bh-img{height:150px;background:linear-gradient(135deg,#d9f0f3,#e9f7f9);overflow:hidden}
.bh-img img{display:block;width:100%;height:100%;object-fit:cover}
.bh-img.placeholder{display:grid;place-items:center;color:#5e7a85;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bh-card-body{display:flex;flex:1;flex-direction:column;padding:14px}
.bh-date{display:inline-flex;align-items:center;align-self:flex-start;min-height:27px;padding:0 9px;border-radius:999px;background:#e8f6f8;color:#216878;font-size:9.5px;font-weight:800;letter-spacing:.045em}
.bh-card h3{margin:9px 0 0;font-size:15px;line-height:1.28;letter-spacing:-.015em}
.bh-meta{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}
.bh-open{margin-top:auto;padding-top:13px;color:#126f7f;font-size:10px;font-weight:800;letter-spacing:.035em}
.bh-empty{padding:28px 18px;border:1px dashed #cddfe4;border-radius:16px;background:#fbfefe;color:#6b828d;text-align:center;font-size:12px;line-height:1.65}
.bh-planned{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.bh-planned a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 12px;border:1px solid #dbe9ec;border-radius:14px;background:#fbfdfe;text-decoration:none;transition:.18s}
.bh-planned a:hover{transform:translateY(-1px);border-color:#a9d6dd}
.bh-planned strong{font-size:11px;line-height:1.3}
.bh-planned span{flex:0 0 auto;color:#718792;font-size:9px;font-weight:800}
@media(max-width:900px){.bh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-planned{grid-template-columns:1fr}}
@media(max-width:620px){
  .bh-page{padding:12px 9px 50px}.bh-hero{padding:22px 17px;border-radius:20px}
  .bh-hero-bottom,.bh-head{align-items:flex-start;flex-direction:column}
  .bh-links{width:100%}.bh-link{flex:1 1 150px}
  .bh-section{padding:15px;border-radius:18px}.bh-grid{grid-template-columns:1fr}
  .bh-card{min-height:0}.bh-img{height:178px}
}

/* PREMIUM HAFTALIK TUR v3 */
.bh-page{
  background:
    radial-gradient(circle at 10% 4%,rgba(105,194,205,.10),transparent 24%),
    radial-gradient(circle at 92% 8%,rgba(144,158,215,.10),transparent 22%),
    #f5fbfc;
}
.bh-wrap{max-width:1180px}

.bh-hero{
  position:relative;
  overflow:hidden;
  padding:30px 32px;
  border:1px solid #c8e0e5;
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 12%,rgba(142,160,218,.16),transparent 27%),
    linear-gradient(135deg,#eaf8fa,#e5f3f7 58%,#f4f1fb);
  box-shadow:0 22px 54px rgba(23,56,74,.085);
}
.bh-hero:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#73c7d2,#8ea3d7 58%,#d5b260);
}
.bh-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border:1px solid #c9e0e5;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#397080;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.bh-hero h1{
  margin:10px 0 7px;
  color:#17384a;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.bh-hero p{
  max-width:760px;
  color:#54717d;
  font-size:14px;
  font-weight:600;
  line-height:1.65;
}
.bh-stats{
  margin-top:18px;
  gap:10px;
}
.bh-stat{
  min-width:150px;
  padding:13px 15px;
  border:1px solid #cfe1e6;
  border-radius:17px;
  background:rgba(255,255,255,.88);
  box-shadow:0 9px 22px rgba(23,56,74,.045);
}
.bh-stat b{
  color:#17384a;
  font-size:23px;
  font-weight:800;
}
.bh-stat span{
  color:#687f8a;
  font-size:10px;
  font-weight:750;
  letter-spacing:.055em;
}
.bh-links{
  margin-top:17px;
  gap:9px;
}
.bh-link{
  min-height:44px;
  padding:0 15px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:750;
  letter-spacing:.035em;
}
.bh-link.all{
  background:linear-gradient(180deg,#fff,#f3f9fb);
  border-color:#c7dee4;
  color:#376574;
}
.bh-link:not(.all):not(.primary){
  background:linear-gradient(180deg,#f7fbff,#eef4ff);
  border-color:#cbd9ef;
  color:#536b9b;
}
.bh-link.primary{
  background:linear-gradient(135deg,#93a6da,#8295ca);
  box-shadow:0 10px 22px rgba(104,123,182,.17);
}

.bh-section{
  margin-top:18px;
}
.bh-section-head{
  margin-bottom:12px;
}
.bh-section-head h2{
  color:#17384a;
  font-size:24px;
  font-weight:800;
  letter-spacing:-.025em;
}
.bh-section-head p{
  color:#667f8a;
  font-size:12px;
  font-weight:600;
}

.bh-grid{
  gap:15px;
}
.bh-card{
  overflow:hidden;
  border:1px solid #cfe2e7;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fafcfd);
  box-shadow:0 15px 36px rgba(23,56,74,.07);
  transition:.2s;
}
.bh-card:hover{
  transform:translateY(-3px);
  border-color:#9fcfd7;
  box-shadow:0 21px 42px rgba(23,56,74,.105);
}
.bh-media{
  height:190px;
  background:linear-gradient(135deg,#e2f2f5,#e8edf8 60%,#f1ebf8);
}
.bh-media img{
  object-fit:cover;
  transition:transform .35s;
}
.bh-card:hover .bh-media img{transform:scale(1.035)}
.bh-date{
  border-radius:999px;
  background:rgba(20,55,69,.58);
  border:1px solid rgba(255,255,255,.48);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.045em;
  backdrop-filter:blur(8px);
}
.bh-body{
  padding:17px 17px 16px;
}
.bh-body h3{
  color:#17384a;
  font-size:19px;
  font-weight:800;
  line-height:1.24;
  letter-spacing:-.015em;
}
.bh-meta{
  gap:7px;
}
.bh-meta span{
  min-height:29px;
  padding:0 9px;
  border:1px solid #d8e8ec;
  border-radius:999px;
  background:#f6fbfc;
  color:#456875;
  font-size:10px;
  font-weight:750;
}
.bh-card a{
  min-height:45px;
  border-radius:13px;
  background:linear-gradient(135deg,#78c7d1,#56a9ba);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  box-shadow:0 9px 20px rgba(74,153,173,.15);
}
.bh-card a:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(74,153,173,.22);
}

@media(max-width:660px){
  .bh-page{padding:10px 8px 46px}
  .bh-hero{
    padding:20px 15px 18px;
    border-radius:20px;
  }
  .bh-hero h1{
    font-size:29px;
  }
  .bh-hero p{
    font-size:12.5px;
    line-height:1.55;
  }
  .bh-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .bh-stat{
    min-width:0;
    padding:11px 12px;
    border-radius:15px;
  }
  .bh-stat b{font-size:21px}
  .bh-links{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .bh-link{
    width:100%;
    min-height:47px;
    font-size:12px;
  }
  .bh-section{
    margin-top:15px;
  }
  .bh-section-head h2{
    font-size:22px;
  }
  .bh-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .bh-card{
    border-radius:19px;
  }
  .bh-media{
    height:185px;
  }
  .bh-body{
    padding:15px 14px 14px;
  }
  .bh-body h3{
    font-size:18px;
  }
}

/* LEFT LANE ortak sabit header için içerik başlangıç mesafesi */
.bh-page {
  padding-top: 116px !important;
}
@media (max-width:1199px) {
  .bh-page {
    padding-top: 94px !important;
  }
}
@media (max-width:576px) {
  .bh-page {
    padding-top: 86px !important;
  }
}


/* HERO BUTTON IMPROVEMENT */
.bh-links a{ text-decoration:none; }
.bh-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  text-align:center;
  white-space:nowrap;
  line-height:1.2;
  font-size:14px;
  font-weight:750;
  letter-spacing:.02em;
}
.bh-link.all{
  min-width:130px;
  color:#2f6675;
}
.bh-link:not(.all):not(.primary){
  min-width:136px;
  color:#5f76a8;
}
.bh-link.primary{
  min-width:142px;
  color:#ffffff;
}
@media(max-width:900px){
  .bh-links{ gap:10px; }
  .bh-link{
    min-height:50px;
    padding:0 20px;
    font-size:13.5px;
  }
}
@media(max-width:660px){
  .bh-links{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .bh-link,
  .bh-link.all,
  .bh-link:not(.all):not(.primary),
  .bh-link.primary{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:0 18px;
    font-size:13.5px;
    letter-spacing:.015em;
  }
}


/* v5 — LARGE HERO BUTTONS / FORCED FINAL OVERRIDE */
.bh-hero .bh-links{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.bh-hero .bh-links .bh-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  line-height:1.15 !important;
  font-size:16px !important;
  font-weight:700 !important;
  letter-spacing:.025em !important;
  text-shadow:none !important;
}
.bh-hero .bh-links .bh-link.all{
  min-width:150px !important;
  color:#285f6d !important;
  background:linear-gradient(180deg,#ffffff,#f1f8fa) !important;
  border-color:#bdd8df !important;
}
.bh-hero .bh-links .bh-link:not(.all):not(.primary){
  min-width:152px !important;
  color:#566fa4 !important;
  background:linear-gradient(180deg,#f8fbff,#edf3ff) !important;
  border-color:#c3d2ee !important;
}
.bh-hero .bh-links .bh-link.primary{
  min-width:170px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#8fa5dc,#7f95cf) !important;
  border-color:transparent !important;
  box-shadow:0 12px 24px rgba(104,123,182,.20) !important;
}
@media(max-width:900px){
  .bh-hero .bh-links .bh-link{
    min-height:56px !important;
    padding:0 24px !important;
    font-size:15.5px !important;
  }
}
@media(max-width:660px){
  .bh-hero .bh-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }
  .bh-hero .bh-links .bh-link,
  .bh-hero .bh-links .bh-link.all,
  .bh-hero .bh-links .bh-link:not(.all):not(.primary),
  .bh-hero .bh-links .bh-link.primary{
    width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    padding:0 20px !important;
    font-size:15.5px !important;
  }
}
