/* darčekové sprievodcovské stránky, otázky a odpovede (samostatný súbor s verziou, style.css má 7-dňovú cache) */
.seo-utmutato { max-width: 860px; margin: 0 auto; }
.seo-morzsa { font-size: .85em; color: #8a8177; margin-bottom: 10px; }
.seo-morzsa a { color: #8a8177; }
.seo-valasz { font-size: 1.12em; line-height: 1.6; color: #3d3730; background: #faf6ef; border-left: 4px solid #c9a877; padding: 14px 18px; border-radius: 0 10px 10px 0; }
.seo-tabla { width: 100%; border-collapse: collapse; margin: 18px 0 8px; background: #fff; border: 1px solid #eee3d2; border-radius: 12px; overflow: hidden; }
.seo-tabla th, .seo-tabla td { text-align: left; padding: 10px 14px; border-bottom: 1px solid #f1e9dc; vertical-align: top; }
.seo-tabla tr:last-child th, .seo-tabla tr:last-child td { border-bottom: 0; }
.seo-tabla th { width: 32%; color: #6d6459; font-weight: 600; }
.seo-termekek, .seo-alkalmak { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.seo-termekek h3 { font-size: 1em; margin: 0 0 6px; }
.seo-termekek .cena small { font-weight: 400; color: #8a8177; }
.seo-tippek { line-height: 1.6; padding-left: 20px; }
.seo-tippek li { margin-bottom: 6px; }
.seo-gyik { margin: 34px 0 10px; }
.seo-gyik details { background: #fff; border: 1px solid #eee3d2; border-radius: 10px; margin-bottom: 8px; }
.seo-gyik summary { cursor: pointer; padding: 12px 16px; font-weight: 600; }
.seo-gyik details p { margin: 0; padding: 0 16px 14px; color: #5d554b; line-height: 1.55; }
.seo-linkek { margin: 30px 0 10px; }
.seo-linkek ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.seo-linkek a { display: inline-block; padding: 8px 14px; border: 1px solid #e6dccb; border-radius: 20px; text-decoration: none; color: #2b2723; background: #fff; font-size: .92em; }
.seo-linkek a:hover { border-color: #c9a877; }
.termek-seo { max-width: 860px; margin: 0 auto; }
@media (max-width: 560px) { .seo-tabla th { width: 40%; } .seo-valasz { font-size: 1.02em; } }

/* produkt: výhody pod náhľadmi — vyplnia ľavý stĺpec vedľa dlhého personalizéra */
.termek-vyhody { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
.termek-vyhody li { display: flex; gap: 12px; align-items: flex-start; background: #faf6ef; border: 1px solid #eee0c9; border-radius: 12px; padding: 12px 14px; font-size: .9em; line-height: 1.45; color: #5d554b; }
.termek-vyhody li span { font-size: 1.3em; line-height: 1.2; }
.termek-vyhody b { color: #2b2723; }