/* ============================================================
INSIDEAST – Vintage Brass Push-up Drain
Product Description Block · Shopify Compatible
All classes prefixed ie-pud- · No JS · No external deps
============================================================ */
.ie-pud-page {
–font-display: Georgia, ‘Times New Roman’, ‘Palatino Linotype’, serif;
–font-body: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
–primary: #1a1a1a;
–accent: #a67c52;
–accent-light: #d4b896;
–accent-dark: #8b6542;
–muted: #666;
–text-light: #9A948D;
–bg-light: #fafaf8;
–bg-creme: #fcf9f2;
–border: rgba(166, 124, 82, 0.20);
–border-light: rgba(0, 0, 0, 0.08);
–success: #2D6A4F;
–white: #FFFFFF;
–shadow: rgba(0,0,0,.1);
–space-xs: 8px;
–space-sm: 16px;
–space-md: 24px;
–space-lg: 40px;
–space-xl: 64px;
–max-width: 900px;
–radius-sm: 4px;
–radius-md: 8px;
–radius-lg: 14px;
–radius-pill: 100px;
color: var(–primary);
font-family: var(–font-body);
line-height: 1.6;
background: linear-gradient(to bottom, #fff 0%, var(–bg-light) 100%);
}
@keyframes ie-pud-fade-up {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes ie-pud-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
.ie-pud-page {
max-width: var(–max-width);
margin: 0 auto;
padding: 0 var(–space-sm);
}
.ie-pud-page * { box-sizing: border-box; }
.ie-pud-section {
padding: var(–space-xl) 0;
border-bottom: 1px solid var(–border-light);
animation: ie-pud-fade-up 0.6s ease both;
}
.ie-pud-section:nth-child(1) { animation-delay: 0.05s; }
.ie-pud-section:nth-child(2) { animation-delay: 0.12s; }
.ie-pud-section:nth-child(3) { animation-delay: 0.19s; }
.ie-pud-section:nth-child(4) { animation-delay: 0.26s; }
.ie-pud-section:nth-child(5) { animation-delay: 0.33s; }
.ie-pud-section:last-child:not(.ie-pud-final-cta) { border-bottom: none; }
.ie-pud-eyebrow {
font-family: var(–font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.10em;
text-transform: uppercase;
color: var(–accent);
margin: 0 0 var(–space-xs);
}
.ie-pud-h2 {
font-family: var(–font-display);
font-size: clamp(24px, 4vw, 36px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.01em;
color: var(–accent);
margin: 0 0 var(–space-sm);
}
.ie-pud-h3 {
font-family: var(–font-display);
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 700;
line-height: 1.3;
color: var(–accent);
margin: 0 0 var(–space-xs);
}
.ie-pud-body {
font-family: var(–font-body);
font-size: 15px;
line-height: 1.75;
color: var(–muted);
}
.ie-pud-badges {
display: flex;
flex-wrap: wrap;
gap: var(–space-sm);
justify-content: center;
margin: var(–space-md) 0;
}
.ie-pud-badge {
font-family: var(–font-body);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8a6020;
padding: 8px 18px;
border: 1px solid #d4a84740;
border-radius: var(–radius-pill);
background: #fdf9f3;
box-shadow: 0 2px 8px rgba(212, 168, 71, 0.08);
display: flex;
align-items: center;
gap: 6px;
animation: ie-pud-fade-up 0.5s ease both;
}
.ie-pud-badge:nth-child(1) { animation-delay: 0.15s; }
.ie-pud-badge:nth-child(2) { animation-delay: 0.25s; }
.ie-pud-badge:nth-child(3) { animation-delay: 0.35s; }
.ie-pud-badge:nth-child(4) { animation-delay: 0.45s; }
.ie-pud-btn {
display: inline-block;
background: var(–accent);
color: var(–white);
font-family: var(–font-body);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
padding: 14px 32px;
border-radius: var(–radius-md);
text-decoration: none;
border: none;
cursor: pointer;
transition: background-color 0.18s ease, transform 0.12s ease;
}
.ie-pud-btn:hover { background-color: var(–accent-dark); transform: translateY(-1px); }
.ie-pud-btn:active { transform: translateY(0); }
.ie-pud-btn-full { width: 100%; text-align: center; display: block; box-sizing: border-box; }
.ie-pud-feature-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(–space-lg);
align-items: center;
}
.ie-pud-feature-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
}
.ie-pud-feature-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.ie-pud-feature-img-wrap:hover img { transform: scale(1.02); }
@media (max-width: 768px) {
.ie-pud-feature-row { display: flex; flex-direction: column; gap: var(–space-md); }
.ie-pud-feature-img-wrap img { height: 260px; }
}
.ie-pud-specs-grid {
display: grid;
grid-template-columns: 5fr 7fr;
gap: var(–space-lg);
align-items: center;
}
.ie-pud-specs-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
background: var(–bg-light);
}
.ie-pud-specs-img-wrap img {
width: 100%;
height: auto;
display: block;
}
.ie-pud-specs-table { width: 100%; border-collapse: collapse; }
.ie-pud-specs-table tr { border-bottom: 1px solid var(–border-light); }
.ie-pud-specs-table td { padding: 10px 0; font-size: 14px; vertical-align: top; }
.ie-pud-specs-table td:first-child {
width: 40%;
color: var(–muted);
font-weight: 500;
padding-right: var(–space-sm);
}
@media (max-width: 768px) {
.ie-pud-specs-grid { grid-template-columns: 1fr; gap: var(–space-md); }
}
.ie-pud-pdf-box {
border: 2px dashed var(–accent);
border-radius: var(–radius-lg);
background: var(–bg-creme);
padding: var(–space-lg);
text-align: center;
max-width: 700px;
margin: var(–space-lg) auto 0;
}
.ie-pud-pdf-box h3 {
font-family: var(–font-body);
font-size: 18px;
font-weight: 700;
color: var(–primary);
margin: 0 0 8px;
}
.ie-pud-pdf-box p {
font-size: 14px;
color: var(–muted);
margin: 0 0 var(–space-md);
}
.ie-pud-pdf-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(–accent);
color: var(–white);
font-family: var(–font-body);
font-size: 14px;
font-weight: 600;
padding: 12px 28px;
border-radius: var(–radius-pill);
text-decoration: none;
transition: background-color 0.18s ease;
}
.ie-pud-pdf-btn:hover { background-color: var(–accent-dark); }
.ie-pud-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(–space-sm);
max-width: 700px;
margin: var(–space-md) auto 0;
text-align: center;
}
.ie-pud-icon-item {
background: var(–bg-creme);
border: 1px solid var(–border-light);
border-radius: var(–radius-md);
padding: var(–space-md) var(–space-sm);
font-size: 13px;
font-weight: 600;
color: var(–primary);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.ie-pud-icon-item svg {
width: 26px;
height: 26px;
stroke: var(–accent);
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 600px) {
.ie-pud-icon-grid { grid-template-columns: 1fr 1fr; }
}
.ie-pud-faq-item {
border-bottom: 1px solid var(–border-light);
}
.ie-pud-faq-item summary {
cursor: pointer;
list-style: none;
padding: var(–space-sm) 0;
font-size: 15px;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
color: var(–primary);
}
.ie-pud-faq-item summary::-webkit-details-marker { display: none; }
.ie-pud-faq-item summary::after { content: ‘+’; color: var(–accent); font-size: 20px; font-weight: 300; margin-left: var(–space-sm); flex-shrink: 0; }
.ie-pud-faq-item[open] summary::after { content: ‘-‘; }
.ie-pud-faq-answer { animation: ie-pud-fade-in 0.2s ease; }
.ie-pud-faq-answer p {
font-size: 14px;
line-height: 1.75;
color: var(–muted);
padding-bottom: var(–space-sm);
margin: 0;
}
.ie-pud-final-cta {
border: 4px solid var(–accent);
background: var(–bg-light);
border-radius: var(–radius-lg);
padding: var(–space-lg);
text-align: center;
max-width: 750px;
margin: 0 auto var(–space-xl);
}
Artisan Hardware Series · Handcrafted in Morocco
Vintage Brass Push-Up Drain
Skip the flimsy chrome pop-ups. This solid brass push-up drain brings vintage character to your bathroom sink, opening and closing with a simple push, no separate stopper needed.
Simple Mechanism, Built To Last
One Push, No Stopper Needed
Made from high-quality solid brass, this drain is finished in a vintage look and preserved with a high-quality coating to hold that finish for years. A simple push mechanism opens or closes the drain instantly, no separate stopper to lose or replace. Easy to install with minimal tools, it’s suitable for DIY installation without calling a plumber.
Technical Details
| Material | Solid Brass |
| Finish | Vintage Finish with Protective Coating |
| Overflow | Without Overflow |
| Mechanism | Push-Up Pop-Up (No Separate Stopper Needed) |
| Fits Sink Hole | Standard, 1.64″ – 1.9″ Diameter |
| Installation | DIY-Friendly, Minimal Tools Required |
| Origin | Handcrafted in Marrakesh, Morocco |
Frequently Asked Questions
Will this fit my bathroom sink?
This push-up drain fits most standard sink hole diameters, from a minimum of 1.64″ up to 1.9″. Measure your existing drain opening before ordering to confirm it’s a match.
Does this drain have an overflow?
No, this is a without-overflow design. If your sink basin has a visible overflow hole, please check compatibility before ordering.
How does the push mechanism work?
A simple push opens or closes the drain, no separate stopper needed. Push down once to seal the drain and hold water, push again to release it.
Can I install this myself?
Yes. It’s designed for easy installation with minimal tools required, making it suitable for DIY installation without a plumber.
Will I be charged customs fees or import tax?
US customers receive duty-free delivery, no extra customs duty or import tax applied on this product.
What if I’m not satisfied with my purchase?
Return it within 30 days of delivery, unused and in its original packaging, for a full refund. Items that have been installed or used cannot be returned.
Ready to Upgrade Your Drain?
Handcrafted solid brass, built to last with vintage character your sink deserves.
English
Reviews
There are no reviews yet.