.dormer-section-1{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}div>p{color:var(--gray-65)!important;font-size:1rem!important}.dormer-section-1>div:first-child{flex:300px}.dormer-img-box{flex:300px;justify-content:center;align-items:center;display:flex}.dormer-img-box img{border-radius:20px;width:100%;max-width:537px;height:auto;display:block}ol{padding:1rem;list-style-type:decimal}ol li{padding:1rem}#scrollButton{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#007bff;border:none;border-radius:0 0 10px 10px;padding:12px 24px;font-size:16px;transition:opacity .3s;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}#scrollButton.show{opacity:1;pointer-events:auto}@media (max-width:768px){.dormer-section-1{text-align:center;flex-direction:column;align-items:center;margin:0 auto 2rem;display:block}.dormer-img-box{width:100%;margin-top:1.5rem}}
.comparison-wrapper{margin-top:2rem}.comparison-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;display:grid}@media (min-width:768px){.comparison-grid{grid-template-columns:repeat(3,1fr)}}.comparison-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.comparison-card-highlighted{border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f633}.comparison-card-header{color:#fff;background:linear-gradient(135deg,#4b5563 0%,#374151 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.comparison-header-velux{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.comparison-card-header h3{margin:0;font-size:1.5rem;font-weight:700}.badge-recommended{color:#2563eb;letter-spacing:.5px;background:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.comparison-card-body{padding:0}.comparison-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex}.comparison-row:last-child{border-bottom:none}.comparison-label{color:#6b7280;font-size:.875rem;font-weight:500}.comparison-value{color:#1f2937;text-align:right;font-weight:600}.comparison-highlight{color:#059669}.comparison-card-highlighted .comparison-row{background:linear-gradient(90deg,#eff6ff00 0%,#eff6ff80 100%)}.comparison-summary{background:linear-gradient(135deg,#f0fdf4 0%,#dbeafe 100%);border-left:4px solid #10b981;border-radius:12px;margin-top:2rem;padding:2rem}.comparison-summary h3{color:#1f2937;margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.summary-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.summary-grid{grid-template-columns:repeat(3,1fr)}}.summary-item{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.summary-title{color:#2563eb;margin:0 0 .75rem;font-size:1rem;font-weight:700}.summary-item:first-child .summary-title{color:#2563eb}.summary-item:nth-child(2) .summary-title,.summary-item:last-child .summary-title{color:#6b7280}.summary-item ul{margin:0;padding:0;list-style:none}.summary-item li{color:#4b5563;margin:.5rem 0;font-size:.875rem;line-height:1.5}@media (max-width:767px){.comparison-card-header h3{font-size:1.25rem}.comparison-row{padding:.75rem 1rem}.comparison-summary{padding:1.5rem}}@media print{.comparison-card{break-inside:avoid;box-shadow:none;border:1px solid #000}.comparison-card:hover{transform:none}}