.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{
position:relative;
padding:clamp(40px,6vw,80px) 0;
display:flex;
flex-direction:column;
align-items:center;
width:100%;
margin:0 auto;
text-align:center !important;
}
.shower-desc__header *{
text-align:center !important;
margin-left:auto;
margin-right:auto;
}
.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;
text-align:center;
}
.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 h2 {
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;
}
/* Customization options box */
.shower-desc__custom-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 30px;
border-radius: 8px;
border: 1px solid var(–accent-light);
margin-top: 40px;
}
.shower-desc__custom-group {
margin-bottom: 35px;
}
.shower-desc__custom-group:last-of-type {
margin-bottom: 20px;
}
.shower-desc__custom-group h3 {
font-size: 16px;
color: var(–accent);
margin-bottom: 16px;
font-weight: 600;
text-align: center;
}
.shower-desc__custom-option-row {
display: flex;
gap: 20px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.shower-desc__custom-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 768px) {
.shower-desc__custom-split {
grid-template-columns: 1fr;
gap: 25px;
}
}
.shower-desc__custom-img {
width: 100%;
max-width: 320px;
height: auto;
border-radius: 8px;
display: block;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow);
margin: 0 auto 16px;
}
.shower-desc__custom-labels {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.shower-desc__custom-tag {
background: #fff;
padding: 8px 18px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 13px;
color: var(–primary);
font-weight: 500;
}
.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 h3 {
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 h2 {
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;
}
.shower-desc__specs-section h2,
.shower-desc__guarantee-box h3,
.shower-desc__download 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;
}
.shower-desc__guarantee-box h3,
.shower-desc__download h3 {
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 h4 {
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 h3 {
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 h3 {
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 h2 {
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;
}
.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-wrap {
position: relative;
}
.shower-reviews__slider {
display: flex;
gap: 20px;
overflow-x: auto;
padding: 0 40px 20px;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-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-reviews__arrow {
position: absolute;
top: 45%;
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-reviews__arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1);
}
.shower-reviews__arrow–left {
left: 0;
}
.shower-reviews__arrow–right {
right: 0;
}
.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;
font-size: 14px;
letter-spacing: 2px;
}
.shower-review__body {
font-size: 14px;
line-height: 1.6;
color: var(–primary);
font-style: italic;
}
.shower-dims {
margin: clamp(60px, 8vw, 100px) 0;
}
.shower-dims h2 {
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;
}
.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;
}
.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 h3 {
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;
}
@media (max-width: 768px) {
.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;
}
.shower-pkg__list {
grid-template-columns: 1fr;
gap: 10px;
}
}
@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__custom-box {
padding: 20px;
}
.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 h3 {
font-size: 18px;
}
.shower-desc__download p {
font-size: 13px;
}
.shower-desc__download a {
padding: 12px 24px;
font-size: 13px;
}
}
@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-reviews__arrow {
width: 30px;
height: 30px;
font-size: 16px;
}
.shower-reviews__slider {
padding: 0 35px 20px;
}
.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;
}
}
.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;
}
.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;
}
.shower-dims__item:not(:last-child):after {
display: none !important;
}
@media (max-width: 768px) {
.shower-dims__container {
grid-template-columns: 1fr;
padding: 20px;
gap: 20px;
}
}
Outdoor Copper Shower Fixture, Rustic Rainfall Shower System
Raw Copper, Built for Outdoor Living
Made from solid unlacquered copper, this outdoor shower system is designed for garden, pool, and beach settings where character matters as much as function. The exposed pipework and hot and cold cross handles bring a rustic, industrial warmth to any outdoor space.
The raw copper finish arrives bright and gradually develops a natural living patina with sun and weather exposure. No polishing or protective coating required, the material simply ages the way solid copper should.
Tailored to Your Outdoor Space
Personalize your outdoor shower with your preferred showerhead style and handle design to match your setting.
Showerhead Option
Round
Square
Handle Option
Flat Cross
Need a custom size or finish? Contact us, we’re happy to accommodate special requests.
Customer Reviews
Gallery
🛡️ Our No-Risk Promise to You
- 30-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers manufacturing defects in materials and workmanship.
- Flexible Returns: Easy return process if installation or fit isn’t right.
We’re so confident you’ll cherish this system for decades, the risk is entirely on us.
Key Dimensions
.px-thread-note {
max-width: 900px;
margin: 32px 0;
font-family: inherit;
}
.px-thread-note-inner {
position: relative;
background: linear-gradient(135deg, #fdf9f4 0%, #f5ede0 100%);
border: 1px solid #d4b896;
border-radius: 2px;
padding: 22px 26px 18px 26px;
display: flex;
align-items: flex-start;
gap: 18px;
}
.px-thread-note-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
margin-top: 2px;
}
.px-thread-note-icon svg {
width: 100%;
height: 100%;
}
.px-thread-note-body {
flex: 1;
}
.px-thread-note-title {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #865e35;
margin: 0 0 8px 0;
}
.px-thread-note-text {
font-size: 14.5px;
line-height: 1.6;
color: #3b2f25;
margin: 0 0 10px 0;
}
.px-thread-note-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.px-thread-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1.5px solid #865e35;
border-radius: 3px;
padding: 5px 12px;
font-size: 13px;
font-weight: 600;
color: #2a1e17;
letter-spacing: 0.03em;
}
.px-thread-badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #865e35;
flex-shrink: 0;
}
.px-thread-note-sub {
font-size: 12px;
color: #7a6650;
font-style: italic;
line-height: 1.4;
margin: 0;
padding-top: 10px;
border-top: 1px solid #ddd0be;
}
@media (max-width: 600px) {
.px-thread-note-inner {
flex-direction: column;
gap: 12px;
}
.px-thread-note-icon {
width: 30px;
height: 30px;
}
}
Universal Plumbing Compatibility
Our showers ship with the correct connection for your region.
Using a different plumbing standard? Contact us, we’ll provide the correct fitting for your installation at no extra charge.
Distinctive Features
-
Unlacquered Copper Finish
Develops a rich living patina with weather and sun exposure, each system ages uniquely.
-
Solid Copper Construction
Raw and authentic, built to withstand outdoor conditions for years of use.
-
Low-Maintenance
No polishing or protective coating needed, the finish is designed to age naturally.
-
Built for Outdoor Use
Ideal for garden, pool, or beach settings where a rustic touch is welcome.
-
Simple Direct Mount
Mounted directly on the wall with visible pipes, making it easy to install.
-
Regional Plumbing Fit
Ships with the correct thread fitting for your region’s plumbing standard.
Built for Garden, Pool & Beach
The exposed copper pipework and rustic finish make this fixture equally at home beside a pool, along a garden path, or steps from the beach. Weather-ready and built to age with character.
Solid Hardware, Built to Last
Every connector and handle is solid copper, fitted for a secure, long-lasting hold. Close inspection reveals the same handcrafted attention found across every Insideast fixture.
📦 Package Includes
Complete set for standard outdoor installation
Technical Specifications
| Material | Solid Copper |
| Finish | Unlacquered Copper (Develops Living Patina) |
| Application | Outdoor use, garden, pool, or beach settings |
| Installation Type | Wall-Mounted, visible exposed pipes |
| Thread Standard | Correct fittings for your region |
| Maintenance | Low-maintenance, no polishing or coating required |
| Warranty | 5-Year Limited Warranty |
| Return Policy | 30-Day Return |
Installation & Dimensions
Complete technical drawings, dimensions, and mounting instructions.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on copper 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 copper is designed to patinate, especially outdoors, this natural aging is not a defect, but a celebrated hallmark of authenticity.
Frequently Asked Questions
Is this shower system suitable for permanent outdoor installation?
Yes, it’s built specifically for outdoor use in garden, pool, or beach settings. Solid copper naturally resists corrosion and is well suited to exposure to the elements.
How does the unlacquered copper finish age outdoors?
The raw copper will develop a living patina over time as it reacts with sun, air, and moisture. This is a natural process and part of the character of the material, no polishing or protective coating is needed.
What plumbing connection does it use?
The fixture ships with the correct connection for your region. If you’re working with a non-standard setup, contact us and we’ll provide the correct fitting.
Does it include the hot and cold handles?
Yes, the system includes hot and cold cross handles. You can choose between Simple Cross or Flat Cross styles.
What is the warranty coverage?
We offer a 5-Year Limited Warranty covering the structural integrity of the copper and mechanical operation. The natural patina process is not considered a defect, it’s a characteristic of the material.
Bring the Outdoors to Life
A hand-finished copper piece, built for outdoor living and designed to age with beauty.
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”
});
});
const reviewsSlider = document.getElementById(“reviewsSlider”);
const reviewsLeftBtn = document.querySelector(“.shower-reviews__arrow–left”);
const reviewsRightBtn = document.querySelector(“.shower-reviews__arrow–right”);
if (reviewsSlider && reviewsLeftBtn && reviewsRightBtn) {
const reviewsScrollAmount = reviewsSlider.offsetWidth * 0.8;
reviewsRightBtn.addEventListener(“click”, function () {
reviewsSlider.scrollBy({
left: reviewsScrollAmount,
behavior: “smooth”
});
});
reviewsLeftBtn.addEventListener(“click”, function () {
reviewsSlider.scrollBy({
left: -reviewsScrollAmount,
behavior: “smooth”
});
});
}
});
English
Reviews
There are no reviews yet.