/* ========== EXISTING STYLES ========== */
.light-dome{
–primary:#1a1a1a;
–accent:#a67c52;
–accent-light:#d4b896;
–muted:#666;
–bg-light:#fafaf8;
–shadow:rgba(0,0,0,.1);
color:var(–primary);
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,”Helvetica Neue”,Arial,sans-serif;
line-height:1.6;
background:linear-gradient(to bottom,#fff 0%,var(–bg-light) 100%);
}
.light-dome__wrap{
max-width:900px;
margin:0 auto;
padding:clamp(24px,4vw,60px) clamp(16px,2vw,24px);
}
/* FORCE-CENTER HEADER */
.light-dome__header{
position:relative;
padding:clamp(40px,6vw,80px) 0;
display:flex;
flex-direction:column;
align-items:center;
width:100%;
margin:0 auto;
text-align:center !important;
}
.light-dome__header *{
text-align:center !important;
margin-left:auto;
margin-right:auto;
}
.light-dome__header::after{
content:””;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:80px;
height:3px;
background:linear-gradient(90deg,transparent,var(–accent),transparent);
}
.light-dome__eyebrow{
font-size:clamp(.75rem,1vw,.85rem);
letter-spacing:.15em;
text-transform:uppercase;
color:var(–accent);
margin:0 0 1rem;
font-weight:600;
}
.light-dome__title{
font-size:clamp(2rem,4vw,3.5rem);
line-height:1.1;
margin:0 0 1rem;
font-weight:700;
color:var(–accent);
}
.light-dome__sub{
color:var(–muted);
font-size:clamp(1.7rem,1.8vw,1.6rem);
max-width:700px;
margin:0 auto;
line-height:1.7;
text-align:center;
}
.light-dome__video {
display: grid;
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__video-container {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow)
}
.light-dome__video-container video {
width: 100%;
height: auto;
display: block
}
.light-dome__specs-section {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow)
}
.light-dome__specs-table tr {
border-bottom: 1px solid var(–accent-light)
}
.light-dome__specs-table tr:last-child {
border-bottom: none
}
.light-dome__specs-table td {
padding: 12px 20px;
font-size: 14px
}
.light-dome__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light)
}
.light-dome__specs-table td:last-child {
color: var(–muted)
}
.light-dome__dimensions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
background: var(–bg-light);
padding: 20px;
border-radius: 8px;
margin: 15px 0;
border: 1px solid var(–accent-light)
}
.light-dome__dimension-card {
text-align: center;
padding: 10px
}
.light-dome__dimension-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–accent);
margin-bottom: 5px;
font-weight: 600
}
.light-dome__dimension-value {
font-size: 13px;
font-weight: 400;
color: var(–primary)
}
.light-dome__dimension-unit {
font-size: 11px;
color: #999;
margin-top: 2px
}
.light-dome__download {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
border: 1px solid var(–accent-light)
}
.light-dome__download h4 {
color: var(–primary)
}
.light-dome__download p {
color: var(–muted);
margin-bottom: 15px
}
.light-dome__download a {
display: inline-block;
background: var(–accent);
color: #fff;
padding: 12px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .3s ease
}
.light-dome__download a:hover {
background: #8b6740
}
.light-dome__warranty-badge {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 20px);
margin: clamp(30px, 4vw, 50px) 0;
padding: clamp(16px, 3vw, 24px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(166, 124, 82, .1);
transition: all .3s ease
}
.light-dome__warranty-badge:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .15)
}
.light-dome__warranty-badge-icon {
flex-shrink: 0;
width: clamp(40px, 6vw, 50px);
height: clamp(40px, 6vw, 50px);
color: var(–accent);
display: flex;
align-items: center;
justify-content: center
}
.light-dome__warranty-badge-icon svg {
width: 100%;
height: 100%
}
.light-dome__warranty-badge-content {
flex: 1;
min-width: 0
}
.light-dome__warranty-badge-content strong {
display: block;
font-size: clamp(1rem, 2vw, 1.2rem);
font-weight: 700;
color: var(–primary);
margin-bottom: clamp(4px, 1vw, 8px);
line-height: 1.3
}
.light-dome__warranty-badge-content p {
margin: 0;
font-size: clamp(.85rem, 1.5vw, 1rem);
color: var(–muted);
line-height: 1.5
}
.light-dome__warranty-badge-content p strong {
display: inline;
font-size: inherit;
font-weight: 700;
color: var(–accent)
}
.light-dome__config {
margin: 60px 0;
}
.light-dome__config h3 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center
}
.light-dome__config-intro {
text-align: center !important;
max-width: 700px;
margin: 0 auto 35px !important;
display: block !important;
width: 100%;
box-sizing: border-box;
}
.light-dome__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.light-dome__config-slider-title {
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.light-dome__config-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
max-height: 500px;
padding: 0 40px
}
.light-dome__config-slider-container::-webkit-scrollbar {
height: 8px
}
.light-dome__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.light-dome__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.light-dome__config-slider {
display: flex;
gap: 20px;
padding: 5px
}
.light-dome__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}
.light-dome__config-slide-img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}
.light-dome__config-slide-caption {
text-align: center;
margin-top: 12px;
font-size: 14px;
color: var(–primary);
font-weight: 600;
background: var(–bg-light);
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(–accent-light)
}
.light-dome__config-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.light-dome__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.light-dome__config-arrow–left {
left: 4px
}
.light-dome__config-arrow–right {
right: 4px
}
.light-dome__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}
.light-dome__config-section h4 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center
}
.light-dome__config-options {
display: grid;
gap: 8px
}
.light-dome__config-section:first-child .light-dome__config-options {
grid-template-columns: 1fr 1fr
}
.light-dome__config-section:last-child .light-dome__config-options {
grid-template-columns: 1fr
}
.light-dome__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 15px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative
}
.light-dome__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow)
}
.light-dome__reviews h3 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__review-slider-wrap {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
padding: 0 10px
}
.light-dome__review-slider-wrap::-webkit-scrollbar {
height: 6px
}
.light-dome__review-slider-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.light-dome__review-slider-wrap::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
cursor: grab
}
.light-dome__review-slider-wrap::-webkit-scrollbar-thumb:active {
cursor: grabbing
}
.light-dome__review-slider {
display: flex;
gap: 25px;
padding: 0
}
.light-dome__review-slider-item {
flex: 0 0 calc(33.333% – 17px);
min-width: calc(33.333% – 17px)
}
.light-dome__review-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.light-dome__review-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.light-dome__review-arrow–left {
left: 8px
}
.light-dome__review-arrow–right {
right: 8px
}
.light-dome__review-card {
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
height: 100%
}
.light-dome__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .12)
}
.light-dome__review-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px
}
.light-dome__review-author {
font-weight: 700;
color: var(–primary)
}
.light-dome__review-verified {
font-size: 11px;
background: var(–accent);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-weight: 600
}
.light-dome__review-stars {
color: var(–accent);
font-size: 16px;
margin-bottom: 10px
}
.light-dome__review-text {
color: var(–muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
.light-dome__review-highlight {
font-size: 12px;
color: var(–accent);
font-style: italic;
border-left: 2px solid var(–accent-light);
padding-left: 10px
}
/* ========== FEATURES GRID – IMPROVED ========== */
.light-dome__features {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__features h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none
}
.light-dome__features-list li {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
transition: all .3s ease
}
.light-dome__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}
.light-dome__feature-icon {
width: 50px;
height: 50px;
background: #f0e8df;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(–accent);
border: 1px solid var(–accent-light);
align-self: flex-start
}
.light-dome__feature-icon svg {
width: 28px;
height: 28px
}
.light-dome__feature-content h5 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3
}
.light-dome__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0
}
.light-dome__package {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__package h3 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__package-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin: 0;
padding: 0;
list-style: none
}
.light-dome__package-list li {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
font-size: 13px;
background: var(–bg-light);
border-radius: 6px;
border: 1px solid var(–accent-light);
transition: all .2s ease
}
.light-dome__package-list li:hover {
background: #fff;
transform: translateY(-2px);
box-shadow: 0 2px 8px var(–shadow)
}
.light-dome__package-list li:before {
content: “✓”;
color: var(–accent);
font-weight: bold;
font-size: 14px;
flex-shrink: 0
}
.light-dome__faq {
margin-top: clamp(60px, 8vw, 100px)
}
.light-dome__faq h3 {
font-size: 28px;
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__faq details {
border: none;
border-radius: 6px;
padding: 15px;
background: var(–bg-light);
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
margin-bottom: 10px;
border: 1px solid var(–accent-light)
}
.light-dome__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px)
}
.light-dome__faq summary {
font-weight: 600;
color: var(–primary);
outline: none;
user-select: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px
}
.light-dome__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease
}
.light-dome__faq details[open] summary::before {
transform: rotate(90deg)
}
.light-dome__faq summary:hover {
color: var(–accent)
}
.light-dome__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent)
}
.light-dome__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0
}
.ie-warranty {
font-family: inherit;
margin: clamp(40px, 6vw, 60px) 0;
border: 1px solid var(–accent-light);
border-radius: 12px;
overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
box-shadow: 0 4px 15px var(–shadow)
}
.ie-warranty__top {
display: flex;
align-items: center;
gap: .75rem;
padding: 1.5rem 1.5rem 1rem;
background: var(–accent);
color: #fff
}
.ie-warranty__shield {
width: 24px;
height: 24px;
flex: 0 0 24px;
color: #fff
}
.ie-warranty__title {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .2px;
color: #fff
}
.ie-warranty__body {
padding: 1.5rem
}
.ie-warranty__body p {
margin: 0 0 .75rem 0;
line-height: 1.6;
color: var(–primary)
}
.ie-warranty__list {
margin: .5rem 0 0 0;
padding-left: 1.25rem;
color: var(–primary)
}
.ie-warranty__list li {
margin: .4rem 0;
line-height: 1.5
}
.ie-warranty__note {
margin-top: 1rem;
font-size: .9rem;
opacity: .8;
color: var(–muted)
}
.ie-warranty__badge {
display: flex;
align-items: center;
gap: .75rem;
margin: 1.5rem 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(–accent);
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(166, 124, 82, .1)
}
.ie-warranty__badge .tick {
font-size: 1.2rem;
line-height: 1;
color: var(–accent)
}
.ie-warranty__badge strong {
font-weight: 700;
color: var(–primary)
}
.ie-warranty__badge div {
color: var(–primary)
}
/* ========== CRO STYLES ========== */
/* CTA Section */
.light-dome__cta-section {
text-align: center;
margin: clamp(30px, 4vw, 40px) 0;
padding: clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 2px solid var(–accent);
box-shadow: 0 8px 30px rgba(166, 124, 82, .15)
}
.light-dome__price {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 15px
}
.light-dome__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px
}
.light-dome__cta-primary {
background: var(–accent);
color: #fff;
border: none;
padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);
font-size: clamp(15px, 2vw, 18px);
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all .3s ease;
box-shadow: 0 4px 15px rgba(166, 124, 82, .3);
text-transform: uppercase;
letter-spacing: .5px;
width: 100%;
max-width: 400px
}
.light-dome__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}
.light-dome__cta-primary:active {
transform: translateY(0)
}
.light-dome__trust-bar {
display: flex;
justify-content: center;
gap: clamp(15px, 3vw, 30px);
margin-top: 20px;
flex-wrap: wrap;
font-size: clamp(11px, 1.5vw, 14px);
color: var(–primary);
font-weight: 500
}
.light-dome__trust-bar div {
display: flex;
align-items: center;
gap: 5px
}
.light-dome__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold
}
/* Guarantee Bar */
.light-dome__guarantees-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 30px 0;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow)
}
.guarantee-item {
text-align: center;
padding: 15px;
background: var(–bg-light);
border-radius: 8px;
transition: all .3s ease
}
.guarantee-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px var(–shadow)
}
.guarantee-item svg {
width: 32px;
height: 32px;
margin: 0 auto 10px;
color: var(–accent)
}
.guarantee-item strong {
display: block;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
margin-top: 8px
}
/* Comparison Table */
.light-dome__comparison {
margin: 60px 0;
padding: 40px 0
}
.light-dome__comparison h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__comparison-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px var(–shadow)
}
.light-dome__comparison-table th {
padding: 15px;
background: var(–accent);
color: #fff;
font-weight: 700;
text-align: left;
font-size: 15px
}
.light-dome__comparison-table td {
padding: 15px;
border-bottom: 1px solid var(–accent-light);
font-size: 14px
}
.light-dome__comparison-table tr:last-child td {
border-bottom: none
}
.light-dome__comparison-table td:first-child {
font-weight: 600;
color: var(–primary);
background: var(–bg-light);
width: 30%
}
.light-dome__comparison-table td:nth-child(2) {
color: #2d5016;
font-weight: 500
}
.light-dome__comparison-table td:nth-child(3) {
color: #7a271a
}
.light-dome__comparison-table tr:hover {
background: rgba(166, 124, 82, .05)
}
/* Guarantee Box */
.light-dome__guarantee-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
padding: clamp(20px, 4vw, 30px);
margin: 40px 0;
box-shadow: 0 8px 25px rgba(166, 124, 82, .15)
}
.light-dome__guarantee-box h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center
}
.light-dome__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0
}
.light-dome__guarantee-box li {
padding: 12px 0 12px 35px;
position: relative;
font-size: clamp(13px, 1.5vw, 15px);
line-height: 1.6;
color: var(–primary);
border-bottom: 1px solid var(–accent-light)
}
.light-dome__guarantee-box li:last-child {
border-bottom: none
}
.light-dome__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px
}
.light-dome__guarantee-box li strong {
color: var(–accent)
}
.light-dome__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px)
}
/* Review Stats */
.light-dome__review-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 1px solid var(–accent-light)
}
.stat {
text-align: center;
padding: 15px
}
.stat-number {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 5px
}
.stat-label {
font-size: 13px;
color: var(–muted);
text-transform: uppercase;
letter-spacing: .5px
}
/* Review Highlights */
.light-dome__review-highlights {
display: flex;
gap: 15px;
margin-bottom: 25px;
flex-wrap: wrap;
justify-content: center
}
.highlight {
background: #fff;
padding: 10px 18px;
border-radius: 20px;
font-size: 13px;
color: var(–primary);
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow)
}
/* Scarcity Notice */
.light-dome__scarcity-notice {
background: #fff8f0;
border: 2px solid var(–accent);
border-radius: 8px;
padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);
margin: 25px 0;
text-align: center;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
line-height: 1.6
}
.light-dome__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent)
}
.light-dome__scarcity-notice a:hover {
color: #8b6740
}
/* Config Price Tags */
.config-price {
display: block;
font-size: 11px;
color: var(–accent);
font-weight: 700;
margin-top: 4px
}
/* Customer Photos Gallery */
.light-dome__ugc {
margin: 60px 0
}
.light-dome__ugc h3 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__ugc-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
margin-bottom: 30px
}
.light-dome__ugc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
.light-dome__ugc-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px var(–shadow);
aspect-ratio: 1
}
.light-dome__ugc-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease
}
.light-dome__ugc-item:hover img {
transform: scale(1.05)
}
.light-dome__ugc-credit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .7);
color: #fff;
padding: 8px;
font-size: 11px;
text-align: center
}
/* Trust Signals */
.light-dome__trust-signals {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin: 30px 0;
padding: 20px;
background: var(–bg-light);
border-radius: 8px
}
.light-dome__trust-signals img {
max-height: 40px;
opacity: .7;
transition: opacity .3s ease
}
.light-dome__trust-signals img:hover {
opacity: 1
}
.light-dome__trust-signals .ssl-badge,
.light-dome__trust-signals .certification {
font-size: 13px;
color: var(–muted);
font-weight: 600
}
/* Lifestyle sections */
.lifestyle-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: clamp(40px, 6vw, 60px) 0
}
.lifestyle-section__image {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .1)
}
.lifestyle-section__image img {
width: 100%;
height: auto;
display: block;
transition: transform .5s ease
}
.lifestyle-section__content h4 {
margin-bottom: 15px;
color: var(–primary);
font-size: clamp(18px, 2.5vw, 20px);
font-weight: 600;
line-height: 1.3
}
.lifestyle-section__content p {
color: var(–muted);
line-height: 1.7;
font-size: clamp(14px, 1.5vw, 15px);
margin: 0
}
/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {
/* Features Grid – Single Column on Mobile */
.light-dome__features-list {
grid-template-columns: 1fr;
gap: 15px
}
.light-dome__features-list li {
padding: 15px;
gap: 12px
}
.light-dome__feature-icon {
width: 45px;
height: 45px
}
.light-dome__feature-icon svg {
width: 24px;
height: 24px
}
/* Config Grid */
.light-dome__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px
}
.light-dome__config-section:first-child .light-dome__config-options {
grid-template-columns: 1fr
}
/* Config Slider */
.light-dome__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.light-dome__config-slider-wrap {
max-width: 100%
}
.light-dome__config-slide-img {
height: 300px
}
.light-dome__config-slider-title {
font-size: 18px;
margin-bottom: 20px
}
/* Review Slider */
.light-dome__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}
.light-dome__review-card {
padding: 20px
}
/* Dimensions Grid */
.light-dome__dimensions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 15px
}
.light-dome__dimension-card {
padding: 8px
}
.light-dome__dimension-value {
font-size: 18px
}
/* Package List */
.light-dome__package-list {
grid-template-columns: 1fr;
gap: 6px
}
.light-dome__package-list li {
font-size: 12px;
padding: 10px 12px
}
/* Specs Table */
.light-dome__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.light-dome__specs-table td:first-child {
width: 45%
}
/* Lifestyle Sections – Stack on Mobile */
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
/* Warranty Badge */
.light-dome__warranty-badge {
flex-direction: column;
text-align: center;
gap: 12px;
padding: 20px
}
.light-dome__warranty-badge-icon {
width: 50px;
height: 50px
}
/* Review Stats */
.light-dome__review-stats {
grid-template-columns: 1fr;
gap: 10px;
padding: 20px
}
.stat {
padding: 10px
}
/* Guarantees Bar */
.light-dome__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
/* Comparison Table */
.light-dome__comparison {
padding: 20px 0
}
.light-dome__comparison-table {
font-size: 11px;
display: block;
overflow-x: auto
}
.light-dome__comparison-table th,
.light-dome__comparison-table td {
padding: 8px 6px;
word-break: break-word
}
.light-dome__comparison-table th {
font-size: 11px
}
.light-dome__comparison-table td:first-child {
width: 25%;
min-width: 70px
}
.light-dome__comparison-table td:nth-child(2),
.light-dome__comparison-table td:nth-child(3) {
width: 37.5%
}
/* Headers */
.light-dome__header {
padding: clamp(30px, 5vw, 50px) 0
}
.light-dome__title {
line-height: 1.2
}
.light-dome__sub {
font-size: clamp(1rem, 2vw, 1.1rem)
}
/* CTA Section */
.light-dome__cta-section {
padding: 20px 15px
}
.light-dome__trust-bar {
gap: 10px;
font-size: 11px
}
/* FAQ */
.light-dome__faq summary {
font-size: 14px
}
.light-dome__faq p {
font-size: 13px
}
.light-dome__faq details {
padding: 12px
}
/* Warranty */
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__badge {
flex-direction: column;
align-items: flex-start;
gap: .35rem
}
.ie-warranty__body {
padding: 1.2rem
}
/* Download Section */
.light-dome__download {
padding: 20px 15px
}
.light-dome__download h4 {
font-size: 18px
}
.light-dome__download p {
font-size: 13px
}
.light-dome__download a {
padding: 12px 24px;
font-size: 13px
}
}
@media (max-width: 480px) {
/* Further mobile optimizations */
.light-dome__wrap {
padding: 20px 12px
}
.light-dome__header {
padding: 25px 0
}
.light-dome__config-slider-container {
padding: 0 35px
}
.light-dome__config-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.light-dome__review-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.light-dome__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}
.guarantee-item {
padding: 10px
}
.light-dome__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center
}
.light-dome__features-list {
gap: 12px
}
.light-dome__features-list li {
padding: 12px
}
}
/* ========== 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;
}
}
Brushed Brass Hallway Sconce, Wall Mount Lamp
Sconce Lighting Fixture for Corridors, Entryways, and Bedrooms
Crafted from solid brass with a soft, brushed finish, this wall sconce brings understated elegance to hallways, stairwells, and entryways. Its minimalist silhouette and subtle matte texture develop a natural patina over time, adding character without overpowering your space.
Designed as a space-saving solution, it mounts flush to the wall with a concealed bracket, freeing up floor or surface area. Easy to install and maintain — perfect for modern homes seeking both function and timeless design.
FREE BULB OUR GIFT TO YOU
Choose Your Size
Select the shade diameter that best fits your hallway or entryway. All fixtures are solid brass, hardwired, and include a concealed mounting bracket.
Shade Diameter
Crafted Detail Gallery
🛡️ Our No-Risk Promise to You
- 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 (excludes natural aging of brushed brass).
- Perfect Match Guarantee: All hardware and finishes are unified — guaranteed.
We craft every fixture to last generations — so you can buy with total confidence.
Distinctive Features
-
Solid Brass Construction
Built from high-grade solid brass — substantial weight, superior stability, and enduring value.
-
Brushed Brass Finish
Subtle matte texture that softens over time with a natural patina — adds warmth without glare.
-
Space-Saving Wall-Mount Design
Mounts flush to the wall with a concealed bracket — ideal for narrow hallways, stairwells, and entryways.
-
Customizable Options
Size and shape available upon request — we’ll tailor it to fit your unique space and vision.
Light That Complements, Never Competes
The brushed finish diffuses light softly, casting a warm, ambient glow that enhances architectural details without overwhelming them — perfect for guiding footsteps or highlighting artwork in tight spaces.
Designed for Narrow Spaces
Its compact profile and wall-mounted design make it ideal for corridors, stair landings, and entryways where floor space is precious. The curved arm directs light downward, illuminating pathways safely and elegantly.
Technical Specifications
| Material | Solid Brass |
| Finish | Brushed Brass |
| Installation | Hardwired, Concealed Hanging Bracket Included |
| Bulb Type | Fits E26/E27 Bases — US/EU/UK Compatible (2 Free Bulbs 🎁) |
| Bulb Lighting Color | 2700k |
| Voltage | 110 / 220 |
| Custom Options | Size and Shape Available on Request |
| Design Feature | Space-Saving Wall-Mounted |
| Return Policy | 15-Day Return |
| Warranty | 5-Year Limited Warranty |
Standard Dimensions
📏 Overall projection: 10.5″, Height: 6.2″, Canopy depth: 0.8″, Canopy height: 5″.
Need custom sizing or shape? Note your request at checkout — we’ll craft it to your exact needs.
Installation & Care PDF
Complete dimensions, mounting templates, care instructions, and bulb guide.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on fixture construction and materials.
- Covered for repair or replacement in case of manufacturing defects (installation/labor costs excluded).
- Visual damages must be reported within 15 days of delivery with photos and proof of purchase.
Need help? Email contact@insideast.com with your order number.
Finish note: The brushed brass finish is intentionally unfinished — patina development is natural and desired. Variations in aging are not defects, but marks of authenticity.
A Sconce That Fits Your Space, Not the Other Way Around
Solid brass, brushed finish, and a slim profile — designed to blend into your home while adding quiet elegance.
(function() {
function initSliders() {
// Configuration Slider
const configSlider = document.getElementById(‘configSlider’);
if (configSlider) {
const leftArrows = document.querySelectorAll(‘.light-dome__config-arrow–left’);
const rightArrows = document.querySelectorAll(‘.light-dome__config-arrow–right’);
leftArrows.forEach(arrow => {
// Only add the event listener if we haven’t already
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
configSlider.scrollBy({ left: -400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
rightArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
configSlider.scrollBy({ left: 400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
}
// Review Slider (if present on the page)
const reviewSlider = document.getElementById(‘reviewSlider’);
if (reviewSlider) {
const leftArrows = document.querySelectorAll(‘.light-dome__review-arrow–left’);
const rightArrows = document.querySelectorAll(‘.light-dome__review-arrow–right’);
leftArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
reviewSlider.scrollBy({ left: -400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
rightArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
reviewSlider.scrollBy({ left: 400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
}
}
// Run initialization
// 1. Immediately if DOM is ready
// 2. Wait until DOM loads if it hasn’t
if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, initSliders);
} else {
initSliders();
}
// 3. Keep an eye on the page for dynamically loaded content (e.g., Shopify Sections)
const observer = new MutationObserver((mutations) => {
initSliders();
});
observer.observe(document.body, { childList: true, subtree: true });
})();
// Original fallback functions
function scrollConfigLeft() { document.getElementById(‘configSlider’).scrollBy({ left: -400, behavior: ‘smooth’ }); }
function scrollConfigRight() { document.getElementById(‘configSlider’).scrollBy({ left: 400, behavior: ‘smooth’ }); }
function scrollReviewsLeft() { document.getElementById(‘reviewSlider’).scrollBy({ left: -400, behavior: ‘smooth’ }); }
function scrollReviewsRight() { document.getElementById(‘reviewSlider’).scrollBy({ left: 400, behavior: ‘smooth’ }); }
function scrollToVariations() { window.scrollTo(0, 0); }
English
Reviews
There are no reviews yet.