/* CoreV2 — paket kategori sayfalarında kategorinin "Harici HTML Kodu" içindeki .hostingozellikler bölümü
 * (Sitelerinizi Ücretsiz Taşıyoruz, Uzman Olmanız Gerekmez, Full Performans, Sorunsuz ve Güvenli).
 * İçerik WISECP kaydından olduğu gibi gelir; yalnızca görünüm bu dosyada. Renkler tema tokenlarından (gündüz/gece uyumlu). */
.hostingozellikler{
  --hf-accent:var(--ar-accent,var(--cv2-primary,#2f80ed));
  --hf-card:var(--ar-card,var(--cv2-surface-card,#fff));
  --hf-card-2:var(--ar-card-2,#f6f7f8);
  --hf-ink:var(--ar-ink,var(--color-heading,#1f2330));
  --hf-ink-2:var(--ar-ink-3,var(--color-text-muted,#6b6f78));
  --hf-line:color-mix(in srgb,var(--ar-line-2,rgba(18,19,22,.12)) 68%,transparent);
  --hf-r:var(--ar-r-lg,22px);
  box-sizing:border-box;width:100%;max-width:var(--cv2-shell-max,1400px);margin:clamp(24px,4vw,48px) auto}
.hostingozellikler>#wrapper{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);
  width:100%;max-width:none;margin:0;padding:0;float:none;box-sizing:border-box}
.hostingozellikler>#wrapper>.clear{display:none}
.hostingozellikler .hostozellk{
  position:relative;display:flex;flex-direction:column;min-width:0;width:auto;float:none;margin:0;padding:10px;
  border-radius:calc(var(--hf-r) + 4px);background:var(--hf-card);border:1px solid var(--hf-line);color:var(--hf-ink);
  box-sizing:border-box;transition:border-color .2s,transform .2s}
.hostingozellikler .hostozellk:hover{border-color:color-mix(in srgb,var(--hf-accent) 55%,transparent);transform:translateY(-3px)}
.hostingozellikler .hostozellk>img{
  display:block;box-sizing:border-box;width:100%;max-width:100%;height:172px;padding:24px 28px;object-fit:contain;
  border-radius:calc(var(--hf-r) - 2px);
  background:radial-gradient(70% 90% at 50% 42%,color-mix(in srgb,var(--hf-accent) 12%,transparent),transparent 72%),var(--hf-card-2);
  transition:transform .35s}
.hostingozellikler .hostozellk h4{margin:16px 10px 6px;font-size:16px;font-weight:750;line-height:1.3;letter-spacing:-.01em;color:var(--hf-ink)}
.hostingozellikler .hostozellk p{margin:0 10px 10px;font-size:13.5px;line-height:1.6;color:var(--hf-ink-2)}

@media (max-width:991px){
  .hostingozellikler>#wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .hostingozellikler>#wrapper{grid-template-columns:minmax(0,1fr)}
  .hostingozellikler .hostozellk>img{height:150px}
}