4 Person Hot Tubs

关于

/* --- 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(64, 183, 171, 0.2); box-shadow: 0 8px 24px rgba(42, 35, 34, 0.06); /* Subtly updated gradient to a cool water/aqua aesthetic */ background: linear-gradient(135deg, #ffffff 0%, #e0f2f1 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; 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; display: block; } .bb-title { color: #2A2322; font-size: 24px; font-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.6); backdrop-filter: blur(10px); border-top: 1px solid rgba(64, 183, 171, 0.15); padding: 24px 30px; 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(64, 183, 171, 0.15); width: 380px; } } .bb-benefit-item { display: flex; align-items: flex-start; margin-bottom: 14px; } .bb-benefit-item:last-child { margin-bottom: 0; } .bb-benefit-icon { flex-shrink: 0; font-size: 20px; color: #40b7ab; margin-right: 12px; margin-top: 2px; transition: transform 0.3s ease; } .bb-benefit-item:hover .bb-benefit-icon { transform: scal