.shower-desc {
–primary: #1a1a1a;
–accent: #a67c52;
–accent-light: #d4b896;
–muted: #666;
–bg-light: #fafaf8;
–shadow: rgba(0, 0, 0, .1);
color: var(–primary);
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
line-height: 1.6;
background: linear-gradient(to bottom, #fff 0%, var(–bg-light) 100%);
margin: 0;
padding: 0;
}
.shower-desc__wrap {
max-width: 900px;
margin: 0 auto;
padding: clamp(24px, 4vw, 60px) clamp(16px, 2vw, 24px);
}
.shower-desc__header {
text-align: center;
padding: clamp(40px, 6vw, 80px) 0;
position: relative;
}
.shower-desc__header::after {
content: “”;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: linear-gradient(90deg, transparent, var(–accent), transparent);
}
.shower-desc__eyebrow {
font-size: clamp(.75rem, 1vw, .85rem);
letter-spacing: .15em;
text-transform: uppercase;
color: var(–accent);
margin: 0 0 1rem;
font-weight: 600;
}
.shower-desc__title {
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.1;
margin: 0 0 1rem;
font-weight: 700;
color: var(–accent);
}
.shower-desc__sub {
color: var(–muted);
font-size: clamp(1.7rem, 1.8vw, 1.5rem);
max-width: 700px;
margin: 0 auto;
line-height: 1.7;
}
.shower-desc__cta-section {
text-align: center;
margin: clamp(30px, 4vw, 40px) 0;
padding: clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 2px solid var(–accent);
box-shadow: 0 8px 30px rgba(166, 124, 82, .15);
}
.shower-desc__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px;
}
.shower-desc__cta-primary {
background: var(–accent);
color: #fff;
border: none;
padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);
font-size: clamp(15px, 2vw, 18px);
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all .3s ease;
box-shadow: 0 4px 15px rgba(166, 124, 82, .3);
text-transform: uppercase;
letter-spacing: .5px;
width: 100%;
max-width: 400px;
}
.shower-desc__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4);
}
.shower-desc__cta-primary:active {
transform: translateY(0);
}
.shower-desc__trust-bar {
display: flex;
justify-content: center;
gap: clamp(15px, 3vw, 30px);
margin-top: 20px;
flex-wrap: wrap;
font-size: clamp(11px, 1.5vw, 14px);
color: var(–primary);
font-weight: 500;
}
.shower-desc__trust-bar div {
display: flex;
align-items: center;
gap: 5px;
}
.shower-desc__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold;
}
.shower-desc__guarantees-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 30px 0;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow);
}
.guarantee-item {
text-align: center;
padding: 15px;
background: var(–bg-light);
border-radius: 8px;
transition: all .3s ease;
}
.guarantee-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px var(–shadow);
}
.guarantee-item svg {
width: 32px;
height: 32px;
margin: 0 auto 10px;
color: var(–accent);
}
.guarantee-item strong {
display: block;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
margin-top: 8px;
}
.shower-desc__scarcity-notice {
background: #fff8f0;
border: 2px solid var(–accent);
border-radius: 8px;
padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);
margin: 25px 0;
text-align: center;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
line-height: 1.6;
}
.shower-desc__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent);
}
.shower-desc__scarcity-notice a:hover {
color: #8b6740;
}
.shower-desc__config {
margin: 60px 0;
}
.shower-desc__config h3 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center;
}
.shower-desc__config-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
line-height: 1.7;
max-width: 700px;
margin: 0 auto 35px;
}
.shower-desc__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light);
}
.shower-desc__config-section h4 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center;
}
.shower-desc__config-options {
display: grid;
gap: 8px;
}
.shower-desc__config-section:first-child .shower-desc__config-options {
grid-template-columns: 1fr;
}
.shower-desc__config-section:last-child .shower-desc__config-options {
grid-template-columns: 1fr;
}
.shower-desc__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 13px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative;
}
.shower-desc__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow);
}
.shower-desc__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.shower-desc__config-slider-title {
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px;
}
.shower-desc__config-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
max-height: 500px;
padding: 0 40px;
}
.shower-desc__config-slider-container::-webkit-scrollbar {
height: 8px;
}
.shower-desc__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.shower-desc__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
}
.shower-desc__config-slider {
display: flex;
gap: 20px;
padding: 5px;
}
.shower-desc__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start;
}
.shower-desc__config-slide-img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light);
}
.shower-desc__config-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease;
}
.shower-desc__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1);
}
.shower-desc__config-arrow–left {
left: 4px;
}
.shower-desc__config-arrow–right {
right: 4px;
}
.shower-desc__guarantee-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
padding: clamp(20px, 4vw, 30px);
margin: 40px 0;
box-shadow: 0 8px 25px rgba(166, 124, 82, .15);
}
.shower-desc__guarantee-box h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center;
}
.shower-desc__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
.shower-desc__guarantee-box li {
padding: 12px 0 12px 35px;
position: relative;
font-size: clamp(13px, 1.5vw, 15px);
line-height: 1.6;
color: var(–primary);
border-bottom: 1px solid var(–accent-light);
}
.shower-desc__guarantee-box li:last-child {
border-bottom: none;
}
.shower-desc__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px;
}
.shower-desc__guarantee-box li strong {
color: var(–accent);
}
.shower-desc__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px);
}
.shower-desc__features {
margin: clamp(60px, 8vw, 100px) 0;
}
.shower-desc__features h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
/* Match “Distinctive Features” heading style */
.shower-desc__specs-section h3,
.shower-desc__guarantee-box h4,
.shower-desc__download h4 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
/* Except guarantee & download are h4, so override font-size slightly if desired */
.shower-desc__guarantee-box h4,
.shower-desc__download h4 {
font-size: clamp(20px, 3vw, 24px);
border-bottom-width: 1px;
}
.shower-desc__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none;
}
.shower-desc__features-list li {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
transition: all .3s ease;
}
.shower-desc__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.shower-desc__feature-icon {
width: 50px;
height: 50px;
background: #f0e8df;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(–accent);
border: 1px solid var(–accent-light);
align-self: flex-start;
}
.shower-desc__feature-icon svg {
width: 28px;
height: 28px;
}
.shower-desc__feature-content h5 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3;
}
.shower-desc__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0;
}
.lifestyle-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: clamp(40px, 6vw, 60px) 0;
}
.lifestyle-section__image {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
}
.lifestyle-section__image img {
width: 100%;
height: auto;
display: block;
transition: transform .5s ease;
}
.lifestyle-section__content h4 {
margin-bottom: 15px;
color: var(–primary);
font-size: clamp(18px, 2.5vw, 20px);
font-weight: 600;
line-height: 1.3;
}
.lifestyle-section__content p {
color: var(–muted);
line-height: 1.7;
font-size: clamp(14px, 1.5vw, 15px);
margin: 0;
}
.shower-desc__specs-section {
margin: clamp(60px, 8vw, 100px) 0;
}
.shower-desc__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow);
}
.shower-desc__specs-table tr {
border-bottom: 1px solid var(–accent-light);
}
.shower-desc__specs-table tr:last-child {
border-bottom: none;
}
.shower-desc__specs-table td {
padding: 12px 20px;
font-size: 14px;
}
.shower-desc__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light);
}
.shower-desc__specs-table td:last-child {
color: var(–muted);
}
.shower-desc__download {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
border: 1px solid var(–accent-light);
}
.shower-desc__download h4 {
color: var(–primary);
}
.shower-desc__download p {
color: var(–muted);
margin-bottom: 15px;
}
.shower-desc__download a {
display: inline-block;
background: var(–accent);
color: #fff;
padding: 12px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .3s ease;
}
.shower-desc__download a:hover {
background: #8b6740;
}
.ie-warranty {
font-family: inherit;
margin: clamp(40px, 6vw, 60px) 0;
border: 1px solid var(–accent-light);
border-radius: 12px;
overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
box-shadow: 0 4px 15px var(–shadow);
}
.ie-warranty__top {
display: flex;
align-items: center;
gap: .75rem;
padding: 1.5rem 1.5rem 1rem;
background: var(–accent);
color: #fff;
}
.ie-warranty__shield {
width: 24px;
height: 24px;
flex: 0 0 24px;
color: #fff;
}
.ie-warranty__title {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .2px;
color: #fff;
}
.ie-warranty__body {
padding: 1.5rem;
}
.ie-warranty__body p {
margin: 0 0 .75rem 0;
line-height: 1.6;
color: var(–primary);
}
.ie-warranty__list {
margin: .5rem 0 0 0;
padding-left: 1.25rem;
color: var(–primary);
}
.ie-warranty__list li {
margin: .4rem 0;
line-height: 1.5;
}
.ie-warranty__note {
margin-top: 1rem;
font-size: .9rem;
opacity: .8;
color: var(–muted);
}
.shower-desc__faq {
margin-top: clamp(60px, 8vw, 100px);
}
.shower-desc__faq h3 {
font-size: 28px;
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
.shower-desc__faq details {
border: none;
border-radius: 6px;
padding: 15px;
background: var(–bg-light);
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
margin-bottom: 10px;
border: 1px solid var(–accent-light);
}
.shower-desc__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px);
}
.shower-desc__faq summary {
font-weight: 600;
color: var(–primary);
outline: none;
user-select: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px;
}
.shower-desc__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease;
}
.shower-desc__faq details[open] summary::before {
transform: rotate(90deg);
}
.shower-desc__faq summary:hover {
color: var(–accent);
}
.shower-desc__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent);
}
.shower-desc__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0;
}
/* ========== REVIEWS SECTION CSS ========== */
.shower-reviews {
margin: clamp(60px, 8vw, 80px) 0;
border-top: 1px solid var(–accent-light);
padding-top: 40px;
}
.shower-reviews__header {
display: flex;
align-items: baseline;
gap: 15px;
margin-bottom: 30px;
}
.shower-reviews__title {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
font-weight: 600;
margin: 0;
}
.shower-reviews__total-rating {
font-size: 14px;
color: var(–primary);
}
.shower-reviews__slider {
display: flex;
gap: 20px;
overflow-x: auto;
padding-bottom: 20px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.shower-reviews__slider::-webkit-scrollbar {
height: 4px;
}
.shower-reviews__slider::-webkit-scrollbar-thumb {
background: var(–accent-light);
border-radius: 4px;
}
.shower-review-item {
flex: 0 0 300px;
scroll-snap-align: start;
background: var(–bg-light);
border: 1px solid var(–accent-light);
border-radius: 8px;
padding: 25px;
display: flex;
flex-direction: column;
gap: 12px;
}
.shower-reivew__author-row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.shower-review__name {
font-weight: 700;
color: var(–primary);
}
.shower-review__date {
color: var(–muted);
font-size: 12px;
}
.shower-review__stars {
color: #dcb06b; /* Muted Gold */
font-size: 14px;
letter-spacing: 2px;
}
.shower-review__body {
font-size: 14px;
line-height: 1.6;
color: var(–primary);
font-style: italic;
}
/* ========== KEY DIMENSIONS CSS ========== */
.shower-dims {
margin: clamp(60px, 8vw, 100px) 0;
}
.shower-dims h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
text-align: left;
}
.shower-dims__box {
background: #fff;
border: 2px solid var(–accent-light);
border-radius: 12px;
padding: 30px 20px;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 30px;
box-shadow: 0 8px 30px rgba(166, 124, 82, .15);
}
.shower-dims__item {
text-align: center;
position: relative;
flex: 1;
min-width: 140px;
}
/* Vertical dividers on desktop */
.shower-dims__item:not(:last-child):after {
content: “”;
position: absolute;
right: -15px;
top: 15%;
height: 70%;
width: 1px;
background: #eee;
display: block;
}
.shower-dims__label {
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–accent);
margin-bottom: 10px;
font-weight: 700;
}
.shower-dims__value {
font-size: 26px;
font-weight: 700;
color: var(–primary);
display: block;
margin-bottom: 4px;
font-family: serif;
}
.shower-dims__sub {
font-size: 13px;
color: #999;
}
/* ========== PACKAGE INCLUDES CSS ========== */
.shower-pkg {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 30px;
margin: 60px 0;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.shower-pkg__header {
text-align: center;
margin-bottom: 30px;
}
.shower-pkg__header h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 5px;
font-weight: 600;
}
.shower-pkg__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px 30px;
max-width: 800px;
margin: 0 auto;
}
.shower-pkg__item {
display: flex;
align-items: center;
gap: 12px;
font-size: 15px;
color: var(–primary);
padding: 12px 15px;
background: #fff;
border-radius: 6px;
border: 1px solid transparent;
transition: all 0.2s ease;
}
.shower-pkg__item:hover {
border-color: var(–accent-light);
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transform: translateX(2px);
}
.shower-pkg__item svg {
color: var(–accent);
flex-shrink: 0;
}
/* ========== MOBILE RESPONSIVE UPDATES ========== */
@media (max-width: 768px) {
/* Key Dimensions Grid 2×2 */
.shower-dims__box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 10px;
padding: 20px;
}
.shower-dims__item:not(:last-child):after {
display: none;
}
.shower-dims__item {
border-bottom: none;
padding-bottom: 0;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.shower-dims__item:nth-child(1),
.shower-dims__item:nth-child(2) {
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.shower-dims__item:nth-child(odd) {
border-right: 1px solid #f0f0f0;
padding-right: 5px;
}
.shower-dims__item:nth-child(even) {
padding-left: 5px;
}
/* Package List Vertical on Mobile */
.shower-pkg__list {
grid-template-columns: 1fr;
gap: 10px;
}
}/* ========== CENTERING FIXES ========== */
/* 1. Center the Hero Subtitle */
.shower-desc__sub {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
}
/* 2. Center the Configuration Intro Text */
.shower-desc__config-intro {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
}
/* ========== MOBILE RESPONSIVE (CLEANED) ========== */
@media (max-width: 768px) {
.shower-desc__features-list {
grid-template-columns: 1fr;
gap: 15px;
}
.shower-desc__features-list li {
padding: 15px;
gap: 12px;
}
.shower-desc__feature-icon {
width: 45px;
height: 45px;
}
.shower-desc__feature-icon svg {
width: 24px;
height: 24px;
}
.shower-desc__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px;
}
.shower-desc__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px);
}
.shower-desc__config-slider-wrap {
max-width: 100%;
}
.shower-desc__config-slide-img {
height: 300px;
}
.shower-desc__config-slider-title {
font-size: 18px;
margin-bottom: 20px;
}
.shower-desc__specs-table td {
padding: 10px 12px;
font-size: 13px;
}
.shower-desc__specs-table td:first-child {
width: 45%;
}
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px;
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr;
}
.lifestyle-section__content {
direction: ltr;
}
.shower-desc__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px;
}
.guarantee-item {
padding: 12px;
}
.guarantee-item svg {
width: 28px;
height: 28px;
}
.shower-desc__header {
padding: clamp(30px, 5vw, 50px) 0;
}
.shower-desc__title {
line-height: 1.2;
}
.shower-desc__sub {
font-size: clamp(1rem, 2vw, 1.1rem);
}
.shower-desc__cta-section {
padding: 20px 15px;
}
.shower-desc__trust-bar {
gap: 10px;
font-size: 11px;
}
.shower-desc__faq summary {
font-size: 14px;
}
.shower-desc__faq p {
font-size: 13px;
}
.shower-desc__faq details {
padding: 12px;
}
.ie-warranty__title {
font-size: 1rem;
}
.ie-warranty__body {
padding: 1.2rem;
}
.shower-desc__download {
padding: 20px 15px;
}
.shower-desc__download h4 {
font-size: 18px;
}
.shower-desc__download p {
font-size: 13px;
}
.shower-desc__download a {
padding: 12px 24px;
font-size: 13px;
}
}
.shower-desc__tailored {
margin: 40px 0;
max-width: 700px;
}
.shower-desc__tailored h3 {
font-size: 2rem;
font-weight: 600;
text-align: center;
margin-bottom: 12px;
color: var(–text);
}
.shower-desc__tailored-sub {
text-align: center;
color: var(–muted);
margin-bottom: 32px;
font-size: 1rem;
}
.shower-desc__option-container {
padding: 24px;
border: 1px solid #d4c0a8;
border-radius: 12px;
background-color: #faf9f6;
}
.shower-desc__option-title {
font-size: 1.125rem;
font-weight: 500;
color: #b5946e;
text-align: center;
margin-bottom: 16px;
}
.shower-desc__option-group {
display: flex;
flex-direction: column;
gap: 12px;
}
.shower-desc__option-button {
padding: 14px 20px;
font-size: 1rem;
font-weight: 500;
color: var(–text);
background-color: white;
border: 1px solid #d4c0a8;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
box-shadow: none;
}
.shower-desc__option-button:hover {
background-color: #f8f5f0;
border-color: #c0a88a;
}
.shower-desc__option-button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(181, 148, 110, 0.3);
}
.shower-desc__option-button:active {
transform: translateY(1px);
}
@media (max-width: 480px) {
.shower-desc__wrap {
padding: 20px 12px;
}
.shower-desc__header {
padding: 25px 0;
}
.shower-desc__config-slider-container {
padding: 0 35px;
}
.shower-desc__config-arrow {
width: 30px;
height: 30px;
font-size: 16px;
}
.shower-desc__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px;
}
.guarantee-item {
padding: 10px;
}
.shower-desc__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center;
}
.shower-desc__features-list {
gap: 12px;
}
.shower-desc__features-list li {
padding: 12px;
}
}
/* — NEW KEY DIMENSIONS SPLIT LAYOUT — */
.shower-dims__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
background: #fff;
border: 2px solid var(–accent-light);
border-radius: 12px;
padding: 30px;
box-shadow: 0 8px 30px rgba(166, 124, 82, .15);
}
.shower-dims__image img {
width: 100%;
height: auto;
border-radius: 8px;
display: block;
}
/* Reset the old box wrapper safely into a 2×2 grid without its old border */
.shower-dims__box {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 30px 10px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
/* Hide the old desktop vertical dividers */
.shower-dims__item:not(:last-child):after {
display: none !important;
}
/* Mobile responsive stacking */
@media (max-width: 768px) {
.shower-dims__container {
grid-template-columns: 1fr;
padding: 20px;
gap: 20px;
}
}
Unlacquered Brass 2-Outlet Shower, Ceiling Shower System, Overhead Shower With Handheld, Ceiling Mount Showerhead And Hand Shower
Immerse yourself in a transcendent showering experience, engineered from solid brass.
Transform your daily routine into a sanctuary of cascading warmth. This ceiling-mounted system delivers an immersive, rain-like downpour from above, completely free of visible plumbing clutter for an ultra-sleek, architectural look.
Forged from heavy, unlacquered solid brass, the finish arrives brilliantly polished and, over time, responds to water and touch by developing a rich, living patina—a testament to its authenticity and generational craftsmanship.
Choose Your Shape
One system, three overhead expressions — all in living unlacquered brass.
Need a custom arm length or finish? Contact us — bespoke orders welcome.
Gallery
Customer Reviews
🛡️ Our No-Risk Promise to You
- 30-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers manufacturing defects in materials and workmanship.
- Flexible Returns: Easy return process if installation or fit isn’t right.
We’re so confident you’ll cherish this system for decades, the risk is entirely on us.
Key Dimensions
.px-thread-note {
max-width: 900px;
margin: 32px 0;
font-family: inherit;
}
.px-thread-note-inner {
position: relative;
background: linear-gradient(135deg, #fdf9f4 0%, #f5ede0 100%);
border: 1px solid #d4b896;
border-radius: 2px;
padding: 22px 26px 18px 26px;
display: flex;
align-items: flex-start;
gap: 18px;
}
.px-thread-note-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
margin-top: 2px;
}
.px-thread-note-icon svg {
width: 100%;
height: 100%;
}
.px-thread-note-body {
flex: 1;
}
.px-thread-note-title {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #865e35;
margin: 0 0 8px 0;
}
.px-thread-note-text {
font-size: 14.5px;
line-height: 1.6;
color: #3b2f25;
margin: 0 0 10px 0;
}
.px-thread-note-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.px-thread-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1.5px solid #865e35;
border-radius: 3px;
padding: 5px 12px;
font-size: 13px;
font-weight: 600;
color: #2a1e17;
letter-spacing: 0.03em;
}
.px-thread-badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #865e35;
flex-shrink: 0;
}
.px-thread-note-sub {
font-size: 12px;
color: #7a6650;
font-style: italic;
line-height: 1.4;
margin: 0;
padding-top: 10px;
border-top: 1px solid #ddd0be;
}
@media (max-width: 600px) {
.px-thread-note-inner {
flex-direction: column;
gap: 12px;
}
.px-thread-note-icon {
width: 30px;
height: 30px;
}
}
Universal Plumbing Compatibility
Our showers ship with the correct connection for your region.
Using a different plumbing standard? Contact us — we’ll provide the correct fitting for your installation at no extra charge.
Distinctive Features
-
Unlacquered Brass Finish
Arrives vibrantly shiny and naturally evolves into a rich, complex patina over time, making your fixture uniquely yours.
-
100% Solid Brass Construction
No zinc, no plating. Crafted from pure, weighty solid brass to ensure exceptional strength and generational durability.
-
Dual-Function Design
Combines a luxurious overhead rain showerhead with a versatile matching handheld sprayer in one sophisticated system.
-
Clean Ceiling Integration
A streamlined, built-in design that hides plumbing behind the scenes, leaving no exposed pipes and a flawlessly seamless look.
-
High-Pressure Tested
Rigorously pressure-tested to ensure flawless water flow and steadfast durability for your daily, high-performance routines.
-
Customizable to Your Space
Adaptable to your precise architectural vision with customizable ceiling arm lengths and finishes available upon request.
Rain From Above. Reach in Hand.
Surrender to the soothing embrace of an overhead downpour that mirrors natural rainfall, washing away the day’s tension. When you need precision, the perfectly weighted handheld sprayer detaches effortlessly, giving you total control for targeted rinsing or easy tub cleaning.
Everything Arrives. Nothing Missing.
Your complete sanctuary is boxed and ready, designed for a flawless installation from day one. Every single element—from the ceiling drop arm to the flexible hose and essential hardware—is included so your plumber can integrate it seamlessly into your space without delay.
📦 What’s in the Box?
Complete 2-Outlet Trim Kit
Technical Specifications
| Type | Ceiling Mount Shower System |
| Outlets | 2 Functions (Overhead Rain + Handheld) |
| Material | Solid Brass |
| Finish | Unlacquered Brass (Develops Natural Patina Over Time) |
| Installation | Ceiling-Mounted (Built-In) |
| Construction | Traditional Plumbing – Easy to repair when needed |
| Quality Testing | High-Pressure Tested for Flow & Durability |
| Customizable | Finish & Arm Length Customizable Upon Request |
| Maintenance | Clean with soft cloth; avoid abrasive products |
| Return Policy | 30-Day Return |
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on brass components and finish integrity (excluding normal patina development).
- Covered for repair or replacement of defective parts (labor & installation excluded).
- Visual defects must be reported within 15 days of delivery with photos and order proof.
Need help? Email contact@insideast.com with your order number.
Note: Unlacquered brass is designed to patinate—this natural aging is not a defect, but a celebrated hallmark of authenticity.
Frequently Asked Questions
Can I choose the shape of the rain showerhead?
Yes, you can customize the aesthetic to perfectly match your bathroom design. We offer the overhead showerhead in three exquisite shapes: classic Round, modern Square, or vintage-inspired Rose.
Is the rough-in valve included?
No, this package is a Trim Kit. You will need to source standard rough-in valves compatible with your local plumbing codes (typically a mixing valve and a 2-way diverter) to complete the installation.
Can the ceiling drop arm length be customized?
Absolutely. We understand that ceiling heights vary. If you need a shorter or longer ceiling drop arm, simply contact us before or immediately after placing your order, and we can customize it to your project’s exact requirements.
Does the handheld sprayer have different spray modes?
To maintain our commitment to solid brass construction and traditional durability, the handheld sprayer features a single, optimized full-body spray mode, avoiding the fragile plastic components often found in multi-function sprayers.
How fast is shipping?
Since each system is handcrafted to order, production and shipping typically takes 15-21 days. Once finished and quality-tested, we ship via expedited courier to ensure it reaches you safely and promptly.
Rain Down. Reach Out. Live in Brass.
Elevate your daily ritual with a ceiling-mounted sanctuary that embraces you in warmth and matures beautifully with every touch.
document.addEventListener(“DOMContentLoaded”, function () {
const slider = document.getElementById(“configSlider”);
const leftBtn = document.querySelector(“.shower-desc__config-arrow–left”);
const rightBtn = document.querySelector(“.shower-desc__config-arrow–right”);
const scrollAmount = slider.offsetWidth * 0.8;
rightBtn.addEventListener(“click”, function () {
slider.scrollBy({
left: scrollAmount,
behavior: “smooth”
});
});
leftBtn.addEventListener(“click”, function () {
slider.scrollBy({
left: -scrollAmount,
behavior: “smooth”
});
});
});
English
Reviews
There are no reviews yet.