.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;
}
/* conteneur vidéo */
.insideast-video-wrapper{
position: relative;
max-width: 520px;
margin: auto;
}
/* mise en forme de la vidéo */
.insideast-video-wrapper video{
width:100%;
height:auto;
max-height:600px;
border-radius:6px;
display:block;
object-fit:contain;
background:#000;
}
/* étiquette Instagram */
.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;
}
/* crédit */
.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 {
taille de police : 12px;
couleur : #7a6650;
style de police : italique;
hauteur de ligne : 1,4;
marge : 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 Non Verni Built-In Système de Douche | Angled Showerhead & Handheld | Concealed 2-Outlet Set
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é exceptionnelle et des performances fiables. Conçu pour s'intégrer parfaitement au plafond et au mur, il offre une esthétique épurée et minimaliste tout en comprenant à la fois une pomme de douche inclinée et une douchette à main assortie.
La finition en laiton naturel non verni se présente à la fois polie et brute, et se pare progressivement d'une riche patine au fil du temps, apportant ainsi du caractère, de la profondeur et de la chaleur à tout espace, qu'il soit classique ou contemporain.
Fabriqué à la main sur commande • Livraison gratuite
Configurer et ajouter au panier
⏱️ Production limitée : En raison de l'usinage de précision et de l'approvisionnement en laiton, seuls quelques systèmes encastrés sont fabriqués chaque mois. Réservez le vôtre dès aujourd'hui.
Adapté à votre conception
Personnalisez votre installation avec le modèle de pomme de douche de votre choix, conçu pour s'harmoniser avec votre intérieur.
Option de pommeau de douche
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
Portée des bras
8.5"
Du mur au centre de la tête
Pomme de douche
6"
Diamètre de la face
Longueur de l'appareil portable
7.8"
Hauteur totale
Visage en mode portable
2.5"
Largeur de pulvérisation
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 placage : conçu pour offrir une fiabilité qui dure plusieurs générations et une qualité digne d'un objet de famille.
-
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
Testé de manière rigoureuse pour garantir ses performances et sa sécurité — conçu pour résister à une utilisation quotidienne sans aucun compromis.
-
Une intégration épurée et minimaliste
Les robinets dissimulés et le bras coudé confèrent un aspect harmonieux et sans poignée, idéal pour les espaces modernes et inspirés des spas.
-
Personnalisable en fonction de votre projet
Réglez la longueur des bras, celle des flexibles et assurez-vous de la compatibilité des vannes, le tout adapté à vos besoins architecturaux précis.
Harmonie architecturale
Le bras de douche coudé oriente parfaitement le jet tout en conservant une impression de légèreté. Associé à la douchette à main, il offre une grande polyvalence sans encombrer l'espace — idéal pour les cabines de douche en verre sans cadre et les espaces aux lignes épurées.
Discret, mais pas pour autant moins performant
Les robinets et la plomberie sont dissimulés derrière le mur ; seules les élégantes finitions en laiton restent visibles. Cela facilite le nettoyage et améliore l'expérience globale de la douche.
De vraies idées pour la salle de bains
Profitez d'une douche relaxante tout en profitant de la lumière naturelle ✨
Instagram
Source : @cove.house
📦 Que contient le colis ?
Kit de finition complet (soupape vendue séparément)
1 bras de douche coudé (portée de 8,5 pouces)
1 pomme de douche en laiton massif de 6 pouces
1 pulvérisateur à main en laiton
1 support mural / sortie d'eau
1 tuyau en laiton assorti
Matériel de montage (rondelles/joints)
Caractéristiques techniques
| Type | Fixation murale (encastrée / dissimulée) |
| Points de vente | 2 fonctions → Douche de tête et douchette à main |
| Matériau | 100% Laiton massif |
| Terminer | Laiton non verni (développe une patine naturelle) |
| Norme de filetage | Des équipements adaptés à votre région |
| Construction | Design traditionnel |
| Contrôles qualité | Testé sous haute pression |
| Personnalisable | Oui – Longueur du bras, tuyau, compatibilité des vannes |
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
Puis-je personnaliser la taille de la pomme de douche ?
Oui. Comme l'a mentionné notre client David H. dans son avis, nous pouvons adapter la taille de la pomme de douche (par exemple, passer à 8" ou 10") moyennant un léger supplément. Veuillez nous contacter avant de passer votre commande pour organiser cela.
S'agit-il d'un système complet avec des vannes ?
Il s'agit d'un Kit de finition qui nécessite l'installation d'une vanne d'encastrement séparée dans votre mur. L'ensemble comprend les éléments illustrés : bras, pomme de douche, douchette, flexible et support. Vous devrez vous procurer une vanne de dérivation standard à deux sorties auprès de votre fournisseur de matériel de plomberie local.
Quelles sont les dimensions exactes ?
Le bras de douche s'étend 8,5 pouces du mur. La face de la pomme de douche est 6 pouces de diamètre. Le pulvérisateur à main mesure 7,8 pouces ainsi qu’un 2,5 pouces visage.
Quel est le délai de livraison ?
Nous sommes fiers de notre rapidité. Les avis d'Imogen et de Kerri confirment que nos articles sont emballés avec soin et expédiés très rapidement, arrivant souvent bien avant la date prévue grâce à un service de livraison express.
Une simplicité raffinée, conçue pour durer
Un système dissimulé, véritable objet de famille, où l'ingénierie rencontre l'élégance, 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.