/* ========== 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(2, 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
}
.faucet-desc__specs-section h2 {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 1rem;
}
/* ========== 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
}
}
Heritage Unlacquered Brass Single Hole Sink Faucet
Timeless Elegance, Effortlessly Installed
The Heritage faucet is forged in the spirit of 19th-century brass foundries where durability and beauty were inseparable. Each piece is hand-finished by artisans who understand metal as a living material.
Its unlacquered brass surface begins bright and golden, then gently deepens to warm amber and antique bronze as it interacts with water, air, and daily use. This evolution is not a flaw. it’s the soul of the piece.
Choose Your Handle Style
Select the handle design that complements your aesthetic both meticulously cast in solid unlacquered brass and built to age beautifully alongside the faucet body.
Handle Design
Simple Cross Handles
Flat Cross Handles✨ Need a custom finish or size? Contact us for bespoke configurations — we love collaborating on unique projects.
Gallery
🛡️ Our Promise to You
- Lifetime Quality: Built to last generations with solid brass and serviceable components — repairable, not disposable.
- Master Craftsmanship: Every curve, thread, and joint is shaped by artisans who treat brass as both material and legacy.
- Satisfaction Guaranteed: 30-day returns, responsive support, and a commitment to your long-term joy.
We craft not just fixtures—but heirlooms.
Why Heritage Stands Apart
| Feature | Heritage Faucet | Standard Brass Faucet |
|---|---|---|
| Material | 100% Solid Brass | Hollow Zinc Alloy (Brass-plated) |
| Finish | Unlacquered — evolves naturally | Lacquered — static, may peel |
| Cartridge | Ceramic Disc, Replaceable | Plastic, non-serviceable |
| Warranty | 5-Year + Lifetime Support | 1–2 years, limited |
Distinctive Features
-
Living Finish
Unlacquered brass develops a rich, vintage patina over time, each faucet ages uniquely, telling the story of your space.
-
100% Solid Brass
No hollow castings — just premium, solid brass for decades of reliable performance and heirloom quality.
-
Universal Fit
Fits standard single-hole countertop or sink installations — no plumbing upgrades required.
Artisan Excellence in Every Detail
From the hand-finished spout to the precisely engineered valve, every component reflects generations of brass craftsmanship no shortcuts, no compromises.
Functional Elegance
The built-in aerator ensures smooth, splash-free flow while conserving water—elegance that works as hard as you do.
Technical Specifications
| Material | Solid Brass |
| Finish | Unlacquered Brass (Develops Patina) |
| Spout Type | Swiveling for Versatile Use |
| Aerator | Built-In for Water Efficiency |
| Design | Traditional with Easy Washer Replacement |
| Installation | Fits Existing Countertop Holes |
| Compatibility | Matches Insideast Brass Fixtures |
| Return Policy | 30-Day Return |
Key Dimensions
Complete Installation Guide
Download our detailed spec sheet with diagrams, measurements, and step-by-step instructions
What’s Included
- Faucet body (solid unlacquered brass)
- 1× Handle (Simple or Flat Cross, per selection)
- Mounting hardware (solid brass washer, nut, gasket)
- ¼-turn ceramic cartridge (pre-installed)
- Flexible supply hoses (24″, stainless braided)
- Installation & care guide (PDF + printed card)
In Real Homes
Warranty & Guarantee
Confidence in every connection — backed by industry-leading protection.
- 5-Year Limited Warranty on plumbing and accessories for residential use.
- 1-Year Warranty on wearable parts (cartridges, O-rings, etc.).
- Covered for repair or replacement in case of manufacturing defects (installation/labor costs excluded).
- Visual damages must be reported within 15 days of delivery with photos and proof of purchase.
Questions or need to file a claim? Email contact@insideast.com with your order number.
Finish note: unlacquered brass develops a natural patina — this is intentional and not a defect.
Frequently Asked Questions
What is unlacquered brass and how does it patina?
Unlacquered brass is pure brass with no protective coating. Over time, it reacts with oxygen, moisture, and hand oils to develop a warm, mottled patina—deepening from bright gold to antique bronze. This aging is natural and unique to each piece.
How do I care for my unlacquered brass faucet?
Simply wipe with a soft cloth and mild soap. Avoid abrasive cleaners or polishes—they’ll strip the evolving patina. Patina can be slowed with occasional waxing (optional), but we recommend embracing its organic evolution.
Will this fit my existing sink?
Yes—this faucet is designed for standard single-hole installations. It uses a ½” BSP Male thread (British Standard Pipe), which is critical for plumbing compatibility.
What’s the difference between the two handle styles?
Both are solid brass and function identically. The Simple Cross has rounded arms for a classic vintage look; the Flat Cross features streamlined, squared arms for a more modern heritage aesthetic.
Can I install this faucet myself?
Absolutely. It includes all mounting hardware and fits standard plumbing. Most DIYers complete installation in under 30 minutes with basic tools (adjustable wrench, plumber’s tape). A full guide is included in the PDF download.
Bring Heritage Home Today
Join designers and homeowners who choose authenticity over mass production. A faucet that doesn’t just function but evolves with your story.
.faucet-desc__specs-title {
font-weight: normal;
text-align: left;
}
English
Reviews
There are no reviews yet.