{"id":1364,"date":"2026-09-05T11:45:20","date_gmt":"2026-09-05T11:45:20","guid":{"rendered":"https:\/\/eu.insideast.com\/product\/brass-shower-brass-shower-fixtures\/"},"modified":"2026-09-05T11:45:27","modified_gmt":"2026-09-05T11:45:27","slug":"brass-shower-brass-shower-fixtures","status":"publish","type":"product","link":"https:\/\/eu.insideast.com\/de\/produkt\/brass-shower-brass-shower-fixtures\/","title":{"rendered":"Brass Shower \u2013 Brass Shower Fixtures"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"3533\" class=\"elementor elementor-3533\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a48bc60 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a48bc60\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b71f893\" data-id=\"b71f893\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02a47d4 elementor-widget elementor-widget-html\" data-id=\"02a47d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\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.6rem);\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 h2 {\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\/* ========== CONFIGURATION CSS UPDATE ========== *\/\n.shower-desc__config-grid {\n  \/* Change grid to flex to easily center a single column if needed, \n     or just force the items to center *\/\n  display: flex;\n  flex-direction: column;\n  align-items: center; \n  text-align: center;\n  gap: 30px;\n  background: linear-gradient(135deg, #fff 0%, var(--bg-light) 100%);\n  padding: 30px;\n  border-radius: 8px;\n  border: 1px solid var(--accent-light);\n}\n.shower-desc__config-section {\n  width: 100%;\n  max-width: 400px; \/* Limits width so it doesn't stretch too far *\/\n}\n\/* Ensure options are centered text *\/\n.shower-desc__config-options {\n  display: grid;\n  gap: 10px;\n  grid-template-columns: 1fr; \/* Stack vertically for clean look *\/\n}\n\/* Update mobile behavior if needed *\/\n@media (max-width: 768px) {\n  .shower-desc__config-grid {\n    padding: 20px;\n  }\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 h3 {\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 h2 {\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 h2,\n.shower-desc__guarantee-box h3,\n.shower-desc__download 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\n\/* Except guarantee & download are h3, so override font-size slightly if desired *\/\n.shower-desc__guarantee-box h3,\n.shower-desc__download h3 {\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 h4 {\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 h3 {\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 h3 {\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 h2 {\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 h2 {\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 h3 {\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}\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\/* ========== 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 h3 {\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\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<\/style>\n<div class=\"shower-desc\">\n<div class=\"shower-desc__wrap\">\n<!-- HEADER --><header class=\"shower-desc__header\">\n<div class=\"shower-desc__eyebrow\">Artisan Heritage<\/div>\n<h1 class=\"shower-desc__title\">Brass Shower \u2013 Brass Shower Fixtures<\/h1>\n<p class=\"shower-desc__sub\">Timeless Craftsmanship, Engineered for Everyday Luxury<\/p>\n<div style=\"max-width: 700px; margin: 20px auto 0; color: var(--muted); line-height: 1.7; font-size: clamp(1.5rem, 1.8vw, 1.4rem);\">\n<p>Born from solid brass and shaped by generations of metalworking tradition, this exposed shower system is more than plumbing, it\u2019s a statement of enduring quality. Each curve, joint, and handle is meticulously assembled for heirloom resilience.<\/p>\n<p style=\"margin-top: 15px;\">Finished in radiant unlacquered brass, it arrives gleaming but is designed to evolve. Over time, it gracefully develops a warm, living patina unique to your home\u2019s environment and usage, deepening in character with every passing year.<\/p>\n<\/div>\n<\/header><!-- CTA SECTION -->\n<section class=\"shower-desc__cta-section\">\n<div class=\"shower-desc__price-note\">Handcrafted to order \u2022 Free Delivery<\/div>\n<a href=\"#\" class=\"shower-desc__cta-primary\">Configure &amp; Add to Cart<\/a>\n<div class=\"shower-desc__trust-bar\">\n<div>Handcrafted to Order<\/div>\n<div>5-Year Warranty<\/div>\n<div>Free Shipping<\/div>\n<\/div>\n<\/section>\n<!-- GUARANTEES BAR -->\n<div class=\"shower-desc__guarantees-bar\">\n<div class=\"guarantee-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n          <path fill=\"currentColor\" d=\"M20 8L12 13L4 8V6L12 11L20 6V8ZM20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4Z\"><\/path>\n        <\/svg> <strong>Reliable Shipping<\/strong>\n<\/div>\n<div class=\"guarantee-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n          <path fill=\"currentColor\" d=\"M12 2L20 7V12C20 16.5 16.5 20 12 22C7.5 20 4 16.5 4 12V7L12 2Z\"><\/path>\n          <path stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12L11 14L15 10\"><\/path>\n        <\/svg> <strong>5-Year Warranty<\/strong>\n<\/div>\n<div class=\"guarantee-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n          <path fill=\"currentColor\" d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z\"><\/path>\n          <path stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M12 6V12L16 14\"><\/path>\n        <\/svg> <strong>Flexible Returns<\/strong>\n<\/div>\n<div class=\"guarantee-item\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n          <path fill=\"currentColor\" d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"><\/path>\n        <\/svg> <strong>30-Day Guarantee<\/strong>\n<\/div>\n<\/div>\n<!-- SCARCITY NOTICE -->\n<div class=\"shower-desc__scarcity-notice\">\u23f1\ufe0f <strong>Limited Production:<\/strong> Due to hand-fabrication and brass sourcing, only a few systems are crafted each month. <a href=\"#configure\">Reserve yours today.<\/a>\n<\/div>\n<!-- HERO IMAGE -->\n<section style=\"margin: clamp(40px, 6vw, 80px) 0;\"><img decoding=\"async\" loading=\"lazy\" style=\"width: 100%; max-width: 800px; height: auto; border-radius: 12px; margin: 0 auto; display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;\" alt=\"Brass Shower Fixtures\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/brass-shower-brass-shower-fixtures-6546403.png\"><\/section>\n\n<!-- REAL CUSTOMER STORY \/ BATHROOM INSPIRATION -->\n<section class=\"ist-story\">\n<style>\n.ist-story {\n  font-family: inherit;\n  margin: 60px auto;\n  max-width: 860px;\n  padding: 0 16px;\n}\n\n.ist-story-island {\n  background: #fdf8f2;\n  border: 1px solid #d4b896;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 4px 32px rgba(42, 30, 23, 0.10), 0 1px 4px rgba(42,30,23,0.06);\n}\n\n.ist-story-bar {\n  background: #2a1e17;\n  padding: 9px 22px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ist-story-bar-label {\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #c9a06a;\n  font-weight: 600;\n}\n\n.ist-ig-link {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  text-decoration: none;\n  color: #e5d6c6;\n  font-size: 12px;\n  font-weight: 500;\n  transition: color 0.2s;\n}\n.ist-ig-link:hover { color: #fff; }\n.ist-ig-link svg {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n}\n\n.ist-story-body {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: stretch;\n}\n\n.ist-story-img-wrap {\n  position: relative;\n  overflow: hidden;\n}\n\n.ist-story-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n}\n\n.ist-story-img-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(42,30,23,0.3) 0%, transparent 60%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.ist-story-text-wrap {\n  padding: 28px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-left: 1px solid #e8d9c8;\n}\n\n.ist-story-open-quote {\n  font-size: 86px;\n  line-height: 0.75;\n  color: #c9a06a;\n  font-family: Georgia, 'Times New Roman', serif;\n  margin: 0 0 0px -7px;   \/* was 8px, now 2px *\/\n  display: block;\n  opacity: 0.7;\n  user-select: none;\n}\n.ist-story-quote-text {\n  font-size: 18px;\n  font-style: italic;\n  color: #2a1e17;\n  line-height: 1.5;\n  margin: 0 0 16px 0;\n  font-family: Georgia, 'Times New Roman', serif;\n}\n\n.ist-story-divider {\n  width: 36px;\n  height: 2px;\n  background: #c9a06a;\n  margin: 0 0 14px 0;\n  border-radius: 2px;\n}\n\n.ist-story-body-text {\n  font-size: 14px;\n  line-height: 1.65;\n  color: #5a4a3a;\n  margin: 0 0 10px 0;\n}\n.ist-story-body-text:last-of-type {\n  margin-bottom: 0;\n}\n\n.ist-story-credit-line {\n  margin-top: 6px;        \/* was 12px *\/\n  padding-top: 6px;       \/* was 10px *\/\n  border-top: 1px solid #e8d9c8;\n  font-size: 12px;\n  color: #9a8070;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\nJust replace those two rules in your existing code. The quote mark bottom margin drops from 8px to 2px, and the credit line top margin and padding both halve.\n.ist-story-credit-line a {\n  color: #865e35;\n  text-decoration: none;\n  font-weight: 600;\n}\n.ist-story-credit-line a:hover { text-decoration: underline; }\n\n@media (max-width: 720px) {\n  .ist-story-body { grid-template-columns: 1fr; }\n  .ist-story-img-wrap { height: 280px; }\n  .ist-story-text-wrap {\n    border-left: none;\n    border-top: 1px solid #e8d9c8;\n    padding: 24px 22px;\n  }\n  .ist-story-open-quote { font-size: 60px; }\n  .ist-story-quote-text { font-size: 16px; }\n}\n<\/style>\n\n  <div class=\"ist-story-island\">\n\n    <div class=\"ist-story-bar\">\n      <span class=\"ist-story-bar-label\">\u2726 Real Customer Story<\/span>\n      <a class=\"ist-ig-link\" href=\"https:\/\/www.instagram.com\/flatrockfarms1907\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <defs>\n            <radialgradient id=\"ig-grad\" cx=\"30%\" cy=\"107%\" r=\"150%\">\n              <stop offset=\"0%\" stop-color=\"#fdf497\"><\/stop>\n              <stop offset=\"5%\" stop-color=\"#fdf497\"><\/stop>\n              <stop offset=\"45%\" stop-color=\"#fd5949\"><\/stop>\n              <stop offset=\"60%\" stop-color=\"#d6249f\"><\/stop>\n              <stop offset=\"90%\" stop-color=\"#285AEB\"><\/stop>\n            <\/radialgradient>\n          <\/defs>\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" fill=\"url(#ig-grad)\"><\/rect>\n          <circle cx=\"12\" cy=\"12\" r=\"4.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\"><\/circle>\n          <circle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"#fff\"><\/circle>\n        <\/svg>\n        @flatrockfarms1907\n      <\/a>\n    <\/div>\n\n    <div class=\"ist-story-body\">\n\n      <div class=\"ist-story-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-insta.png?v=1773491042\" alt=\"Farmhouse bathroom with brass shower system\" loading=\"lazy\">\n        <div class=\"ist-story-img-overlay\"><\/div>\n      <\/div>\n\n      <div class=\"ist-story-text-wrap\">\n        <span class=\"ist-story-open-quote\">\u201c<\/span>\n        <p class=\"ist-story-quote-text\">Your vision is more important than your speed. Trust your instincts and design spaces you truly love.<\/p>\n        <div class=\"ist-story-divider\"><\/div>\n        <p class=\"ist-story-body-text\">After months of living in a fifth wheel and sharing a run-down bathroom, this family began transforming their old farmhouse step by step. What started as a challenging renovation became a deeply personal project built with patience, creativity, and a lot of hard work.<\/p>\n        <p class=\"ist-story-body-text\">The result is a warm farmhouse bathroom featuring an open shower design with timeless brass fixtures, natural textures, and soft neutral tones \u2014 a beautiful reminder that thoughtful design and dedication can transform any space.<\/p>\n        <div class=\"ist-story-credit-line\">\n          Story &amp; inspiration from\n          <a href=\"https:\/\/www.instagram.com\/flatrockfarms1907\/\" target=\"_blank\" rel=\"noopener noreferrer\">@flatrockfarms1907<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n<!-- CONFIGURATION OPTIONS -->\n<section class=\"shower-desc__config\" id=\"configure\">\n<h2>Tailored to Your Design<\/h2>\n<p class=\"shower-desc__config-intro\">Personalize your system with your preferred showerhead style\u2014crafted to harmonize with your space.<\/p>\n<div class=\"shower-desc__config-grid\">\n<div class=\"shower-desc__config-section\">\n<h3>Showerhead Option<\/h3>\n<div class=\"shower-desc__config-options\">\n<div class=\"shower-desc__config-option\">Rose Showerhead (S1)<\/div>\n<div class=\"shower-desc__config-option\">Square Showerhead (S2)<\/div>\n<div class=\"shower-desc__config-option\">Round Showerhead (S3)<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"shower-desc__config-slider-wrap\">\n<h3 class=\"shower-desc__config-slider-title\">Gallery<\/h3>\n<button class=\"shower-desc__config-arrow shower-desc__config-arrow--left\">\u2039<\/button> <button class=\"shower-desc__config-arrow shower-desc__config-arrow--right\">\u203a<\/button>\n<div class=\"shower-desc__config-slider-container\" id=\"configSlider\">\n<div class=\"shower-desc__config-slider\">\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Full System View 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-Untitled-design-3-2_jpg.webp\"><\/div>\n  \n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Rose showerhead\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-Rose.jpg\"><\/div>\n  <div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Square Showerhead\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-square.jpg\"><\/div>\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Round Showerhead\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-Round.jpg\"><\/div>\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Round Shower Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/brass-shower-brass-shower-fixtures-3300013.webp\"><\/div>\n\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Full System View 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-Untitled-design-4-3_jpg.webp\"><\/div>\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Full System View 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/brass-shower-brass-shower-fixtures-6203961.webp\"><\/div>\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Close-up Detail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-il_fullxfull.webp\"><\/div>\n<div class=\"shower-desc__config-slide\"><img decoding=\"async\" loading=\"lazy\" class=\"shower-desc__config-slide-img\" alt=\"Installated system\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-66.png\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- ========== REVIEWS SECTION ========== -->\n<section class=\"shower-reviews\">\n<div class=\"shower-reviews__header\">\n<h2 class=\"shower-reviews__title\">Customer Reviews<\/h2>\n<span class=\"shower-reviews__total-rating\">5.0 \u2605\u2605\u2605\u2605\u2605 (4 reviews)<\/span>\n<\/div>\n<div class=\"shower-reviews__slider\">\n<!-- Review 1 -->\n<div class=\"shower-review-item\">\n<div class=\"shower-reivew__author-row\">\n<span class=\"shower-review__name\">Ann Favre-Watkins<\/span> <span class=\"shower-review__date\">08 Jul, 2025<\/span>\n<\/div>\n<div class=\"shower-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"shower-review__body\">\"Beautiful craftsmanship and design. This is for an outdoor shower that can be seen from the pool. Very nice, very attractive.\"<\/div>\n<\/div>\n<!-- Review 2 -->\n<div class=\"shower-review-item\">\n<div class=\"shower-reivew__author-row\">\n<span class=\"shower-review__name\">Sabina<\/span> <span class=\"shower-review__date\">05 Aug, 2025<\/span>\n<\/div>\n<div class=\"shower-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"shower-review__body\">\"BEAUTIFUL AND WELL-MADE. THANK YOU.\"<\/div>\n<\/div>\n<!-- Review 3 -->\n<div class=\"shower-review-item\">\n<div class=\"shower-reivew__author-row\">\n<span class=\"shower-review__name\">Kate Montgomery<\/span> <span class=\"shower-review__date\">18 Dec, 2025<\/span>\n<\/div>\n<div class=\"shower-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"shower-review__body\">\"Beautiful shower system and great quality\"<\/div>\n<\/div>\n<!-- Review 4 -->\n<div class=\"shower-review-item\">\n<div class=\"shower-reivew__author-row\">\n<span class=\"shower-review__name\">Abigail<\/span> <span class=\"shower-review__date\">18 Feb, 2022<\/span>\n<\/div>\n<div class=\"shower-review__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"shower-review__body\">\"Just as described and what we were looking for!\"<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- GUARANTEE BOX -->\n<div class=\"shower-desc__guarantee-box\">\n<h3>\ud83d\udee1\ufe0f Our No-Risk Promise to You<\/h3>\n<ul>\n<li>\n<strong>30-Day Returns:<\/strong> Changed your mind? We'll refund you - just send it back unused in its original packaging.<\/li>\n<li>\n<strong>5-Year Warranty:<\/strong> Covers manufacturing defects in materials and workmanship.<\/li>\n<li>\n<strong>Flexible Returns:<\/strong> Easy return process if installation or fit isn\u2019t right.<\/li>\n<\/ul>\n<p>We\u2019re so confident you\u2019ll cherish this system for decades, the risk is entirely on us.<\/p>\n<\/div>\n<!-- ========== KEY DIMENSIONS ========== -->\n<section class=\"shower-dims\">\n<h2>Key Dimensions<\/h2>\n<div class=\"shower-dims__container\">\n<!-- Left Half: Image -->\n<div class=\"shower-dims__image\"><img decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/brass-shower-brass-shower-fixtures-8194419.png\" loading=\"lazy\" alt=\"Key Dimensions\"><\/div>\n<!-- Right Half: 2x2 Grid Values -->\n<div class=\"shower-dims__box\">\n<div class=\"shower-dims__item\">\n<div class=\"shower-dims__label\">Total Height<\/div>\n<div class=\"shower-dims__value\">47.00\"<\/div>\n<div class=\"shower-dims__sub\">(1193mm)<\/div>\n<\/div>\n<div class=\"shower-dims__item\">\n<div class=\"shower-dims__label\">Spout Reach<\/div>\n<div class=\"shower-dims__value\">17.50\"<\/div>\n<div class=\"shower-dims__sub\">(444.5mm)<\/div>\n<\/div>\n<div class=\"shower-dims__item\">\n<div class=\"shower-dims__label\">Mixer Spread<\/div>\n<div class=\"shower-dims__value\">5.75\"<\/div>\n<div class=\"shower-dims__sub\">(approx 146mm)<\/div>\n<\/div>\n<div class=\"shower-dims__item\">\n<div class=\"shower-dims__label\">Shower Arm<\/div>\n<div class=\"shower-dims__value\">16.00\"<\/div>\n<div class=\"shower-dims__sub\">(406mm)<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n  <!-- THREAD COMPATIBILITY NOTE -->\n<section class=\"px-thread-note\">\n<style>\n.px-thread-note {\n  max-width: 900px;\n  margin: 32px 0;\n  font-family: inherit;\n}\n\n.px-thread-note-inner {\n  position: relative;\n  background: linear-gradient(135deg, #fdf9f4 0%, #f5ede0 100%);\n  border: 1px solid #d4b896;\n  border-radius: 2px;\n  padding: 22px 26px 18px 26px;\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n}\n\n.px-thread-note-icon {\n  flex-shrink: 0;\n  width: 38px;\n  height: 38px;\n  margin-top: 2px;\n}\n\n.px-thread-note-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.px-thread-note-body {\n  flex: 1;\n}\n\n.px-thread-note-title {\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #865e35;\n  margin: 0 0 8px 0;\n}\n\n.px-thread-note-text {\n  font-size: 14.5px;\n  line-height: 1.6;\n  color: #3b2f25;\n  margin: 0 0 10px 0;\n}\n\n.px-thread-note-badges {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n}\n\n.px-thread-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: #fff;\n  border: 1.5px solid #865e35;\n  border-radius: 3px;\n  padding: 5px 12px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #2a1e17;\n  letter-spacing: 0.03em;\n}\n\n.px-thread-badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #865e35;\n  flex-shrink: 0;\n}\n\n.px-thread-note-sub {\n  font-size: 12px;\n  color: #7a6650;\n  font-style: italic;\n  line-height: 1.4;\n  margin: 0;\n  padding-top: 10px;\n  border-top: 1px solid #ddd0be;\n}\n\n@media (max-width: 600px) {\n  .px-thread-note-inner {\n    flex-direction: column;\n    gap: 12px;\n  }\n  .px-thread-note-icon {\n    width: 30px;\n    height: 30px;\n  }\n}\n<\/style>\n\n<div class=\"px-thread-note-inner\">\n\n  <!-- Globe \/ compatibility icon -->\n  <div class=\"px-thread-note-icon\">\n    <svg viewbox=\"0 0 38 38\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <circle cx=\"19\" cy=\"19\" r=\"17.5\" stroke=\"#865e35\" stroke-width=\"1.5\" fill=\"#fdf3e7\"><\/circle>\n      <ellipse cx=\"19\" cy=\"19\" rx=\"8\" ry=\"17.5\" stroke=\"#865e35\" stroke-width=\"1\" fill=\"none\" stroke-dasharray=\"3 2\"><\/ellipse>\n      <line x1=\"2\" y1=\"19\" x2=\"36\" y2=\"19\" stroke=\"#865e35\" stroke-width=\"1\"><\/line>\n      <line x1=\"4.5\" y1=\"12\" x2=\"33.5\" y2=\"12\" stroke=\"#865e35\" stroke-width=\"1\"><\/line>\n      <line x1=\"4.5\" y1=\"26\" x2=\"33.5\" y2=\"26\" stroke=\"#865e35\" stroke-width=\"1\"><\/line>\n    <\/svg>\n  <\/div>\n\n  <div class=\"px-thread-note-body\">\n    <p class=\"px-thread-note-title\">Universal Plumbing Compatibility<\/p>\n    <p class=\"px-thread-note-text\">\n      Our showers ship with the correct connection for your region. \n    <\/p>\n    \n    <p class=\"px-thread-note-sub\">\n      Using a different plumbing standard? Contact us \u2014 we'll provide the correct fitting for your installation at no extra charge.\n    <\/p>\n  <\/div>\n\n<\/div>\n<\/section>\n<!-- DISTINCTIVE FEATURES -->\n<section class=\"shower-desc__features\">\n<h2>Distinctive Features<\/h2>\n<ul class=\"shower-desc__features-list\">\n<li>\n<div class=\"shower-desc__feature-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z\"><\/path>\n              <path stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M12 6V12L16 14\"><\/path>\n            <\/svg><\/div>\n<div class=\"shower-desc__feature-content\">\n<h4>Living Finish<\/h4>\n<p>Naturally ages to develop a rich patina, enhancing old-world character.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class=\"shower-desc__feature-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M20 4H4C2.9 4 2.01 4.89 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V8H20V18ZM20 6H4V6L4 8V6V18V8H20V6Z\"><\/path>\n            <\/svg><\/div>\n<div class=\"shower-desc__feature-content\">\n<h4>Timeless Brass Construction<\/h4>\n<p>Crafted from solid unlacquered brass for durability and vintage elegance.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class=\"shower-desc__feature-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\n            <\/svg><\/div>\n<div class=\"shower-desc__feature-content\">\n<h4>Traditional Build<\/h4>\n<p>Compatible with standard replacement parts for easy maintenance.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class=\"shower-desc__feature-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z\"><\/path>\n              <circle fill=\"white\" r=\"3\" cy=\"12\" cx=\"12\"><\/circle>\n            <\/svg><\/div>\n<div class=\"shower-desc__feature-content\">\n<h4>Tested Performance<\/h4>\n<p>Rigorously pressure-tested to ensure reliable function and long-term use.<\/p>\n<\/div>\n<\/li>\n<li>\n<div class=\"shower-desc__feature-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20ZM12.5 7H11V13L15.5 15.5L16.25 14.25L12 12V7Z\"><\/path>\n            <\/svg><\/div>\n<div class=\"shower-desc__feature-content\">\n<h4>Compatible with Insideast Fixtures<\/h4>\n<p>Perfect match for your existing brass setup.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/section>\n<!-- LIFESTYLE SECTIONS -->\n<section class=\"lifestyle-section\">\n<div class=\"lifestyle-section__image\"><img decoding=\"async\" loading=\"lazy\" alt=\"Brass Shower in Bathroom\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/7814509297773-66.png\"><\/div>\n<div class=\"lifestyle-section__content\">\n<h3>Vintage Elegance, Modern Function<\/h3>\n<p>The unlacquered brass finish and clean exposed lines bring warmth and authenticity to any bathroom from classic revival to contemporary minimalist.<\/p>\n<\/div>\n<\/section>\n<section class=\"lifestyle-section\" style=\"direction: rtl;\">\n<div class=\"lifestyle-section__image\"><img decoding=\"async\" loading=\"lazy\" alt=\"Showerhead Close-up\" src=\"https:\/\/www.insideast.com\/cdn\/shop\/files\/7814509297773-64.png?v=1773569499&amp;width=1946\"><\/div>\n<div class=\"lifestyle-section__content\">\n<h3>Signature Showerheads<\/h3>\n<p>Choose from Rose, Square, or Round. each precision crafted in solid brass for optimal flow and timeless style.<\/p>\n<\/div>\n<\/section>\n<!-- ========== PACKAGE INCLUDES ========== -->\n<section class=\"shower-pkg\">\n<div class=\"shower-pkg__header\">\n<h3>\ud83d\udce6 Package Includes<\/h3>\n<p style=\"color: var(--muted); margin-top: 5px; font-size: 14px;\">Complete exposed system components<\/p>\n<\/div>\n<div class=\"shower-pkg__list\">\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Solid Brass Head Shower<\/div>\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Curved Riser Pipe (47\")<\/div>\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Exposed Mixer Body with Handles<\/div>\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Shower Rail &amp; Unions<\/div>\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Bumpy Faceplates (Decorative Covers)<\/div>\n<div class=\"shower-pkg__item\">\n<svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Mounting Screws &amp; Anchors<\/div>\n<\/div>\n<\/section>\n<!-- TECHNICAL SPECS -->\n<section class=\"shower-desc__specs-section\">\n<h2>Technical Specifications<\/h2>\n<table class=\"shower-desc__specs-table\">\n<tbody>\n<tr>\n<td>Finish<\/td>\n<td>Unlacquered Brass (Develops Patina)<\/td>\n<\/tr>\n<tr>\n<td>Material<\/td>\n<td>Solid Brass<\/td>\n<\/tr>\n<tr>\n<td>Thread Standard<\/td>\n<td>Correct fittings for your region<\/td>\n<\/tr>\n<tr>\n<td>Design<\/td>\n<td>Traditional Construction<\/td>\n<\/tr>\n<tr>\n<td>Performance<\/td>\n<td>Pressure-Tested for High Standards<\/td>\n<\/tr>\n<tr>\n<td>Maintenance<\/td>\n<td>Easy Part Replacement<\/td>\n<\/tr>\n<tr>\n<td>Return Policy<\/td>\n<td>30-Day Return<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n<!-- SPEC SHEET DOWNLOAD -->\n<div class=\"shower-desc__download\">\n<h3>Installation &amp; Dimensions (PDF)<\/h3>\n<p>Complete technical drawings, plumbing specs, and mounting instructions.<\/p>\n<a href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/7329\/4189\/files\/antique_brass_exposed_pipe_shower_system_ISH21.pdf?v=1773464739\" target=\"_blank\"> \ud83d\udcc4 Download Spec Sheet <\/a>\n<\/div>\n<!-- FULL WARRANTY -->\n<div aria-label=\"Warranty &amp; Guarantee\" role=\"region\" class=\"ie-warranty\">\n<div class=\"ie-warranty__top\">\n<svg aria-hidden=\"true\" viewbox=\"0 0 24 24\" class=\"ie-warranty__shield\">\n          <path fill=\"currentColor\" d=\"M12 2l7 3v6c0 5-3.6 9.7-7 11-3.4-1.3-7-6-7-11V5l7-3z\"><\/path>\n          <path fill=\"#fff\" d=\"M10.2 12.6l-1.9-1.9-1.1 1.1 3 3 5.6-5.6-1.1-1.1-4.5 4.5z\"><\/path>\n        <\/svg>\n<h3 class=\"ie-warranty__title\">Warranty &amp; Guarantee<\/h3>\n<\/div>\n<div class=\"ie-warranty__body\">\n<p>We stand by the quality of our products with industry-leading protection.<\/p>\n<ul class=\"ie-warranty__list\">\n<li>\n<strong>5-Year Limited Warranty<\/strong> on brass components and finish integrity (excluding normal patina development).<\/li>\n<li>Covered for <strong>repair or replacement<\/strong> of defective parts (labor &amp; installation excluded).<\/li>\n<li>\n<strong>Visual defects<\/strong> must be reported within <strong>15 days<\/strong> of delivery with photos and order proof.<\/li>\n<\/ul>\n<p class=\"ie-warranty__note\">Need help? Email <a href=\"mailto:contact@insideast.com\">contact@insideast.com<\/a> with your order number.<\/p>\n<p class=\"ie-warranty__note\"><strong>Note:<\/strong> Unlacquered brass is designed to patinate\u2014this natural aging is not a defect, but a celebrated hallmark of authenticity.<\/p>\n<\/div>\n<\/div>\n<!-- ========== FAQ SECTION ========== -->\n<section class=\"shower-desc__faq\">\n<h2>Frequently Asked Questions<\/h2>\n<details>\n<summary>Does this system include the mixing valve?<\/summary>\n<p><strong>Yes.<\/strong> This is a complete exposed shower system that includes the hot and cold mixing valve body and handles. You do not need to buy a separate valve; you just need hot and cold water pipes ready at the installation site.<\/p>\n<\/details>\n<details>\n<summary>What is the finish?<\/summary>\n<p>It is <strong>Unlacquered Brass<\/strong>. This is a living finish that will darken and patina over time, giving it a beautiful, authentic vintage look. It is not lacquered or plated, so it will not peel.<\/p>\n<\/details>\n<details>\n<summary>Is the height adjustable?<\/summary>\n<p>The system comes with a fixed-length riser pipe (Total height 47\"). It is designed for standard installations. If you require a custom height modification, these are often done by cutting the pipe or ordering a custom length (please contact us before ordering for custom requests).<\/p>\n<\/details>\n<details>\n<summary>Can I install this outdoors?<\/summary>\n<p>Yes, many customers (like Ann in the reviews!) install this system outdoors near pools or beach houses. The solid brass construction is highly resistant to the elements and develops a lovely patina when exposed to outdoor weather.<\/p>\n<\/details>\n<details>\n<summary>Does it include a handheld sprayer?<\/summary>\n<p>No, the Model ISH21 is a classic single-head exposed shower system. It keeps the design clean and minimal without a handheld attachment or tub spout.<\/p>\n<\/details>\n<\/section>\n<!-- FINAL CTA -->\n<div class=\"shower-desc__cta-section\" style=\"margin-top: 60px;\">\n<h3 style=\"font-size: clamp(20px, 3vw, 24px); margin-bottom: 15px; color: var(--primary);\">Invest in Everlasting Beauty<\/h3>\n<p style=\"color: var(--muted); margin-bottom: 20px; font-size: clamp(13px, 1.5vw, 15px);\">A hand-finished brass heirloom\u2014crafted for performance, designed to age with beauty, and built to outlast trends.<\/p>\n<a href=\"#\" class=\"shower-desc__cta-primary\">Configure &amp; Order Now<\/a>\n<div class=\"shower-desc__trust-bar\">\n<div>Handcrafted to Order<\/div>\n<div>5-Year Warranty<\/div>\n<div>Free Shipping<\/div>\n<div>30-Day Guarantee<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n\n\n<\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const slider = document.getElementById(\"configSlider\");\n  const leftBtn = document.querySelector(\".shower-desc__config-arrow--left\");\n  const rightBtn = document.querySelector(\".shower-desc__config-arrow--right\");\n\n  const scrollAmount = slider.offsetWidth * 0.8;\n\n  rightBtn.addEventListener(\"click\", function () {\n    slider.scrollBy({\n      left: scrollAmount,\n      behavior: \"smooth\"\n    });\n  });\n\n  leftBtn.addEventListener(\"click\", function () {\n    slider.scrollBy({\n      left: -scrollAmount,\n      behavior: \"smooth\"\n    });\n  });\n\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":3066,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[25],"product_tag":[],"class_list":["post-1364","product","type-product","status-publish","has-post-thumbnail","product_cat-shower-set","first","instock","taxable","shipping-taxable","purchasable","product-type-variable"],"_links":{"self":[{"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/product\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/comments?post=1364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/media\/3066"}],"wp:attachment":[{"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/media?parent=1364"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/product_brand?post=1364"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/product_cat?post=1364"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/eu.insideast.com\/de\/wp-json\/wp\/v2\/product_tag?post=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}