/* ============================================================
INSIDEAST – Solid Brass Clothes Hooks Holder
Product Description Block · Shopify Compatible
All classes prefixed ie-ch- · No JS except slider scroll · No external deps
============================================================ */
.ie-ch-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-ch-fade-up {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes ie-ch-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
.ie-ch-page {
max-width: var(–max-width);
margin: 0 auto;
padding: 0 var(–space-sm);
}
.ie-ch-page * { box-sizing: border-box; }
.ie-ch-section {
padding: var(–space-xl) 0;
border-bottom: 1px solid var(–border-light);
animation: ie-ch-fade-up 0.6s ease both;
}
.ie-ch-section:nth-child(1) { animation-delay: 0.05s; }
.ie-ch-section:nth-child(2) { animation-delay: 0.12s; }
.ie-ch-section:nth-child(3) { animation-delay: 0.19s; }
.ie-ch-section:nth-child(4) { animation-delay: 0.26s; }
.ie-ch-section:nth-child(5) { animation-delay: 0.33s; }
.ie-ch-section:last-child:not(.ie-ch-final-cta) { border-bottom: none; }
.ie-ch-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-ch-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-ch-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-ch-body {
font-family: var(–font-body);
font-size: 15px;
line-height: 1.75;
color: var(–muted);
}
.ie-ch-badges {
display: flex;
flex-wrap: wrap;
gap: var(–space-sm);
justify-content: center;
margin: var(–space-md) 0;
}
.ie-ch-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-ch-fade-up 0.5s ease both;
}
.ie-ch-badge:nth-child(1) { animation-delay: 0.15s; }
.ie-ch-badge:nth-child(2) { animation-delay: 0.25s; }
.ie-ch-badge:nth-child(3) { animation-delay: 0.35s; }
.ie-ch-badge:nth-child(4) { animation-delay: 0.45s; }
.ie-ch-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-ch-btn:hover { background-color: var(–accent-dark); transform: translateY(-1px); }
.ie-ch-btn:active { transform: translateY(0); }
.ie-ch-btn-full { width: 100%; text-align: center; display: block; box-sizing: border-box; }
.ie-ch-feature-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(–space-lg);
align-items: center;
}
@media (max-width: 768px) {
.ie-ch-feature-row { display: flex; flex-direction: column; gap: var(–space-md); }
}
.ie-ch-img-wrap {
border-radius: var(–radius-lg);
overflow: hidden;
width: 100%;
aspect-ratio: 1 / 1;
background: var(–bg-light);
}
.ie-ch-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* Hook-count variation boxes */
.ie-ch-variation-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(–space-md);
margin-top: var(–space-md);
}
.ie-ch-variation-box {
width: 220px;
border: 1.5px solid var(–border-light);
border-radius: var(–radius-lg);
overflow: hidden;
background: var(–white);
text-align: center;
transition: border-color 0.15s;
}
.ie-ch-variation-box:hover { border-color: var(–accent); }
.ie-ch-variation-img {
width: 100%;
aspect-ratio: 1 / 1;
background: var(–bg-light);
display: flex;
align-items: center;
justify-content: center;
}
.ie-ch-variation-img img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.ie-ch-variation-label {
padding: var(–space-sm);
font-size: 14px;
font-weight: 600;
color: var(–primary);
}
@media (max-width: 600px) {
.ie-ch-variation-box { width: 45%; }
}
/* Review slider */
.ie-ch-reviews-row {
display: flex;
gap: var(–space-sm);
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: var(–space-xs);
scrollbar-width: thin;
}
.ie-ch-review-card {
min-width: 260px;
max-width: 260px;
flex-shrink: 0;
scroll-snap-align: start;
background: var(–white);
border: 1px solid var(–border-light);
border-radius: var(–radius-md);
padding: var(–space-sm);
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.ie-ch-review-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.10); }
.ie-ch-review-text { font-size: 13px; line-height: 1.6; color: var(–text-primary); margin: 0 0 var(–space-xs); color: var(–primary); }
.ie-ch-review-name { font-size: 12px; font-weight: 700; color: var(–muted); }
.ie-ch-review-meta { font-size: 11px; color: var(–text-light); margin-bottom: 6px; }
.ie-ch-review-tag {
display: inline-block;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(–accent-dark);
background: var(–accent-light);
padding: 3px 10px;
border-radius: var(–radius-pill);
margin-top: 8px;
}
.ie-ch-specs-table { width: 100%; border-collapse: collapse; max-width: 650px; margin: 0 auto; }
.ie-ch-specs-table tr { border-bottom: 1px solid var(–border-light); }
.ie-ch-specs-table td { padding: 10px 0; font-size: 14px; vertical-align: top; }
.ie-ch-specs-table td:first-child {
width: 40%;
color: var(–muted);
font-weight: 500;
padding-right: var(–space-sm);
}
/* Datasheet download buttons */
.ie-ch-datasheets {
max-width: 650px;
margin: var(–space-lg) auto 0;
text-align: center;
}
.ie-ch-datasheets-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–muted);
margin: 0 0 var(–space-sm);
}
.ie-ch-pdf-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.ie-ch-pdf-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
color: var(–accent-dark);
background: var(–white);
border: 1.5px solid var(–border);
border-radius: var(–radius-pill);
padding: 10px 20px;
text-decoration: none;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.ie-ch-pdf-link:hover { background-color: var(–accent-light); border-color: var(–accent); }
.ie-ch-faq-item {
border-bottom: 1px solid var(–border-light);
}
.ie-ch-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-ch-faq-item summary::-webkit-details-marker { display: none; }
.ie-ch-faq-item summary::after { content: ‘+’; color: var(–accent); font-size: 20px; font-weight: 300; margin-left: var(–space-sm); flex-shrink: 0; }
.ie-ch-faq-item[open] summary::after { content: ‘-‘; }
.ie-ch-faq-answer { animation: ie-ch-fade-in 0.2s ease; }
.ie-ch-faq-answer p {
font-size: 14px;
line-height: 1.75;
color: var(–muted);
padding-bottom: var(–space-sm);
margin: 0;
}
.ie-ch-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
Solid Brass Clothes Hooks Holder
A handcrafted wall hooks rack in solid unlacquered brass, made of high quality brass, not just a thin coating, built to develop natural patina and blend effortlessly into any room.
Built to Last, Easy to Install
Solid Brass, Not Just Plated
Made of high quality solid brass, not just coated with a thin layer, this hook rack is built for durability. The unlacquered finish develops a natural patina over time, effortlessly blending into any room. It comes with mounting hardware included for hassle-free installation, and is shipped securely via express shipping to arrive safely on time.
Choose Your Hook Count
Available in 2, 3, or 4 hook configurations to match your space.
Need a different hook count? Contact us for custom configurations.
Loved by Homeowners
Insideast Brass Hooks
“As exactly as shown, well made beautiful piece!”
4 Hooks
“Item is beautiful! Using it as our towel hooks in the master bath. Heavy and well made!”
2 Hooks
“Absolutely beautiful hooks exactly as described and extremely fast delivery. Courteous communication from seller also appreciated, many thanks.”
3 Hooks
“Absolutely stunning product! Arrived carefully packed with installation hardware included. Great communication with the shop.”
2 Hooks
“Beautiful and well crafted, this is the second one I purchased. There was a small mismatch on my first set and the seller kindly sent a replacement. Great customer service!”
2 Hooks
“I purchased a few brass items for my powder room and they were of such great quality and beauty I purchased more. Fast shipping too. Thanks Abdel!”
3 Hooks
Technical Details
| Material | Solid Brass |
| Finish | Unlacquered (Develops Natural Patina) |
| Hook Options | 2 Hooks / 3 Hooks / 4 Hooks |
| Included | Hook Rack + Mounting Hardware |
| Installation | Wall-Mounted |
| Shipping | Express Shipping |
| Origin | Handcrafted in Marrakesh, Morocco |
Technical Datasheets
Frequently Asked Questions
How many hooks can I choose from?
This hook rack is available in 2, 3, or 4 hook configurations. Select your preferred option before ordering.
Does it come with mounting hardware?
Yes, mounting hardware is included for hassle-free installation.
How does the unlacquered brass patina develop?
Over time and with normal exposure to air and handling, the brass gradually darkens and develops warm tones. This is a natural process, not a flaw.
How is it shipped?
It’s shipped securely via express shipping to arrive safely and on time.
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 Wall Hardware?
Join homeowners who chose solid brass that lasts.
English
Reviews
There are no reviews yet.