Clara Rotating Surface Downlight

Vakkerlight Verified independent store

→

The Clara Rotating Spotlight offers sophisticated design with 360° adjustability for dynamic lighting solutions. Its compact yet powerful structure is perfect for highlighting key areas in living rooms, hallways, or workspaces. A subtle, modern design that effortlessly complements any décor. If you have any questions about our products, please contact us and we will get back to you within 24 hours. Product Size This Fixture Features a 24° Beam Angle. Size: Dia 7cm x H 7.5cm / ∅ 2.8″ x H 3.0″ Details Material: Metal, Aluminum, Acrylic. Light source: Integrated LED. Kelvin range: Warm Light (3000K), Neutral Light (4000K), Cool Light (6000K). Voltage: AC 110-240V Mounting: Ceiling Environment: Indoor Moisture resistance: IP 20 Damp-rated not waterproof, for indoor use only. Body Finishes: Black, White. Shade Finish: Black, White. Wiring: Hardwired. Control: Compatible with common wall switch (not included). Certification: Compatible with North America, Saudi Arabia, Europe, Australia Certification Download Support /* 样式隔离：所有样式都使用唯一的类名前缀，并应用于容器内部元素，以防止影响页面其他部分 */ .shopify-doc-links-container { /* 容器自身的样式，控制宽度和间距 */ width: 100%; max-width: 600px; /* 限制最大宽度，让它在桌面端看起来更精致 */ margin: 20px auto; /* 居中显示 */ padding: 0 15px; /* 增加侧边内边距以适应移动端 */ box-sizing: border-box; font-family: 'Inter', sans-serif; /* 使用 Inter 字体 */ } /* 原先包裹图标的链接，现在改为非交互式的span来保持布局和样式 */ .shopify-doc-link-item { display: block; /* 确保占据空间，以配合flex布局 */ /* 移除了链接相关的样式 */ box-sizing: border-box; } /* 整个按钮的视觉和交互样式 */ .shopify-doc-link-button { display: flex; /* 使用 Flexbox 布局图标和文字 */ justify-content: space-between; /* 将图标和文字推向两端 */ align-items: center; /* 垂直居中对齐 */ margin-bottom: 12px; /* 按钮之间的垂直间距 */ padding: 14px 20px; /* 按钮内部填充，控制高度和宽度感 */ background-color: #f7f5f0; /* 柔和的米白色背景 */ border-radius: 10px; /* 圆角设计 */ border: 1px solid #eee; /* 轻微边框 */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* 柔和的阴影 */ transition: background-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } /* 由于现在只有文本链接可点击，将hover效果集中在文本链接上会更好，但这里保留了整体按钮的视觉反馈 */ .shopify-doc-link-button:hover { background-color: #edeae2; /* 悬停时的背景颜色变化 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .shopify-doc-link-icon { /* 图标容器样式 */ display: flex; align-items: center; color: #795548; /* 图标颜色，使用深棕色系显得精致 */ flex-shrink: 0; /* 防止图标被压缩 */ cursor: default; /* 图标不可点击，显示默认光标 */ } /* 包裹文字的链接样式，确保其是可点击的区域 */ .shopify-doc-link-text-wrapper { text-decoration: none; /* 移除链接默认下划线 */ color: inherit; /* 继承颜色 */ /* 确保链接占据足够的空间作为 flex item */ } .shopify-doc-link-text { /* 文字样式 */ font-size: 16px; /* 字体大小 */ font-weight: 500; /* 中等粗细 */ color: #333; /* 文字颜色 */ text-decoration: underline; /* 保持下划线风格以提示链接 */ text-decoration-color: rgba(51, 51, 51, 0.4); /* 让下划线颜色柔和一点 */ text-underline-offset: 4px; /* 下划线与文字的距离 */ transition: text-decoration-color 0.2s; text-align: right; /* 确保文本是从右往左对齐的 */ flex-grow: 1; /* 允许文本占据剩余空间 */ display: inline-block; /* 确保 span 内部的样式应用正确 */ } /* 悬停在链接上时，下划线加深 */ .shopify-doc-link-text-wrapper:hover .shopify-doc-link-text { text-decoration-color: #333; } /* 响应式调整：确保在小屏幕上也能良好显示 */ @media (max-width: 768px) { .shopify-doc-link-button { padding: 12px 15px; } .shopify-doc-link-text { font-size: 15px; } } /* Base style definitions */ :root { --bg-color: #f7f5f0; --hover-bg: #edeae2; --icon-color: #795548; --text-color: #333; --border-color: #eee; } .shopify-doc-links-container { width: 100%; max-width: 600px; margin: 20px auto; padding: 0 15px; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Link wrapper: Makes the entire button area clickable */ .shopify-doc-link-wrapper { text-decoration: none; display: block; margin-bottom: 12px; } .shopify-doc-link-button { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; background-color: var(--bg-color); border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; } .shopify-doc-link-wrapper:hover .shopify-doc-link-button { background-color: var(--hover-bg); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transform: translateY(-1px); } .shopify-doc-link-icon { display: flex; align-items: center; color: var(--icon-color); flex-shrink: 0; } .shopify-doc-link-text { font-size: 16px; font-weight: 500; color: var(--text-color); text-decoration: underline; text-decoration-color: rgba(51, 51, 51, 0.4); text-underline-offset: 4px; transition: text-decoration-color 0.2s; } .shopify-doc-link-wrapper:hover .shopify-doc-link-text { text-decoration-color: var(--text-color); } /* Responsive adjustments */ @media (max-width: 768px) { .shopify-doc-link-button { padding: 12px 15px; } .shopify-doc-link-text { font-size: 15px; } } Spec Sheet Installation Guide 3D Files Show more