.table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1)}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}thead{background:linear-gradient(135deg,#1a365d,#2c5282)!important;color:white}th{padding:18px 16px;text-align:left;font-weight:600;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;border-bottom:3px solid #0891b2}td{padding:16px;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}tr:nth-child(even){background-color:#f8fafc}tr:hover{transform:scale(1.01);transition:all .2s ease}td:first-child{font-weight:600;color:#1a365d;font-size:1.05rem}td:nth-child(2){color:#065f46;font-weight:500}.durability-excellent{background:linear-gradient(135deg,#059669,#047857);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.durability-very-high{background:linear-gradient(135deg,#0891b2,#0e7490);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.durability-moderate{background:#e78383;background:linear-gradient(135deg,#f1c232,#f1c232);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.warranty{color:#1a365d;font-weight:500}.noise-quietest{color:#047857;font-weight:600}.noise-quiet{color:#0e7490;font-weight:600}.noise-moderate{color:#dc2626;font-weight:600}.build-premium{background:linear-gradient(135deg,#1a365d,#2c5282);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.build-average{background:linear-gradient(135deg,#64748b,#475569);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.energy-rating{color:#0891b2;font-weight:600}@media (max-width:768px){.container{padding:15px;margin:10px}h1{font-size:1.8rem;margin-bottom:20px}.table-wrapper{box-shadow:none;border-radius:0}table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{background:white;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e2e8f0}tr:hover{transform:none;background:white}td{border:0;border-bottom:1px solid #f1f5f9;position:relative;padding:12px 0;padding-left:45%;text-align:left}td:last-child{border-bottom:none}td:before{content:attr(data-label);position:absolute;left:6px;width:40%;padding-right:10px;white-space:nowrap;font-weight:600;color:#1a365d;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}td:first-child{background:linear-gradient(135deg,#0891b2,#0e7490);color:white;margin:-16px -16px 16px -16px;padding:16px;border-radius:12px 12px 0 0;text-align:center;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}td:first-child:before{display:none}