.seo-product-app { padding-bottom: 104px; }
.seo-product { padding: 20px 16px 36px; }
.seo-back {
  display: inline-flex; align-items: center; min-height: 40px; margin-bottom: 8px;
  color: var(--blue); font-size: 13px; font-weight: 850;
}
.breadcrumbs { display: flex; gap: 6px; margin-bottom: 22px; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.breadcrumbs a { color: var(--blue); }
.seo-product h1 { font-size: 30px; }
.seo-product-lead { color: var(--muted); font-size: 16px; }
.seo-carousel { margin: 20px 0 14px; overflow: hidden; border: 1px solid #cbd8e8; border-radius: var(--radius); }
.seo-carousel .product-image { aspect-ratio: 16/10; }
.seo-carousel .product-placeholder { aspect-ratio: 16/10; }
.seo-price { display: grid; gap: 2px; margin-bottom: 12px; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius); background: #edf4fc; }
.seo-price span { color: var(--muted); font-size: 11px; }
.seo-price strong { color: var(--blue); }
.seo-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.seo-product section { padding: 24px 0; border-bottom: 1px solid var(--border); }
.seo-product section h2 { font-size: 21px; }
.seo-product section p, .seo-product section li { color: var(--text); font-size: 14px; line-height: 1.65; }
.seo-product section ul, .seo-product section ol { padding-left: 20px; }
.seo-offer p { margin-bottom: 12px; }
.seo-highlight {
  display: grid; gap: 8px; margin-top: 14px; padding: 14px;
  border: 1px solid var(--border); border-radius: var(--radius); background: #f7fbff;
}
.seo-highlight span { color: var(--blue); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.seo-highlight ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; }
.seo-feature-grid { display: grid; gap: 8px; }
.seo-feature-grid article {
  padding: 13px; border: 1px solid var(--border); border-radius: var(--radius); background: white;
}
.seo-feature-grid b { display: block; margin-bottom: 5px; color: var(--blue-dark); font-size: 14px; }
.seo-feature-grid p { margin-bottom: 0; }
.seo-chip-list {
  display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0 !important; list-style: none;
}
.seo-chip-list li {
  padding: 8px 10px; border: 1px solid var(--border); border-radius: 999px; background: #f7fbff;
  font-size: 12px !important; font-weight: 800;
}
.seo-faq { display: grid; gap: 8px; }
.seo-faq h2 { margin-bottom: 4px; }
.seo-faq details {
  overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: white;
}
.seo-faq summary {
  padding: 12px; color: var(--blue-dark); font-size: 14px; font-weight: 900; cursor: pointer;
}
.seo-faq details p { margin: 0; padding: 0 12px 12px; color: var(--muted); }
.seo-cta {
  display: grid; gap: 10px; padding: 18px !important; border: 0 !important; border-radius: var(--radius);
  color: white; background: linear-gradient(135deg, var(--blue-dark), var(--blue));
}
.seo-cta h2, .seo-cta p { margin-bottom: 0; color: white !important; }
.seo-cta .button { width: 100%; }
.related-links { display: grid; gap: 8px; }
.related-links a { display: flex; justify-content: space-between; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius); background: white; font-size: 13px; font-weight: 750; }
.related-links a span { color: var(--blue); }
.seo-contact { display: grid; gap: 8px; padding: 20px !important; border: 0 !important; border-radius: var(--radius); color: white; background: var(--blue-dark); }
.seo-contact h2, .seo-contact p { margin-bottom: 0; color: white !important; }
.seo-contact ul { margin: 0; padding-left: 20px; }
.seo-contact li { color: white !important; }
.seo-contact a { color: var(--yellow); font-weight: 850; }
@media (max-width: 350px) { .seo-actions { grid-template-columns: 1fr; } }