Energy Efficient Hot Tubs

About

/* --- REFINED COMPACT PREMIUM STYLES --- */ .bb-showers-wrapper { width: 100%; box-sizing: border-box; margin: 20px auto; border-radius: 12px; overflow: hidden; border: 1px solid rgba(0, 107, 101, 0.1); box-shadow: 0 8px 24px rgba(42, 35, 34, 0.06); /* Subtly updated gradient for eco/water products: clean white to soft sea-foam green */ background: linear-gradient(135deg, #ffffff 0%, #e6f4f1 100%); display: flex; flex-direction: column; } .bb-showers-wrapper *, .bb-showers-wrapper *::before, .bb-showers-wrapper *::after { box-sizing: border-box; } .bb-header-container { display: flex; flex-direction: column; position: relative; } @media (min-width: 768px) { .bb-header-container { flex-direction: row; align-items: stretch; } } .bb-content-area { padding: 24px 30px; /* Strong internal padding preserved */ flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; } .bb-logo { max-width: 130px; height: auto; margin-bottom: 12px; /* Tightened slightly from 16px */ display: block; } .bb-title { color: #2A2322; font-size: 24px; font-weight: 500; /* Max weight 500 */ line-height: 1.15; margin: 8px 0; } @media (min-width: 768px) { .bb-title { font-size: 28px; } } .bb-title span { color: #40b7ab; } .bb-description { color: #2A2322; opacity: 0.8; font-size: 15px; font-weight: 400; line-height: 1.45; margin: 0; max-width: 480px; } .bb-benefits-area { background-color: rgba(255, 255, 255, 0.55); backdrop-filter: blur(10px); border-top: 1px solid rgba(0, 107, 101, 0.1); padding: 24px 30px; /* Kept strong padding */ width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; } @media (min-width: 768px) { .bb-benefits-area { border-top: none; border-left: 1px solid rgba(0, 107, 101, 0.1); width: 380px; /* Slightly wider to let text breathe without getting tall */ } } .bb-benefit-item { display: flex; align-items: flex-start; margin-bottom: 14px; /* Reduced from 16px to save vertical spa