/* ========== BASE 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;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
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.5rem,1.9vw,1.6rem);
max-width:700px;
margin:0 auto;
line-height:1.7;
}
.faucet-desc__specs-section {
margin: clamp(60px, 8vw, 10px) 0
}
.faucet-desc__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
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)
}
/* 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-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;
display: inline-block;
text-decoration: none
}
.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;
justify-content: 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
}
/* Mid-section image */
.faucet-desc__mid-img-wrap {
max-width: 650px;
margin: clamp(40px, 6vw, 60px) auto;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 15px 35px var(–shadow)
}
.faucet-desc__mid-img-wrap img {
width: 100%;
height: auto;
display: block
}
/* Reviews slider (matches gallery slider pattern) */
.faucet-desc__reviews {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__reviews h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 8px;
color: var(–primary);
font-weight: 600;
text-align: center
}
.faucet-desc__reviews-eyebrow {
text-align: center;
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(–accent);
margin-bottom: 25px
}
.faucet-desc__reviews-slider-wrap {
position: relative;
overflow: hidden;
margin: 0 auto;
max-width: 800px
}
.faucet-desc__reviews-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
padding: 0 40px
}
.faucet-desc__reviews-slider-container::-webkit-scrollbar {
height: 8px
}
.faucet-desc__reviews-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__reviews-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.faucet-desc__reviews-slider {
display: flex;
gap: 16px;
padding: 5px
}
.faucet-desc__review-slide {
flex: 0 0 calc(33.333% – 11px);
min-width: calc(33.333% – 11px);
scroll-snap-align: start
}
.faucet-desc__review-card {
height: 100%;
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 20px;
box-shadow: 0 2px 8px var(–shadow);
transition: transform .22s ease, box-shadow .22s ease
}
.faucet-desc__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,.1)
}
.faucet-desc__review-stars {
color: var(–accent);
font-size: 13px;
margin-bottom: 8px
}
.faucet-desc__review-text {
font-size: 14px;
line-height: 1.6;
color: var(–primary);
margin: 0 0 12px
}
.faucet-desc__review-name {
font-size: 13px;
font-weight: 700;
color: var(–primary)
}
.faucet-desc__review-date {
font-size: 12px;
color: var(–muted)
}
@media (max-width: 768px) {
.faucet-desc__review-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.faucet-desc__reviews-slider-container {
padding: 0 35px
}
}
/* Gallery slider */
.faucet-desc__gallery-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.faucet-desc__gallery-slider-title {
text-align: center;
font-size: clamp(18px, 3vw, 22px);
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.faucet-desc__gallery-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__gallery-slider-container::-webkit-scrollbar {
height: 8px
}
.faucet-desc__gallery-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.faucet-desc__gallery-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.faucet-desc__gallery-slider {
display: flex;
gap: 20px;
padding: 5px
}
.faucet-desc__gallery-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}
.faucet-desc__gallery-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-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
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);
color: #fff;
border: none;
cursor: pointer;
z-index: 20;
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
}
@media (max-width: 768px) {
.faucet-desc__gallery-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.faucet-desc__gallery-slider-wrap {
max-width: 100%
}
.faucet-desc__gallery-slide-img {
height: 300px
}
.faucet-desc__gallery-slider-title {
font-size: 18px;
margin-bottom: 20px
}
.faucet-desc__gallery-slider-container {
padding: 0 35px
}
}
/* 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
}
/* Features */
.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
}
/* 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
}
@media (max-width: 768px) {
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
}
/* Dimensions split card */
.faucet-desc__dims {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__dims 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__dims-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
background: var(–bg-light);
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px
}
.faucet-desc__dims-imgbox {
border: 1px solid var(–accent-light);
border-radius: 8px;
overflow: hidden;
background: #fff
}
.faucet-desc__dims-imgbox img {
width: 100%;
height: auto;
display: block
}
.faucet-desc__dims-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px
}
.faucet-desc__dim-stat {
text-align: center;
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 8px;
padding: 18px 10px
}
.faucet-desc__dim-value {
font-family: Georgia, “Times New Roman”, serif;
font-size: 28px;
font-weight: 400;
color: var(–accent);
display: block;
margin-bottom: 6px
}
.faucet-desc__dim-label {
font-size: 12px;
color: var(–muted);
text-transform: uppercase;
letter-spacing: .05em
}
@media (max-width: 768px) {
.faucet-desc__dims-split {
grid-template-columns: 1fr
}
}
.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)
}
/* ========== MOBILE RESPONSIVE ========== */
@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__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.faucet-desc__specs-table td:first-child {
width: 45%
}
.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 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
font-size: 11px
}
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__body {
padding: 1.2rem
}
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
}
@media (max-width: 480px) {
.faucet-desc__wrap {
padding: 20px 12px
}
.faucet-desc__header {
padding: 25px 0
}
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}
.guarantee-item {
padding: 10px
}
.faucet-desc__features-list {
gap: 12px
}
.faucet-desc__features-list li {
padding: 12px
}
.faucet-desc__dims-stats {
grid-template-columns: 1fr 1fr
}
}
.faucet-desc__sub {
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
display: block;
}
Widespread 3-Hole Brushed Brass Faucet
A solid unlacquered brass vanity faucet with a brushed finish, deck-mounted with adjustable hole spacing. Handcrafted by artisans in Morocco using brass casting techniques, it develops a natural patina over time.
Insideast Faucets
Product Gallery
Cast, Not Welded
The faucet body is made using brass casting techniques rather than welding, so there’s no seam prone to leaking under the vanity or countertop. Each piece is meticulously handcrafted by skilled artisans in our Morocco workshop.
Everything You Need, Included
Your faucet arrives with water supply lines and T-connectors for a straightforward installation. For DIY enthusiasts, an installation walkthrough is available, and our team is on hand if you have questions along the way.
Why This Faucet Is Worth The Investment
-
Brushed Brass, Living Finish
Delivered with a matte brushed look that begins developing a natural patina over time. This aging process is expected and adds character rather than wear.
-
Solid Brass Construction
Made of solid brass rather than lower-quality recycled brass, for lasting durability and resistance to everyday wear.
-
Adjustable Hole Spacing
The deck-mount design allows for adjustable spacing between the spout and handles, giving you flexibility to match your existing 3-hole countertop layout.
-
Smooth, Drip-Free Operation
Standard 1/2″ ceramic cartridges ensure smooth and reliable operation, preventing leaks and drips for consistent performance.
Dimensions
Spout Height
Spout Reach
Hole Spacing
Technical Specifications
| Type | Widespread Vanity Faucet, 3-Hole Deck Mount |
| Material | Solid Brass |
| Finish | Brushed Brass (Develops Natural Patina) |
| Body Construction | Brass-Cast, Not Welded |
| Cartridges | 1/2″ Ceramic (Leak-Resistant, Widely Available Replacements) |
| Hole Spacing | Adjustable |
| Plumbing | Correct fittings for your region |
| Included Components | Water Supply Lines, T-Connectors |
| Configuration | Single Version, Brushed Finish |
| Return Policy | 30-Day Return |
| Craftsmanship | Handmade in Morocco |
.px-thread-note {
max-width: 900px;
margin-top: 0;
margin-bottom: 20px;
font-family: inherit;
}
.px-thread-note-inner {
position: relative;
background: linear-gradient(135deg, #fdf9f4 0%, #f5ede0 100%);
border: 1px solid #d4b896;
border-radius: 2px;
padding: 15px 26px 18px 16px;
display: flex;
align-items: flex-start;
gap: 18px;
}
.px-thread-note-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
margin-top: 2px;
}
.px-thread-note-icon svg {
width: 100%;
height: 100%;
}
.px-thread-note-body {
flex: 1;
}
.px-thread-note-title {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #865e35;
margin: 0 0 8px 0;
}
.px-thread-note-text {
font-size: 14.5px;
line-height: 1.6;
color: #3b2f25;
margin: 0 0 10px 0;
}
.px-thread-note-sub {
font-size: 12px;
color: #7a6650;
font-style: italic;
line-height: 1.4;
margin: 0;
padding-top: 10px;
border-top: 1px solid #ddd0be;
}
@media (max-width: 600px) {
.px-thread-note-inner {
flex-direction: column;
gap: 12px;
}
.px-thread-note-icon {
width: 30px;
height: 30px;
}
}
Universal Plumbing Compatibility
Our faucets ship with the correct connection fittings for your region’s plumbing standard, and come with water supply lines and T-connectors included for installation. An installation walkthrough is available for DIY enthusiasts.
Planning to hire a professional plumber? Please consult them before purchase, as not every plumber will install a handcrafted faucet. Contact our customer service for assistance.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on plumbing and accessories for residential use.
- 1-Year Warranty on wearable parts (cartridges, hoses, O-rings, etc.).
- Covered for repair or replacement in case of manufacturing defects (installation and 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: brushed brass develops a natural patina over time. This cosmetic aging is expected and celebrated, not considered a defect.
English
Reviews
There are no reviews yet.