/* ========== EXISTING STYLES ========== */
.faucet-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%);
}

.faucet-desc__wrap {
max-width: 900px;
margin: 0 auto;
padding: clamp(24px, 4vw, 60px) clamp(16px, 2vw, 24px);
}

.faucet-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;
}

.faucet-desc__header * {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}

.faucet-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);
}

.faucet-desc__eyebrow {
font-size: clamp(.95rem, 1vw, .85rem);
letter-spacing: .15em;
text-transform: uppercase;
color: var(–accent);
margin: 0 0 1rem;
font-weight: 600;
}

.faucet-desc__title {
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.1;
margin: 0 0 1rem;
font-weight: 700;
color: var(–accent);
}

.faucet-desc__sub {
color: var(–muted);
font-size: clamp(1.7rem, 2vw, 1.8rem);
max-width: 700px;
margin: 0 auto;
line-height: 1.7;
text-align: center;
}

.faucet-desc__specs-section {
margin: clamp(60px, 8vw, 100px) 0
}

.faucet-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)
}

.faucet-desc__specs-table tr {
border-bottom: 1px solid var(–accent-light)
}

.faucet-desc__specs-table tr:last-child {
border-bottom: none
}

.faucet-desc__specs-table td {
padding: 12px 20px;
font-size: 14px
}

.faucet-desc__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light)
}

.faucet-desc__specs-table td:last-child {
color: var(–muted)
}

.faucet-desc__dimensions-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow);
margin: 15px 0;
font-size: 13px;
}

.faucet-desc__dimensions-table th {
background: var(–accent);
color: #fff;
padding: 10px 8px;
text-align: center;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .3px;
}

.faucet-desc__dimensions-table td {
padding: 10px 8px;
text-align: center;
border-bottom: 1px solid var(–accent-light);
color: var(–primary);
}

.faucet-desc__dimensions-table tr:last-child td {
border-bottom: none;
}

.faucet-desc__dimensions-table tr:nth-child(even) td {
background: var(–bg-light);
}

.faucet-desc__dimensions-table td:first-child {
font-weight: 700;
color: var(–accent);
text-align: left;
}

.faucet-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)
}

.faucet-desc__download h3 {
color: var(–primary)
}

.faucet-desc__download p {
color: var(–muted);
margin-bottom: 15px
}

.faucet-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
}

.faucet-desc__download a:hover {
background: #8b6740
}

.faucet-desc__config {
margin: 60px 0
}

.faucet-desc__config h2 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center
}

.faucet-desc__config-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
line-height: 1.7;
max-width: 700px;
margin: 0 auto 35px
}

.faucet-desc__config-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 20px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}

.faucet-desc__config-section h3 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center
}

.faucet-desc__config-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
gap: 8px
}

.faucet-desc__config-options–two {
grid-template-columns: repeat(2, 1fr);
max-width: 400px;
margin: 0 auto;
}

.faucet-desc__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 13px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative
}

.faucet-desc__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow)
}

.faucet-desc__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}

.faucet-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
}

.faucet-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
}

.faucet-desc__config-slider-container::-webkit-scrollbar {
height: 8px
}

.faucet-desc__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}

.faucet-desc__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}

.faucet-desc__config-slider {
display: flex;
gap: 20px;
padding: 5px
}

.faucet-desc__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}

.faucet-desc__config-slide-img {
width: 100%;
height: 460px;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}

.faucet-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
}

.faucet-desc__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}

.faucet-desc__config-arrow–left {
left: 4px
}

.faucet-desc__config-arrow–right {
right: 4px
}

.faucet-desc__reviews h2 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}

.faucet-desc__review-slider-wrap {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
padding: 0 10px
}

.faucet-desc__review-slider-wrap::-webkit-scrollbar {
height: 6px
}

.faucet-desc__review-slider-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}

.faucet-desc__review-slider-wrap::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
cursor: grab
}

.faucet-desc__review-slider {
display: flex;
gap: 25px;
padding: 0
}

.faucet-desc__review-slider-item {
flex: 0 0 calc(33.333% – 17px);
min-width: calc(33.333% – 17px)
}

.faucet-desc__review-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: 20;
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
}

.faucet-desc__review-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}

.faucet-desc__review-arrow–left {
left: 8px
}

.faucet-desc__review-arrow–right {
right: 8px
}

.faucet-desc__review-card {
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
height: 100%
}

.faucet-desc__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .12)
}

.faucet-desc__review-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px
}

.faucet-desc__review-author {
font-weight: 700;
color: var(–primary)
}

.faucet-desc__review-date {
font-size: 11px;
color: var(–muted);
font-weight: 500;
}

.faucet-desc__review-stars {
color: var(–accent);
font-size: 16px;
margin-bottom: 10px
}

.faucet-desc__review-text {
color: var(–muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}

.faucet-desc__review-highlight {
font-size: 12px;
color: var(–accent);
font-style: italic;
border-left: 2px solid var(–accent-light);
padding-left: 10px
}

.faucet-desc__features {
margin: clamp(60px, 8vw, 100px) 0
}

.faucet-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
}

.faucet-desc__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none
}

.faucet-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
}

.faucet-desc__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}

.faucet-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
}

.faucet-desc__feature-icon svg {
width: 28px;
height: 28px
}

.faucet-desc__feature-content h4 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3
}

.faucet-desc__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0
}

.faucet-desc__faq {
margin-top: clamp(60px, 8vw, 100px)
}

.faucet-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
}

.faucet-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)
}

.faucet-desc__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px)
}

.faucet-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
}

.faucet-desc__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease
}

.faucet-desc__faq details[open] summary::before {
transform: rotate(90deg)
}

.faucet-desc__faq summary:hover {
color: var(–accent)
}

.faucet-desc__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent)
}

.faucet-desc__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0
}

.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)
}

.faucet-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)
}

.faucet-desc__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px
}

.faucet-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;
text-decoration: none;
display: inline-block;
}

.faucet-desc__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}

.faucet-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
}

.faucet-desc__trust-bar div {
display: flex;
align-items: center;
gap: 5px
}

.faucet-desc__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold
}

.faucet-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
}

.faucet-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)
}

.faucet-desc__guarantee-box h3 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center
}

.faucet-desc__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0
}

.faucet-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)
}

.faucet-desc__guarantee-box li:last-child {
border-bottom: none
}

.faucet-desc__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px
}

.faucet-desc__guarantee-box li strong {
color: var(–accent)
}

.faucet-desc__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px)
}

.faucet-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
}

.faucet-desc__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent)
}

.faucet-desc__scarcity-notice a:hover {
color: #8b6740
}

.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
}

/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {

.faucet-desc__features-list {
grid-template-columns: 1fr;
gap: 15px
}

.faucet-desc__features-list li {
padding: 15px;
gap: 12px
}

.faucet-desc__feature-icon {
width: 45px;
height: 45px
}

.faucet-desc__feature-icon svg {
width: 24px;
height: 24px
}

.faucet-desc__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}

.faucet-desc__config-slider-wrap {
max-width: 100%
}

.faucet-desc__config-slide-img {
height: 300px
}

.faucet-desc__config-slider-title {
font-size: 18px;
margin-bottom: 20px
}

.faucet-desc__config-options {
grid-template-columns: repeat(2, 1fr)
}

.faucet-desc__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}

.faucet-desc__review-card {
padding: 20px
}

.faucet-desc__dimensions-table {
font-size: 11px;
display: block;
overflow-x: auto;
}

.faucet-desc__dimensions-table th,
.faucet-desc__dimensions-table td {
padding: 8px 6px;
}

.faucet-desc__specs-table td {
padding: 10px 12px;
font-size: 13px
}

.faucet-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
}

.faucet-desc__header {
padding: clamp(30px, 5vw, 50px) 0
}

.faucet-desc__title {
line-height: 1.2
}

.faucet-desc__sub {
font-size: clamp(1rem, 2vw, 1.1rem)
}

.faucet-desc__cta-section {
padding: 20px 15px
}

.faucet-desc__trust-bar {
gap: 10px;
font-size: 11px
}

.faucet-desc__faq summary {
font-size: 14px
}

.faucet-desc__faq p {
font-size: 13px
}

.faucet-desc__faq details {
padding: 12px
}

.ie-warranty__title {
font-size: 1rem
}

.ie-warranty__body {
padding: 1.2rem
}

.faucet-desc__download {
padding: 20px 15px
}

.faucet-desc__download h3 {
font-size: 18px
}

.faucet-desc__download p {
font-size: 13px
}

.faucet-desc__download a {
padding: 12px 24px;
font-size: 13px
}
}

@media (max-width: 480px) {

.faucet-desc__wrap {
padding: 20px 12px
}

.faucet-desc__header {
padding: 25px 0
}

.faucet-desc__config-slider-container {
padding: 0 35px
}

.faucet-desc__config-arrow {
width: 30px;
height: 30px;
font-size: 16px
}

.faucet-desc__review-arrow {
width: 30px;
height: 30px;
font-size: 16px
}

.faucet-desc__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}

.guarantee-item {
padding: 10px
}

.faucet-desc__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center
}

.faucet-desc__features-list {
gap: 12px
}

.faucet-desc__features-list li {
padding: 12px
}

.faucet-desc__config-options {
grid-template-columns: 1fr
}
}

.faucet-desc__config-arrow,
.faucet-desc__review-arrow {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
padding: 0 !important;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center;
line-height: 1 !important;
background: rgba(166, 124, 82, 0.9);
cursor: pointer;
z-index: 20;
}

.faucet-desc__sub,
.faucet-desc__config-intro {
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
display: block;
}

/* ✦ CUSTOM SECTION */
.ie-custom-section {
font-family: inherit;
margin: 48px auto;
max-width: 780px;
padding: 0 20px;
}

.ie-custom-inner {
background-color: #fdf9f3;
border: 1px solid #d4a847;
border-radius: 4px;
padding: 36px 40px;
text-align: center;
position: relative;
overflow: hidden;
}

.ie-custom-inner::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #c9922a, #e8c06a, #c9922a);
}

.ie-custom-eyebrow {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #b07d2a;
margin: 0 0 14px;
}

.ie-custom-heading {
font-size: 22px;
font-weight: 400;
color: #1a1a1a;
margin: 0 0 14px;
line-height: 1.4;
letter-spacing: 0.01em;
}

.ie-custom-heading em {
font-style: italic;
color: #b07d2a;
}

.ie-custom-divider {
width: 40px;
height: 1px;
background: #d4a847;
margin: 0 auto 18px;
}

.ie-custom-body {
font-size: 14.5px;
color: #555;
line-height: 1.75;
max-width: 650px;
margin: 0 auto 28px;
}

.ie-custom-pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 28px;
}

.ie-custom-pill {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1px solid #d4a847;
border-radius: 100px;
padding: 6px 16px;
font-size: 12.5px;
color: #8a6020;
letter-spacing: 0.04em;
font-weight: 500;
}

.ie-custom-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #b07d2a;
text-decoration: none;
font-size: 13.5px;
font-weight: 500;
letter-spacing: 0.06em;
border-bottom: 1px solid #d4a84780;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}

.ie-custom-link:hover {
color: #8a6020;
border-color: #8a6020;
}

.ie-custom-link svg {
transition: transform 0.2s ease;
}

.ie-custom-link:hover svg {
transform: translateX(3px);
}

@media (max-width: 600px) {
.ie-custom-inner {
padding: 28px 22px;
}

.ie-custom-heading {
font-size: 19px;
}
}

document.addEventListener(“DOMContentLoaded”, function () {
const slider = document.getElementById(‘configSlider’);
const leftBtn = document.querySelector(‘.faucet-desc__config-arrow–left’);
const rightBtn = document.querySelector(‘.faucet-desc__config-arrow–right’);
if (slider && leftBtn && rightBtn) {
const scrollAmount = 350;
rightBtn.addEventListener(‘click’, () => slider.scrollBy({ left: scrollAmount, behavior: ‘smooth’ }));
leftBtn.addEventListener(‘click’, () => slider.scrollBy({ left: -scrollAmount, behavior: ‘smooth’ }));
}

const reviewSlider = document.getElementById(‘reviewSlider’);
const reviewLeftBtn = document.querySelector(‘.faucet-desc__review-arrow–left’);
const reviewRightBtn = document.querySelector(‘.faucet-desc__review-arrow–right’);
if (reviewSlider && reviewLeftBtn && reviewRightBtn) {
const scrollAmount = 350;
reviewRightBtn.addEventListener(‘click’, () => reviewSlider.scrollBy({ left: scrollAmount, behavior: ‘smooth’ }));
reviewLeftBtn.addEventListener(‘click’, () => reviewSlider.scrollBy({ left: -scrollAmount, behavior: ‘smooth’ }));
}
});