Jemne perlivá

".ilp-seo-header { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; } .ilp-seo-flag { width: 54px; height: 36px; background: linear-gradient(90deg, #009246 0 33%, #f4f5f0 33% 66%, #ce2b37 66% 100%); border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,0.15); flex-shrink: 0; } .ilp-seo-header-text h1 { margin: 0 0 4px; font-size: 20px; font-weight: 700; color: #222222; } .ilp-seo-header-text p { margin: 0; font-size: 14px; color: #555555; } .ilp-seo-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 8px; } .ilp-seo-badge { border-radius: 999px; border: 1px solid #e4e4e4; padding: 5px 12px; background: linear-gradient(135deg, #f9f9f9, #ffffff); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; } .ilp-seo-badge::before { content: ""✓""; font-size: 11px; font-weight: 700; color: #009246; } .ilp-seo-columns { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1.4fr); gap: 28px; margin-top: 18px; } .ilp-seo-box h2 { font-size: 17px; margin: 18px 0 8px; color: #222222; } .ilp-seo-box h3 { font-size: 15px; margin: 16px 0 6px; color: #222222; } .ilp-seo-box p { margin: 6px 0; } .ilp-seo-box ul { padding-left: 18px; margin: 6px 0 10px; } .ilp-seo-box li { margin: 3px 0; } .ilp-seo-highlight { border-left: 3px solid #009246; padding-left: 12px; margin: 14px 0; background: linear-gradient(90deg, rgba(0,146,70,0.04), rgba(255,255,255,0)); font-size: 13px; } .ilp-seo-tagline { font-weight: 600; color: #ce2b37; } .ilp-seo-sidebox { border-radius: 8px; border: 1px solid #e5e5e5; background: #fafafa; padding: 14px 14px 10px; font-size: 13px; } .ilp-seo-sidebox h3 { margin-top: 0; } .ilp-seo-chiplist { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .ilp-seo-chip { border-radius: 999px; padding: 4px 10px; border: 1px solid #e0e0e0; background: #ffffff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; } .ilp-seo-links { margin-top: 12px; font-size: 13px; } .ilp-seo-links a { color: #009246; text-decoration: none; font-weight: 600; } .ilp-seo-links a:hover { text-decoration: underline; } .ilp-seo-note { font-size: 12px; color: #777777; margin-top: 10px; } @media (max-width: 768px) { .ilp-seo-columns { grid-template-columns: minmax(0,1fr); } .ilp-seo-box { padding: 18px 14px 14px; } }"