.affhosting-brand-icon { justify-content: center; border-radius: 6px; height: 24px; align-items: center; background: #eef2ff; font-weight: bold; width: 24px; display: flex; font-size: 11px; color: var(--affhosting-accent-blue); }
.affhosting-header { justify-content: space-between; border-bottom: 1px solid var(--affhosting-border-card); align-items: center; padding-bottom: 16px; display: flex; margin-bottom: 28px; }
.affhosting-title { display: flex; color: var(--affhosting-text-main); font-weight: 800; gap: 12px; font-size: 24px; align-items: center; }
.affhosting-brand { font-weight: 700; align-items: center; display: flex; color: var(--affhosting-text-main); gap: 8px; font-size: 15px; }
.highlight-info { border: 1px solid #e5e7eb; margin-top: auto; align-self: flex-start; align-items: center; border-radius: 6px; background: #f3f4f6; color: var(--affhosting-text-desc); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; padding: 4px 10px; display: inline-flex; }
.affhosting-summary a { display: block; text-decoration: none; color: inherit; }
.affhosting-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; display: grid; }
.affhosting-section { margin: 0 auto; max-width: 1500px; font-family: "Google Sans", system-ui, -apple-system, sans-serif; padding: 40px 20px; background: var(--affhosting-bg-main); }
.affhosting-time { color: var(--affhosting-text-muted); font-size: 12px; }
.affhosting-card { border: 1px solid var(--affhosting-border-card); height: 100%; flex-direction: column; box-shadow: 0 1px 3px rgba(0,0,0,0.05); display: flex; border-radius: 12px; padding: 20px; transition: all 0.25s ease; background: var(--affhosting-bg-card); }
.highlight { padding: 4px 10px; align-items: center; font-size: 12px; font-weight: 700; margin-top: auto; align-self: flex-start; letter-spacing: 0.02em; border-radius: 6px; background: #fff1f2; display: inline-flex; border: 1px solid #fecdd3; color: var(--affhosting-accent-red); }
.affhosting-card-top { justify-content: space-between; margin-bottom: 16px; align-items: center; display: flex; }
:root { --affhosting-site-fp: "gyvponka"; --affhosting-text-main: #111827; --affhosting-border-light: #f1f5f9; --affhosting-bg-card: #ffffff; --affhosting-accent-blue: #4f46e5; --affhosting-text-desc: #374151; --affhosting-bg-main: #f9fafb; --affhosting-border-card: #e5e7eb; --affhosting-text-muted: #6b7280; --affhosting-bg-summary: #f8fafc; --affhosting-accent-red: #ef4444; }
.affhosting-tag-info { color: #1d4ed8; border-radius: 20px; padding: 4px 10px; border: 1px solid #dbeafe; background: #eff6ff; font-weight: 600; font-size: 11px; }
.affhosting-card:hover { border-color: #d1d5db; box-shadow: 0 12px 20px -10px rgba(0,0,0,0.08); transform: translateY(-4px); }
.affhosting-summary { color: var(--affhosting-text-desc); border-left: 3px solid var(--affhosting-border-summary-left); text-overflow: ellipsis; background: var(--affhosting-bg-summary); -webkit-line-clamp: 3; padding: 5px 12px; display: -webkit-box; word-break: break-word; border-radius: 6px; -webkit-box-orient: vertical; line-height: 1.5; margin-bottom: 15px; overflow: hidden; min-height: 65px; font-size: 14px; }
@media (max-width: 640px) {
  .affhosting-grid { grid-template-columns: 1fr; }
}