/* Live usability fixes, 2026-10-14. */
.catalog-title { font-size: 26px; line-height: 1.25; margin: 0 0 12px; letter-spacing: 0; }
.catalog-description { color: #4b5563; line-height: 1.6; margin-bottom: 24px; }
.section-title h1,.section-title h2,.product-name,.logo-name { letter-spacing: 0; }
.header-nav .has-dropdown:focus-within .dropdown-submenu,.header-nav .has-dropdown.active .dropdown-submenu { opacity: 1; visibility: visible; transform: none; }
.footer-section-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; border: 0; padding: 0; color: inherit; background: none; font: inherit; text-align: left; }
.footer-section-toggle i { display: none; }
.footer-category-scroll { max-height: none !important; overflow: visible !important; }
.footer-newsletter input { min-width: 0; }
.footer-newsletter button { white-space: nowrap; }
.footer-bottom img { max-width: 100%; object-fit: contain; }
:where(a,button,input,select,textarea):focus-visible { outline: 3px solid #226544; outline-offset: 3px; }
.guide-content { max-width: 1080px; margin: 0 auto; }
.guide-content h1 { font-size: 36px; line-height: 1.2; }
.guide-content h2 { font-size: 24px; line-height: 1.3; margin: 32px 0 12px; }
.guide-content p,.guide-content li { line-height: 1.8; }
.guide-products img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #fff; }
.guide-products a { color: inherit; }
@media (max-width: 991.98px) {
  .modern-header .header-content { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 10px !important; }
  .modern-header .header-logo { flex: 1 1 100px; min-width: 0; }
  .modern-header .header-actions { flex: 0 0 auto; gap: 4px !important; }
  .modern-header .header-search { display: flex !important; order: 3; flex: 1 0 100%; width: 100% !important; max-width: none !important; height: 44px !important; margin: 0 !important; }
  .modern-header .header-search input { display: block !important; min-width: 0; width: 100%; font-size: 16px !important; padding: 10px 14px !important; }
  .modern-header .header-search button { flex: 0 0 44px; width: 44px !important; min-height: 44px; }
  .modern-header .header-actions .action-btn,.modern-header .mobile-toggle { display: inline-flex !important; width: 44px !important; height: 44px !important; align-items: center; justify-content: center; padding: 0 !important; border-radius: 8px !important; }
  .modern-header .header-actions .action-btn i,.modern-header .mobile-toggle i { font-size: 22px !important; }
  .header-nav #mainNav { max-height: calc(100dvh - 160px); }
  .header-nav .nav-menu > li > a { min-height: 44px; padding: 12px 16px; }
  .header-nav .has-dropdown:not(.active) .dropdown-submenu { max-height: 0 !important; overflow: hidden !important; visibility: hidden; }
  .header-nav .has-dropdown.active .dropdown-submenu { max-height: 45dvh !important; overflow-y: auto !important; }
  .product-card .product-info { padding: 12px !important; }
  .product-card .product-name { min-height: 4.05em; font-size: 14px !important; line-height: 1.35; }
  .product-card .btn-add-cart,.product-card .product-info > button { min-height: 44px; padding: 9px 6px !important; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 13px !important; gap: 4px; }
  .product-card .btn-add-cart i { margin: 0 !important; }
  .product-card .current-price { font-size: 19px !important; }
}
@media (max-width: 767.98px) {
  .modern-header .header-main-section { padding: 12px 0 !important; }
  .modern-header .btn-register { display: none !important; }
  .modern-header .site-logo { max-width: 130px; object-fit: contain; }
  .footer-main { padding: 28px 0 !important; }
  .footer-main .row > div { text-align: left !important; margin-bottom: 0 !important; }
  .footer-main .footer-title { margin-bottom: 0 !important; }
  .footer-main .footer-about .footer-title { margin-bottom: 12px !important; }
  .footer-section-toggle { min-height: 44px; border-bottom: 1px solid rgba(255,255,255,.15); }
  .footer-section-toggle i { display: inline; font-size: 16px; margin: 0; }
  .footer-main .footer-group-collapsed .footer-links { display: none; }
  .footer-main .footer-links { margin-top: 12px; }
  .footer-links a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 0 !important; }
  .footer-contact { overflow-wrap: anywhere; }
  .footer-newsletter form { gap: 8px !important; }
  .footer-newsletter button { padding: 8px 12px !important; min-height: 44px; }
  .chatbot-widget { left: 12px !important; bottom: 12px !important; }
  .chatbot-widget .chatbot-container { max-width: calc(100vw - 24px); max-height: calc(100dvh - 90px); }
  .chatbot-toggle,.whatsapp-float { width: 48px !important; height: 48px !important; animation: none !important; }
  .chatbot-toggle::before { animation: none !important; }
  .guide-content h1 { font-size: 30px; }
  .guide-content h2 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .olive-leaf-layer,.olive-leaf { display: none !important; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

.product-card .product-name a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 359.98px) { .modern-header .header-actions a[href$="/favorites.php"] { display: none !important; } }

.new-products-section .product-info { padding: 14px !important; }
.new-products-section .product-name { font-size: 14px !important; line-height: 1.35; min-height: 4.05em; }
.new-products-section .btn-add-cart { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 9px 6px !important; font-size: 13px !important; white-space: nowrap; }
.new-products-section .btn-add-cart i { margin: 0 !important; }

@media (max-width: 767.98px) {
  .product-card .product-category { font-size: 11px !important; letter-spacing: 0 !important; line-height: 1.4; min-height: 2.8em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .footer-newsletter .row,.footer-bottom .row { margin-left: 0; margin-right: 0; }
}
@media (max-width: 359.98px) {
  .new-products-section .product-info { padding: 10px !important; }
  .product-card .btn-add-cart { font-size: 12px !important; padding-left: 4px !important; padding-right: 4px !important; }
}