/* ========== 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);
}
/* FORCE-CENTER HEADER */
.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(.75rem,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.1rem,1.5vw,1.3rem);
max-width:700px;
margin:0 auto;
line-height:1.7;
text-align:center;
}
.faucet-desc__video {
display: grid;
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__video-container {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow)
}
.faucet-desc__video-container video {
width: 100%;
height: auto;
display: block
}
.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-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
background: var(–bg-light);
padding: 20px;
border-radius: 8px;
margin: 15px 0;
border: 1px solid var(–accent-light)
}
.faucet-desc__dimension-card {
text-align: center;
padding: 10px
}
.faucet-desc__dimension-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–accent);
margin-bottom: 5px;
font-weight: 600
}
.faucet-desc__dimension-value {
font-size: 20px;
font-weight: 700;
color: var(–primary)
}
.faucet-desc__dimension-unit {
font-size: 11px;
color: #999;
margin-top: 2px
}
.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__warranty-badge {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 20px);
margin: clamp(30px, 4vw, 50px) 0;
padding: clamp(16px, 3vw, 24px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(166, 124, 82, .1);
transition: all .3s ease
}
.faucet-desc__warranty-badge:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .15)
}
.faucet-desc__warranty-badge-icon {
flex-shrink: 0;
width: clamp(40px, 6vw, 50px);
height: clamp(40px, 6vw, 50px);
color: var(–accent);
display: flex;
align-items: center;
justify-content: center
}
.faucet-desc__warranty-badge-icon svg {
width: 100%;
height: 100%
}
.faucet-desc__warranty-badge-content {
flex: 1;
min-width: 0
}
.faucet-desc__warranty-badge-content strong {
display: block;
font-size: clamp(1rem, 2vw, 1.2rem);
font-weight: 700;
color: var(–primary);
margin-bottom: clamp(4px, 1vw, 8px);
line-height: 1.3
}
.faucet-desc__warranty-badge-content p {
margin: 0;
font-size: clamp(.85rem, 1.5vw, 1rem);
color: var(–muted);
line-height: 1.5
}
.faucet-desc__warranty-badge-content p strong {
display: inline;
font-size: inherit;
font-weight: 700;
color: var(–accent)
}
.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-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: cover;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-slide-caption {
text-align: center;
margin-top: 12px;
font-size: 14px;
color: var(–primary);
font-weight: 600;
background: var(–bg-light);
padding: 8px 12px;
border-radius: 6px;
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__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}
.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;
gap: 8px
}
.faucet-desc__config-section:first-child .faucet-desc__config-options {
grid-template-columns: 1fr 1fr
}
.faucet-desc__config-section:last-child .faucet-desc__config-options {
grid-template-columns: 1fr
}
.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__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-wrap::-webkit-scrollbar-thumb:active {
cursor: grabbing
}
.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-verified {
font-size: 11px;
background: var(–accent);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-weight: 600
}
.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
}
/* ========== FEATURES GRID – IMPROVED ========== */
.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__package {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__package 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__package-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin: 0;
padding: 0;
list-style: none
}
.faucet-desc__package-list li {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
font-size: 13px;
background: var(–bg-light);
border-radius: 6px;
border: 1px solid var(–accent-light);
transition: all .2s ease
}
.faucet-desc__package-list li:hover {
background: #fff;
transform: translateY(-2px);
box-shadow: 0 2px 8px var(–shadow)
}
.faucet-desc__package-list li:before {
content: “✓”;
color: var(–accent);
font-weight: bold;
font-size: 14px;
flex-shrink: 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)
}
.ie-warranty__badge {
display: flex;
align-items: center;
gap: .75rem;
margin: 1.5rem 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(–accent);
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(166, 124, 82, .1)
}
.ie-warranty__badge .tick {
font-size: 1.2rem;
line-height: 1;
color: var(–accent)
}
.ie-warranty__badge strong {
font-weight: 700;
color: var(–primary)
}
.ie-warranty__badge div {
color: var(–primary)
}
/* ========== CRO STYLES ========== */
/* CTA Section */
.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 {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 15px
}
.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
}
.faucet-desc__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}
.faucet-desc__cta-primary:active {
transform: translateY(0)
}
.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
}
/* Guarantee Bar */
.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
}
/* Comparison Table */
.faucet-desc__comparison {
margin: 60px 0;
padding: 40px 0
}
.faucet-desc__comparison h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__comparison-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px var(–shadow)
}
.faucet-desc__comparison-table th {
padding: 15px;
background: var(–accent);
color: #fff;
font-weight: 700;
text-align: left;
font-size: 15px
}
.faucet-desc__comparison-table td {
padding: 15px;
border-bottom: 1px solid var(–accent-light);
font-size: 14px
}
.faucet-desc__comparison-table tr:last-child td {
border-bottom: none
}
.faucet-desc__comparison-table td:first-child {
font-weight: 600;
color: var(–primary);
background: var(–bg-light);
width: 30%
}
.faucet-desc__comparison-table td:nth-child(2) {
color: #2d5016;
font-weight: 500
}
.faucet-desc__comparison-table td:nth-child(3) {
color: #7a271a
}
.faucet-desc__comparison-table tr:hover {
background: rgba(166, 124, 82, .05)
}
/* Guarantee Box */
.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)
}
/* Review Stats */
.faucet-desc__review-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 1px solid var(–accent-light)
}
.stat {
text-align: center;
padding: 15px
}
.stat-number {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 5px
}
.stat-label {
font-size: 13px;
color: var(–muted);
text-transform: uppercase;
letter-spacing: .5px
}
/* Review Highlights */
.faucet-desc__review-highlights {
display: flex;
gap: 15px;
margin-bottom: 25px;
flex-wrap: wrap;
justify-content: center
}
.highlight {
background: #fff;
padding: 10px 18px;
border-radius: 20px;
font-size: 13px;
color: var(–primary);
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow)
}
/* Scarcity Notice */
.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
}
/* Config Price Tags */
.config-price {
display: block;
font-size: 11px;
color: var(–accent);
font-weight: 700;
margin-top: 4px
}
/* Customer Photos Gallery */
.faucet-desc__ugc {
margin: 60px 0
}
.faucet-desc__ugc h2 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__ugc-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
margin-bottom: 30px
}
.faucet-desc__ugc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
.faucet-desc__ugc-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px var(–shadow);
aspect-ratio: 1
}
.faucet-desc__ugc-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease
}
.faucet-desc__ugc-item:hover img {
transform: scale(1.05)
}
.faucet-desc__ugc-credit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .7);
color: #fff;
padding: 8px;
font-size: 11px;
text-align: center
}
/* Trust Signals */
.faucet-desc__trust-signals {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin: 30px 0;
padding: 20px;
background: var(–bg-light);
border-radius: 8px
}
.faucet-desc__trust-signals img {
max-height: 40px;
opacity: .7;
transition: opacity .3s ease
}
.faucet-desc__trust-signals img:hover {
opacity: 1
}
.faucet-desc__trust-signals .ssl-badge,
.faucet-desc__trust-signals .certification {
font-size: 13px;
color: var(–muted);
font-weight: 600
}
/* Lifestyle sections */
.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) {
/* Features Grid – Single Column on Mobile */
.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
}
/* Config Grid */
.faucet-desc__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px
}
.faucet-desc__config-section:first-child .faucet-desc__config-options {
grid-template-columns: 1fr
}
/* Config Slider */
.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
}
/* Review Slider */
.faucet-desc__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}
.faucet-desc__review-card {
padding: 20px
}
/* Dimensions Grid */
.faucet-desc__dimensions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 15px
}
.faucet-desc__dimension-card {
padding: 8px
}
.faucet-desc__dimension-value {
font-size: 18px
}
/* Package List */
.faucet-desc__package-list {
grid-template-columns: 1fr;
gap: 6px
}
.faucet-desc__package-list li {
font-size: 12px;
padding: 10px 12px
}
/* Specs Table */
.faucet-desc__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.faucet-desc__specs-table td:first-child {
width: 45%
}
/* Lifestyle Sections – Stack on Mobile */
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
/* Warranty Badge */
.faucet-desc__warranty-badge {
flex-direction: column;
text-align: center;
gap: 12px;
padding: 20px
}
.faucet-desc__warranty-badge-icon {
width: 50px;
height: 50px
}
/* Review Stats */
.faucet-desc__review-stats {
grid-template-columns: 1fr;
gap: 10px;
padding: 20px
}
.stat {
padding: 10px
}
/* Guarantees Bar */
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
/* Comparison Table */
.faucet-desc__comparison {
padding: 20px 0
}
.faucet-desc__comparison-table {
font-size: 11px;
display: block;
overflow-x: auto
}
.faucet-desc__comparison-table th,
.faucet-desc__comparison-table td {
padding: 8px 6px;
word-break: break-word
}
.faucet-desc__comparison-table th {
font-size: 11px
}
.faucet-desc__comparison-table td:first-child {
width: 25%;
min-width: 70px
}
.faucet-desc__comparison-table td:nth-child(2),
.faucet-desc__comparison-table td:nth-child(3) {
width: 37.5%
}
/* Headers */
.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)
}
/* CTA Section */
.faucet-desc__cta-section {
padding: 20px 15px
}
.faucet-desc__trust-bar {
gap: 10px;
font-size: 11px
}
/* FAQ */
.faucet-desc__faq summary {
font-size: 14px
}
.faucet-desc__faq p {
font-size: 13px
}
.faucet-desc__faq details {
padding: 12px
}
/* Warranty */
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__badge {
flex-direction: column;
align-items: flex-start;
gap: .35rem
}
.ie-warranty__body {
padding: 1.2rem
}
/* Download Section */
.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) {
/* Further mobile optimizations */
.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
}
}
The Wall-Mounted Faucet That Ages With Grace
An 8″ unlacquered brass gooseneck faucet crafted in solid brass and designed to mount elegantly on your wall. Its raw brass finish evolves with time, deepening into a rich, one-of-a-kind patina that tells the story of your home.
In Your Space
Real homes, real patina — see how this faucet transforms kitchens and bathrooms.
🛡️ Our No-Risk Promise to You
- 30-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Fixture Warranty: Covers defects in materials & craftsmanship
- Lifetime Expert Support: Installation help, maintenance tips, and patina guidance forever
We’re so confident you’ll love this faucet, the risk is entirely on us.
Why Choose Artisan-Crafted Over Mass-Produced?
| Our Wall-Mount Faucet | Mass-Produced Alternatives | |
|---|---|---|
| Material | ✓ 100% Solid Brass — no plating, no zinc | ✗ Brass-plated zinc or plastic internals |
| Finish | ✓ Living unlacquered patina — ages beautifully | ✗ Lacquer chips, peels, and yellows over time |
| Mounting | ✓ Space-saving wall-mount design (counter-free) | ✗ Deck-mount only — consumes counter space |
| Spout Reach | ✓ 8″ high-arc gooseneck — fits large pots easily | ✗ Often ≤6″ — limited usability |
| Warranty | ✓ 5-Year Fixture / 1-Year Parts | ✗ Typically 1 year (if any) |
Why This Faucet Stands Apart
-
Wall-Mounted Space-Saving Design
Frees up precious counter space while adding architectural elegance. Ideal for farmhouse sinks, small kitchens, or vintage-inspired bathrooms.
-
High-Arc Gooseneck Spout (8″ Reach)
Provides maximum clearance for filling large pots, pitchers, and mixing bowls with ease no awkward angles or splashing.
-
Compatible with Insideast Fixtures
Designed to pair flawlessly with our unlacquered brass sinks, soap dispensers, and accessories creating a cohesive, artisanal look.
-
Premium 1/2″ Ceramic Cartridges
Smooth quarter-turn operation, drip-free for life. Lab-tested for 500,000+ cycles engineered to outlast mass-market alternatives.
Elegant Wall-Mounted Design
Frees up precious counter space while adding architectural elegance. The high-arc gooseneck spout provides generous clearance for pots and oversized cookware perfect for modern kitchens and vintage-inspired bathrooms alike.
A Finish That Ages With Dignity
Unlike lacquered brass that chips and fades, unlacquered brass evolves. Each faucet darkens and deepens uniquely reacting to water, air, and daily use. The result? A rich, antique bronze patina that becomes more beautiful year after year.
100% Solid Brass — No Compromises
From spout to handle, every component is cast in pure solid brass no zinc cores, no thin plating. This means exceptional durability, substantial heft, and resistance to corrosion. Built to outlast trends and generations.
Precision-Crafted for Performance
| Material | Solid Brass (100% — no plating, no zinc) |
| Finish | Unlacquered Brass (Develops Natural Patina) |
| Mounting Type | Wall-Mounted (Rough-in Valve Required) |
| Spout Reach | 8″ (203 mm) — center of wall plate to spout outlet |
| Handle Spread | 8″ (203 mm) — center to center |
| Total Height | 10″ (254 mm) — wall plate base to top of handle |
| Cartridge | 1/2″ Quarter-Turn Ceramic Disc |
| Plumbing Adapters | US (1/2″ NPT) & UK/EU (1/2″ BSP) Included |
| Craftsmanship | Handcrafted in Morocco |
Note: This faucet requires a separately purchased wall-mounted rough-in valve (not included). We recommend pairing with a standard 1/2″ ceramic-disc rough-in valve. Compatible with standard wall thickness and typical stud spacing.
What’s in the Box
- Gooseneck Spout Assembly
- Two Solid Brass Handles
- Two 1/2″ Ceramic Cartridges
- US & UK/EU Adapters
- Wall Mounting Plate & Hardware
- Aerator
- Installation Guide
- Lifetime Installation Support
Common Questions
Do I need to buy a rough-in valve separately?
Yes. This faucet is sold without a rough-in valve—a standard requirement for wall-mounted faucets. You’ll need a compatible 1/2″ ceramic-disc rough-in valve (available at most plumbing suppliers). We’re happy to recommend models upon request.
Will this work with my existing sink?
Absolutely. Wall-mount faucets work with virtually any sink farmhouse, undermount, top-mount, or even vessel sinks. Just ensure your wall framing and plumbing are prepared for wall-mount installation.
How do I maintain the unlacquered finish?
Let it patina naturally for that authentic vintage look. If you prefer the bright brass appearance, gently polish with a brass cleaner or a paste of lemon juice + baking soda. The finish will continue to evolve this is intentional and celebrated.
Is it suitable for bathroom use?
Yes! Its elegant profile and compact footprint make it ideal for wall-mounted bathroom sinks, vanities, or even outdoor kitchens.
What’s your return policy?
We want you to love what you ordered. If you don’t, return it within 30 days of delivery – unused and in its original packaging – for a full refund. Items that have been installed or used cannot be returned.
Warranty & Guarantee
We stand behind every faucet with confidence:
- 5-Year Fixture Warranty against manufacturing defects
- 1-Year Parts Warranty on cartridges, O-rings, and hoses
- Covered for repair or replacement (labor not included)
- Patina development is not a defect—it’s the intended beauty of unlacquered brass
Need help? Email contact@insideast.com with your order number.
Ready to Elevate Your Space?
Join hundreds of designers and homeowners who chose timeless craftsmanship.
English
Reviews
There are no reviews yet.