Ayla LED Flush Mount Ceiling Light
/* ===== Ayla LED Flush Mount Ceiling Light — Warm Architectural Minimalist Palette ===== */ .vk-ayla-wrap { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1e1b18; max-width: 680px; margin: 0 auto; padding: 0; line-height: 1.6; box-sizing: border-box; -webkit-font-smoothing: antialiased; } .vk-ayla-wrap * { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; } /* Dividers & Headlines */ .vk-ayla-divider { height: 1px; background: #e6dfd5; margin: 1.85rem 0; } .vk-ayla-headline { font-family: 'DM Serif Display', Georgia, serif !important; font-size: 23px; color: #1e1b18; line-height: 1.35; margin-bottom: 0.8rem; letter-spacing: -0.01em; } .vk-ayla-headline em { font-family: 'DM Serif Display', Georgia, serif !important; font-style: italic; color: #8c7355; } .vk-ayla-intro { font-size: 15px; color: #4a443d; line-height: 1.8; margin-bottom: 1.1rem; font-weight: 300; } .vk-ayla-section-label { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #8c7355; margin-bottom: 0.8rem; display: block; } /* Dual Video Showcase */ .vk-ayla-video-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 1.5rem; } .vk-ayla-video-card { position: relative; border-radius: 8px; overflow: hidden; background: #f7f4ee; border: 1px solid #e6dfd5; } .vk-ayla-video-card .ratio-box { position: relative; width: 100%; aspect-ratio: 16 / 9; } .vk-ayla-video-card iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Key Highlights Grid */ .vk-ayla-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1.25rem; } .vk-ayla-feat { background: #faf7f2; border-radius: 8px; padding: 1rem 0.9rem; border: 1px solid #ebe2d6; display: flex; flex-direction: column; } .vk-ayla-feat-icon { width: 30px; height: 30px; border-radius: 6px; background: #eee5d8; display: flex; align-items: center; justify-content: center; margin-bottom: 0.65rem; color: #725b3e; } .vk-ayla-feat h4 { font-size: 13px; font-weight: 600; color: #1e1b18; margin-bottom: 0.3rem; } .vk-ayla-feat p { font-size: 12px; color: #5c5348; line-height: 1.6; font-weight: 300; } /* Dimmer Switch Guidance Card with Amazon Button */ .vk-dimmer-notice-card { background: #faf7f2; border: 1px solid #ebe2d6; border-radius: 8px; padding: 1rem 1.15rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .vk-dimmer-text { flex: 1; } .vk-dimmer-text h5 { font-size: 13px; font-weight: 600; color: #a65e19; margin-bottom: 0.3rem; } .vk-dimmer-text p { font-size: 12.5px; color: #4a4237; line-height: 1.6; font-weight: 300; } .vk-dimmer-amazon-btn { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none !important; background: #fff; border: 1px solid #e2d7c7; border-radius: 8px; padding: 6px 10px; width: 90px; flex-shrink: 0; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04); } .vk-dimmer-amazon-btn:hover { transform: translateY(-2px); border-color: #ba9b6e; box-shadow: 0 4px 10px rgba(114, 91, 62, 0.15); } .vk-dimmer-amazon-btn img { width: 58px; height: 58px; object-fit: contain; display: block; } .vk-dimmer-amazon-btn span { font-size: 10px; font-weight: 600; color: #6a5338; letter-spacing: 0.04em; text-transform: uppercase; } /* Product Lighting Effect Card */ .vk-lighting-card { background: #faf7f2; border: 1px solid #ebe2d6; border-radius: 8px; padding: 1.1rem 1.25rem; margin-bottom: 1.25rem; } .vk-lighting-card h5 { font-size: 13px; font-weight: 600; color: #6a5338; margin-bottom: 0.8rem; letter-spacing: 0.02em; } .vk-ayla-showcase-center { display: flex; justify-content: center; } .vk-ayla-showcase-card { position: relative; display: block; width: 100%; max-width: 220px; border-radius: 8px; overflow: hidden; background: #fff; border: 1px solid #ebe2d6; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); cursor: zoom-in; text-decoration: none !important; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .vk-ayla-showcase-card:hover { transform: translateY(-2px); border-color: #ba9b6e; box-shadow: 0 4px 14px rgba(114, 91, 62, 0.15); } .vk-ayla-showcase-card img { width: 100%; height: auto; display: block; object-fit: cover; } .vk-showcase-zoom-hint { position: absolute; bottom: 6px; right: 6px; background: rgba(255, 255, 255, 0.94); border-radius: 4px; padding: 2px 6px; font-size: 10px; font-weight: 500; color: #725b3e; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); } /* Curated Finishes Swatches Grid */ .vk-swatches-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1.25rem; } .vk-swatch-card { background: #faf7f2; border: 1px solid #ebe2d6; border-radius: 8px; padding: 12px 10px; display: flex; align-items: center; gap: 10px; } .vk-swatch-circle { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #dcd3c5; flex-shrink: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.05); } .vk-swatch-circle.is-black { background: radial-gradient(circle at 35% 35%, #383838, #1c1c1c 65%, #050505); border-color: #1e1b18; } .vk-swatch-circle.is-white { background: radial-gradient(circle at 35% 35%, #ffffff, #f2f2f2 65%, #d6d6d6); border-color: #cbd5e1; } .vk-swatch-circle.is-gold { background: radial-gradient(circle at 35% 35%, #ecd28f, #cbb06a 60%, #8c733b); border-color: #b59b58; } .vk-swatch-title { font-size: 12.5px; font-weight: 600; color: #1e1b18; margin-bottom: 2px; line-height: 1.25; } .vk-swatch-sub { font-size: 11px; color: #725b3e; line-height: 1.35; font-weight: 300; } /* Product Size Matrix Box & Centered Diagram */ .vk-dim-outer-box { background: #faf7f2; border: 1px solid #ebe2d6; border-radius: 10px; padding: 1.2rem; margin-bottom: 1.25rem; } .vk-dim-table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: 13px; } .vk-dim-table th { background: #f1e9dd; padding: 9px 12px; text-align: left; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #725b3e; border-bottom: 1px solid #e4d8c7; } .vk-dim-table td { padding: 10px 12px; border-bottom: 1px solid #ede4d6; color: #3e3831; font-size: 12.5px; } .vk-dim-table tr:last-child td { border-bottom: none; } .vk-model-pill { display: inline-block; padding: 2px 8px; background: #e8ded0; color: #5a452d; border-radius: 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; white-space: nowrap; } .vk-watt-badge { display: inline-block; padding: 2px 8px; background: #fff; border: 1px solid #ded5c5; color: #725b3e; border-radius: 4px; font-size: 11.5px; font-weight: 600; white-space: nowrap; } .vk-dim-subbar { display: flex; align-items: center; justify-content: space-between; margin: 1.1rem 0 0.8rem; padding: 0 4px; } .vk-dim-subtitle { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #725b3e; } .vk-dim-hint { font-size: 11px; color: #8c7355; display: inline-flex; align-items: center; gap: 4px; } /* Centered Dimension Thumbnail */ .vk-dim-grid-center { display: flex; justify-content: center; align-items: center; width: 100%; padding: 6px 0; } .vk-dim-thumb-card { display: flex; flex-direction: column; width: 155px; max-width: 100%; text-decoration: none !important; background: #fff; border: 1px solid #e2d7c7; border-radius: 8px; overflow: hidden; cursor: zoom-in; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03); transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .vk-dim-thumb-card:hover { transform: translateY(-2px); border-color: #ba9b6e; box-shadow: 0 4px 12px rgba(114, 91, 62, 0.15); } .vk-dim-img-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; background: #fff; padding: 8px; } .vk-dim-img-wrap img { width: 100%; height: 100%; object-fit: contain; display: block; } .vk-dim-card-cap { font-size: 11px; font-weight: 500; text-align: center; color: #6a5338; background: #f8f4ec; padding: 6px 4px; border-top: 1px solid #ede5db; letter-spacing: 0.02em; } .vk-zoom-pill { position: absolute; bottom: 5px; right: 5px; background: rgba(255, 255, 255, 0.92); border-radius: 4px; padding: 2px 4px; opacity: 0; transition: opacity 0.2s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .vk-dim-thumb-card:hover .vk-zoom-pill { opacity: 1; } /* Pure CSS Lightbox Modal (:target pseudo-class, zero JavaScript) */ .vk-ayla-lightbox-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999999; display: none; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } .vk-ayla-lightbox-modal:target { display: flex !important; } .vk-ayla-lightbox-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(23, 21, 18, 0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); cursor: zoom-out; z-index: 1; display: block; } .vk-ayla-lightbox-dialog { position: relative; z-index: 2; max-width: 90vw; max-height: 88vh; background: #fff; border-radius: 12px; padding: 12px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; } .vk-ayla-lightbox-dialog img { max-width: 82vw; max-height: 80vh; object-fit: contain; border-radius: 6px; display: block; } .vk-ayla-lightbox-close { position: absolute; top: -14px; right: -14px; width: 32px; height: 32px; border-radius: 50%; background: #1e1b18; color: #ffffff !important; border: 2px solid #ffffff; font-size: 20px; line-height: 28px; text-align: center; text-decoration: none !important; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); transition: transform 0.15s ease, background-color 0.15s ease; z-index: 3; } .vk-ayla-lightbox-close:hover { transform: scale(1.1); background: #8c7355; } /* Specifications Table */ .vk-spec-table { width: 100%; border-collapse: collapse; } .vk-spec-table tr { border-bottom: 1px solid #ebe2d6; } .vk-spec-table tr:last-child { border-bottom: none; } .vk-spec-table td { padding: 10px 0; font-size: 14px; vertical-align: top; } .vk-spec-table td:first-child { color: #8c7355; width: 38%; padding-right: 1rem; font-weight: 500; } .vk-spec-table td:last-child { color: #2b2621; font-weight: 400; } .vk-spec-table td a { color: #8c7355; text-decoration: underline; } /* Downloads & Resources Grid */ .vk-downloads-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .vk-dl-btn { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 13px; font-weight: 500; color: #55442e; border: 1px solid #ded5c5; padding: 10px 14px; border-radius: 7px; text-decoration: none; background: #fff; min-height: 46px; transition: all 0.2s ease; } .vk-dl-btn:hover { background: #faf7f2; border-color: #ba9b6e; color: #2b2216; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .vk-dl-btn svg { color: #8c7355; flex-shrink: 0; } /* FAQ Accordion */ .vk-ayla-wrap details { border-bottom: 1px solid #ebe2d6; padding: 13px 0; } .vk-ayla-wrap details:first-of-type { border-top: 1px solid #ebe2d6; } .vk-ayla-wrap details summary { font-size: 14.5px; font-weight: 500; color: #1e1b18; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none; } .vk-ayla-wrap details summary::-webkit-details-marker { display: none; } .vk-ayla-wrap details summary svg { transition: transform 0.2s ease; color: #8c7355; flex-shrink: 0; } .vk-ayla-wrap details[open] summary svg { transform: rotate(180deg); } .vk-ayla-wrap details p { font-size: 13px; color: #4a443d; line-height: 1.7; margin-top: 9px; padding-right: 1.25rem; font-weight: 300; } /* Responsive Adjustments */ @media (max-width: 580px) { .vk-ayla-video-row { grid-template-columns: 1fr; } .vk-ayla-features { grid-template-columns: 1fr; } .vk-dimmer-notice-card { flex-direction: column; align-items: flex-start; } .vk-dimmer-amazon-btn { align-self: flex-start; } .vk-swatches-grid { grid-template-columns: 1fr; } .vk-downloads-grid { grid-template-columns: 1fr; } } Ayla LED Flush Mount Ceiling Light — Slim Minimalist Architectural Luminaire Slim, bright, and effortlessly modern — the Ayla LED Flush Mount Ceiling Light (Model: VKL-1029) balances architectural beauty and functional power. Crafted with a solid iron and metal frame encircling an opaque white acrylic diffuser, its ultra-slim 2.7-inch depth hugs the ceiling plane while distributing powerful, glare-free ambient light. Available in ∅15.7″ (~72W) and ∅19.7″ (~96W) profiles in Matte Black, Pure White, or Warm Gold. Key Highlights Ultra-Slim 2.7″ Profile A true architectural flush mount that clears low ceilings without crowding overhead airspace. High-Output 72W / 96W High-lumen integrated LED modules deliver bright, volumetric downlight with zero hotspots. Versatile Dimming Control Choose standard wall switch or Triac/remote-dimmable options to tailor luminous intensity. Dimming Compatibility Guidance If you select the dimmable version, we recommend pairing the fixture with a quality Triac (Thyristor) wall dimmer switch or remote control dimmer for smooth, flicker-free light regulation. Click the button to inspect recommended options on Amazon: Buy Dimmer Product Lighting Effect — Light On & Light Off Click to zoom × Curated Finishes Matte Black Deep architectural contrast Pure White Clean seamless ceiling blend Warm Gold Lustrous metallic warmth Dimensions & Power Ratings Scale Metric (Dia × H) Imperial (Dia × H) Power (Wattage) Recommended Room Medium Dia 40 × H 7 cm ∅ 15.7″ × H 2.7″ ~72W Bedrooms, home offices, hallways (8–14 m²) Large Dia 50 × H 7 cm ∅ 19.7″ × H 2.7″ ~96W Living rooms, dining zones, open suites (12–20 m²) Dimension Diagram Click thumbnail to zoom ∅ 40 / 50 cm · 72W / 96W 🔍 × Details & Specifications Model Number VKL-1029 Materials Structural Metal · Spun Iron Casing · Optical Acrylic Diffuser Body Finishes Matte Black · Pure White · Warm Gold Shade Finish Opaque White Acrylic Light Source Integrated High-Efficiency LED Module Wattage & Output • Medium (∅ 15.7″ / 40 cm): ~72W• Large (∅ 19.7″ / 50 cm): ~96W Color Temperature Warm White (3000K) · Neutral White (4000K) · Cool White (6000K) Voltage AC 110–240V (Universal global compatibility) Mounting Hardwired Ceiling Flush Mount Control & Dimming Standard wall switch · Triac wall dimmer or wireless remote control dimmer option Moisture Rating IP20 (Indoor dry and non-spray damp locations) Environment Indoor use only Certification Compatible with North America, EU, Australia, Saudi Arabia Downloads & Resources Spec Sheet Installation Guide 3D Files Frequently Asked Questions Will this fixture fit in rooms with low ceilings? Yes. Measuring just 2.7 inches (7 cm) in total height, the Ayla is a true architectural flush mount engineered specifically for low or standard 8-foot ceilings, basement renovations, walk-in closets, and corridors where hanging chandeliers or low pendants cannot fit. Which size and wattage should I choose for my room? Choose the Medium ∅15.7″ (40 cm / ~72W) for bedrooms, study rooms, and entry hallways covering roughly 8–14 m². For open-concept living rooms, formal dining areas, or larger family suites covering 12–20 m², select the Large ∅19.7″ (50 cm / ~96W) to ensure generous, wide-angle ambient coverage. Can this fixture be dimmed and what equipment is needed? Yes. When ordering the dimmable version at checkout, the luminaire pairs seamlessly with standard Triac (Thyristor) wall dimmer switches or an optional remote dimmer for wireless modulation. We provide a direct link above to recommended compatible switches on Amazon. What finish options and diffuser materials are used? The outer body is offered in Matte Black, Pure White, or Warm Gold. All three finishes are equipped with the identical high-transmittance frosted white acrylic diffuser panel that softens and disperses the internal LED diodes evenly across the ceiling. How is the fixture wired and installed? The Ayla mounts flush to a standard ceiling electrical junction box and connects directly to universal AC 110–240V mains power. An installation guide is provided with your order and accessible via direct download above; professional installation by a licensed electrician is recommended. .vk-lbck{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;border:0;pointer-events:none;clip:rect(0 0 0 0)}.vk-lbx{cursor:pointer}.vk-lbck:checked + .vk-ayla-lightbox-modal{display: flex !important;}
