/* ========== EXISTING STYLES ========== */
.faucet-desc {
–primary: #1a1a1a;
–accent: #a67c52;
–accent-light: #d4b896;
–muted: #666;
–bg-light: #fafaf8;
–shadow: rgba(0, 0, 0, .1);
color: var(–primary);
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
line-height: 1.6;
background: linear-gradient(to bottom, #fff 0%, var(–bg-light) 100%);
}
.faucet-desc__wrap {
max-width: 900px;
margin: 0 auto;
padding: clamp(24px, 4vw, 60px) clamp(16px, 2vw, 24px);
}
.faucet-desc__header {
position: relative;
padding: clamp(40px, 6vw, 80px) 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 auto;
text-align: center !important;
}
.faucet-desc__header * {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
.faucet-desc__header::after {
content: “”;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: linear-gradient(90deg, transparent, var(–accent), transparent);
}
.faucet-desc__eyebrow {
font-size: clamp(.95rem, 1vw, .85rem);
letter-spacing: .15em;
text-transform: uppercase;
color: var(–accent);
margin: 0 0 1rem;
font-weight: 600;
}
.faucet-desc__title {
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.1;
margin: 0 0 1rem;
font-weight: 700;
color: var(–accent);
}
.faucet-desc__sub {
color: var(–muted);
font-size: clamp(1.7rem, 2vw, 1.8rem);
max-width: 700px;
margin: 0 auto;
line-height: 1.7;
text-align: center;
}
.faucet-desc__specs-section {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow)
}
.faucet-desc__specs-table tr {
border-bottom: 1px solid var(–accent-light)
}
.faucet-desc__specs-table tr:last-child {
border-bottom: none
}
.faucet-desc__specs-table td {
padding: 12px 20px;
font-size: 14px
}
.faucet-desc__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light)
}
.faucet-desc__specs-table td:last-child {
color: var(–muted)
}
.faucet-desc__dimensions-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow);
margin: 15px 0;
font-size: 13px;
}
.faucet-desc__dimensions-table th {
background: var(–accent);
color: #fff;
padding: 10px 8px;
text-align: center;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .3px;
}
.faucet-desc__dimensions-table td {
padding: 10px 8px;
text-align: center;
border-bottom: 1px solid var(–accent-light);
color: var(–primary);
}
.faucet-desc__dimensions-table tr:last-child td {
border-bottom: none;
}
.faucet-desc__dimensions-table tr:nth-child(even) td {
background: var(–bg-light);
}
.faucet-desc__dimensions-table td:first-child {
font-weight: 700;
color: var(–accent);
text-align: left;
}
.faucet-desc__download {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
border: 1px solid var(–accent-light)
}
.faucet-desc__download h3 {
color: var(–primary)
}
.faucet-desc__download p {
color: var(–muted);
margin-bottom: 15px
}
.faucet-desc__download a {
display: inline-block;
background: var(–accent);
color: #fff;
padding: 12px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .3s ease
}
.faucet-desc__download a:hover {
background: #8b6740
}
.faucet-desc__config {
margin: 60px 0
}
.faucet-desc__config h2 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center
}
.faucet-desc__config-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
line-height: 1.7;
max-width: 700px;
margin: 0 auto 35px
}
.faucet-desc__config-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 20px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-section h3 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center
}
.faucet-desc__config-options {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 8px
}
.faucet-desc__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 13px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative
}
.faucet-desc__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow)
}
.faucet-desc__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.faucet-desc__config-slider-title {
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.faucet-desc__config-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
max-height: 500px;
padding: 0 40px
}
.faucet-desc__config-slider-container::-webkit-scrollbar {
height: 8px
}
.faucet-desc__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.faucet-desc__config-slider {
display: flex;
gap: 20px;
padding: 5px
}
.faucet-desc__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}
.faucet-desc__config-slide-img {
width: 100%;
height: 460px;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}
.faucet-desc__config-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.faucet-desc__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.faucet-desc__config-arrow–left {
left: 4px
}
.faucet-desc__config-arrow–right {
right: 4px
}
.faucet-desc__reviews h2 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__review-slider-wrap {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
padding: 0 10px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar {
height: 6px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__review-slider-wrap::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
cursor: grab
}
.faucet-desc__review-slider {
display: flex;
gap: 25px;
padding: 0
}
.faucet-desc__review-slider-item {
flex: 0 0 calc(33.333% – 17px);
min-width: calc(33.333% – 17px)
}
.faucet-desc__review-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.faucet-desc__review-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.faucet-desc__review-arrow–left {
left: 8px
}
.faucet-desc__review-arrow–right {
right: 8px
}
.faucet-desc__review-card {
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
height: 100%
}
.faucet-desc__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .12)
}
.faucet-desc__review-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px
}
.faucet-desc__review-author {
font-weight: 700;
color: var(–primary)
}
.faucet-desc__review-date {
font-size: 11px;
color: var(–muted);
font-weight: 500;
}
.faucet-desc__review-stars {
color: var(–accent);
font-size: 16px;
margin-bottom: 10px
}
.faucet-desc__review-text {
color: var(–muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
.faucet-desc__review-highlight {
font-size: 12px;
color: var(–accent);
font-style: italic;
border-left: 2px solid var(–accent-light);
padding-left: 10px
}
.faucet-desc__features {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__features h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none
}
.faucet-desc__features-list li {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
transition: all .3s ease
}
.faucet-desc__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}
.faucet-desc__feature-icon {
width: 50px;
height: 50px;
background: #f0e8df;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(–accent);
border: 1px solid var(–accent-light);
align-self: flex-start
}
.faucet-desc__feature-icon svg {
width: 28px;
height: 28px
}
.faucet-desc__feature-content h4 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3
}
.faucet-desc__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0
}
.faucet-desc__faq {
margin-top: clamp(60px, 8vw, 100px)
}
.faucet-desc__faq h2 {
font-size: 28px;
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__faq details {
border: none;
border-radius: 6px;
padding: 15px;
background: var(–bg-light);
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
margin-bottom: 10px;
border: 1px solid var(–accent-light)
}
.faucet-desc__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px)
}
.faucet-desc__faq summary {
font-weight: 600;
color: var(–primary);
outline: none;
user-select: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px
}
.faucet-desc__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease
}
.faucet-desc__faq details[open] summary::before {
transform: rotate(90deg)
}
.faucet-desc__faq summary:hover {
color: var(–accent)
}
.faucet-desc__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent)
}
.faucet-desc__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0
}
.ie-warranty {
font-family: inherit;
margin: clamp(40px, 6vw, 60px) 0;
border: 1px solid var(–accent-light);
border-radius: 12px;
overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
box-shadow: 0 4px 15px var(–shadow)
}
.ie-warranty__top {
display: flex;
align-items: center;
gap: .75rem;
padding: 1.5rem 1.5rem 1rem;
background: var(–accent);
color: #fff
}
.ie-warranty__shield {
width: 24px;
height: 24px;
flex: 0 0 24px;
color: #fff
}
.ie-warranty__title {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .2px;
color: #fff
}
.ie-warranty__body {
padding: 1.5rem
}
.ie-warranty__body p {
margin: 0 0 .75rem 0;
line-height: 1.6;
color: var(–primary)
}
.ie-warranty__list {
margin: .5rem 0 0 0;
padding-left: 1.25rem;
color: var(–primary)
}
.ie-warranty__list li {
margin: .4rem 0;
line-height: 1.5
}
.ie-warranty__note {
margin-top: 1rem;
font-size: .9rem;
opacity: .8;
color: var(–muted)
}
.faucet-desc__cta-section {
text-align: center;
margin: clamp(30px, 4vw, 40px) 0;
padding: clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 2px solid var(–accent);
box-shadow: 0 8px 30px rgba(166, 124, 82, .15)
}
.faucet-desc__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px
}
.faucet-desc__cta-primary {
background: var(–accent);
color: #fff;
border: none;
padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);
font-size: clamp(15px, 2vw, 18px);
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all .3s ease;
box-shadow: 0 4px 15px rgba(166, 124, 82, .3);
text-transform: uppercase;
letter-spacing: .5px;
width: 100%;
max-width: 400px;
text-decoration: none;
display: inline-block;
}
.faucet-desc__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}
.faucet-desc__trust-bar {
display: flex;
justify-content: center;
gap: clamp(15px, 3vw, 30px);
margin-top: 20px;
flex-wrap: wrap;
font-size: clamp(11px, 1.5vw, 14px);
color: var(–primary);
font-weight: 500
}
.faucet-desc__trust-bar div {
display: flex;
align-items: center;
gap: 5px
}
.faucet-desc__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold
}
.faucet-desc__guarantees-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 30px 0;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow)
}
.guarantee-item {
text-align: center;
padding: 15px;
background: var(–bg-light);
border-radius: 8px;
transition: all .3s ease
}
.guarantee-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px var(–shadow)
}
.guarantee-item svg {
width: 32px;
height: 32px;
margin: 0 auto 10px;
color: var(–accent)
}
.guarantee-item strong {
display: block;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
margin-top: 8px
}
.faucet-desc__guarantee-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
padding: clamp(20px, 4vw, 30px);
margin: 40px 0;
box-shadow: 0 8px 25px rgba(166, 124, 82, .15)
}
.faucet-desc__guarantee-box h3 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center
}
.faucet-desc__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0
}
.faucet-desc__guarantee-box li {
padding: 12px 0 12px 35px;
position: relative;
font-size: clamp(13px, 1.5vw, 15px);
line-height: 1.6;
color: var(–primary);
border-bottom: 1px solid var(–accent-light)
}
.faucet-desc__guarantee-box li:last-child {
border-bottom: none
}
.faucet-desc__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px
}
.faucet-desc__guarantee-box li strong {
color: var(–accent)
}
.faucet-desc__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px)
}
.faucet-desc__scarcity-notice {
background: #fff8f0;
border: 2px solid var(–accent);
border-radius: 8px;
padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);
margin: 25px 0;
text-align: center;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
line-height: 1.6
}
.faucet-desc__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent)
}
.faucet-desc__scarcity-notice a:hover {
color: #8b6740
}
.lifestyle-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: clamp(40px, 6vw, 60px) 0
}
.lifestyle-section__image {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .1)
}
.lifestyle-section__image img {
width: 100%;
height: auto;
display: block;
transition: transform .5s ease
}
.lifestyle-section__content h3 {
margin-bottom: 15px;
color: var(–primary);
font-size: clamp(18px, 2.5vw, 20px);
font-weight: 600;
line-height: 1.3
}
.lifestyle-section__content p {
color: var(–muted);
line-height: 1.7;
font-size: clamp(14px, 1.5vw, 15px);
margin: 0
}
/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {
.faucet-desc__features-list {
grid-template-columns: 1fr;
gap: 15px
}
.faucet-desc__features-list li {
padding: 15px;
gap: 12px
}
.faucet-desc__feature-icon {
width: 45px;
height: 45px
}
.faucet-desc__feature-icon svg {
width: 24px;
height: 24px
}
.faucet-desc__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.faucet-desc__config-slider-wrap {
max-width: 100%
}
.faucet-desc__config-slide-img {
height: 300px
}
.faucet-desc__config-slider-title {
font-size: 18px;
margin-bottom: 20px
}
.faucet-desc__config-options {
grid-template-columns: repeat(2, 1fr)
}
.faucet-desc__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}
.faucet-desc__review-card {
padding: 20px
}
.faucet-desc__dimensions-table {
font-size: 11px;
display: block;
overflow-x: auto;
}
.faucet-desc__dimensions-table th,
.faucet-desc__dimensions-table td {
padding: 8px 6px;
}
.faucet-desc__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.faucet-desc__specs-table td:first-child {
width: 45%
}
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
.faucet-desc__header {
padding: clamp(30px, 5vw, 50px) 0
}
.faucet-desc__title {
line-height: 1.2
}
.faucet-desc__sub {
font-size: clamp(1rem, 2vw, 1.1rem)
}
.faucet-desc__cta-section {
padding: 20px 15px
}
.faucet-desc__trust-bar {
gap: 10px;
font-size: 11px
}
.faucet-desc__faq summary {
font-size: 14px
}
.faucet-desc__faq p {
font-size: 13px
}
.faucet-desc__faq details {
padding: 12px
}
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__body {
padding: 1.2rem
}
.faucet-desc__download {
padding: 20px 15px
}
.faucet-desc__download h3 {
font-size: 18px
}
.faucet-desc__download p {
font-size: 13px
}
.faucet-desc__download a {
padding: 12px 24px;
font-size: 13px
}
}
@media (max-width: 480px) {
.faucet-desc__wrap {
padding: 20px 12px
}
.faucet-desc__header {
padding: 25px 0
}
.faucet-desc__config-slider-container {
padding: 0 35px
}
.faucet-desc__config-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.faucet-desc__review-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}
.guarantee-item {
padding: 10px
}
.faucet-desc__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center
}
.faucet-desc__features-list {
gap: 12px
}
.faucet-desc__features-list li {
padding: 12px
}
.faucet-desc__config-options {
grid-template-columns: 1fr
}
}
.faucet-desc__config-arrow,
.faucet-desc__review-arrow {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
padding: 0 !important;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center;
line-height: 1 !important;
background: rgba(166, 124, 82, 0.9);
cursor: pointer;
z-index: 20;
}
.faucet-desc__sub,
.faucet-desc__config-intro {
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
display: block;
}
/* ✦ CUSTOM SECTION */
.ie-custom-section {
font-family: inherit;
margin: 48px auto;
max-width: 780px;
padding: 0 20px;
}
.ie-custom-inner {
background-color: #fdf9f3;
border: 1px solid #d4a847;
border-radius: 4px;
padding: 36px 40px;
text-align: center;
position: relative;
overflow: hidden;
}
.ie-custom-inner::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #c9922a, #e8c06a, #c9922a);
}
.ie-custom-eyebrow {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #b07d2a;
margin: 0 0 14px;
}
.ie-custom-heading {
font-size: 22px;
font-weight: 400;
color: #1a1a1a;
margin: 0 0 14px;
line-height: 1.4;
letter-spacing: 0.01em;
}
.ie-custom-heading em {
font-style: italic;
color: #b07d2a;
}
.ie-custom-divider {
width: 40px;
height: 1px;
background: #d4a847;
margin: 0 auto 18px;
}
.ie-custom-body {
font-size: 14.5px;
color: #555;
line-height: 1.75;
max-width: 650px;
margin: 0 auto 28px;
}
.ie-custom-pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 28px;
}
.ie-custom-pill {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1px solid #d4a847;
border-radius: 100px;
padding: 6px 16px;
font-size: 12.5px;
color: #8a6020;
letter-spacing: 0.04em;
font-weight: 500;
}
.ie-custom-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #b07d2a;
text-decoration: none;
font-size: 13.5px;
font-weight: 500;
letter-spacing: 0.06em;
border-bottom: 1px solid #d4a84780;
padding-bottom: 2px;
transition: color 0.2s ease, border-color 0.2s ease;
}
.ie-custom-link:hover {
color: #8a6020;
border-color: #8a6020;
}
.ie-custom-link svg {
transition: transform 0.2s ease;
}
.ie-custom-link:hover svg {
transform: translateX(3px);
}
@media (max-width: 600px) {
.ie-custom-inner {
padding: 28px 22px;
}
.ie-custom-heading {
font-size: 19px;
}
}
Wood And Brass Bathroom Sink, Vanity Vessel Sink
Where Craftsmanship Meets Everyday Luxury
Shop this exclusive circular brass engraved bathroom sink, made of solid brass. Since this sink is totally handmade, sizes can be customized on demand for you.
we can only produce a limited quantity each month. Reserve yours today.
✦ Bespoke Craftsmanship
Have Something Specific in Mind?
Every bathroom is unique and so is every sink we create. Whether you need a different
dimension, a specific finish, or a shape that doesn’t exist yet, our artisans are here
to bring your vision to life. Just tell us what you imagine, and we’ll handle the rest.
Custom Sizes
Aged & Polished Finishes
Bespoke Shapes
Trade & Bulk Orders
Write to us at contact@insideast.com
Choose Your Size
Available in five diameters to suit powder rooms, guest baths, and primary bathroom vanities. Fully handmade, so custom sizes are available on demand.
Select a Diameter
Need a different size? Custom dimensions available on request.
Gallery
Customer Reviews
🛡️ 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: We’ll repair or replace any manufacturing defects
- 15-Day Returns: Unused items and in its original packaging. Items that have been installed or used cannot be returned.
We’re so confident you’ll love this sink, the risk is entirely on us.
Distinctive Features
-
Solid Brass Construction
Made entirely from solid brass, offering lasting durability and a striking centerpiece finish.
-
Engraved Circular Pattern
The outer band features a hand-inlaid scalloped pattern, giving the sink a bold, sculptural look.
-
Hand-Hammered Interior
The basin interior is finely hand-hammered, catching light with every texture and reflection.
-
Fully Handmade, Fully Customizable
Since every sink is handmade, sizes can be customized on demand to suit your vanity.
A Bold, Engraved Exterior
The outer side of the sink is hand-inlaid with a scalloped brass and bone pattern, wrapped in a polished brass rim. It’s a striking detail that turns a functional fixture into a statement piece.
Hammered to Catch the Light
Inside, the solid brass basin is finely hand-hammered, giving it a rich, textured shine that changes with every angle of light, a true reflection of the artisan work behind it.
Technical Specifications
| Type | Vessel Sink |
| Shape | Round |
| Material | Solid Brass |
| Finish | Engraved Exterior, Hand-Hammered Interior |
| Installation | Countertop / Vessel Mount |
| Construction | Handcrafted, Fully Handmade |
| Available Sizes | 10″, 12″, 14″, 16″, 18″ |
| Customization | Sizes can be customized on demand |
| Origin | Handcrafted in Marrakesh, Morocco |
| Warranty | 5-year warranty |
| Return Policy | 15-Day Return |
Main Dimensions Reference
Basin Depth: 13cm / 5″
Overall Depth: 16cm / 6.3″
Measurements shown for the 16″ diameter size. Other diameters and custom sizes available on request.
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.
Questions or need to file a claim? Email contact@insideast.com with your order number.
Finish note: solid brass may show slight natural variation from piece to piece, since every sink is fully handmade. This
cosmetic aging is expected and celebrated, not considered a defect.
Elevate Your
Bathroom
Handcrafted brass
excellence built to last generations, and designed to develop its own unique character over time.
document.addEventListener(“DOMContentLoaded”, function () {
const slider = document.getElementById(‘configSlider’);
const leftBtn = document.querySelector(‘.faucet-desc__config-arrow–left’);
const rightBtn = document.querySelector(‘.faucet-desc__config-arrow–right’);
if (slider && leftBtn && rightBtn) {
const scrollAmount = 350;
rightBtn.addEventListener(‘click’, () => slider.scrollBy({ left: scrollAmount, behavior: ‘smooth’ }));
leftBtn.addEventListener(‘click’, () => slider.scrollBy({ left: -scrollAmount, behavior: ‘smooth’ }));
}
const reviewSlider = document.getElementById(‘reviewSlider’);
const reviewLeftBtn = document.querySelector(‘.faucet-desc__review-arrow–left’);
const reviewRightBtn = document.querySelector(‘.faucet-desc__review-arrow–right’);
if (reviewSlider && reviewLeftBtn && reviewRightBtn) {
const scrollAmount = 350;
reviewRightBtn.addEventListener(‘click’, () => reviewSlider.scrollBy({ left: scrollAmount, behavior: ‘smooth’ }));
reviewLeftBtn.addEventListener(‘click’, () => reviewSlider.scrollBy({ left: -scrollAmount, behavior: ‘smooth’ }));
}
});
English
Reviews
There are no reviews yet.