/* ========== ROUND SINK 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)
}
/* UPDATED DIMENSIONS GRID FOR 4 ITEMS */
.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: 13px;
/* Slightly larger for readability */
font-weight: 600;
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
}
/* — UPDATED CONFIG GRID LAYOUT — */
.faucet-desc__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
/* Two distinct columns for Drain and Size */
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
}
/* Ensure both options sections use a 2-column grid for buttons */
.faucet-desc__config-options {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, 1fr);
}
/* Removed the specific first/last child overrides to keep consistent 2-col grid */
.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;
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
}
.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 h4 {
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) {
/* UPDATED: Stack main grid sections vertically */
.faucet-desc__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px
}
/* Keep 2 columns for buttons on mobile */
.faucet-desc__config-options {
grid-template-columns: repeat(2, 1fr);
}
.faucet-desc__config-section h3 {
text-align: left;
/* Align headers left on mobile */
}
/* 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 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
}
}
Unlacquered Brass Bathroom Round Vessel Sink
Countertop Basin Timeless Beauty, Effortless Installation
Hand-forged from certified solid brass and finished with a warm, unlacquered surface, this round vessel sink brings artisanal elegance to any bathroom. Its minimalist form and smooth curves create a serene focal point while its durable construction ensures decades of daily use.
Designed for effortless installation no complex cutouts needed. Just drill a 1.65″ drain hole, apply silicone sealant, and place it on your countertop. Clean, elegant, and built to last generations.
Tailored to Your Setup
Choose your drain and size preference. All sinks are solid brass, unlacquered finish, and ready for countertop placement.
Drain Option
✨ Matching brass push-up drain included — no mismatched finishes.
Size
Gallery
🛡️ Our No-Risk Promise to You
- 15-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers material and craftsmanship defects (excludes natural patina).
- Perfect Match Guarantee: Sink + drain always in the same finish — guaranteed.
We craft every sink to last generations — so you can buy with total confidence.
Distinctive Features
-
Solid Brass Construction
Forged from thick, 16-gauge certified solid brass resilient against dents, corrosion, and daily wear.
-
Unlacquered Finish
Develops a warm, living patina over time no coatings to chip or peel. Adds character and warmth to your space.
-
Effortless Countertop Installation
Requires only a 1.65″ drain hole and silicone sealant no cutout or undermount fitting needed.
-
Easy Maintenance
Smooth, non-porous surface allows for simple wipe-down cleaning no special products required.
Minimalist Form, Maximum Impact
The clean, circular silhouette creates instant visual harmony perfect for modern, traditional, or transitional bathrooms. The unlacquered brass adds warmth without overwhelming.
Designed for Real Life
Solid brass resists corrosion and offers natural antimicrobial properties ideal for humid bathroom environments. The vessel design pairs effortlessly with marble, wood, stone, or concrete countertops.
Technical Specifications
| Material | Solid Brass (16-Gauge) |
| Finish | Unlacquered Brass (Develops Natural Patina) |
| Installation | Countertop Vessel — requires 1.65″ drain hole & silicone sealant |
| Drain | Optional matching brass push-up drain |
| Maintenance | Wipe clean with soft cloth — no harsh chemicals needed |
| Warranty | 5-Year Limited Warranty |
| Return Policy | 15-Day Return |
Available Dimensions
📐 Depth ~4.50″ for all sizes. Requires a 1.65″ drain hole. For optimal fit, ensure your countertop has at least 8.25″ clearance beneath.
Installation & Care Guide
Complete dimensions, drain hole template, and patina care instructions.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on sink construction and materials.
- 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.
Need help? Email contact@insideast.com with your order number.
Finish note: unlacquered brass develops a natural patina over time. This living finish is intentional — not a defect — and deepens in character with daily use.
Elevate Your Bathroom
A functional heirloom, hand-forged in solid brass, built for beauty and endurance, designed to age with grace.
English 
Reviews
There are no reviews yet.