/* Ürün özel açıklama – minimal & zarif */
.vc-prod-brief{
  --accent: rgba(242,129,22,.55);  /* turuncu vurgu */
  color:#6b7280;                   /* gri metin */
  margin:4px 0 8px;                /* çok az yer kaplasın */
  padding-left:8px;                /* ince şerit boşluğu */
  border-left:2px solid var(--accent);
  font-size:13.2px;                /* küçük punto */
  line-height:1.5;
  letter-spacing:.1px;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  font-weight:400;
}

@media (max-width:480px){
  .vc-prod-brief{
    font-size:13px;
    padding-left:7px;
    margin:4px 0 6px;
  }
}

.cat-seo-desc{
  box-sizing:border-box;
  margin:10px 0 22px;
  padding:14px 16px;
  border:1px solid #e5e7eb;
  border-left:4px solid var(--bar, #10b981);
  background:linear-gradient(180deg,#fafafa,#ffffff);
  border-radius:12px;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  color:#1f2937;
  font-size:15px;
  line-height:1.7;
  gap:12px;
  align-items:flex-start;
  max-width:100%;
}
.cat-seo-desc::before{
  content:"";
  flex:0 0 22px;
  width:22px;height:22px;margin-top:2px;
  background:no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>');
}
.cat-seo-text{
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  max-width:100%;
}
@media (max-width:768px){
  .cat-seo-desc{ padding:12px 14px; border-radius:10px; font-size:14.5px; }
}

/* ================= VOZOLCENTER • Öne Çıkan Özellikler ================= */

:root{
  --vc-grad1:#FF8A05;   /* açık turuncu */
  --vc-grad2:#FF3C00;   /* koyu turuncu */
  --vc-ring:#ff7a18;    /* odak halkası */
  --vc-card:#ffffff;    /* kart/buton */
  --vc-brd:#ffd9c7;     /* kart sınır */
  --vc-text:#0f172a;    /* metin */
  --vc-muted:#5b677a;   /* ikincil metin */
  --vc-ico:#ff5e18;     /* ikon rengi */
}

.vc-series-strip, .vc-series-strip *{
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
}

/* Dış şerit */
.vc-series-strip{
  width: 100%;                
  margin: 18px 0 26px;
  position: relative;
  border-radius: 16px;
  overflow: clip;
  isolation: isolate;
  background: linear-gradient(120deg,var(--vc-grad1),var(--vc-grad2)) border-box;
  padding: 1px;               
}

.vc-series-inner{
  background: linear-gradient(135deg, #fff3ec 0%, #ffe9e2 40%, #ffe3d9 100%);
  border-radius: 15px;
  padding: clamp(14px, 2vw, 18px);
  position: relative;
}

.vc-series-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.vc-series-dot{
  width:10px; height:10px; border-radius:999px;
  background: radial-gradient(circle at 30% 30%, var(--vc-grad1), var(--vc-grad2));
  box-shadow: 0 0 0 4px rgba(255,122,24,.15);
  flex:0 0 auto;
}
.vc-series-title{
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600; color: var(--vc-text); letter-spacing:.2px;
}

.vc-series-grid{
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr)); /* tablet varsayılan: 2 sütun */
  gap: 10px;
}

.vc-feature{
  display:flex; align-items: center; gap:10px;
  padding: 12px 14px;
  background: var(--vc-card);
  border:1px solid var(--vc-brd);
  border-radius: 12px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  cursor: default;
}
.vc-feature:hover{
  transform: translateY(-1px);
  border-color: #ffc5ac;
  background: #fff7f2;
  box-shadow: 0 6px 16px rgba(255, 98, 0, .10);
}

.vc-ico{
  width:26px; height:26px; flex:0 0 auto;
  display:grid; place-items:center;
  border-radius:10px;
  background:#fff;
  border:1px solid #ffe1d3;
}
.vc-ico svg{ width:16px; height:16px; color: var(--vc-ico); }

.vc-text{ color: var(--vc-text); font-size: 14.5px; line-height: 1.35; }
.vc-sub{ color: var(--vc-muted); font-size: 12.5px; display:block; margin-top:3px; }

.vc-series-strip:focus-within{ outline:none; box-shadow: 0 0 0 3px var(--vc-ring); }

/* ===================== RESPONSIVE YERLEŞİM ===================== */

@media (min-width: 992px){
  .vc-series-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 576px){
  .vc-series-strip{
    width: 94vw;              
    margin: 12px auto;        
    border-radius: 14px;
  }
  .vc-series-grid{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .vc-feature{ padding: 10px 12px; border-radius: 10px; }
  .vc-ico{ width:24px; height:24px; }
  .vc-ico svg{ width:14px; height:14px; }
  .vc-text{ font-size: 14px; }
  .vc-sub { font-size: 12px; }
}