.compare-selector{position:relative;margin-bottom:var(--space-8)}.compare-selector__search{position:relative;display:flex;align-items:center}.compare-selector__search-icon{position:absolute;left:var(--space-3);width:1.25rem;height:1.25rem;color:var(--text-muted);pointer-events:none}.compare-selector__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-10);font-size:var(--text-sm);border:var(--border-card);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.compare-selector__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.compare-selector__input:disabled{opacity:.5;cursor:not-allowed}.compare-selector__clear-input{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out)}.compare-selector__clear-input:hover{color:var(--text-primary)}.compare-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:20rem;overflow-y:auto}.compare-selector__dropdown-loading,.compare-selector__dropdown-empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.compare-selector__spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-brand-500);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compare-selector__result{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.compare-selector__result:hover:not(:disabled){background:var(--color-gray-50)}.compare-selector__result--disabled{opacity:.5;cursor:not-allowed}.compare-selector__result-name{font-weight:600;color:var(--text-primary);white-space:nowrap}.compare-selector__result-meta{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-selector__result-badge{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.compare-selector__chips{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.compare-selector__chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.compare-selector__chip:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.compare-selector__chip-info{display:flex;flex-direction:column}.compare-selector__chip-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.compare-selector__chip-mfr{font-size:var(--text-xs);color:var(--text-muted)}.compare-selector__chip-remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.compare-selector__chip-remove:hover{background:var(--color-error-50, #fee2e2);color:var(--color-error, #ef4444)}.compare-selector__footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.compare-selector__count{font-size:var(--text-sm);color:var(--text-muted)}.compare-selector__clear-all{font-size:var(--text-sm);color:var(--text-link);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.compare-selector__clear-all:hover{color:var(--color-brand-700)}@media(max-width:767px){.compare-selector{margin-bottom:var(--space-6)}.compare-selector__chips{gap:var(--space-2);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.compare-selector__chips::-webkit-scrollbar{display:none}.compare-selector__chip{flex-shrink:0}.compare-selector__input{font-size:1rem}.compare-selector__result{min-height:2.75rem}.compare-selector__chip-remove{width:2rem;height:2rem}}.compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-8);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.compare-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:36rem}.compare-table thead{background:var(--color-gray-50);border-bottom:var(--border-card)}.compare-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap}.compare-table__label-col{position:sticky;left:0;z-index:2;background:var(--color-gray-50);min-width:10rem;max-width:14rem}.compare-table__firearm-col{min-width:10rem}.compare-table__header{display:flex;flex-direction:column;gap:2px;position:relative;padding-right:var(--space-6)}.compare-table__header-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.compare-table__header-mfr{font-weight:400;font-size:var(--text-xs);color:var(--text-muted)}.compare-table__header-remove{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.compare-table__header-remove:hover{color:var(--color-error, #ef4444);background:var(--color-error-50, #fee2e2)}.compare-table__group-row{background:var(--color-gray-50)}.compare-table__group-label{padding:var(--space-2) var(--space-4);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-top:var(--border-card)}.compare-table td{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-gray-100);vertical-align:middle}.compare-table__label-cell{position:sticky;left:0;z-index:1;background:var(--surface-page, #fff);font-weight:500;color:var(--text-primary);min-height:2.25rem}.compare-table__value-cell{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out)}.compare-table__cell--best{background:var(--color-success-50, #f0fdf4);color:var(--color-success-700, #15803d);font-weight:600}.compare-table__cell--worst{background:var(--color-gray-50);color:var(--text-muted)}.compare-table__delta-col{min-width:7rem;text-align:right;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.compare-table__delta-header{display:inline-flex;align-items:center;gap:4px;cursor:help}.compare-table__delta-info{width:.875rem;height:.875rem;color:var(--text-muted);opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.compare-table__delta-header:hover .compare-table__delta-info{opacity:1}.compare-table__delta-cell{text-align:right;white-space:nowrap;border-left:1px solid var(--color-gray-100)}.compare-table__delta-pct{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-brand-600);background:var(--color-brand-50);padding:1px var(--space-2);border-radius:var(--radius-full)}.compare-table__delta-abs{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.compare-table tbody tr:not(.compare-table__group-row):hover td{background:var(--color-gray-50)}.compare-table tbody tr:not(.compare-table__group-row):hover .compare-table__cell--best{background:var(--color-success-100, #dcfce7)}.compare-table tbody tr:not(.compare-table__group-row):hover .compare-table__label-cell{background:var(--color-gray-50)}.popular-comparisons{margin-bottom:var(--space-12)}.popular-comparisons__heading{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--space-2)}.popular-comparisons__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.popular-comparisons__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.popular-comparisons__card{display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-6);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.popular-comparisons__card:hover{border-color:var(--color-brand-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.popular-comparisons__matchup{display:flex;align-items:center;gap:var(--space-3)}.popular-comparisons__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.popular-comparisons__vs-icon{width:1.25rem;height:1.25rem;color:var(--color-brand-500);flex-shrink:0}@media(min-width:640px){.popular-comparisons__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.popular-comparisons__grid{grid-template-columns:repeat(3,1fr)}}.similar-suggestions{margin-bottom:var(--space-12)}.similar-suggestions__heading{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;margin-bottom:var(--space-2)}.similar-suggestions__heading-icon{width:1.25rem;height:1.25rem;color:var(--color-brand-500)}.similar-suggestions__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.similar-suggestions__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8) 0}.similar-suggestions__spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-brand-500);border-radius:50%;animation:similar-spin .6s linear infinite}@keyframes similar-spin{to{transform:rotate(360deg)}}.similar-suggestions__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.similar-suggestions__card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.similar-suggestions__card:hover:not(:disabled){border-color:var(--color-brand-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.similar-suggestions__card--disabled{opacity:.5;cursor:not-allowed;transform:none!important}.similar-suggestions__card-info{display:flex;flex-direction:column;min-width:0}.similar-suggestions__card-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-suggestions__card-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-suggestions__card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.similar-suggestions__score{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-success-700, #15803d);background:var(--color-success-50, #f0fdf4);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.similar-suggestions__add-icon{width:1.25rem;height:1.25rem;color:var(--color-brand-500);transition:color var(--duration-fast) var(--ease-out)}.similar-suggestions__card:hover:not(:disabled) .similar-suggestions__add-icon{color:var(--color-brand-700)}@media(min-width:640px){.similar-suggestions__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.similar-suggestions__grid{grid-template-columns:repeat(3,1fr)}}.compare{max-width:72rem;margin:0 auto;padding:var(--space-16) var(--content-padding) var(--space-24)}.compare__hero{position:relative;margin-bottom:var(--space-10)}.compare__hero-content{position:relative;z-index:1}.compare__crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-subtle)}.compare__crumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.compare__crumbs a:hover{color:var(--text-link)}.compare__crumb-sep{color:var(--color-gray-300);font-size:var(--text-base)}.compare__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-brand-700);background:var(--color-brand-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.compare__badge-icon{width:1rem;height:1rem}.compare__title{font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--space-4)}.compare__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:40rem}.compare__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-2)}.compare__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16) 0;color:var(--text-muted);font-size:var(--text-sm)}.compare__cta{position:relative;text-align:center;margin-top:var(--space-8);padding:var(--space-12) var(--space-6) var(--space-12);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);overflow:hidden}.compare__cta-bullet{display:flex;justify-content:center;margin-bottom:var(--space-4);opacity:.18;pointer-events:none;filter:drop-shadow(0 0 20px rgba(200,16,46,.06))}.compare__cta-title{position:relative;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-2)}.compare__cta-desc{position:relative;font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}@media(max-width:767px){.compare{padding:var(--space-8) var(--content-padding) var(--space-12)}.compare__hero{margin-bottom:var(--space-6)}.compare__subtitle{font-size:var(--text-base)}.compare__cta{padding:var(--space-8) var(--space-4)}.compare__cta-title{font-size:var(--text-xl)}.compare__cta-desc{font-size:var(--text-sm)}}