/* ========================================
   FABSOFT PRODUCT LIST PAGE STYLES
   fabsoft-product-list.css
   
   Styles specific to the Products listing page (/products/)
   Extracted from inline <style> for better caching and CSP compliance
   ======================================== */

/* Hide the MasterHome footer on ProductList (uses its own footer) */
.home-footer, .home-footerBar, .products-footerButton { display: none !important; }

/* ============================================
   COMPARISON TABLE
   ============================================ */
.pl-compare-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.pl-compare-table th, .pl-compare-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #E5E5EA; }
.pl-compare-table th { font-weight: 600; color: #1D1D1F; background: #F5F5F7; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; position: sticky; top: 0; z-index: 2; }
.pl-compare-table td:first-child { font-weight: 500; color: #1D1D1F; }
.pl-compare-table .highlight-col { background: rgba(0, 113, 227, 0.04); }
.pl-compare-table .check { color: #00C853; font-weight: 700; font-size: 16px; }
.pl-compare-table .dash { color: #D2D2D7; }
.pl-compare-scroll { overflow-x: auto; border-radius: 12px; border: 1px solid #E5E5EA; margin-top: 32px; }

/* ============================================
   FAQ SECTION
   ============================================ */
.pl-faq { padding: 64px 24px; background: #F5F5F7; }
.pl-faq-inner { max-width: 800px; margin: 0 auto; }
.pl-faq h2 { font-size: 32px; font-weight: 600; text-align: center; margin-bottom: 40px; color: #1D1D1F; }
.pl-faq-item { border-bottom: 1px solid #D2D2D7; }
.pl-faq-q { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; font-size: 17px; font-weight: 500; color: #1D1D1F; }
.pl-faq-q:hover { color: #0071E3; }
.pl-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0; }
.pl-faq-a p { padding: 0 0 20px; color: #86868B; line-height: 1.6; margin: 0; }
.pl-faq-item.active .pl-faq-a { max-height: 300px; }
.pl-faq-item.active .pl-faq-toggle { transform: rotate(45deg); }
.pl-faq-toggle { font-size: 24px; color: #86868B; transition: transform 0.3s ease; flex-shrink: 0; margin-left: 16px; }