{"id":743,"date":"2026-09-05T11:44:19","date_gmt":"2026-09-05T11:44:19","guid":{"rendered":"https:\/\/eu.insideast.com\/product\/solid-brass-angled-showerhead-with-tub-filler-concealed-shower-system-2-outlet-shower-set\/"},"modified":"2026-09-05T11:44:19","modified_gmt":"2026-09-05T11:44:19","slug":"solid-brass-angled-showerhead-with-tub-filler-concealed-shower-system-2-outlet-shower-set","status":"publish","type":"product","link":"https:\/\/eu.insideast.com\/it\/prodotto\/solid-brass-angled-showerhead-with-tub-filler-concealed-shower-system-2-outlet-shower-set\/","title":{"rendered":"Solid Brass Angled Showerhead & Tub Filler | Concealed 2-Outlet Shower System"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n.shower-desc {\n --primary: #1a1a1a;\n --accent: #a67c52;\n --accent-light: #d4b896;\n --muted: #666;\n --bg-light: #fafaf8;\n --shadow: rgba(0, 0, 0, .1);\n color: var(--primary);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n background: linear-gradient(to bottom, #fff 0%, var(--bg-light) 100%);\n margin: 0;\n padding: 0;\n}\n\n.shower-desc__wrap {\n max-width: 900px;\n margin: 0 auto;\n padding: clamp(24px, 4vw, 60px) clamp(16px, 2vw, 24px);\n}\n\n.shower-desc__header {\n text-align: center;\n padding: clamp(40px, 6vw, 80px) 0;\n position: relative;\n}\n\n.shower-desc__header::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n}\n\n.shower-desc__eyebrow {\n font-size: clamp(.75rem, 1vw, .85rem);\n letter-spacing: .15em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0 0 1rem;\n font-weight: 600;\n}\n\n.shower-desc__title {\n font-size: clamp(2rem, 4vw, 3.5rem);\n line-height: 1.1;\n margin: 0 0 1rem;\n font-weight: 700;\n color: var(--accent);\n}\n\n.shower-desc__sub {\n color: var(--muted);\n font-size: clamp(1.7rem, 1.8vw, 1.5rem);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.shower-desc__cta-section {\n text-align: center;\n margin: clamp(30px, 4vw, 40px) 0;\n padding: clamp(20px, 3vw, 30px);\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n border-radius: 12px;\n border: 2px solid var(--accent);\n box-shadow: 0 8px 30px rgba(166, 124, 82, .15);\n}\n\n.shower-desc__price-note {\n font-size: clamp(13px, 1.5vw, 16px);\n color: var(--muted);\n margin-bottom: 20px;\n}\n\n.shower-desc__cta-primary {\n background: var(--accent);\n color: #fff;\n border: none;\n padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);\n font-size: clamp(15px, 2vw, 18px);\n font-weight: 700;\n border-radius: 8px;\n cursor: pointer;\n transition: all .3s ease;\n box-shadow: 0 4px 15px rgba(166, 124, 82, .3);\n text-transform: uppercase;\n letter-spacing: .5px;\n width: 100%;\n max-width: 400px;\n}\n\n.shower-desc__cta-primary:hover {\n background: #8b6740;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(166, 124, 82, .4);\n}\n\n.shower-desc__cta-primary:active {\n transform: translateY(0);\n}\n\n.shower-desc__trust-bar {\n display: flex;\n justify-content: center;\n gap: clamp(15px, 3vw, 30px);\n margin-top: 20px;\n flex-wrap: wrap;\n font-size: clamp(11px, 1.5vw, 14px);\n color: var(--primary);\n font-weight: 500;\n}\n\n.shower-desc__trust-bar div {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n\n.shower-desc__trust-bar div:before {\n content: \"\u2713\";\n color: var(--accent);\n font-weight: bold;\n}\n\n.shower-desc__guarantees-bar {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 15px;\n margin: 30px 0;\n padding: 20px;\n background: #fff;\n border-radius: 12px;\n border: 1px solid var(--accent-light);\n box-shadow: 0 4px 15px var(--shadow);\n}\n\n.guarantee-item {\n text-align: center;\n padding: 15px;\n background: var(--bg-light);\n border-radius: 8px;\n transition: all .3s ease;\n}\n\n.guarantee-item:hover {\n transform: translateY(-4px);\n box-shadow: 0 4px 12px var(--shadow);\n}\n\n.guarantee-item svg {\n width: 32px;\n height: 32px;\n margin: 0 auto 10px;\n color: var(--accent);\n}\n\n.guarantee-item strong {\n display: block;\n font-size: clamp(12px, 1.5vw, 14px);\n color: var(--primary);\n margin-top: 8px;\n}\n\n.shower-desc__scarcity-notice {\n background: #fff8f0;\n border: 2px solid var(--accent);\n border-radius: 8px;\n padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);\n margin: 25px 0;\n text-align: center;\n font-size: clamp(12px, 1.5vw, 14px);\n color: var(--primary);\n line-height: 1.6;\n}\n\n.shower-desc__scarcity-notice a {\n color: var(--accent);\n font-weight: 700;\n text-decoration: none;\n border-bottom: 2px solid var(--accent);\n}\n\n.shower-desc__scarcity-notice a:hover {\n color: #8b6740;\n}\n\n.shower-desc__config {\n margin: 60px 0;\n}\n\n.shower-desc__config h3 {\n font-size: 28px;\n margin-bottom: 15px;\n color: var(--primary);\n font-weight: 600;\n text-align: center;\n}\n\n.shower-desc__config-intro {\n text-align: center;\n color: var(--muted);\n font-size: 15px;\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 35px;\n}\n\n.shower-desc__config-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 40px;\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n padding: 25px;\n border-radius: 8px;\n border: 1px solid var(--accent-light);\n}\n\n.shower-desc__config-section h4 {\n font-size: 16px;\n color: var(--accent);\n margin-bottom: 12px;\n font-weight: 600;\n text-align: center;\n}\n\n.shower-desc__config-options {\n display: grid;\n gap: 8px;\n}\n\n.shower-desc__config-section:first-child .shower-desc__config-options {\n grid-template-columns: 1fr;\n}\n\n.shower-desc__config-section:last-child .shower-desc__config-options {\n grid-template-columns: 1fr;\n}\n\n.shower-desc__config-option {\n background: #fff;\n padding: 10px;\n border-radius: 6px;\n border: 1px solid var(--accent-light);\n font-size: 13px;\n color: var(--primary);\n text-align: center;\n font-weight: 500;\n cursor: pointer;\n transition: all .2s ease;\n position: relative;\n}\n\n.shower-desc__config-option:hover {\n border-color: var(--accent);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px var(--shadow);\n}\n\n.shower-desc__config-slider-wrap {\n position: relative;\n overflow: hidden;\n margin: 40px 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.shower-desc__config-slider-title {\n text-align: center;\n font-size: 22px;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 25px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.shower-desc__config-slider-container {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n border-radius: 12px;\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n max-height: 500px;\n padding: 0 40px;\n}\n\n.shower-desc__config-slider-container::-webkit-scrollbar {\n height: 8px;\n}\n\n.shower-desc__config-slider-container::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n\n.shower-desc__config-slider-container::-webkit-scrollbar-thumb {\n background: var(--accent);\n border-radius: 10px;\n}\n\n.shower-desc__config-slider {\n display: flex;\n gap: 20px;\n padding: 5px;\n}\n\n.shower-desc__config-slide {\n flex: 0 0 calc(50% - 10px);\n min-width: calc(50% - 10px);\n scroll-snap-align: start;\n}\n\n.shower-desc__config-slide-img {\n width: 100%;\n height: 460px;\n object-fit: cover;\n border-radius: 12px;\n box-shadow: 0 10px 40px var(--shadow);\n display: block;\n background: #fff;\n border: 1px solid var(--accent-light);\n}\n\n.shower-desc__config-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(166, 124, 82, .8);\n color: #fff;\n border: none;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n cursor: pointer;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, .2);\n transition: all .3s ease;\n}\n\n.shower-desc__config-arrow:hover {\n background: #8b6740;\n transform: translateY(-50%) scale(1.1);\n}\n\n.shower-desc__config-arrow--left {\n left: 4px;\n}\n\n.shower-desc__config-arrow--right {\n right: 4px;\n}\n\n.shower-desc__guarantee-box {\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n border: 2px solid var(--accent);\n border-radius: 12px;\n padding: clamp(20px, 4vw, 30px);\n margin: 40px 0;\n box-shadow: 0 8px 25px rgba(166, 124, 82, .15);\n}\n\n.shower-desc__guarantee-box h4 {\n font-size: clamp(20px, 3vw, 24px);\n color: var(--primary);\n margin-bottom: 20px;\n text-align: center;\n}\n\n.shower-desc__guarantee-box ul {\n list-style: none;\n padding: 0;\n margin: 0 0 20px 0;\n}\n\n.shower-desc__guarantee-box li {\n padding: 12px 0 12px 35px;\n position: relative;\n font-size: clamp(13px, 1.5vw, 15px);\n line-height: 1.6;\n color: var(--primary);\n border-bottom: 1px solid var(--accent-light);\n}\n\n.shower-desc__guarantee-box li:last-child {\n border-bottom: none;\n}\n\n.shower-desc__guarantee-box li:before {\n content: \"\ud83d\udee1\ufe0f\";\n position: absolute;\n left: 0;\n font-size: 20px;\n}\n\n.shower-desc__guarantee-box li strong {\n color: var(--accent);\n}\n\n.shower-desc__guarantee-box p {\n text-align: center;\n color: var(--muted);\n font-style: italic;\n margin: 0;\n font-size: clamp(12px, 1.5vw, 14px);\n}\n\n.shower-desc__features {\n margin: clamp(60px, 8vw, 100px) 0;\n}\n\n.shower-desc__features h3 {\n font-size: clamp(22px, 4vw, 28px);\n margin-bottom: clamp(20px, 4vw, 30px);\n color: var(--primary);\n font-weight: 600;\n border-bottom: 2px solid var(--accent-light);\n padding-bottom: 15px;\n}\n\/* Match \"Distinctive Features\" heading style *\/\n.shower-desc__specs-section h3,\n.shower-desc__guarantee-box h4,\n.shower-desc__download h4 {\n font-size: clamp(22px, 4vw, 28px);\n margin-bottom: clamp(20px, 4vw, 30px);\n color: var(--primary);\n font-weight: 600;\n border-bottom: 2px solid var(--accent-light);\n padding-bottom: 15px;\n}\n\n\/* Except guarantee & download are h4, so override font-size slightly if desired *\/\n.shower-desc__guarantee-box h4,\n.shower-desc__download h4 {\n font-size: clamp(20px, 3vw, 24px);\n border-bottom-width: 1px;\n}\n.shower-desc__features-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.shower-desc__features-list li {\n display: flex;\n flex-direction: column;\n gap: 15px;\n padding: 20px;\n background: #fff;\n border-radius: 12px;\n border: 1px solid var(--accent-light);\n box-shadow: 0 2px 8px var(--shadow);\n transition: all .3s ease;\n}\n\n.shower-desc__features-list li:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, .12);\n}\n\n.shower-desc__feature-icon {\n width: 50px;\n height: 50px;\n background: #f0e8df;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n color: var(--accent);\n border: 1px solid var(--accent-light);\n align-self: flex-start;\n}\n\n.shower-desc__feature-icon svg {\n width: 28px;\n height: 28px;\n}\n\n.shower-desc__feature-content h5 {\n font-size: clamp(15px, 2vw, 16px);\n font-weight: 700;\n margin-bottom: 8px;\n color: var(--primary);\n line-height: 1.3;\n}\n\n.shower-desc__feature-content p {\n font-size: clamp(13px, 1.5vw, 14px);\n color: var(--muted);\n line-height: 1.6;\n margin: 0;\n}\n\n.lifestyle-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n margin: clamp(40px, 6vw, 60px) 0;\n}\n\n.lifestyle-section__image {\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, .1);\n}\n\n.lifestyle-section__image img {\n width: 100%;\n height: auto;\n display: block;\n transition: transform .5s ease;\n}\n\n.lifestyle-section__content h4 {\n margin-bottom: 15px;\n color: var(--primary);\n font-size: clamp(18px, 2.5vw, 20px);\n font-weight: 600;\n line-height: 1.3;\n}\n\n.lifestyle-section__content p {\n color: var(--muted);\n line-height: 1.7;\n font-size: clamp(14px, 1.5vw, 15px);\n margin: 0;\n}\n\n.shower-desc__specs-section {\n margin: clamp(60px, 8vw, 100px) 0;\n}\n\n.shower-desc__specs-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 30px;\n background: #fff;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 2px 8px var(--shadow);\n}\n\n.shower-desc__specs-table tr {\n border-bottom: 1px solid var(--accent-light);\n}\n\n.shower-desc__specs-table tr:last-child {\n border-bottom: none;\n}\n\n.shower-desc__specs-table td {\n padding: 12px 20px;\n font-size: 14px;\n}\n\n.shower-desc__specs-table td:first-child {\n font-weight: 700;\n color: var(--primary);\n width: 40%;\n background: var(--bg-light);\n}\n\n.shower-desc__specs-table td:last-child {\n color: var(--muted);\n}\n\n.shower-desc__download {\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n padding: 25px;\n border-radius: 8px;\n text-align: center;\n margin: 40px 0;\n border: 1px solid var(--accent-light);\n}\n\n.shower-desc__download h4 {\n color: var(--primary);\n}\n\n.shower-desc__download p {\n color: var(--muted);\n margin-bottom: 15px;\n}\n\n.shower-desc__download a {\n display: inline-block;\n background: var(--accent);\n color: #fff;\n padding: 12px 30px;\n border-radius: 6px;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: background .3s ease;\n}\n\n.shower-desc__download a:hover {\n background: #8b6740;\n}\n\n.ie-warranty {\n font-family: inherit;\n margin: clamp(40px, 6vw, 60px) 0;\n border: 1px solid var(--accent-light);\n border-radius: 12px;\n overflow: hidden;\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n box-shadow: 0 4px 15px var(--shadow);\n}\n\n.ie-warranty__top {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: 1.5rem 1.5rem 1rem;\n background: var(--accent);\n color: #fff;\n}\n\n.ie-warranty__shield {\n width: 24px;\n height: 24px;\n flex: 0 0 24px;\n color: #fff;\n}\n\n.ie-warranty__title {\n margin: 0;\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: .2px;\n color: #fff;\n}\n\n.ie-warranty__body {\n padding: 1.5rem;\n}\n\n.ie-warranty__body p {\n margin: 0 0 .75rem 0;\n line-height: 1.6;\n color: var(--primary);\n}\n\n.ie-warranty__list {\n margin: .5rem 0 0 0;\n padding-left: 1.25rem;\n color: var(--primary);\n}\n\n.ie-warranty__list li {\n margin: .4rem 0;\n line-height: 1.5;\n}\n\n.ie-warranty__note {\n margin-top: 1rem;\n font-size: .9rem;\n opacity: .8;\n color: var(--muted);\n}\n\n.shower-desc__faq {\n margin-top: clamp(60px, 8vw, 100px);\n}\n\n.shower-desc__faq h3 {\n font-size: 28px;\n margin-bottom: 20px;\n color: var(--primary);\n font-weight: 600;\n border-bottom: 2px solid var(--accent-light);\n padding-bottom: 15px;\n}\n\n.shower-desc__faq details {\n border: none;\n border-radius: 6px;\n padding: 15px;\n background: var(--bg-light);\n box-shadow: 0 4px 15px var(--shadow);\n transition: all .3s ease;\n margin-bottom: 10px;\n border: 1px solid var(--accent-light);\n}\n\n.shower-desc__faq details:hover {\n box-shadow: 0 4px 12px rgba(166, 124, 82, .15);\n transform: translateX(4px);\n}\n\n.shower-desc__faq summary {\n font-weight: 600;\n color: var(--primary);\n outline: none;\n user-select: none;\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n font-size: 15px;\n}\n\n.shower-desc__faq summary::before {\n content: \"\u2192\";\n color: var(--accent);\n font-weight: bold;\n font-size: 1.2em;\n transition: transform .3s ease;\n}\n\n.shower-desc__faq details[open] summary::before {\n transform: rotate(90deg);\n}\n\n.shower-desc__faq summary:hover {\n color: var(--accent);\n}\n\n.shower-desc__faq details[open] summary {\n margin-bottom: 10px;\n color: var(--accent);\n}\n\n.shower-desc__faq p {\n color: var(--muted);\n line-height: 1.6;\n font-size: 14px;\n margin: 0;\n}\n\/* ========== REVIEWS SECTION CSS ========== *\/\n.shower-reviews {\n margin: clamp(60px, 8vw, 80px) 0;\n border-top: 1px solid var(--accent-light);\n padding-top: 40px;\n}\n\n.shower-reviews__header {\n display: flex;\n align-items: baseline;\n gap: 15px;\n margin-bottom: 30px;\n}\n\n.shower-reviews__title {\n font-size: clamp(20px, 3vw, 24px);\n color: var(--primary);\n font-weight: 600;\n margin: 0;\n}\n\n.shower-reviews__total-rating {\n font-size: 14px;\n color: var(--primary);\n}\n\n.shower-reviews__slider {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n padding-bottom: 20px;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n}\n\n.shower-reviews__slider::-webkit-scrollbar {\n height: 4px;\n}\n.shower-reviews__slider::-webkit-scrollbar-thumb {\n background: var(--accent-light);\n border-radius: 4px;\n}\n\n.shower-review-item {\n flex: 0 0 300px;\n scroll-snap-align: start;\n background: var(--bg-light);\n border: 1px solid var(--accent-light);\n border-radius: 8px;\n padding: 25px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.shower-reivew__author-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 13px;\n}\n\n.shower-review__name {\n font-weight: 700;\n color: var(--primary);\n}\n\n.shower-review__date {\n color: var(--muted);\n font-size: 12px;\n}\n\n.shower-review__stars {\n color: #dcb06b; \/* Muted Gold *\/\n font-size: 14px;\n letter-spacing: 2px;\n}\n\n.shower-review__body {\n font-size: 14px;\n line-height: 1.6;\n color: var(--primary);\n font-style: italic;\n}\n\n\/* ========== KEY DIMENSIONS CSS ========== *\/\n.shower-dims {\n margin: clamp(60px, 8vw, 100px) 0;\n}\n\n.shower-dims h3 {\n font-size: clamp(22px, 4vw, 28px);\n margin-bottom: clamp(20px, 4vw, 30px);\n color: var(--primary);\n font-weight: 600;\n border-bottom: 2px solid var(--accent-light);\n padding-bottom: 15px;\n text-align: left;\n}\n\n.shower-dims__box {\n background: #fff;\n border: 2px solid var(--accent-light);\n border-radius: 12px;\n padding: 30px 20px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n flex-wrap: wrap;\n gap: 30px;\n box-shadow: 0 8px 30px rgba(166, 124, 82, .15);\n}\n\n.shower-dims__item {\n text-align: center;\n position: relative;\n flex: 1;\n min-width: 140px;\n}\n\n\/* Vertical dividers on desktop *\/\n.shower-dims__item:not(:last-child):after {\n content: \"\";\n position: absolute;\n right: -15px;\n top: 15%;\n height: 70%;\n width: 1px;\n background: #eee;\n display: block;\n}\n\n.shower-dims__label {\n font-size: 11px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 10px;\n font-weight: 700;\n}\n\n.shower-dims__value {\n font-size: 26px;\n font-weight: 700;\n color: var(--primary);\n display: block;\n margin-bottom: 4px;\n font-family: serif;\n}\n\n.shower-dims__sub {\n font-size: 13px;\n color: #999;\n}\n\n\/* ========== PACKAGE INCLUDES CSS ========== *\/\n.shower-pkg {\n background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n border: 1px solid var(--accent-light);\n border-radius: 12px;\n padding: 30px;\n margin: 60px 0;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n}\n\n.shower-pkg__header {\n text-align: center;\n margin-bottom: 30px;\n}\n\n.shower-pkg__header h4 {\n font-size: clamp(20px, 3vw, 24px);\n color: var(--primary);\n margin-bottom: 5px;\n font-weight: 600;\n}\n\n.shower-pkg__list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px 30px;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.shower-pkg__item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 15px;\n color: var(--primary);\n padding: 12px 15px;\n background: #fff;\n border-radius: 6px;\n border: 1px solid transparent;\n transition: all 0.2s ease;\n}\n\n.shower-pkg__item:hover {\n border-color: var(--accent-light);\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n transform: translateX(2px);\n}\n\n.shower-pkg__item svg {\n color: var(--accent);\n flex-shrink: 0;\n}\n\n\/* ========== MOBILE RESPONSIVE UPDATES ========== *\/\n@media (max-width: 768px) {\n \/* Key Dimensions Grid 2x2 *\/\n .shower-dims__box {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px 10px;\n padding: 20px;\n }\n \n .shower-dims__item:not(:last-child):after {\n display: none;\n }\n\n .shower-dims__item {\n border-bottom: none;\n padding-bottom: 0;\n width: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .shower-dims__item:nth-child(1),\n .shower-dims__item:nth-child(2) {\n padding-bottom: 20px;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .shower-dims__item:nth-child(odd) {\n border-right: 1px solid #f0f0f0;\n padding-right: 5px;\n }\n .shower-dims__item:nth-child(even) {\n padding-left: 5px;\n }\n\n \/* Package List Vertical on Mobile *\/\n .shower-pkg__list {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n}\/* ========== CENTERING FIXES ========== *\/\n\n\/* 1. Center the Hero Subtitle *\/\n.shower-desc__sub {\n text-align: center !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100%;\n}\n\n\/* 2. Center the Configuration Intro Text *\/\n.shower-desc__config-intro {\n text-align: center !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: 100%;\n}\n\n\/* ========== MOBILE RESPONSIVE (CLEANED) ========== *\/\n@media (max-width: 768px) {\n .shower-desc__features-list {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n .shower-desc__features-list li {\n padding: 15px;\n gap: 12px;\n }\n .shower-desc__feature-icon {\n width: 45px;\n height: 45px;\n }\n .shower-desc__feature-icon svg {\n width: 24px;\n height: 24px;\n }\n .shower-desc__config-grid {\n grid-template-columns: 1fr;\n padding: 20px;\n gap: 25px;\n }\n .shower-desc__config-slide {\n flex: 0 0 calc(100% - 20px);\n min-width: calc(100% - 20px);\n }\n .shower-desc__config-slider-wrap {\n max-width: 100%;\n }\n .shower-desc__config-slide-img {\n height: 300px;\n }\n .shower-desc__config-slider-title {\n font-size: 18px;\n margin-bottom: 20px;\n }\n .shower-desc__specs-table td {\n padding: 10px 12px;\n font-size: 13px;\n }\n .shower-desc__specs-table td:first-child {\n width: 45%;\n }\n .lifestyle-section {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .lifestyle-section[style*=\"direction:rtl\"] {\n direction: ltr;\n }\n .lifestyle-section__content {\n direction: ltr;\n }\n .shower-desc__guarantees-bar {\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n padding: 15px;\n }\n .guarantee-item {\n padding: 12px;\n }\n .guarantee-item svg {\n width: 28px;\n height: 28px;\n }\n .shower-desc__header {\n padding: clamp(30px, 5vw, 50px) 0;\n }\n .shower-desc__title {\n line-height: 1.2;\n }\n .shower-desc__sub {\n font-size: clamp(1rem, 2vw, 1.1rem);\n }\n .shower-desc__cta-section {\n padding: 20px 15px;\n }\n .shower-desc__trust-bar {\n gap: 10px;\n font-size: 11px;\n }\n .shower-desc__faq summary {\n font-size: 14px;\n }\n .shower-desc__faq p {\n font-size: 13px;\n }\n .shower-desc__faq details {\n padding: 12px;\n }\n .ie-warranty__title {\n font-size: 1rem;\n }\n .ie-warranty__body {\n padding: 1.2rem;\n }\n .shower-desc__download {\n padding: 20px 15px;\n }\n .shower-desc__download h4 {\n font-size: 18px;\n }\n .shower-desc__download p {\n font-size: 13px;\n }\n .shower-desc__download a {\n padding: 12px 24px;\n font-size: 13px;\n }\n}\n.shower-desc__tailored {\n margin: 40px 0;\n max-width: 700px;\n}\n\n.shower-desc__tailored h3 {\n font-size: 2rem;\n font-weight: 600;\n text-align: center;\n margin-bottom: 12px;\n color: var(--text);\n}\n\n.shower-desc__tailored-sub {\n text-align: center;\n color: var(--muted);\n margin-bottom: 32px;\n font-size: 1rem;\n}\n\n.shower-desc__option-container {\n padding: 24px;\n border: 1px solid #d4c0a8;\n border-radius: 12px;\n background-color: #faf9f6;\n}\n\n.shower-desc__option-title {\n font-size: 1.125rem;\n font-weight: 500;\n color: #b5946e;\n text-align: center;\n margin-bottom: 16px;\n}\n\n.shower-desc__option-group {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.shower-desc__option-button {\n padding: 14px 20px;\n font-size: 1rem;\n font-weight: 500;\n color: var(--text);\n background-color: white;\n border: 1px solid #d4c0a8;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n text-align: center;\n box-shadow: none;\n}\n\n.shower-desc__option-button:hover {\n background-color: #f8f5f0;\n border-color: #c0a88a;\n}\n\n.shower-desc__option-button:focus {\n outline: none;\n box-shadow: 0 0 0 2px rgba(181, 148, 110, 0.3);\n}\n\n.shower-desc__option-button:active {\n transform: translateY(1px);\n}\n@media (max-width: 480px) {\n .shower-desc__wrap {\n padding: 20px 12px;\n }\n .shower-desc__header {\n padding: 25px 0;\n }\n .shower-desc__config-slider-container {\n padding: 0 35px;\n }\n .shower-desc__config-arrow {\n width: 30px;\n height: 30px;\n font-size: 16px;\n }\n .shower-desc__guarantees-bar {\n grid-template-columns: 1fr;\n gap: 8px;\n padding: 12px;\n }\n .guarantee-item {\n padding: 10px;\n }\n .shower-desc__trust-bar {\n flex-direction: column;\n gap: 8px;\n align-items: center;\n }\n .shower-desc__features-list {\n gap: 12px;\n }\n .shower-desc__features-list li {\n padding: 12px;\n }\n}\n \/* --- NEW KEY DIMENSIONS SPLIT LAYOUT --- *\/\n.shower-dims__container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: center;\n background: #fff;\n border: 2px solid var(--accent-light);\n border-radius: 12px;\n padding: 30px;\n box-shadow: 0 8px 30px rgba(166, 124, 82, .15);\n}\n\n.shower-dims__image img {\n width: 100%;\n height: auto;\n border-radius: 8px;\n display: block;\n}\n\n\/* Reset the old box wrapper safely into a 2x2 grid without its old border *\/\n.shower-dims__box {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 30px 10px !important;\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n padding: 0 !important;\n}\n\n\/* Hide the old desktop vertical dividers *\/\n.shower-dims__item:not(:last-child):after {\n display: none !important;\n}\n\n\/* Mobile responsive stacking *\/\n@media (max-width: 768px) {\n .shower-dims__container {\n grid-template-columns: 1fr;\n padding: 20px;\n gap: 20px;\n }\n}\n\n
\n
\n
\n
Concealed Elegance<\/div>\n

Solid Brass Angled Showerhead & Tub Filler | Concealed 2-Outlet Shower System<\/h2>\n

Refined Simplicity, Engineered for Seamless Integration<\/p>\n

\n

Experience refined simplicity with this wall-mount shower system crafted from 100% solid brass for lasting durability and reliable performance. Designed for seamless wall integration, it creates a clean, uncluttered aesthetic while offering both an overhead angled shower and a matching tub filler.<\/p>\n

The natural unlacquered brass finish arrives polished and raw, gradually developing a beautiful patina over time bringing character, depth, and warmth to any timeless interior.<\/p>\n<\/div>\n<\/header>\n

\n
Handcrafted to order \u2022 Free Delivery<\/div>\nConfigure & Add to Cart<\/a>\n
\n
Handcrafted to Order<\/div>\n
5-Year Warranty<\/div>\n
Free Shipping<\/div>\n<\/div>\n<\/section>\n\n
\n
\n\n \n Reliable Shipping<\/strong>\n<\/div>\n
\n\n \n \n 5-Year Warranty<\/strong>\n<\/div>\n
\n\n \n \n Flexible Returns<\/strong>\n<\/div>\n
\n\n \n 30-Day Guarantee<\/strong>\n<\/div>\n<\/div>\n\n
\u23f1\ufe0f Limited Production:<\/strong> Due to precision brass machining, only a few concealed systems are crafted each month. Reserve yours today.<\/a>\n<\/div>\n\n
\"Solid<\/section>\n\n
\n
\n

Curated for Simplicity<\/h3>\n

A unified 2-outlet suite, pre-configured for seamless harmony in your bath.<\/p>\n

\n
System Components<\/div>\n
\n
\u2713 Angled Shower Arm<\/div>\n
\u2713 6\" Rainfall Head<\/div>\n
\u2713 8.38\" Tub Spout<\/div>\n
\u2713 2x Cross Handles<\/div>\n<\/div>\n

Need a custom size? Contact us for bespoke orders.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n

\n

Gallery<\/h4>\n