Špeciálne

".seo-specialne-box { border-radius: 8px; border: 1px solid #e3e3e3; background: #ffffff; box-shadow: 0 6px 18px rgba(0,0,0,0.06); padding: 1.75rem 1.75rem 2rem; position: relative; overflow: hidden; } /* Talianska trikolóra hore ako na info boxoch Alzy */ .seo-specialne-box::before { content: """"; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: linear-gradient(90deg,#008C45 0%,#F4F5F0 50%,#CD212A 100%); } .seo-specialne-label { display: inline-block; margin-bottom: 0.75rem; padding: 0.3rem 0.9rem; border-radius: 999px; background: rgba(0,140,69,0.08); font-size: 0.8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #008C45; } .seo-specialne-box h1 { margin: 0 0 0.4rem; font-size: 1.6rem; } .seo-specialne-box h2 { margin-top: 1.6rem; margin-bottom: 0.5rem; font-size: 1.2rem; } .seo-specialne-box h3 { margin-top: 1.2rem; margin-bottom: 0.4rem; font-size: 1.05rem; } .seo-specialne-intro { font-size: 0.98rem; margin-bottom: 0.9rem; } .seo-specialne-highlight { background: #f7f9fa; border-radius: 6px; padding: 0.85rem 1rem; margin: 0.75rem 0 1.25rem; border-left: 4px solid #CD212A; font-size: 0.94rem; } .seo-specialne-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.25rem; margin-top: 1rem; } .seo-specialne-grid ul { padding-left: 1.1rem; margin: 0.3rem 0 0.6rem; font-size: 0.95rem; } .seo-specialne-grid li { margin-bottom: 0.25rem; } .seo-specialne-tagline { font-style: italic; font-size: 0.95rem; margin-top: 0.4rem; } .seo-specialne-links { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.3rem 0 0.3rem; } .seo-specialne-link, .seo-specialne-link-main { display: inline-flex; align-items: center; justify-content: center; padding: 0.45rem 0.9rem; border-radius: 999px; font-size: 0.9rem; text-decoration: none; border: 1px solid rgba(0,0,0,0.08); transition: all .18s ease; white-space: nowrap; } .seo-specialne-link-main { background: linear-gradient(90deg,#008C45 0%,#CD212A 100%); color: #fff; border: none; font-weight: 600; } .seo-specialne-link-main:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,0,0,0.15); } .seo-specialne-link { background: #f4f5f7; color: #222; } .seo-specialne-link:hover { background: #e8eaed; transform: translateY(-1px); } .seo-specialne-faq dt { font-weight: 600; margin-top: 0.7rem; } .seo-specialne-faq dd { margin-left: 0; font-size: 0.95rem; margin-bottom: 0.3rem; } .seo-specialne-note { font-size: 0.86rem; color: #555; margin-top: 0.9rem; } @media (max-width: 768px) { .seo-specialne-box { padding: 1.3rem 1.1rem 1.4rem; } .seo-specialne-grid { grid-template-columns: 1fr; } }"