.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 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;
}
}
.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"
});
});
});
Une élégance discrète
Laiton Massif Angled Showerhead & Robinet Remplisseur de Baignoire | Concealed 2-Outlet Système de Douche
Une simplicité raffinée, conçue pour une intégration parfaite
Découvrez la simplicité raffinée de ce système de douche mural, fabriqué en laiton massif 100% pour une durabilité à toute épreuve et des performances fiables. Conçu pour s'intégrer parfaitement au mur, il offre un style épuré et minimaliste tout en comprenant à la fois une pomme de douche inclinée et un robinet de baignoire assorti.
La finition en laiton naturel non verni se présente à la fois polie et brute ; elle se pare progressivement d'une belle patine au fil du temps, apportant caractère, profondeur et chaleur à tout intérieur intemporel.
Fabriqué à la main sur commande • Livraison gratuite
Configurer et ajouter au panier
⏱️ Production limitée : En raison de l'usinage de précision du laiton, seuls quelques systèmes encastrés sont fabriqués chaque mois. Réservez le vôtre dès aujourd'hui.
Conçu pour la simplicité
Un ensemble harmonieux à deux prises, préconfiguré pour s'intégrer parfaitement à votre salle de bains.
Composants du système
✓ Bras de douche coudé
✓ Tête de mesure des précipitations de 6 pouces
✓ Bec de baignoire de 8,38 pouces
✓ 2 poignées en croix
Vous avez besoin d'une taille sur mesure ? Contactez-nous pour toute commande personnalisée.
Galerie
Avis des clients
🛡️ Notre promesse « sans risque » à votre égard
- 60-Day Returns: Vous avez changé d'avis ? Nous vous rembourserons, il vous suffit de nous renvoyer le produit non utilisé dans son emballage d'origine.
- Garantie de 5 ans : Couvre les défauts de fabrication liés aux matériaux et à la main-d'œuvre.
- Conditions de retour souples : Procédure de retour simplifiée en cas de problème d'installation ou d'ajustement.
Nous sommes tellement convaincus que vous apprécierez ce système pendant des décennies que nous en assumons entièrement le risque.
Dimensions clés
Longueur du bras
8.5"
Du mur au centre de la tête
Bec de baignoire
8.38"
Portée totale
Pomme de douche
6"
Diamètre de la face
Écartement des soupapes
8"
Distance entre les centres des poignées
Compatibilité universelle avec les installations de plomberie
Nos douches sont livrées avec le raccord adapté à votre région.
Vous utilisez une norme de plomberie différente ? Contactez-nous : nous vous fournirons le raccord adapté à votre installation, sans frais supplémentaires.
Caractéristiques distinctives
-
Finition laiton non verni
Livré à la fois poli et brut, il se pare peu à peu d'une patine riche et chaleureuse : chaque système évolue de manière unique au fil du temps et de l'usage.
-
100% : fabrication en laiton massif
Sans zinc, sans revêtement : conçu pour offrir une fiabilité à toute épreuve et une qualité qui se transmet de génération en génération.
-
Construction traditionnelle
Conçu pour faciliter l'accès à des pièces de rechange largement disponibles, garantissant ainsi un entretien simple et une fiabilité à long terme.
-
Testé à haute pression
Soumis à des tests rigoureux en matière de performances et de sécurité, ce produit est conçu pour résister à une utilisation quotidienne sans aucun compromis.
-
Une intégration épurée et minimaliste
Les robinets encastrés et le bras coudé créent une esthétique épurée, sans poignée, idéale pour les espaces modernes et inspirés des spas.
-
Personnalisable en fonction de votre projet
Réglez la longueur du bras, la saillie du bec et la compatibilité des robinets en fonction de vos besoins architecturaux précis.
Harmonie à double fonction
Le bras de douche coudé assure une couverture optimale, tandis que le robinet de baignoire intégré permet un remplissage fluide et sans gouttes : aucun accessoire supplémentaire, aucun élément venant encombrer l'espace.
Discret, mais pas pour autant moins performant
Toute la plomberie est dissimulée derrière le mur ; seules deux élégantes poignées en laiton et le bec de la baignoire restent visibles. Cela facilite le nettoyage et met l'espace en valeur.
📦 Que contient le colis ?
Kit complet de finition à 2 prises
1 bras de douche coudé (8,5 pouces)
1 pomme de douche en laiton massif (6")
1 bec de baignoire (portée de 8,38 pouces)
2 poignées en croix avec plaques de fixation
Matériel de montage et joints
Caractéristiques techniques
| Type | Fixation murale (encastrée / dissimulée) |
| Points de vente | 2 fonctions → Douche de tête et robinet de baignoire |
| Matériau | 100% Laiton massif |
| Terminer | Laiton non verni (développe une patine naturelle) |
| Norme de filetage | Des équipements adaptés à votre région |
| Style des accoudoirs | Incliné (14" en standard ; personnalisable de 10" à 20") |
| Construction | Design traditionnel |
| Contrôles qualité | Testé à haute pression (150 PSI) |
| Personnalisable | Oui — Longueur du bras, saillie du bec, compatibilité avec les robinets |
Garantie
Nous garantissons la qualité de nos produits grâce à une protection de pointe.
- Garantie limitée de 5 ans sur les composants en laiton et l'intégrité de la finition (à l'exception de la formation normale de patine).
- Couverture pour réparation ou remplacement des pièces défectueuses (main-d'œuvre et installation exclues).
- Défauts visuels doit être signalé dans un délai de 15 jours de la livraison, accompagnées de photos et du bon de commande.
Besoin d'aide ? Envoyez-nous un e-mail [email protected] en indiquant votre numéro de commande.
Remarque : Le laiton non verni est destiné à se patiner : ce vieillissement naturel n'est pas un défaut, mais un signe d'authenticité très apprécié.
Foire aux questions
Ce système peut-il être utilisé avec un pulvérisateur à main ?
Ce modèle spécifique est un **système à 2 sorties** conçu exclusivement pour la douche de tête et le remplissage de la baignoire. Si vous avez besoin d'une douchette à main, veuillez consulter notre système à col de cygne à 3 sorties ou nous contacter pour une configuration sur mesure.
La vanne de pré-montage est-elle fournie ?
Non, ce kit est un **kit de finition**. Vous devrez acheter des robinets de pré-installation standard conformes aux normes locales en matière de plomberie (généralement un mitigeur et un inverseur, ou des robinets indépendants selon vos préférences).
Puis-je personnaliser la longueur du bec ou du bras ?
Oui. Comme indiqué dans nos avis (voir David H.), nous proposons des options de personnalisation moyennant un léger supplément. Nous pouvons allonger la portée du bras de douche ou ajuster la saillie du bec de baignoire afin qu'il s'adapte parfaitement à la configuration de votre baignoire. Veuillez contacter le service client avant de passer commande.
Quelle est la portée du bec de la baignoire ?
Le bec de la baignoire s'étend 8,38 pouces de la surface du mur jusqu'au centre de l'aérateur, ce qui laisse un espace suffisant pour la plupart des baignoires standard et sur pied.
Quel est le délai de livraison ?
Nous expédions nos colis par service de livraison express. Des clientes comme Kerri, Gilda et Dany confirment dans leurs avis que les articles arrivent " rapidement ", " très vite " et " dans les délais et avec précision "."
Double fonctionnalité. Une élégance unique.
Un système discret et intemporel, où la douche et la baignoire ne font plus qu’un pour offrir un rituel harmonieux, et où le laiton brut se transforme en un chef-d’œuvre personnel.
Configurer et commander dès maintenant
Avis
Il n’y a pas encore d’avis.