/* BASE RESET & VARIABLES */
:root {
–ias-copper: #b87333;
–ias-copper-dark: #8b4513;
–ias-gold-mark: #d4a373;
–ias-text: #2d2a26;
–ias-text-light: #6b665c;
–ias-bg: #faf9f6;
–ias-bg-soft: #fdf8f3;
–ias-border: #e5e1da;
–ias-max-width: 900px;
}
#ias-p-top * {
box-sizing: border-box;
}
#ias-p-top {
background-color: var(–ias-bg);
font-family: ‘Inter’, sans-serif;
color: var(–ias-text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.ias-p-container {
max-width: var(–ias-max-width);
margin: 0 auto;
padding: 60px 20px;
scroll-behavior: smooth;
}
.ias-p-serif {
font-family: ‘Playfair Display’, serif;
}
/* ALIGNMENT REFINEMENT – ALL CENTERED */
.ias-p-hero,
.ias-p-hook,
.ias-p-section-desc,
.ias-p-variations .ias-p-section-header,
.ias-p-specs-grid > div:first-child,
.ias-p-reviews .ias-p-section-header,
.ias-p-faq .ias-p-section-header {
text-align: center;
}
.ias-p-desc-text {
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* FEATURE LIST CENTERING LOGIC */
.ias-p-feature-list {
list-style: none;
padding: 0;
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center; /* Centered on Desktop */
}
.ias-p-feature-item {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
font-size: 15px;
font-weight: 500;
text-align: left;
}
/* GOLD MARK STYLE */
.ias-p-gold-mark {
color: var(–ias-gold-mark);
flex-shrink: 0;
width: 18px;
height: 18px;
}
/* HERO SECTION */
.ias-p-badge {
display: inline-block;
padding: 6px 18px;
background: #f5efe6;
color: var(–ias-copper-dark);
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 50px;
margin-bottom: 24px;
}
.ias-p-hero-title {
font-size: clamp(32px, 6vw, 52px);
margin-bottom: 16px;
line-height: 1.1;
color: var(–ias-text);
}
.ias-p-hero-subtitle {
font-size: 20px;
color: var(–ias-text-light);
font-style: italic;
font-weight: 300;
margin-bottom: 40px;
}
.ias-p-main-img-wrapper {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.12);
margin-bottom: 40px;
}
.ias-p-main-img {
width: 100%;
height: auto;
display: block;
}
/* MID SECTION IMAGE – SMALLER THAN HERO */
.ias-p-mid-img-wrapper {
max-width: 650px;
margin: 0 auto 60px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.ias-p-mid-img {
width: 100%;
height: auto;
display: block;
}
/* ADVANTAGES ROW */
.ias-p-adv-row {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 30px;
padding: 20px 0;
border-bottom: 1px solid var(–ias-border);
}
.ias-p-adv-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: var(–ias-text);
}
.ias-p-emergency-msg {
background: #fff8f0;
border-left: 4px solid var(–ias-copper);
padding: 20px;
border-radius: 8px;
margin-bottom: 60px;
font-size: 15px;
color: var(–ias-text);
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
text-align: center;
}
/* GALLERY – REMOVED GREY BOXES */
.ias-p-gallery-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 100px;
}
.ias-p-gallery-item {
border-radius: 16px;
overflow: hidden;
background-color: transparent; /* Removed grey background */
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
display: flex;
}
.ias-p-gallery-img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.ias-p-gallery-item:hover .ias-p-gallery-img {
transform: scale(1.04);
}
/* VARIATIONS */
.ias-p-variations {
background: var(–ias-bg-soft);
border-radius: 32px;
padding: 60px 20px;
margin-bottom: 30px;
border: 1px solid #f5efe6;
}
.ias-p-section-subtitle {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
font-weight: 700;
color: var(–ias-copper);
display: block;
margin-bottom: 12px;
}
.ias-p-var-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.ias-p-var-group h4 {
font-size: 20px;
margin-bottom: 16px;
}
.ias-p-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.ias-p-tag {
background: white;
border: 1px solid var(–ias-border);
padding: 8px 18px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
color: var(–ias-text);
}
.ias-p-custom-info {
margin-top: 50px;
text-align: center;
padding-top: 40px;
border-top: 1px solid var(–ias-border);
}
.ias-p-custom-link {
color: var(–ias-copper);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–ias-copper);
padding-bottom: 2px;
transition: opacity 0.3s;
}
/* REVIEWS */
.ias-p-reviews {
margin-bottom: 100px;
}
.ias-p-review-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.ias-p-review-card {
background: white;
padding: 32px;
border-radius: 24px;
border: 1px solid var(–ias-border);
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
text-align: left;
}
.ias-p-stars {
color: var(–ias-copper);
margin-bottom: 16px;
font-size: 14px;
letter-spacing: 2px;
}
.ias-p-review-text {
font-style: italic;
color: var(–ias-text-light);
font-size: 15px;
margin-bottom: 24px;
}
.ias-p-reviewer-name {
font-weight: 700;
font-size: 14px;
}
/* FAQ – NO SCRIPT NEEDED */
.ias-p-faq {
margin-bottom: 100px;
}
.ias-p-faq-item {
border-bottom: 1px solid var(–ias-border);
}
.ias-p-faq-trigger {
width: 100%;
padding: 24px 0;
background: none;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
text-align: left;
font-size: 18px;
color: var(–ias-text);
/* Remove defaults */
list-style: none;
}
/* Remove default detail marker */
.ias-p-faq-trigger::-webkit-details-marker {
display: none;
}
.ias-p-faq-icon {
transition: transform 0.3s ease;
font-size: 14px;
}
/* When details is open */
details[open] .ias-p-faq-icon {
transform: rotate(180deg);
}
.ias-p-faq-content {
padding-bottom: 24px;
color: var(–ias-text-light);
font-size: 15px;
text-align: left;
}
/* SPECS */
.ias-p-specs-grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 60px;
margin-bottom: 100px;
}
.ias-p-table-wrapper {
border-radius: 20px;
overflow: hidden;
border: 1px solid var(–ias-border);
}
.ias-p-specs-table {
width: 100%;
border-collapse: collapse;
background: white;
text-align: left;
}
.ias-p-specs-table td, .ias-p-specs-table th {
padding: 18px 24px;
border-bottom: 1px solid var(–ias-border);
font-size: 14px;
}
.ias-p-spec-key {
font-weight: 700;
color: var(–ias-copper-dark);
width: 40%;
}
.ias-p-pdf-box {
background: var(–ias-bg-soft);
padding: 30px;
border-radius: 24px;
border: 1px solid var(–ias-border);
margin-top: 20px;
}
.ias-p-pdf-btn {
display: inline-block;
background: var(–ias-text);
color: white;
text-decoration: none;
padding: 14px 24px;
border-radius: 12px;
margin-top: 20px;
font-weight: 600;
font-size: 14px;
}
/* WARRANTY & PROMISE */
.ias-p-promise-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-bottom: 100px;
}
.ias-p-warranty-card {
background: var(–ias-text);
color: white;
padding: 40px;
border-radius: 32px;
text-align: center;
}
.ias-p-warranty-card h3 {
font-size: 26px;
margin-bottom: 20px;
}
.ias-p-policy-detail {
font-size: 13px;
color: #d1cfc9;
margin-bottom: 15px;
line-height: 1.5;
}
.ias-p-promise-card {
border: 2px dashed var(–ias-copper);
background: white;
padding: 40px;
border-radius: 32px;
text-align: center;
}
.ias-p-promise-card .ias-p-feature-list {
align-items: center; /* Center these lists specifically */
}
/* FINAL CTA */
.ias-p-cta-footer {
background: white;
border: 1px solid var(–ias-border);
border-radius: 40px;
padding: 60px 20px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.03);
margin-bottom: 60px;
}
.ias-p-trusted-badges {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid var(–ias-border);
}
.ias-p-trusted-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(–ias-text-light);
min-width: 120px;
}
.ias-p-btn-primary {
display: inline-block;
background: linear-gradient(135deg, var(–ias-copper), var(–ias-copper-dark));
color: white;
padding: 22px 50px;
border-radius: 60px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
margin-top: 40px;
box-shadow: 0 15px 30px rgba(184, 115, 51, 0.3);
transition: transform 0.3s;
}
.ias-p-btn-primary:hover {
transform: translateY(-4px);
}
/* SECTION TITLES – FINAL REFINED SCALE */
.ias-p-hook h4 {
font-size: clamp(22px, 3.2vw, 28px); /* Smaller H4 */
line-height: 1.35;
margin-bottom: 12px;
padding-bottom: 6px;
}
.ias-p-section-desc h3 {
font-size: clamp(24px, 3.8vw, 32px); /* Primary section title */
line-height: 1.3;
margin-bottom: 12px;
padding-bottom: 8px;
}
.ias-p-hook p {
margin-bottom: 8px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.ias-p-var-grid, .ias-p-specs-grid, .ias-p-promise-grid {
grid-template-columns: 1fr;
}
.ias-p-feature-list {
align-items: flex-start; /* Left aligned for mobile */
padding-left: 20px;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
.ias-p-promise-card .ias-p-feature-list {
align-items: flex-start;
}
.ias-p-hook {
padding: 10 10px;
}
.ias-p-mid-img-wrapper {
max-width: 100%;
}
}
@media (max-width: 600px) {
.ias-p-gallery-grid {
grid-template-columns: 1fr;
}
.ias-p-adv-row {
flex-direction: row;
justify-content: center;
gap: 15px;
}
.ias-p-adv-item {
font-size: 9px;
}
}
/* ========== HERO GIFT BADGE (SQUARE & HANGING) ========== */
.light-dome__gift-badge {
position: absolute;
top: 15px;
left: 15px; /* Moved to top-left */
background: #fff8f0; /* Matches scarcity box color */
padding: 12px 8px;
border-radius: 8px; /* Slightly rounded corners for a softer square */
display: flex;
flex-direction: column; /* Stack icon and text vertically to make a square */
align-items: center;
justify-content: center;
text-align: center;
gap: 6px;
width: 100px; /* Fixed width for standard square shape */
height: 100px; /* Fixed height for standard square shape */
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
border: 1px solid var(–accent);
z-index: 10;
transform-origin: top center; /* Makes the animation swing from the top */
animation: badge-swing 3.5s ease-in-out infinite; /* Gentle hanging animation */
}
.light-dome__gift-badge svg {
color: var(–accent);
width: 26px;
height: 26px;
flex-shrink: 0;
}
.light-dome__gift-badge span {
color: var(–primary);
font-size: clamp(11px, 1.2vw, 13px);
font-weight: 700;
line-height: 1.2;
}
/* ========== HERO GIFT LABEL (HANGING TAG) ========== */
.light-dome__hanging-label {
position: absolute;
top: 25px; /* Dropped down to make room for the string */
right: 20px; /* Top right corner */
background: #fff8f0; /* Matches the scarcity box */
border: 1px solid var(–accent);
border-radius: 8px;
padding: 14px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
width: 105px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
z-index: 10;
/* Makes it physical: The tag swings exactly from the top of the string! */
transform-origin: 50% -20px;
animation: tag-swing 3.5s ease-in-out infinite;
}
/* The actual string */
.light-dome__hanging-label::before {
content: “”;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 1.5px;
height: 20px;
background: var(–accent);
opacity: 0.8;
}
/* The hole in the tag */
.light-dome__hanging-label::after {
content: “”;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
width: 6px;
height: 6px;
background: #333; /* Dark hole effect */
border-radius: 50%;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.8);
}
/* Lit Bulb Icon */
.light-dome__label-bulb {
color: #e6a100; /* Warm gold ray color */
width: 30px; /* Slightly larger as the focus */
height: 30px;
flex-shrink: 0;
margin-top: 3px;
filter: drop-shadow(0 0 6px rgba(230, 161, 0, 0.7)); /* Outer glow */
animation: bulb-glow 1.5s infinite alternate ease-in-out;
}
.light-dome__hanging-label span {
color: var(–primary);
font-size: clamp(10px, 1.2vw, 12px);
font-weight: 800;
line-height: 1.25;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Tag swinging animation */
@keyframes tag-swing {
0% { transform: rotate(-4deg); }
50% { transform: rotate(4deg); }
100% { transform: rotate(-4deg); }
}
/* Brightly lit bulb glow animation */
@keyframes bulb-glow {
0% { filter: drop-shadow(0 0 3px rgba(255, 180, 0, 0.5)); transform: scale(0.95); opacity: 0.9; }
100% { filter: drop-shadow(0 0 12px rgba(255, 180, 0, 1)); transform: scale(1.05); opacity: 1; }
}
@media (max-width: 768px) {
.light-dome__hanging-label {
right: 10px;
width: 90px;
padding: 10px 5px 8px;
}
.light-dome__label-bulb {
width: 22px;
height: 22px;
}
.light-dome__hanging-label span {
font-size: 8px;
}
}
/* ========== SUSPENSION OPTIONS SECTION ========== */
.light-dome__suspension {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 4vw, 40px);
align-items: center;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: clamp(10px, 4vw, 40px);
margin: 0px auto 20px;
max-width: 900px;
box-shadow: 0 8px 25px rgba(166, 124, 82, 0.08);
}
.light-dome__suspension-content h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 12px;
font-weight: 600;
}
.light-dome__suspension-content p {
color: var(–muted);
font-size: clamp(14px, 1.5vw, 15px);
line-height: 1.6;
margin-bottom: 25px;
}
.light-dome__suspension-note {
background: #fff8f0;
border-left: 4px solid var(–accent);
padding: 18px;
border-radius: 4px 8px 8px 4px;
display: flex;
gap: 12px;
align-items: flex-start;
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.light-dome__suspension-note svg {
color: var(–accent);
width: 24px;
height: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.light-dome__suspension-note span {
font-size: 13.5px;
line-height: 1.5;
color: var(–primary);
}
.light-dome__suspension-note strong {
color: var(–accent);
}
.light-dome__suspension-img-wrapper {
position: relative;
border-radius: 8px;
overflow: hidden;
background: #f4f4f4; /* Matches the background of your image */
border: 1px solid var(–accent-light);
}
.light-dome__suspension-img-wrapper img {
width: 100%;
height: auto;
display: block;
mix-blend-mode: multiply; /* Blends the image perfectly into the layout */
}
@media (max-width: 768px) {
.light-dome__suspension {
grid-template-columns: 1fr;
padding: 25px 20px;
}
}
/* ========== PACKAGE INCLUDES SECTION ========== */
.light-dome__pkg-includes {
margin: clamp(40px, 6vw, 80px) 0;
}
.light-dome__pkg-includes h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
.light-dome__pkg-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
gap: 15px;
background: var(–bg-light);
padding: clamp(15px, 3vw, 24px);
border-radius: 12px;
border: 1px solid var(–accent-light);
}
.light-dome__pkg-card {
text-align: center;
padding: 25px 15px;
background: #fff;
border-radius: 8px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
position: relative;
}
.light-dome__pkg-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.light-dome__pkg-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(–bg-light);
border-radius: 50%;
color: var(–accent);
margin-bottom: 12px;
}
.light-dome__pkg-icon svg {
width: 22px;
height: 22px;
}
.light-dome__pkg-label {
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 600;
color: var(–primary);
}
/* Free Gift Highlight Card */
.light-dome__pkg-highlight {
border: 2px solid var(–accent);
box-shadow: 0 4px 15px rgba(166, 124, 82, 0.15);
overflow: hidden;
/* Extra slightly larger padding on top to fit the absolute badge */
padding-top: 35px;
}
.light-dome__pkg-highlight::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: var(–accent);
}
.light-dome__pkg-highlight .light-dome__pkg-label {
color: var(–accent);
font-weight: 700;
}
.light-dome__pkg-highlight .light-dome__pkg-icon {
background: rgba(166, 124, 82, 0.1);
}
.light-dome__pkg-badge {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
background: var(–accent);
color: #fff;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
}
/* Responsive Adjustments */
@media (max-width: 900px) {
.light-dome__pkg-grid {
grid-template-columns: repeat(2, 1fr); /* 2×2 grid on tablets */
}
}
@media (max-width: 500px) {
.light-dome__pkg-grid {
grid-template-columns: 1fr; /* Stack on phones */
}
}
22″ Oxidized Copper Dome Pendant Light
Kitchen island lighting handcrafted from hammered copper, with a deep dome profile that conceals the bulb for a soft, comfortable glow.

Reliable Shipping
5-Year Warranty
Flexible Returns
15-Day Guarantee
See It In The Workshop
Warmth, Character, Timeless Craftsmanship
Carefully made by skilled artisans in Marrakech, each shade features a richly textured hammered finish that reflects light beautifully and creates a welcoming atmosphere. Designed with a deep dome profile, this pendant directs light downward while concealing the bulb from direct view, producing a soft, comfortable glow.
FREE BULB OUR GIFT TO YOU
Why You’ll Love It
The warm glow reflecting from the copper interior creates an inviting ambiance that transforms everyday spaces into welcoming gathering places. Whether installed individually or grouped in multiples above a kitchen island, this pendant becomes a stunning focal point while providing practical task lighting.
-
Handcrafted from Solid Copper Using Traditional Metalworking Techniques
-
Beautiful Hammered Texture that Adds Depth and Character
-
Deep Dome Design Diffuses Light Comfortably While Reducing Glare
-
Compatible with E26/E27 LED, Incandescent, and Vintage Edison Bulbs
-
Adjustable Hanging Cord to Suit a Variety of Ceiling Heights




Cord Length Options
This pendant features an adjustable hanging cord to suit a variety of ceiling heights. Choose from 4 ft, 6 ft, 8 ft, or 10 ft cord lengths.
How to request: Simply mention your preferred cord length in the “Order Notes” box at checkout, or reach out to us at contact@insideast.com and we will gladly handle the rest.

Package Includes
Specifications
| Material | Solid Copper |
| Finish | Oxidized / Hammered Copper |
| Diameter | 22″ |
| Shape | Deep Dome (Bulb Concealed From Direct View) |
| Installation | Hardwired |
| Bulb Base | E26/E27, Compatible with LED, Incandescent, and Vintage Edison Bulbs |
| Cord Length | Adjustable to Suit a Variety of Ceiling Heights |
| Included Hardware | Installation Hardware Included |
| Origin | Handcrafted in Marrakech – Morocco |
Crafted for Real Kitchens
“We love our pendant light. It makes the space feel both bright and warm. It is exactly what we were looking and hoping for.”
“Excellent communication and support, they even matched a cable to the colour I needed in my kitchen. Recommend.”
“Lovely pendant of great quality. It’s going to look fantastic suspended low in an alcove.”
Questions & Support
Installation & Setup
This fixture is hardwired for ceiling installation, and installation hardware is included. We recommend installation by a licensed electrician to ensure safety and compliance with local codes.
Can I adjust the cord length after installation?
Yes, the adjustable hanging cord suits a variety of ceiling heights. Extra length can be neatly gathered or trimmed to your desired drop.
Will every pendant look exactly the same?
Each pendant is individually handcrafted in our Marrakech workshop. Slight variations in texture and finish are expected and celebrated as part of its authentic artisan character.
Care & Maintenance
Dust regularly with a soft, dry microfiber cloth. Avoid water and chemicals to preserve the hammered copper finish.
What bulbs are compatible?
This pendant is compatible with E26/E27 LED, incandescent, and vintage Edison bulbs. We include 2 free bulbs as our gift to you, so you can start using your pendant right away.
5-Year Limited Warranty
-
5-Year Limited Warranty on fixture construction and materials.
-
Covered for repair or replacement in case of manufacturing defects.
🛡️ Our No-Risk Promise
We craft every fixture to last generations.
-
15-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
-
5-Year Warranty: Covers material and craftsmanship defects.
-
Perfect Match Guarantee: Fixture + hardware always match.
Industry-leading protection for your peace of mind.

Reviews
There are no reviews yet.