Name: Unlacquered Brass Built-In Shower System | Angled Showerhead &amp; Handheld | Concealed 2-Outlet Set
SKU: EU-IS-269-02-001-17-25
Availability: InStock

.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 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;
}
}

.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;
}
}

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

Handcrafted to Order

5-Year Warranty

Free Shipping

Reliable Shipping

5-Year Warranty

Flexible Returns

30-Day Guarantee

⏱️ Limited Production: Due to precision machining and brass sourcing, only a few concealed systems are crafted each month. Reserve yours today.

Unlacquered Brass Built-In Shower System with Angled Arm & Handheld

Tailored to Your Design

Personalize your system with your preferred showerhead style crafted to harmonize with your space.

Showerhead Option

Gallery

Ann Favre-Watkins 08 Jul 2025

★★★★★

“Beautiful craftsmanship and design. This is for an outdoor shower that can be seen from the pool. Very nice, very attractive.”

David Hazelaar 28 Jul 2025

★★★★★

“5 out of 5 for everything. We wanted a customised head shower size as well and for a small fee it was no problem at all. I really recommend this shop!”

Rachel Christine 07 Aug 2025

★★★★★

“Incredible customer service and the shower system was exactly as described”

Todd 21 Aug 2025

★★★★★

“Truly amazing hardware. Incredibly high quality, with a particular attention to detail. We are so happy with this purchase.”

Sabina 05 Aug 2025

★★★★★

“BEAUTIFUL AND WELL-MADE. THANK YOU”

Waibel and Groves 05 Aug 2025

★★★★★

“Repurchasing in the future for other projects – thank you!”

Imogen 17 May 2025

★★★★★

“Great item! Very well packed and the delivery was really fast. So pleased with it.”

julia edelman 18 May 2025

★★★★★

“great shower head with hand sprayer.”

Kerri Tarrant 02 Sept 2025

★★★★★

“Great seller shipped very fast”

🛡️ 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

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.

Wall Cutaway Showing Concealed Installation

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

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 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 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

Handcrafted to Order

5-Year Warranty

Free Shipping

30-Day Guarantee

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”
});
});

});

Unlacquered Brass Built-In Shower System | Angled Showerhead & Handheld | Concealed 2-Outlet Set