@layer base;@layer components{.category-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.category-grid .product-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-medium), transform var(--transition-medium);flex-direction:column;padding:24px;text-decoration:none;display:flex}.category-grid .product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.category-grid .product-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-grid .rate-badge{color:var(--accent-main);font-size:1.3rem;font-weight:700}.category-grid .product-bank{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px}.category-grid .product-features{margin:12px 0 16px;padding:0;list-style:none}.category-grid .product-features li{padding:4px 0;font-size:14px}.section{margin:32px 0}.section:first-of-type{margin-top:0}.section h2{font-size:var(--font-size-md);margin:0;font-weight:600}.section .section-header{margin-bottom:8px}.product-type-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.3px;background:var(--bg-primary);color:var(--accent-main);padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.product-type-badge.iis{color:var(--text-primary)}.product-type-badge.ofz{color:var(--accent-secondary)}.product-type-badge.pif{color:var(--accent-main)}.table-wrapper{overflow-x:auto}.table-wrapper .comparison-table{border-collapse:collapse;width:100%;font-size:14px}.table-wrapper .comparison-table th,.table-wrapper .comparison-table td{text-align:left;border-bottom:1px solid var(--color-border,#eee);padding:10px 12px}.table-wrapper .comparison-table th{background:var(--color-bg-secondary,#f8f9fa);font-weight:600}.table-wrapper .comparison-table tr:hover{background:var(--color-bg-hover,#f0f4ff)}.product-link{color:var(--color-text);font-weight:600;text-decoration:none}.product-link:hover{color:var(--color-main)}.bank-link{color:var(--color-text-secondary);text-decoration:none}.bank-link:hover{color:var(--color-main)}.rate-cell,.cashback-cell{color:var(--color-main);white-space:nowrap;font-weight:700}.rank-cell{color:var(--color-main);text-align:center;font-size:1.1rem;font-weight:700}.desc-cell{color:var(--color-text-secondary);max-width:300px;font-size:13px}.features-cell{color:var(--color-text-secondary);max-width:250px;font-size:13px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--color-text-secondary);margin-bottom:20px;font-size:1.1rem}.related-block{margin-top:24px}.related-calc-links{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.related-calc-link{color:var(--text-primary);font-size:var(--font-size-base);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:16px;font-weight:500;text-decoration:none;transition:box-shadow .3s,border-color .2s;display:flex}.related-calc-link:hover{border-color:var(--accent-main);box-shadow:var(--shadow-hover)}.comparison-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}.comparison-table-wrapper table{border-collapse:separate;border-spacing:0;width:100%;min-width:700px;font-size:var(--font-size-base)}.comparison-table-wrapper tbody{background:var(--bg-card)}.comparison-table-wrapper thead{background:var(--accent-main)}.comparison-table-wrapper th{background:var(--accent-main);color:#fff;font-weight:700;font-size:var(--font-size-sm);text-align:left;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;border-top:1px solid var(--accent-main);border-bottom:2px solid var(--accent-dark);padding:10px 14px}.comparison-table-wrapper th:first-child{border-left:1px solid var(--accent-main)}.comparison-table-wrapper th:last-child{border-right:1px solid var(--accent-main)}.comparison-table-wrapper td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:7px 14px;line-height:1.35}.comparison-table-wrapper td:first-child{border-left:1px solid var(--border-light)}.comparison-table-wrapper td:last-child{border-right:1px solid var(--border-light)}.comparison-table-wrapper tbody tr{background:var(--bg-card)}.comparison-table-wrapper tbody tr:nth-child(2n){background:var(--bg-primary)}.comparison-table-wrapper tbody tr:hover{background:var(--accent-light)}.comparison-table-wrapper .rate-cell{color:var(--accent-main);white-space:nowrap;font-size:1.05em;font-weight:700}.comparison-table-wrapper td a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .15s}.comparison-table-wrapper td a:hover{color:var(--accent-main);text-decoration:underline}.category-seo-block{margin-bottom:28px}.category-seo-block h2{margin-bottom:12px;font-size:1.5rem}.category-seo-block p{color:var(--color-text-secondary);margin-bottom:10px;line-height:1.7}.category-faq-list{flex-direction:column;gap:12px;display:flex}.category-faq-item{border:1px solid var(--border-light);border-radius:var(--radius-card);background:var(--bg-card);padding:16px 20px}.category-faq-item summary{cursor:pointer;font-weight:600;list-style:none}.category-faq-item summary::-webkit-details-marker{display:none}.category-faq-item summary:before{content:"▾ ";color:var(--accent-main)}.category-faq-item[open] summary:before{content:"▴ "}.category-faq-item p{color:var(--color-text-secondary);margin:12px 0 0;line-height:1.7}}@layer utilities;