/* ============================================================
INSIDEAST – Authentic Solid Brass Kitchen Sink Flange
Product Description Block · Shopify Compatible
All classes prefixed ie-ksf- · No JS · No external deps
============================================================ */
.ie-ksf-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%);
}
/* —- Animations —- */
@keyframes ie-ksf-fade-up {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes ie-ksf-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes ie-ksf-pulse-bg {
0%, 100% { background-color: #FEF3CD; }
50% { background-color: #FDE68A; }
}
/* —- Global —- */
.ie-ksf-page {
max-width: var(–max-width);
margin: 0 auto;
padding: 0 var(–space-sm);
}
.ie-ksf-page * { box-sizing: border-box; }
.ie-ksf-section {
padding: var(–space-xl) 0;
border-bottom: 1px solid var(–border-light);
animation: ie-ksf-fade-up 0.6s ease both;
}
.ie-ksf-section:nth-child(1) { animation-delay: 0.05s; }
.ie-ksf-section:nth-child(2) { animation-delay: 0.12s; }
.ie-ksf-section:nth-child(3) { animation-delay: 0.19s; }
.ie-ksf-section:nth-child(4) { animation-delay: 0.26s; }
.ie-ksf-section:nth-child(5) { animation-delay: 0.33s; }
.ie-ksf-section:last-child:not(.ie-ksf-final-cta) { border-bottom: none; }
/* —- Typography —- */
.ie-ksf-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-ksf-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-ksf-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-ksf-body {
font-family: var(–font-body);
font-size: 15px;
line-height: 1.75;
color: var(–muted);
}
/* —- Trust Badges —- */
.ie-ksf-badges {
display: flex;
flex-wrap: wrap;
gap: var(–space-sm);
justify-content: center;
margin: var(–space-md) 0;
}
.ie-ksf-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-ksf-fade-up 0.5s ease both;
}
.ie-ksf-badge:nth-child(1) { animation-delay: 0.15s; }
.ie-ksf-badge:nth-child(2) { animation-delay: 0.25s; }
.ie-ksf-badge:nth-child(3) { animation-delay: 0.35s; }
.ie-ksf-badge:nth-child(4) { animation-delay: 0.45s; }
/* —- CTA Button —- */
.ie-ksf-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-ksf-btn:hover { background-color: var(–accent-dark); transform: translateY(-1px); }
.ie-ksf-btn:active { transform: translateY(0); }
.ie-ksf-btn-full { width: 100%; text-align: center; display: block; box-sizing: border-box; }
/* —- Hero Image —- */
.ie-ksf-hero-wrap {
width: 100%;
max-width: 700px;
aspect-ratio: 1 / 1;
margin: var(–space-md) auto;
border-radius: var(–radius-lg);
overflow: hidden;
background: var(–bg-light);
display: flex;
align-items: center;
justify-content: center;
}
.ie-ksf-hero-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* —- Feature row (single, 50/50) —- */
.ie-ksf-feature-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(–space-lg);
align-items: center;
}
.ie-ksf-feature-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
}
.ie-ksf-feature-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.ie-ksf-feature-img-wrap:hover img { transform: scale(1.02); }
@media (max-width: 768px) {
.ie-ksf-feature-row { display: flex; flex-direction: column; gap: var(–space-md); }
.ie-ksf-feature-img-wrap img { height: 260px; }
}
/* —- Specs section (image beside table) —- */
.ie-ksf-specs-grid {
display: grid;
grid-template-columns: 5fr 7fr;
gap: var(–space-lg);
align-items: center;
}
.ie-ksf-specs-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
background: var(–bg-light);
}
.ie-ksf-specs-img-wrap img {
width: 100%;
height: auto;
display: block;
}
.ie-ksf-specs-table { width: 100%; border-collapse: collapse; }
.ie-ksf-specs-table tr { border-bottom: 1px solid var(–border-light); }
.ie-ksf-specs-table td { padding: 10px 0; font-size: 14px; vertical-align: top; }
.ie-ksf-specs-table td:first-child {
width: 40%;
color: var(–muted);
font-weight: 500;
padding-right: var(–space-sm);
}
@media (max-width: 768px) {
.ie-ksf-specs-grid { grid-template-columns: 1fr; gap: var(–space-md); }
}
/* —- PDF download box —- */
.ie-ksf-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-ksf-pdf-box h3 {
font-family: var(–font-body);
font-size: 18px;
font-weight: 700;
color: var(–primary);
margin: 0 0 8px;
}
.ie-ksf-pdf-box p {
font-size: 14px;
color: var(–muted);
margin: 0 0 var(–space-md);
}
.ie-ksf-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-ksf-pdf-btn:hover { background-color: var(–accent-dark); }
/* —- FAQ —- */
.ie-ksf-faq-item {
border-bottom: 1px solid var(–border-light);
}
.ie-ksf-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-ksf-faq-item summary::-webkit-details-marker { display: none; }
.ie-ksf-faq-item summary::after { content: ‘+’; color: var(–accent); font-size: 20px; font-weight: 300; margin-left: var(–space-sm); flex-shrink: 0; }
.ie-ksf-faq-item[open] summary::after { content: ‘-‘; }
.ie-ksf-faq-answer { animation: ie-ksf-fade-in 0.2s ease; }
.ie-ksf-faq-answer p {
font-size: 14px;
line-height: 1.75;
color: var(–muted);
padding-bottom: var(–space-sm);
margin: 0;
}
/* —- Final CTA —- */
.ie-ksf-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
Authentic Solid Brass Kitchen Sink Flange
Ditch the generic stainless steel. This solid brass flange adds an instant touch of custom luxury to your kitchen sink, with an unlacquered living finish that develops a rich, unique patina over time.
Warmth, Character & Durability
Built To Last, Designed To Age Beautifully
The unlacquered raw brass brings a warm, golden glow to your basin, developing a rich, one-of-a-kind patina with everyday use. Heavy-duty solid brass construction means no flimsy plated plastics or faux finishes that chip and peel. Precisely machined to seamlessly integrate with modern plumbing standards.
Technical Details
| Material | Solid, Heavy-Gauge Brass |
| Finish | Unlacquered Living Finish |
| Design | Wide Flared Rim, Deep Cylindrical Collar |
| Compatibility | Standard Sink Drains & Most Disposal Systems |
| Installation | Plumber’s Putty or Silicone |
| Origin | Handcrafted in Marrakesh, Morocco |
📄 Complete Specification Sheet
Download our detailed spec sheet with diagrams and measurements.
Frequently Asked Questions
Will this fit my kitchen sink and garbage disposal?
This flange fits standard kitchen sink drain openings and most standard garbage disposal systems. It’s precisely machined to integrate with modern plumbing standards, though we recommend confirming your specific drain size before ordering.
What does “unlacquered living finish” mean?
Unlacquered means the brass has no protective coating or sealant, so it’s raw and exposed to air, water, and everyday use. Over time it develops a natural patina that deepens and warms the brass, creating a unique antique character. This is celebrated, never considered a defect.
How do I install the flange?
It installs using standard plumber’s putty or silicone. Professional installation is recommended to ensure a perfectly watertight seal around your sink drain.
How do I clean and maintain it?
Clean with mild dish soap and water. Avoid harsh chemical drain cleaners or abrasive sponges, since these can damage the brass surface. You can let it age naturally for an antique patina, or periodically use a high-quality brass polish to restore its original bright shine.
What if I’m not satisfied with my purchase?
We want you to love what you ordered. If you don’t, 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 Sink?
Handcrafted solid brass, built to last and age beautifully with you.
English
Reviews
There are no reviews yet.