/* Metin ve Baslik Stilleri */
.blog-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;      /* 3 satirda kes */
  -webkit-box-orient: vertical;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

.blog-title a {
  font-weight: 700;
  font-size: 18px;
  color: #225278;
  text-decoration: none;
  line-height: 1.3;
}

.blog-title a:hover {
  color: #FF6600;
  text-decoration: underline;
}

/* Grid ve Kart Düzeni */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.blog-grid .thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;                 /* Kartlar arasi bosluk */
  justify-content: center;   /* Ortala */
  align-items: stretch;      /* Yükseklik esitle */
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog-grid .thumbnails > li {
  flex: 1 1 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  box-sizing: border-box;
  display: flex;
}

.blog-grid .thumbnail.blog-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.blog-grid .caption {
  flex-grow: 1;               /* Içerik esitlenmesi */
  padding: 12px;
}

/* Responsive Ayarlar */
@media (max-width: 979px) {
  .blog-grid .thumbnails > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
}










 <style>
  /* ============ POOL CALC – TEMIZ CSS ============ */
  :root{
    --pc-ink:#1f2937; --pc-muted:#6b7280; --pc-brand:#0ea5e9;
    --pc-bg:#f7fbff; --pc-card:#ffffff; --pc-line:#e5e7eb;
    --pc-warnBg:#fff7ed; --pc-warnBd:#fed7aa; --pc-warnTx:#9a3412;
    --pc-field:#FFFFF2;
  }
  #pool-calc{ margin-top:24px; color:var(--pc-ink); }
  #pool-calc .pc-title{font-size:22px; margin:0 0 6px}
  #pool-calc .pc-lead{color:var(--pc-muted); margin:0 0 10px}
  #pool-calc .pc-intro{font-size:14px}
  #pool-calc .pc-grid{display:grid; grid-template-columns:360px 1fr; gap:16px}
  @media (max-width: 992px){ #pool-calc .pc-grid{grid-template-columns:1fr} }
  #pool-calc .pc-card{background:var(--pc-card); border:1px solid var(--pc-line); border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.03)}
  #pool-calc .pc-pad{padding:16px}
  #pool-calc .pc-sec{border-top:1px solid var(--pc-line); margin-top:14px; padding-top:14px}
  #pool-calc label{
    font-weight:600; font-size:14px; display:block; line-height:1.25;
    min-height:38px; margin:0 0 4px 0;
  }
  .pc-list { margin:10px 0 0; padding-left:18px; }
  .pc-list li { margin:6px 0; line-height:1.5; }
  #pool-calc input, #pool-calc select{
    width:100%; height:36px; padding:0 12px; margin:0;
    border:1px solid var(--pc-line); border-radius:10px; background:var(--pc-field);
    box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;
  }
  #pool-calc input[type=number]{ line-height:36px; }
  #pool-calc select{
    background-image:
      linear-gradient(45deg, transparent 50%, #888 50%),
      linear-gradient(135deg, #888 50%, transparent 50%),
      linear-gradient(#ddd, #ddd);
    background-position:
      calc(100% - 18px) calc(50% - 3px),
      calc(100% - 12px) calc(50% - 3px),
      calc(100% - 28px) 50%;
    background-size:6px 6px, 6px 6px, 1px 60%;
    background-repeat:no-repeat;
    padding-right:34px;
  }
  #pool-calc .pc-row{display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:start}
  @media (max-width:480px){ #pool-calc .pc-row{grid-template-columns:1fr} }
  #pool-calc .pc-btns{display:flex; gap:10px; flex-wrap:wrap; margin-top:8px}
  #pool-calc .pc-btn{padding:10px 14px; border:1px solid var(--pc-line); background:#fafafa; border-radius:10px; cursor:pointer}
  #pool-calc .pc-primary{background:var(--pc-brand); color:#fff; border-color:var(--pc-brand)}
  #pool-calc .pc-note{font-size:12px; color:var(--pc-muted)}
  #pool-calc .pc-alert{background:var(--pc-warnBg); border:1px solid var(--pc-warnBd); padding:10px 12px; border-radius:10px; color:var(--pc-warnTx)}
  #pool-calc h3{font-size:16px; margin:0 0 8px}
  #pool-calc ul{margin:6px 0 10px 18px}
  #pool-calc li{margin:6px 0}
  #pool-calc .pc-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
  @media (max-width:600px){ #pool-calc .pc-kpis{grid-template-columns:1fr} }
  #pool-calc .pc-kpi{border:1px solid var(--pc-line); border-radius:10px; padding:12px; background:#fcfdff}
  #pool-calc .pc-kpi .t{font-size:12px; color:var(--pc-muted)}
  #pool-calc .pc-kpi .v{font-size:18px; font-weight:800}
  @media print{
    #pool-calc .pc-btns, #pool-calc .pc-intro{ display:none !important; }
  }
  #pool-care .pc-list { margin:10px 0 0; padding-left:18px; }
  #pool-care .pc-list li { margin:6px 0; line-height:1.5; }
  
  .post-image{
  position: relative;
  display: inline-block;
}
.post-image img{
  display:block;
  width:100%; height:auto;
}
.post-caption{
  position:absolute;
  left:16px;
  bottom:80%;                /* % deger ? görsel boyutuna göre ayarlanir */
  font-size: clamp(14px, 2vw, 22px);
  font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.45);
  padding:6px 12px;
  border-radius:6px;
  max-width:70%;
  white-space:normal;
  line-height:1.4;}

.blog-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* sadece 3 satir göstersin */
  -webkit-box-orient: vertical;
}
</style>