/* ========== 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);
}
/* FORCE-CENTER HEADER + ALL TEXT INSIDE */
.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)
}
.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);
font-size: clamp(18px, 2.5vw, 22px);
margin-bottom: 15px
}
.faucet-desc__download p {
color: var(–muted);
margin-bottom: 15px;
font-size: clamp(13px, 1.5vw, 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: clamp(22px, 4vw, 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: clamp(14px, 1.5vw, 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: clamp(18px, 3vw, 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: repeat(2, 1fr);
gap: 15px;
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: 10px;
grid-template-columns: 1fr 1fr
}
.faucet-desc__config-option {
background: #fff;
padding: 15px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 14px;
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)
}
/* 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
}
.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
}
/* 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
}
/* 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
}
/* Customer Photos Section */
.faucet-desc__customer-photos {
margin: clamp(60px, 8vw, 100px) 0
}
.faucet-desc__customer-photos h2 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.faucet-desc__customer-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
.faucet-desc__customer-photo {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px var(–shadow);
aspect-ratio: 1
}
.faucet-desc__customer-photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease
}
.faucet-desc__customer-photo:hover img {
transform: scale(1.05)
}
/* Sticky CTA Bar (Mobile) */
.faucet-desc__sticky-cta {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 15px;
box-shadow: 0 -4px 20px var(–shadow);
z-index: 1000;
display: none;
border-top: 2px solid var(–accent)
}
.faucet-desc__sticky-cta button {
width: 100%;
background: var(–accent);
color: #fff;
border: none;
padding: 15px;
font-size: 16px;
font-weight: 700;
border-radius: 8px;
cursor: pointer
}
.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__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 20px
}
.faucet-desc__config-options {
grid-template-columns: 1fr 1fr
}
.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
}
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
.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 {
gap: 10px;
font-size: 11px
}
.faucet-desc__sticky-cta {
display: block
}
.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
}
.faucet-desc__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
.faucet-desc__customer-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px
}
}
@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__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__customer-grid {
grid-template-columns: 1fr
}
}
/* Add this to the end of your style tag */
.faucet-desc__sub,
.faucet-desc__config-intro {
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
display: block;
}
/* Fix for Config Gallery Arrows */
.faucet-desc__config-arrow {
width: 40px !important; /* Fixed width */
height: 40px !important; /* Fixed height */
min-width: 40px !important; /* Prevents squishing */
padding: 0 !important; /* Removes default button padding */
border-radius: 50% !important; /* Perfect circle */
display: flex !important;
align-items: center;
justify-content: center;
line-height: 1 !important;
background: rgba(166, 124, 82, 0.9); /* Slightly more opaque for visibility */
cursor: pointer;
z-index: 20;
}
Deck Mounted Unlacquered Brass Vanity Faucet
Premium deck-mounted bathroom faucet crafted from solid unlacquered brass. Features an extended threaded spout designed for thick countertops. Develops a timeless patina that adds vintage character to your bathroom.
/* ─── Scoped Variables & Reset ─── */
.ieast-rev-island {
–bg-cream: #fcfaf6; /* Matching the image light warm background */
–top-bar: #2e241c; /* Matching the image dark brown header */
–gold: #cc9d6b; /* Matching the image quote marks */
–ink: #2c2a28;
–ink-soft: #4a4744;
–ink-muted: #8c8782;
–note-bg: #ffffff;
–border: rgba(0, 0, 0, 0.05);
–shadow: 0 8px 24px rgba(46, 36, 28, 0.06);
–font-head: ‘Cormorant Garamond’, serif;
–font-body: ‘Jost’, sans-serif;
-webkit-font-smoothing: antialiased;
font-family: var(–font-body);
color: var(–ink);
line-height: 1.5;
box-sizing: border-box;
}
.ieast-rev-island *,
.ieast-rev-island *::before,
.ieast-rev-island *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* ─── Section Shell ─── */
.ieast-rev-island {
max-width: 1050px;
margin: 40px auto;
background: var(–bg-cream);
border-radius: 4px; /* subtle rounding */
position: relative;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
border: 1px solid var(–border);
overflow: hidden;
}
/* ─── Top Bar (Like Attached Image) ─── */
.ieast-rev-topbar {
background: var(–top-bar);
padding: 14px 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ieast-rev-topbar span {
color: var(–gold);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.ieast-rev-topbar-right {
display: flex;
align-items: center;
gap: 8px;
}
/* ─── Slider ─── */
.ieast-rev-slider-wrap {
position: relative;
z-index: 2;
}
.ieast-rev-slider {
overflow: hidden;
}
.ieast-rev-track {
display: flex;
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
will-change: transform;
align-items: stretch;
}
/* ─── Slide ─── */
.ieast-rev-slide {
min-width: 100%;
display: grid;
/* Image takes up more than half (~60%), Content takes the rest (~40%) */
grid-template-columns: 1.5fr 1fr;
}
/* ─── Image Column ─── */
.ieast-rev-img-col {
position: relative;
width: 100%;
height: 100%;
min-height: 540px;
overflow: hidden;
}
.ieast-rev-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* ─── Content Column (Right Side) ─── */
.ieast-rev-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 30px 40px 20px; /* Extra bottom padding for floating controls */
background: var(–bg-cream);
}
/* ─── The ‘Note’ Shape ─── */
.ieast-rev-note {
background: var(–note-bg);
padding: 20px 20px;
border-radius: 2px;
box-shadow: var(–shadow);
border: 1px solid #f4f0eb;
position: relative;
width: 100%;
max-width: 440px;
margin: 0 auto;
}
/* Fold detail for note look (optional neat touch) */
.ieast-rev-note::before {
content: ”;
position: absolute;
top: 0; right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #f7f3ef var(–bg-cream) transparent transparent;
box-shadow: -2px 2px 4px rgba(0,0,0,0.03);
border-bottom-left-radius: 2px;
}
.ieast-rev-quote-mark {
font-family: var(–font-head);
font-size: 60px;
color: var(–gold);
line-height: 0.6;
margin-bottom: 15px;
display: block;
}
.ieast-rev-text {
font-family: var(–font-head);
font-size: clamp(14px, 2vw, 22px);
font-weight: 400;
line-height: 1.45;
color: var(–ink);
font-style: italic;
margin-bottom: 20px;
}
.ieast-rev-meta-block {
border-top: 1px solid var(–border);
padding-top: 5px;
display: flex;
flex-direction: column;
gap: 10px;
}
.ieast-rev-stars {
display: flex;
gap: 4px;
}
.ieast-rev-stars svg {
width: 16px; height: 16px;
fill: var(–gold);
}
.ieast-rev-author-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.ieast-rev-name {
font-family: var(–font-body);
font-size: 13px;
font-weight: 500;
color: var(–ink);
letter-spacing: 0.05em;
text-transform: uppercase;
}
.ieast-rev-date {
font-size: 12px;
color: var(–ink-muted);
font-style: italic;
}
.ieast-rev-attrs {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ieast-rev-attr-pill {
display: inline-flex;
align-items: center;
font-size: 10px;
color: var(–ink-soft);
letter-spacing: 0.05em;
text-transform: uppercase;
background: #fbfbfb;
border: 1px solid var(–border);
padding: 3px 8px;
border-radius: 2px;
}
.ieast-rev-attr-pill strong {
color: var(–top-bar);
font-weight: 500;
margin-right: 4px;
}
/* ─── Navigation Controls (Fixed at bottom right) ─── */
.ieast-rev-controls {
position: absolute;
bottom: 0;
right: 0;
width: 40%; /* Matches exactly the 1fr content column (1.5fr / 1fr ratio) */
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
z-index: 10;
background: linear-gradient(to top, var(–bg-cream) 60%, transparent); /* slight fade */
}
.ieast-rev-arrows {
display: flex;
gap: 10px;
}
.ieast-rev-btn {
width: 38px; height: 38px;
border: 1px solid rgba(0,0,0,0.1);
background: var(–note-bg);
cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: all 0.3s ease;
border-radius: 50%;
}
.ieast-rev-btn:hover {
background: var(–top-bar);
border-color: var(–top-bar);
}
.ieast-rev-btn:hover svg { stroke: #fff; }
.ieast-rev-btn svg {
width: 16px; height: 16px;
stroke: var(–ink);
fill: none;
stroke-width: 1.2;
transition: stroke 0.3s;
}
.ieast-rev-dots {
display: flex;
gap: 6px;
}
.ieast-rev-dot {
width: 20px; height: 2px;
background: rgba(0,0,0,0.1);
border: none;
cursor: pointer;
padding: 0;
transition: all 0.3s ease;
}
.ieast-rev-dot.active {
background: var(–top-bar);
}
/* ─── Mobile ─── */
@media (max-width: 992px) {
.ieast-rev-island { max-width: 92%; }
.ieast-rev-slide { grid-template-columns: 1.2fr 1fr; }
.ieast-rev-controls { width: 45.45%; } /* matches new 1.2fr/1fr ratio */
}
@media (max-width: 768px) {
.ieast-rev-island { margin: 20px auto; border-radius: 4px; }
.ieast-rev-topbar span { font-size: 9px; }
.ieast-rev-slide {
grid-template-columns: 1fr; /* stack vertically */
}
.ieast-rev-img-col {
min-height: auto;
height: 340px;
}
.ieast-rev-content {
padding: 30px 20px 90px 20px;
}
.ieast-rev-note {
padding: 26px 22px;
}
.ieast-rev-text {
font-size: 18px;
}
.ieast-rev-controls {
width: 100%; /* Spans full width on mobile */
background: var(–bg-cream); /* Solid to ensure readability */
padding: 16px 20px;
}
}
Beautiful item with quick shipping and excellent customer service for the small issue I had! Abel is very responsive and kind and willing to serve his customers well. Thank you for a great product, our bathroom looks amazing!
Beautiful! I also ordered a sink from this seller and they look amazing in the buffet I refinished to use as a vanity in our powder room.
(function() {
const track = document.getElementById(‘ieastSliderTrack’);
const prevBtn = document.getElementById(‘ieastPrevBtn’);
const nextBtn = document.getElementById(‘ieastNextBtn’);
const dotWrap = document.getElementById(‘ieastDotContainer’);
if (!track || !prevBtn || !nextBtn || !dotWrap) return;
const slides = track.querySelectorAll(‘.ieast-rev-slide’);
const total = slides.length;
let current = 0;
let autoTimer = null;
// Build dots
slides.forEach((_, i) => {
const d = document.createElement(‘button’);
d.className = ‘ieast-rev-dot’ + (i === 0 ? ‘ active’ : ”);
d.setAttribute(‘role’, ‘tab’);
d.setAttribute(‘aria-label’, ‘Review ‘ + (i + 1));
d.addEventListener(‘click’, () => goTo(i));
dotWrap.appendChild(d);
});
function goTo(n) {
slides[current].setAttribute(‘aria-current’, ‘false’);
current = (n + total) % total;
track.style.transform = `translateX(-${current * 100}%)`;
dotWrap.querySelectorAll(‘.ieast-rev-dot’).forEach((d, i) => {
d.classList.toggle(‘active’, i === current);
});
slides[current].setAttribute(‘aria-current’, ‘true’);
}
prevBtn.addEventListener(‘click’, () => { goTo(current – 1); resetAuto(); });
nextBtn.addEventListener(‘click’, () => { goTo(current + 1); resetAuto(); });
// Touch / swipe
let startX = 0;
track.addEventListener(‘touchstart’, e => { startX = e.touches[0].clientX; }, { passive: true });
track.addEventListener(‘touchend’, e => {
const dx = e.changedTouches[0].clientX – startX;
if (Math.abs(dx) > 40) { dx goTo(current + 1), 6000); }
function resetAuto() { clearInterval(autoTimer); startAuto(); }
startAuto();
// Pause on hover
const section = document.getElementById(‘ieast-reviews’);
if (section) {
section.addEventListener(‘mouseenter’, () => clearInterval(autoTimer));
section.addEventListener(‘mouseleave’, startAuto);
}
goTo(0);
})();
Choose Your Handle Style
This versatile deck-mounted faucet offers four distinct handle styles to perfectly complement your bathroom aesthetic. All options feature the same premium solid brass construction and extended threaded spout for thick countertops.
Available Handle Styles
Product Gallery
Why This Faucet Is Worth The Investment
-
Living Unlacquered Brass Finish
Develops a natural patina over time, giving your bathroom timeless charm and vintage character. Unlike lacquered finishes that chip and peel, unlacquered brass becomes more beautiful with age.
-
Solid Brass Construction
Heavy-duty material ensures long-lasting durability and a premium feel. Built from high-quality unlacquered brass for strength that stands the test of time.
-
Extended Threaded Spout
Designed for secure mounting on thick countertops like marble or wood. The extended threading ensures a stable, leak-free installation on premium materials.
-
Integrated Aerator
Delivers smooth, splash-free water flow with optimized pressure. Engineered for consistent performance and water efficiency.
-
Premium Ceramic Cartridges
Standard 1/2″ ceramic cartridges provide leak-resistant performance. Built for decades of smooth, drip-free operation.
-
Includes Installation Kit
Comes with necessary hoses and hardware for straightforward setup. Compatible with regional plumbing systems for easy installation.
A Finish That Tells Your Story
The unlacquered brass finish is designed to age gracefully, developing a unique patina that reflects your home’s story. Each mark and subtle color shift adds character, creating a one-of-a-kind piece that grows more beautiful with time. This living finish celebrates the natural beauty of brass.
Perfect for Thick Countertops
The extended threaded spout is specifically engineered for secure mounting on thick countertop materials like marble, granite, or wood. This thoughtful design ensures a stable, professional installation that looks beautiful and performs flawlessly for years to come.
Technical Specifications
| Finish | Unlacquered Brass (Develops Patina) |
| Material | Solid Brass |
| Spout | Extended Threaded Spout for Thick Countertops |
| Aerator | Integrated for Optimized Water Flow |
| Cartridges | Ceramic Standard 1/2″ (Leak-Resistant) |
| Plumbing | Correct fittings for your region |
| Installation | Deck Mount (3-Hole Configuration) |
| Handle Options | Simple Cross, T Handle, Flat Cross, or Lever |
| Return Policy | 30-Day Return |
| Craftsmanship | Handmade in Morocco |
Correct fittings for your region. Requires three pre-drilled holes in your countertop. Extended threaded spout accommodates thick countertop materials (marble, granite, wood). Installation kit with hoses and hardware included. Perfect match for existing Insideast brass fixtures.
.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-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.px-thread-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 1.5px solid #865e35;
border-radius: 3px;
padding: 5px 12px;
font-size: 13px;
font-weight: 600;
color: #2a1e17;
letter-spacing: 0.03em;
}
.px-thread-badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #865e35;
flex-shrink: 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 for your region. Standard fittings included:
Using a different plumbing standard? Contact us — we’ll provide the correct fitting for your installation at no extra charge.
Complete Installation Guide
Download our detailed spec sheet with dimensions, measurements, and step-by-step instructions
Watch How It Transforms Your Space
/* VIDEO SECTION */
.faucet-desc__video-section {
margin: clamp(40px, 6vw, 60px) 0;
text-align: center;
}
/* Title stays elegant */
.faucet-desc__video-title {
font-size: clamp(20px, 3vw, 24px);
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 10px;
display: inline-block;
}
.video-wrapper {
max-width: 400px; /* control size here */
margin: 0 auto;
}
.video-wrapper video {
width: 100% !important;
height: auto !important;
/* 🔥 Reset Safari forced styles */
position: static !important;
margin: 0 !important;
min-width: unset !important;
max-width: 100% !important;
}
/* Mobile */
@media (max-width: 768px) {
.faucet-desc__video-wrap {
max-width: 100%;
}
}
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/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 over time. This cosmetic aging is expected and celebrated—not considered a defect.
Ready to Elevate Your Bathroom?
Join homeowners who chose artisan quality that lasts
// Configuration slider navigation
function scrollConfigLeft() {
document.getElementById(‘configSlider’).scrollBy({ left: -400, behavior: ‘smooth’ });
}
function scrollConfigRight() {
document.getElementById(‘configSlider’).scrollBy({ left: 400, behavior: ‘smooth’ });
}
// Review slider navigation
function scrollReviewsLeft() {
document.getElementById(‘reviewSlider’).scrollBy({ left: -400, behavior: ‘smooth’ });
}
function scrollReviewsRight() {
document.getElementById(‘reviewSlider’).scrollBy({ left: 400, behavior: ‘smooth’ });
}
// Scroll to top where variation picker is
function scrollToVariations() {
window.scrollTo(0, 0);
}
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) {
// Scroll amount (approx one slide width)
const scrollAmount = 350;
rightBtn.addEventListener(‘click’, () => {
slider.scrollBy({ left: scrollAmount, behavior: ‘smooth’ });
});
leftBtn.addEventListener(‘click’, () => {
slider.scrollBy({ left: -scrollAmount, behavior: ‘smooth’ });
});
}
});
English
Reviews
There are no reviews yet.