.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.7rem);
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 2x2 */
.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 2x2 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;
}
}
.insideast-video-section{
max-width:900px;
margin:70px auto;
padding:0 20px;
text-align:center;
}
.insideast-video-title{
margin-bottom:10px;
text-align:center;
}
.insideast-video-subtitle{
margin-bottom:30px;
color:#555;
text-align:center;
}
/* video container */
.insideast-video-wrapper{
position:relative;
max-width:520px;
margin:auto;
}
/* video styling */
.insideast-video-wrapper video{
width:100%;
height:auto;
max-height:600px;
border-radius:6px;
display:block;
object-fit:contain;
background:#000;
}
/* instagram label */
.insideast-video-instagram{
position:absolute;
top:12px;
left:12px;
background:rgba(0,0,0,0.6);
color:#fff;
font-size:13px;
padding:6px 10px;
border-radius:4px;
display:flex;
align-items:center;
gap:6px;
}
.insideast-video-instagram svg{
width:14px;
height:14px;
fill:#fff;
}
/* credit */
.insideast-video-credit{
position:absolute;
bottom:12px;
right:12px;
background:rgba(0,0,0,0.6);
color:#fff;
font-size:13px;
padding:6px 10px;
border-radius:4px;
}
.insideast-video-credit a{
color:#fff;
text-decoration:none;
}
/* mobile */
@media (max-width:768px){
.insideast-video-wrapper{
max-width:420px;
}
.insideast-video-wrapper video{
max-height:520px;
}
}
.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;
}
}
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"
});
});
});
Concealed Elegance
Unlacquered Brass Built-In Shower System | Angled Showerhead & Handheld | Concealed 2-Outlet Set
Refined Simplicity, Engineered for Seamless Integration
Experience refined simplicity with this wall-mount shower system—crafted from 100% solid brass for exceptional durability and dependable performance. Designed for seamless ceiling and wall integration, it delivers a clean, minimalist aesthetic while providing both an overhead angled shower and a matching handheld sprayer.
The natural unlacquered brass finish arrives polished and raw, gradually developing a rich patina over time—adding character, depth, and warmth to any classic or contemporary space.
Handcrafted to order • Free Delivery
Configure & Add to Cart
⏱️ Limited Production: Due to precision machining and brass sourcing, only a few concealed systems are crafted each month. Reserve yours today.
Tailored to Your Design
Personalize your system with your preferred showerhead style crafted to harmonize with your space.
Showerhead Option
Gallery
Customer Reviews
🛡️ Our No-Risk Promise to You
- 60-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
Arm Reach
8.5"
Wall to Head Center
Shower Head
6"
Diameter Face
Handheld Length
7.8"
Total Height
Handheld Face
2.5"
Spray Width
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 polished and raw, gradually developing a rich, warm patina—each system evolves uniquely with time and use.
-
100% Solid Brass Construction
No zinc, no plating—built for generations of reliability and heirloom quality.
-
Traditional Build
Designed for easy access to widely available replacement parts—ensuring simple maintenance and long-term reliability.
-
High-Pressure Tested
Rigorously tested for performance and safety—built to withstand daily use without compromise.
-
Clean Minimalist Integration
Concealed valves and angled arm create a seamless, handle-free aesthetic—ideal for modern and spa-inspired spaces.
-
Customizable for Your Project
Adjust arm length, hose length, and valve compatibility—tailored to your exact architectural needs.
Architectural Harmony
The angled shower arm directs flow perfectly while maintaining visual lightness. Paired with the handheld, it offers versatility without clutter—ideal for frameless glass enclosures and clean-lined spaces.
Concealed, Not Compromised
Valves and plumbing are hidden behind the wall—only the elegant brass trim remains visible. Simplifies cleaning and elevates the entire shower experience.
Real Bathroom Inspiration
Have a relaxing shower while enjoying the natural light ✨
Instagram
Credit to @cove.house
📦 What's in the Box?
Complete Trim Set (Valve sold separately)
1x Angled Shower Arm (8.5" Reach)
1x 6" Solid Brass Shower Head
1x Brass Handheld Sprayer
1x Wall Bracket / Water Outlet
1x Matching Brass Hose
Installation Hardware (Washers/Gaskets)
Technical Specifications
| Type | Wall Mount (Built-in / Concealed) |
| Outlets | 2 Functions → Overhead Shower & Handheld |
| Material | 100% Solid Brass |
| Finish | Unlacquered Brass (Develops natural patina) |
| Thread Standard | Correct fittings for your region |
| Construction | Traditional Design |
| Quality Testing | High-pressure tested |
| Customizable | Yes – Arm length, hose, valve compatibility |
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 [email protected] 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 customize the shower head size?
Yes. As our customer David H. mentioned in his review, we can customize the shower head size (e.g., upgrade to 8" or 10") for a small fee. Please contact us before placing your order to arrange this.
Is this a complete system with valves?
This is a Trim Kit that requires a separate rough-in valve installed in your wall. The set includes the layout components shown: Arm, Head, Handheld, Hose, and Bracket. You will need a standard 2-outlet diverter valve from your local plumbing supplier.
What are the exact dimensions?
The shower arm extends 8.5 inches from the wall. The shower head face is 6 inches in diameter. The handheld sprayer is 7.8 inches long with a 2.5 inch face.
How fast is shipping?
We pride ourselves on speed. Reviews from Imogen and Kerri confirm that our items are packed securely and shipped very fast, often arriving well ahead of schedule via express courier.
Refined Simplicity, Crafted to Last
A concealed heirloom system where engineering meets elegance, and raw brass matures into a personal masterpiece.
Configure & Order Now
Reviews
There are no reviews yet.