.shopping-page{padding-top:24px}
.shopping-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:38px;align-items:center;padding:50px;background:#f3eee7;border:1px solid #ddd5ca}
.shopping-hero h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:.16em 0}
.shopping-art{min-height:270px;background:url('assets/sofa.svg') center/contain no-repeat}
.shopping-nav{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0}
.shopping-nav a{padding:11px 14px;border:1px solid #d7d0c6;color:var(--text);font-size:12px;font-weight:900;text-decoration:none}
.shopping-nav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}
.shopping-panel{padding:34px;margin-bottom:28px;border:1px solid #ddd5ca;background:#fff}
.shopping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shopping-card{padding:24px;border:1px solid #ddd5ca;background:#faf8f5}
.shopping-card span,.shopping-result span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--accent)}
.shopping-card h2,.shopping-result h2{margin:7px 0}
.shopping-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.shopping-form label{display:grid;gap:7px;font-size:12px;font-weight:900}
.shopping-form input,.shopping-form select{box-sizing:border-box;width:100%;padding:13px;border:1px solid #cec7bd;background:#fff;font:inherit}
.shopping-form .wide,.shopping-actions,.shopping-result{grid-column:1/-1}
.shopping-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.shopping-result{padding:21px;background:#f5f1eb;border-left:4px solid var(--accent)}
.tracking-summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px;border:1px solid #ddd5ca;background:#faf8f5}
.tracking-summary small{display:block;color:#6f675e;margin-top:6px}
.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}
.milestone{padding:18px;background:#f5f1eb;border-top:4px solid #d4ccc1}
.milestone.done{border-color:var(--accent)}
.milestone b,.milestone small{display:block}
.milestone small{margin-top:6px;color:#6f675e}
.compare-picker{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.compare-picker label{display:grid;gap:6px;min-width:250px;font-size:12px;font-weight:900}
.compare-picker select{padding:13px;border:1px solid #cec7bd;font:inherit}
.compare-table{width:100%;border-collapse:collapse;margin-top:22px}
.compare-table th,.compare-table td{padding:14px;border:1px solid #ddd5ca;text-align:left;vertical-align:top}
.compare-table th{background:#f5f1eb}
.compare-table img{display:block;width:120px;height:90px;object-fit:contain;background:#faf8f5}
.compare-table button{border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}
.compare-actions{display:grid;gap:9px;min-width:135px}.compare-actions .button,.compare-actions button{width:100%;text-align:center;padding:11px}.compare-picker>span{flex:1 0 100%;min-height:18px;color:var(--muted);font-size:12px}.compare-picker button:disabled{opacity:.45;cursor:not-allowed}
.compare-empty{padding:30px;text-align:center;background:#faf8f5;border:1px dashed #cfc7bc}
.fit-meter{height:12px;background:#e8e1d8;margin:14px 0}
.fit-meter span{display:block;height:100%;background:var(--accent)}
@media(max-width:760px){
  .shopping-hero{grid-template-columns:1fr;padding:31px 23px}
  .shopping-art{min-height:180px}
  .shopping-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .shopping-nav::-webkit-scrollbar{display:none}
  .shopping-nav a{white-space:nowrap}
  .shopping-grid,.shopping-form,.milestones{grid-template-columns:1fr}
  .shopping-panel{padding:24px 18px}
  .shopping-form .wide,.shopping-actions,.shopping-result{grid-column:1}
  .tracking-summary{grid-template-columns:1fr}
  .compare-wrap{overflow-x:auto}
  .compare-table{min-width:650px}
}