:root{--background:#e8ede8;--card-bg:#fafaf8;--text:#2d3436;--primary:#5a8c6f;--secondary:#4a9b8e;--link:#5a8c6f;--border:#d4dcd4;--star-filled:#f4a460;--star-empty:#d4d4d0;--highlight-bg:#e8f5f3}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 8%, transparent), transparent 40%), var(--background);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-weight:600}a{color:var(--link);text-decoration:none;transition:color .2s}a:hover{color:var(--secondary);text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.site-header,.site-footer,main{width:min(1200px,100% - 2rem);margin-inline:auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.brand{letter-spacing:-.02em;color:var(--text);font-family:Georgia,serif;font-size:1.25rem;font-weight:650;text-decoration:none}.nav{flex-wrap:wrap;gap:1.5rem;display:flex}.nav a{color:var(--text);border-radius:.5rem;padding:.5rem .75rem;font-weight:500;transition:all .2s}.nav a:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);text-decoration:none}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:inline-block}main{padding:1rem 0 4rem}.site-footer{border-top:1px solid var(--border);opacity:.65;padding:1.5rem 0 2.5rem;font-size:.85rem}.hero{margin-bottom:3rem}.hero h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:2.5rem;line-height:1.1}.hero p{opacity:.75;max-width:42rem;margin:0;font-size:1.1rem;line-height:1.6}.section{margin-bottom:3rem}.section h2{margin:0 0 1.5rem;font-size:1.75rem}.section h3{margin:0 0 1rem;font-size:1.25rem}.catalog{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.product{background:var(--card-bg);border:1px solid var(--border);box-shadow:0 2px 8px color-mix(in srgb, var(--text) 4%, transparent);color:inherit;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.product:hover{border-color:var(--primary);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 8%, transparent);text-decoration:none;transform:translateY(-2px)}.product h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.rating-badge{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.rating-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.1rem;font-weight:700;display:flex}.rating-circle.excellent{background:var(--star-filled)}.rating-circle.good{background:#d4a017}.rating-circle.fair{background:var(--primary)}.rating-text{flex-direction:column;gap:.15rem;display:flex}.rating-number{font-size:1.5rem;font-weight:700;line-height:1}.rating-count{opacity:.65;font-size:.85rem}.chips{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.chip{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.highlight-snippet{background:var(--highlight-bg);border-left:3px solid var(--primary);border-radius:.25rem;margin:.5rem 0;padding:.75rem;font-size:.9rem;font-style:italic;line-height:1.5}.back{margin-bottom:1.5rem;font-size:.9rem;font-weight:500;display:inline-block}.detail h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:2.5rem}.detail-meta{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.85rem;font-weight:600}.meta-value{color:var(--primary);font-size:1.5rem;font-weight:700}.specs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.spec{background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.spec dt{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin:0 0 .5rem;font-size:.8rem;font-weight:600}.spec dd{margin:0;font-size:1rem;line-height:1.5}.filter-chips{scrollbar-width:thin;gap:.75rem;margin-bottom:2rem;padding:.5rem 0;display:flex;overflow-x:auto}.filter-chip{background:color-mix(in srgb, var(--background) 60%, white);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.filter-chip:hover{background:color-mix(in srgb, var(--primary) 15%, transparent);border-color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.comparison-table{border-collapse:collapse;background:var(--card-bg);width:100%;box-shadow:0 2px 8px color-mix(in srgb, var(--text) 4%, transparent);border-radius:.5rem;overflow:hidden}.comparison-table th{background:var(--primary);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.9rem;font-weight:600}.comparison-table td{border-bottom:1px solid var(--border);padding:1rem}.comparison-table tr:nth-child(2n){background:color-mix(in srgb, var(--background) 40%, white)}.comparison-table tr:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.budget-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.budget-column{background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.budget-column h3{color:var(--primary);margin-top:0;font-size:1.4rem}.budget-list{margin:1rem 0 0;padding:0;list-style:none}.budget-list li{border-bottom:1px solid var(--border);padding:.75rem 0}.budget-list li:last-child{border-bottom:none}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;transition:all .2s}.feature-card:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--text) 8%, transparent);transform:translateY(-2px)}.feature-card h3{color:var(--primary);align-items:center;gap:.5rem;margin-top:0;display:flex}.feature-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.breadcrumb{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.breadcrumb a{color:var(--link)}.breadcrumb span{opacity:.6}.search-bar{border:1px solid var(--border);background:var(--card-bg);border-radius:.5rem;width:100%;max-width:500px;margin-bottom:2rem;padding:.75rem 1rem;font-size:1rem}.search-bar:focus{outline:2px solid var(--secondary);outline-offset:2px;border-color:var(--secondary)}.empty-state{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:3rem 1rem}.empty-state p{opacity:.75;margin-bottom:1.5rem;font-size:1.1rem}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{background:var(--secondary);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);text-decoration:none;transform:scale(1.02)}.btn:active{transform:scale(1)}@media (width<=768px){.hero h1{font-size:2rem}.catalog,.budget-grid,.feature-grid{grid-template-columns:1fr}.comparison-table{font-size:.9rem}.comparison-table th,.comparison-table td{padding:.75rem .5rem}.nav{justify-content:flex-start;width:100%}}@media print{.site-header,.site-footer,.filter-chips,.search-bar,.btn{display:none}.product,.feature-card,.budget-column{break-inside:avoid;box-shadow:none}}