Handcrafted Polished Square Sink | Undermount Basin

/* ============================================================
INSIDEAST — Handcrafted Polished Square Sink — Undermount Basin
Product Description Block · Shopify Compatible
All classes prefixed ie- · No JS · No external deps
============================================================ */

.ie-page {
–font-display: Georgia, ‘Times New Roman’, ‘Palatino Linotype’, serif;
–font-body: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Helvetica, Arial, sans-serif;

/* Material Finishes (Preserved for material-specific visuals) */
–brass: #C8922A;
–brass-light: #F5E6C8;
–brass-dark: #9A6E1C;
–copper: #B5651D;
–copper-light: #F5E0D0;
–copper-dark: #8B4513;

/* New Theme Palette */
–primary: #1a1a1a;
–accent: #a67c52;
–accent-light: #d4b896;
–accent-dark: #8b6542;
–muted: #666;
–bg-light: #fafaf8;
–bg-creme: #fcf9f2;
–bg-creme-dark: #f4efe1;
–shadow: rgba(0, 0, 0, .1);

/* Global Assignments */
–text-primary: var(–primary);
–text-muted: var(–muted);
–text-light: #9A948D;
–stone: var(–bg-light);
–stone-dark: #EDE8E0;
–border: rgba(166, 124, 82, 0.20);
–border-light: rgba(0, 0, 0, 0.08);
–success: #2D6A4F;
–danger: #9B2335;
–white: #FFFFFF;

–space-xs: 8px;
–space-sm: 16px;
–space-md: 24px;
–space-lg: 40px;
–space-xl: 64px;
–space-2xl: 96px;

–max-width: 900px;
–radius-sm: 4px;
–radius-md: 8px;
–radius-lg: 14px;
–radius-pill: 100px;
}

/* —- Animations —- */
@keyframes ie-fade-up {
from {
opacity: 0;
transform: translateY(18px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes ie-fade-in {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes ie-pulse-bg {

0%,
100% {
background-color: #FEF3CD;
}

50% {
background-color: #FDE68A;
}
}

/* —- Global —- */
.ie-page {
max-width: var(–max-width);
margin: 0 auto;
padding: 0 var(–space-sm);
font-family: var(–font-body);
color: var(–text-primary);
}

.ie-section {
padding: var(–space-xl) 0;
border-bottom: 1px solid var(–border-light);
animation: ie-fade-up 0.6s ease both;
}

.ie-section:nth-child(1) {
animation-delay: 0.05s;
}

.ie-section:nth-child(2) {
animation-delay: 0.12s;
}

.ie-section:nth-child(3) {
animation-delay: 0.19s;
}

.ie-section:nth-child(4) {
animation-delay: 0.26s;
}

.ie-section:nth-child(5) {
animation-delay: 0.33s;
}

.ie-section:nth-child(6) {
animation-delay: 0.40s;
}

.ie-section:nth-child(7) {
animation-delay: 0.47s;
}

.ie-section:nth-child(8) {
animation-delay: 0.54s;
}

.ie-section:nth-child(9) {
animation-delay: 0.61s;
}

.ie-section:nth-child(10) {
animation-delay: 0.68s;
}

.ie-section:nth-child(11) {
animation-delay: 0.75s;
}

.ie-section:nth-child(12) {
animation-delay: 0.82s;
}

.ie-section:nth-child(13) {
animation-delay: 0.89s;
}

.ie-section:last-child {
border-bottom: none;
}

/* —- Typography —- */
.ie-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-h2 {
font-family: var(–font-display);
font-size: clamp(24px, 4vw, 36px);
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.01em;
color: var(–accent);
margin: 0 0 var(–space-sm);
}

.ie-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-body {
font-family: var(–font-body);
font-size: 15px;
line-height: 1.75;
color: var(–text-muted);
}

/* —- Trust Badges —- */
.ie-badges {
display: flex;
flex-wrap: wrap;
gap: var(–space-sm);
justify-content: center;
margin: var(–space-md) 0;
}

.ie-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-fade-up 0.5s ease both;
}

.ie-badge:nth-child(1) {
animation-delay: 0.15s;
}

.ie-badge:nth-child(2) {
animation-delay: 0.25s;
}

.ie-badge:nth-child(3) {
animation-delay: 0.35s;
}

.ie-badge:nth-child(4) {
animation-delay: 0.45s;
}

/* —- Urgency —- */
.ie-urgency {
padding: 12px 20px;
border-radius: var(–radius-md);
text-align: center;
font-size: 13px;
font-weight: 500;
color: #7A5800;
margin: var(–space-sm) 0;
animation: ie-pulse-bg 3.5s ease-in-out infinite;
}

/* —- CTA Button —- */
.ie-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-btn:hover {
background-color: var(–accent-dark);
transform: translateY(-1px);
}

.ie-btn:active {
transform: translateY(0);
}

.ie-btn-full {
width: 100%;
text-align: center;
display: block;
box-sizing: border-box;
}

/* —- Review Cards —- */
.ie-reviews-row {
display: flex;
gap: var(–space-sm);
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: var(–space-sm);
-webkit-overflow-scrolling: touch;
}

.ie-review-card {
background: var(–white);
border: 1px solid var(–border-light);
border-radius: var(–radius-lg);
padding: var(–space-md);
min-width: 280px;
max-width: 300px;
flex-shrink: 0;
scroll-snap-align: start;
transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ie-review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px var(–shadow);
}

.ie-review-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: var(–radius-md);
margin-bottom: var(–space-sm);
}

.ie-review-stars {
color: var(–accent);
font-size: 13px;
margin-bottom: 6px;
}

.ie-review-quote {
font-size: 28px;
color: var(–accent);
line-height: 1;
margin-bottom: 4px;
}

.ie-review-text {
font-size: 13px;
line-height: 1.6;
color: var(–text-muted);
margin: 0 0 var(–space-sm);
}

.ie-review-name {
font-size: 12px;
font-weight: 600;
color: var(–text-primary);
}

.ie-review-date {
font-size: 11px;
color: var(–text-light);
}

.ie-review-tags {
margin-top: var(–space-xs);
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.ie-review-tag {
font-size: 11px;
font-weight: 600;
background: var(–bg-light);
border: 1px solid var(–border-light);
color: var(–text-muted);
padding: 3px 8px;
border-radius: var(–radius-sm);
}

/* —- Config pickers —- */
.ie-config-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
appearance: none;
-webkit-appearance: none;
}

.ie-config-label {
cursor: pointer;
border: 1.5px solid var(–border-light);
border-radius: var(–radius-md);
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
color: var(–text-primary);
transition: border-color 0.15s, background-color 0.15s;
display: inline-block;
}

.ie-config-input:checked+.ie-config-label {
border-color: var(–accent);
background-color: var(–accent-light);
color: var(–accent-dark);
}

.ie-config-label:hover {
border-color: var(–accent);
}

/* Material-specific selected states */
.ie-mat-copper:checked+.ie-config-label {
border-color: var(–copper);
background-color: var(–copper-light);
color: var(–copper-dark);
}

/* —- Material Comparison (new section) —- */
.ie-material-compare {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(–space-md);
margin-bottom: var(–space-lg);
align-items: stretch;
}

.ie-mat-card {
display: flex;
flex-direction: column;
height: 100%;
border-radius: var(–radius-lg);
overflow: hidden;
border: 2px solid var(–border-light);
transition: border-color 0.2s, box-shadow 0.2s;
}

.ie-mat-card:hover {
box-shadow: 0 8px 28px var(–shadow);
}

.ie-mat-card.ie-brass-card {
border-color: var(–brass);
}

.ie-mat-card.ie-copper-card {
border-color: var(–copper);
}

.ie-mat-card img {
width: 100%;
height: 230px;
object-fit: cover;
display: block;
}

.ie-mat-card-body {
padding: var(–space-sm) var(–space-md);
flex: 1;
display: flex;
flex-direction: column;
}

.ie-mat-label {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 4px;
}

.ie-brass-card .ie-mat-label {
color: var(–brass);
}

.ie-copper-card .ie-mat-label {
color: var(–copper);
}

.ie-mat-card .ie-h3 {
font-size: 17px;
margin-bottom: 6px;
}

.ie-mat-card .ie-body {
font-size: 13px;
margin: 0;
}

.ie-mat-card-footer {
display: flex;
align-items: center;
gap: 8px;
margin-top: var(–space-xs);
padding: var(–space-xs) 0 0;
border-top: 1px solid var(–border-light);
}

.ie-mat-swatch {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 0 1.5px var(–shadow);
flex-shrink: 0;
}

.ie-mat-swatch-brass {
background: radial-gradient(circle at 35% 35%, #E8B84B, #C8922A 55%, #9A6E1C);
}

.ie-mat-swatch-copper {
background: radial-gradient(circle at 35% 35%, #D4844A, #B5651D 55%, #8B4513);
}

.ie-mat-swatch-label {
font-size: 12px;
font-weight: 500;
color: var(–text-muted);
}

@media (max-width: 600px) {
.ie-material-compare {
grid-template-columns: 1fr;
}

.ie-mat-card img {
height: 220px;
}
}

/* —- Gallery slider —- */
.ie-gallery {
display: flex;
gap: var(–space-sm);
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: var(–space-sm);
-webkit-overflow-scrolling: touch;
}

.ie-gallery::-webkit-scrollbar {
height: 4px;
}

.ie-gallery::-webkit-scrollbar-track {
background: var(–border-light);
border-radius: 10px;
}

.ie-gallery::-webkit-scrollbar-thumb {
background: var(–accent-light);
border-radius: 10px;
}

.ie-gallery img {
width: 320px;
height: 380px;
object-fit: cover;
border-radius: var(–radius-md);
display: block;
flex-shrink: 0;
scroll-snap-align: start;
transition: transform 0.4s ease;
}

.ie-gallery img:hover {
transform: scale(1.02);
}

@media (max-width: 768px) {
.ie-gallery img {
width: 280px;
height: 320px;
}
}

/* —- Feature rows —- */
.ie-feature-row {
display: grid;
grid-template-columns: 4fr 6fr;
gap: var(–space-lg);
align-items: center;
padding: var(–space-lg) 0;
border-bottom: 1px solid var(–border-light);
}

.ie-feature-row:last-child {
border-bottom: none;
}

.ie-feature-row.ie-reverse {
grid-template-columns: 6fr 4fr;
}

.ie-feature-row.ie-reverse .ie-feature-img-wrap {
order: 2;
}

.ie-feature-row.ie-reverse .ie-feature-text {
order: 1;
}

.ie-feature-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
}

.ie-feature-img-wrap img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}

.ie-feature-img-wrap:hover img {
transform: scale(1.02);
}

@media (max-width: 768px) {
.ie-feature-row {
display: flex;
flex-direction: column;
gap: var(–space-md);
}

.ie-feature-text {
order: 1;
}

.ie-feature-img-wrap {
order: 2;
}

.ie-feature-img-wrap img {
height: 220px;
}
}

/* —- Specs table —- */
.ie-specs-table {
width: 100%;
border-collapse: collapse;
}

.ie-specs-table tr {
border-bottom: 1px solid var(–border-light);
}

.ie-specs-table td {
padding: 12px 0;
font-size: 14px;
vertical-align: top;
}

.ie-specs-table td:first-child {
width: 38%;
color: var(–text-muted);
font-weight: 500;
padding-right: var(–space-sm);
}

/* —- Dimension cards —- */
.ie-dims {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(–space-sm);
margin-top: var(–space-md);
}

@media (max-width: 600px) {
.ie-dims {
grid-template-columns: repeat(2, 1fr);
}
}

.ie-dim-card {
background: var(–stone);
border: 1px solid var(–border-light);
border-radius: var(–radius-md);
padding: var(–space-sm) var(–space-md);
text-align: center;
}

.ie-dim-value {
font-family: var(–font-display);
font-size: 26px;
font-weight: 400;
color: var(–text-primary);
display: block;
}

.ie-dim-unit {
font-size: 11px;
color: var(–text-light);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.ie-dim-label {
font-size: 12px;
color: var(–text-muted);
margin-top: 2px;
}

/* —- Compare table —- */
.ie-compare-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}

.ie-compare-table th {
padding: 12px var(–space-sm);
text-align: left;
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
background: var(–stone-dark);
color: var(–text-muted);
}

.ie-compare-table th.ie-our-col {
background: var(–accent-light);
color: var(–accent-dark);
}

.ie-compare-table td {
padding: 12px var(–space-sm);
border-bottom: 1px solid var(–border-light);
vertical-align: top;
}

.ie-compare-table td.ie-our-col {
background: rgba(212, 184, 150, 0.15);
}

.ie-check {
color: var(–success);
font-weight: 700;
}

.ie-cross {
color: var(–danger);
font-weight: 700;
}

/* —- FAQ —- */
.ie-faq-item {
border-bottom: 1px solid var(–border-light);
}

.ie-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(–text-primary);
}

.ie-faq-item summary::-webkit-details-marker {
display: none;
}

.ie-faq-item summary::after {
content: ‘+’;
color: var(–accent);
font-size: 20px;
font-weight: 300;
margin-left: var(–space-sm);
flex-shrink: 0;
}

.ie-faq-item[open] summary::after {
content: ‘−’;
}

.ie-faq-answer {
animation: ie-fade-in 0.2s ease;
}

.ie-faq-answer p {
font-size: 14px;
line-height: 1.75;
color: var(–text-muted);
padding-bottom: var(–space-sm);
margin: 0;
}

/* —- PDF pill —- */
.ie-pdf-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 500;
color: var(–accent-dark);
border: 1.5px solid var(–accent);
border-radius: var(–radius-pill);
padding: 8px 18px;
text-decoration: none;
margin: 6px 8px 6px 0;
transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ie-pdf-link:hover {
background-color: var(–accent-light);
border-color: var(–accent);
}

/* —- What’s in box —- */
.ie-inbox-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(–space-sm);
margin-top: var(–space-md);
}

@media (max-width: 600px) {
.ie-inbox-grid {
grid-template-columns: repeat(2, 1fr);
}
}

.ie-inbox-item {
background: var(–stone);
border-radius: var(–radius-md);
padding: var(–space-sm);
text-align: center;
position: relative;
}

.ie-inbox-icon {
font-size: 28px;
display: block;
margin-bottom: 6px;
}

.ie-inbox-label {
font-size: 12px;
font-weight: 500;
color: var(–text-primary);
line-height: 1.3;
}

.ie-inbox-free {
display: inline-block;
margin-top: 4px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
color: var(–white);
background: var(–success);
padding: 2px 7px;
border-radius: var(–radius-sm);
}

/* —- Compat callout —- */
.ie-compat {
background: var(–stone);
border-left: 3px solid var(–accent);
border-radius: 0 var(–radius-md) var(–radius-md) 0;
padding: var(–space-sm) var(–space-md);
margin-top: var(–space-md);
font-size: 13px;
color: var(–text-muted);
line-height: 1.7;
}

/* —- No-risk promise —- */
.ie-no-risk {
background: var(–stone);
border-left: 3px solid var(–accent);
border-radius: 0 var(–radius-md) var(–radius-md) 0;
padding: var(–space-md) var(–space-lg);
}

.ie-no-risk ul {
list-style: none;
padding: 0;
margin: 0;
}

.ie-no-risk li {
padding: 6px 0;
font-size: 14px;
color: var(–text-muted);
}

/* —- Final CTA —- */
.ie-final-cta {
background: var(–stone);
border-radius: var(–radius-lg);
padding: var(–space-xl) var(–space-lg);
text-align: center;
}

Solid Brass & Copper • Handcrafted in Morocco

The Sink That Gets More Beautiful With Every Use

A living piece of Moroccan craftsmanship, forged from solid unlacquered metal and polished by hand in Marrakesh.
Choose your material, warm golden brass or rich reddish copper and watch it develop a patina that’s entirely your
own.

Configure & Add to Cart →

✦ Handcrafted to Order
✦ 5-Year Warranty
✦ Free Shipping
✦ 30-Day Returns

⏱ Limited Production: Due to the handcrafted nature, we can only produce a limited quantity each
month.
Reserve yours today →

/* ─── 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;
}
}

+ REAL CUSTOMER STORY

INSIDEAST SINK

“

Very beautiful with high quality

SSG
20 Nov, 2025

External Length / Width: 16 x 16 Inch
Drain: Sink + Strainer

“

Arrived earlier than expected. Well packed and great quality. Great
communication by seller on shipment time.

Eric
23 Aug, 2025

External Length / Width: 17 x 17 Inch
Drain: Sink + Strainer

(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);
})();

Configure Your Perfect Sink

Every sink is made to order. Choose your material and size below. Both materials share the same authentic smooth
polished form the difference is in the warmth and patina journey each will take you on.

Material

🟡 Solid Unlacquered Brass – 19-Gauge

🟠 Solid Unlacquered Copper – 16-Gauge

Size (External Dimensions)

13″ × 13″

16″ × 16″

17″ × 17″

19″ × 19″

21″ × 21″

✨ Need something unique? Custom sizes, non-square shapes, special depths, and unique finishes
are available.
Contact us for a tailored
quote →

Choose Your Finish

Brass or Copper – Two Living Finishes, One Artisan Form

Both are handcrafted to the same exacting standard in Marrakesh. The difference is in character: brass ages into
warm golden amber tones; copper evolves into deep, reddish antique hues. Neither is lacquered, both tell your
story.

Solid Brass · 19-Gauge

Warm Golden Radiance

Starts with a bright golden sheen, deepening over time into amber and honey tones. 19-gauge thickness
means edges that won’t bend even under daily heavy use.

Unlacquered Brass → Ages to amber patina

Solid Copper · 16-Gauge

Rich Antique Depth

A deep reddish-orange that evolves into rich bronze and dark antique tones. 16-gauge, extra thick, built
for outdoor kitchens, island bars, and heavy-duty prep use.

Unlacquered Copper → Ages to antique bronze

Both finishes develop a living patina over time. This natural aging is expected, celebrated, and never
considered a defect.

Select Your Configuration →

🛡️ Our No-Risk
Promise to You

• 30-Day Returns: Unused items in original packaging returned for a full refund.
• 5-Year Warranty: We repair or replace any manufacturing defects.
• Lifetime Expert Support: Our team is here before and after purchase.

We’re so confident you’ll love this sink, the risk is entirely on us.

Craftsmanship in Detail

.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;
}
}

✦ Bespoke Craftsmanship

Have Something Specific in Mind?

Every space 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

Why Choose Artisan-Crafted Over Mass-Produced?

Not all metal sinks are equal. Here’s how our handcrafted
undermount sinks compare to what you’ll find at big-box retailers.

Attribute	Our Polished Sink (Brass or Copper)	Mass-Produced Alternatives
Material	✓ 100% solid brass (19-gauge) or solid copper (16-gauge) — through and through	✗ Brass-plated zinc or thin stainless steel — corrodes within 3–5 years
Finish	✓ Unlacquered living finish — ages into a unique patina. No coating to peel or chip	✗ Lacquered or powder-coated — chips over time, cannot be restored
Craftsmanship	✓ Hand-polished by master artisans in Marrakesh, Morocco. Each piece is unique	✗ Machine-stamped in bulk — no texture variation, no artisan involvement
Thickness & Feel	✓ 16–19 gauge solid metal — edges will not bend or warp under heavy use	✗ 20–22 gauge or thinner — edges flex and dent, seal gaps common
Corner Integrity	✓ Double-sealed corners — reinforced against cracking and water seepage	✗ Single-seam — known failure point, frequently requires re-caulking
Lifespan	✓ 20+ years with normal care. Solid metal improves in character over time	✗ 5–8 years before degradation is visible — finish and structure both suffer
Warranty	✓ 5-Year limited warranty on materials and workmanship	✗ 1 year limited — rarely honored without extensive documentation
Customization	✓ Custom sizes, depths, and finishes available on request	✗ Fixed SKUs only — no adjustments for your countertop cutout

Why This Sink Is Worth The Investment

Forged by Moroccan Master Artisans

Every sink begins as a flat sheet of solid metal in our small Marrakesh factory, where local artisans with
decades of metalworking experience shape it entirely by hand. The polishing technique isn’t just decorative —
it ensures a smooth, flawless surface that captures light beautifully in any kitchen. Factory-made
alternatives simply cannot replicate this level of care. Each piece is one of a kind, crafted with passion.

Solid Metal All The Way Through — Not The Average Thin Brass

Mass-produced sinks use brass-plated zinc or thin 20-gauge stainless that flexes and dents. Our brass is
19-gauge solid throughout; our copper is an even thicker 16-gauge — heavy duty, built for outdoor kitchens,
island prep stations, and daily heavy use. Because the metal is thick, the edges won’t bend during
installation, ensuring a perfect fit without having to reshape the sink.

A Living Finish That Becomes More Beautiful With Age

Unlacquered metal is raw — no chemical barrier separates it from its environment. Brass deepens from bright
gold through warm amber into honeyed antique tones. Copper journeys from vibrant reddish-orange into rich
bronze and dark, storied hues. This isn’t wear — it’s character. It’s your home’s history written into metal.
Every other sink in your kitchen will look the same in ten years. This one will look better.

Precision-Built for Undermount Installation

Double-sealed corners prevent cracking and water seepage — the most common failure point in any metal sink.
Compatible with standard US 1.5″ and 2″ drain openings, and designed for seamless undermount installation.
Outdoor use is fully supported: both brass and copper are highly resistant to corrosion and weathering, and
the natural patina actually protects the metal over time. Installs in under 15 minutes.

Engineered to Last Generations

Material Options	Solid Unlacquered Brass (19-Gauge) or Solid Unlacquered Copper (16-Gauge)
Finish	Unlacquered — develops natural living patina over time
Shape	Square
Sizes Available	13×13″ · 16×16″ · 17×17″ · 19×19″ · 21×21″ (external dimensions)
Lip (overhang)	3/4″ standard · Corner lip 1″
Basin Depth	~6″ internal depth
Installation	Undermount / Drop-in
Drain Opening	Standard US / EU
Corner Treatment	Double-sealed for leak and crack protection
Drain Included	Optional matching basket strainer drain (brass or copper to match)
Outdoor Compatible	Yes — both materials resist corrosion and weathering
Customization	Yes — custom sizes, shapes, and depths available on request
Origin	Handcrafted in Marrakesh, Morocco

19-G
Brass Gauge

Extra thick solid brass

16-G
Copper Gauge

Heavy-duty solid copper

6″
Basin Depth

~15.2 cm

21″
Max. Size

~53.3 cm · 5 sizes

Compatibility Note: Both sinks are compatible with standard US 1.5″ and 2″ drain openings. For
European or non-standard plumbing, contact us at
contact@insideast.com
before ordering and we’ll confirm compatibility or advise on adapters.

Complete Installation Guides

Download our
detailed spec sheets with measurements, cutout templates, and step-by-step installation instructions.

📄 Download Sink Technical Drawings Guide (PDF)

Frequently Asked Questions

Is this worth the investment compared to cheaper alternatives?

Absolutely. Mass-produced alternatives use brass-plated zinc that degrades within 3–5 years,
with coatings that chip and cannot be restored. Our solid brass (19-gauge) and solid copper (16-gauge) sinks
are built to last 20+ years and actually improve in character as they age. You’re not buying a fixture —
you’re investing in a piece of Moroccan craftsmanship that will outlast every trend in your kitchen. Most
customers tell us it’s the best home upgrade they’ve ever made.

What’s the difference between brass and copper — which should I choose?

Both are solid, unlacquered, and hand-polished by the same Moroccan artisans. The difference
is in the aging journey. Brass begins with a warm golden tone and deepens over time into rich amber and
antique honey hues — elegant and timeless. Copper starts with a vibrant reddish-orange and evolves into deep
bronze and dark antique tones — more dramatic and storied. Copper (16-gauge) is also slightly thicker, making
it the preferred choice for outdoor bars or heavy-duty outdoor kitchens. Both are equally beautiful and
durable.

How does the unlacquered living finish develop — and is it a flaw?

Not at all — it’s the most celebrated feature of these sinks. Unlacquered metal is raw, with
no chemical barrier separating it from air and moisture. Over weeks and months, the surface oxidizes
naturally, darkening and shifting in tone in a pattern that’s entirely shaped by your environment and how you
use your sink. No two patinas ever look the same. This aging is expected, intentional, and explicitly not
considered a defect under our warranty. If you prefer a brighter look, an occasional polish with a brass- or
copper-specific product will restore the original shine.

Is this sink suitable for outdoor use?

Yes — both solid brass and solid copper are highly resistant to corrosion and weathering. In
fact, the natural patina that forms actually serves as a protective layer, slowing further oxidation over
time. These sinks are ideal for outdoor kitchens, bar areas, and prep stations. The 16-gauge copper is
especially popular for outdoor use given its extra thickness. Just rinse after use and wipe dry for best
longevity.

How do I care for my brass or copper sink?

Rinse after use and wipe dry — that’s the core routine. For cleaning, use mild soap and warm
water. Avoid abrasive cleaners, bleach, or acidic substances (vinegar, lemon juice) as these will accelerate
patina development unevenly. If you want to maintain the original shine, occasional polishing with a brass- or
copper-specific product will restore it. If you prefer to embrace the patina, simply let it develop naturally
— it only gets more beautiful.

What if I’m not satisfied or need a different size?

We accept returns within 30 days of delivery for unused items in their original packaging.

Warranty & Guarantee

• 5-Year Limited Warranty on fixture construction and materials for residential use.
• 1-Year Warranty on wearable parts (drain components, O-rings).
• Covered for repair or replacement for manufacturing defects (labor excluded).
• Visual damages must be reported within 15 days of delivery with photos and
  proof of purchase.

Questions? Email contact@insideast.com
with your order number.

Finish note: the unlacquered brass and copper living finish develops a natural patina over time. This
cosmetic aging is expected and celebrated — not considered a defect.

🎁 Buy any 3 items & Save 15% — Your discount will be applied automatically at checkout.
Pair your sink with a bridge faucet and matching drain for the complete Insideast look.

Ready to Transform Your Kitchen or Bar?

Join hundreds of homeowners, interior designers, and Airbnb hosts who chose quality that lasts — and gets more
beautiful every year.

Configure & Order Now →

✦ Handcrafted to Order
✦ 5-Year Warranty
✦ Free Shipping
✦ 30-Day Returns