{"product_id":"metal-flush-mount-ceiling-fixture-with-frosted-diffuser","title":"Metal Flush Mount Ceiling Fixture with Frosted Diffuser","description":"\u003cstyle\u003e\n#fecify-typography-scope { scroll-behavior: auto; overflow-x: visible; display: flow-root; width: 100%; max-width: none; margin: 0; font-weight: 400 !important; }\n#fecify-typography-scope *, #fecify-typography-scope *::before, #fecify-typography-scope *::after { box-sizing: border-box; }\n#fecify-typography-scope img { display: block !important; max-width: 100% !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }\n#fecify-typography-scope video { display: block; max-width: 100%; width: 100%; height: auto; margin: 0 !important; }\n\n\n    #fecify-typography-scope {\n      --bg: #f6f5f2;\n      --bg-soft: #e8e6e1;\n      --bg-band: #f1f0ec;\n      --ink: #161616;\n      --text: #2a2724;\n      --text-soft: #5c564f;\n      --muted: #8a8278;\n      --line: rgba(22, 22, 22, 0.1);\n      --accent: #8d7040;\n      --accent-deep: #161616;\n      --brass: #b08950;\n      --seafoam: #b08950;\n      --paper: #ffffff;\n      --shell: #1a1a1a;\n      --fs-eyebrow: 0.71875rem;\n      --fs-meta: 0.875rem;\n      --fs-body: 1rem;\n      --fs-lead: 1.0625rem;\n      --fs-h3: 1.3125rem;\n      --fs-h2: clamp(1.85rem, 2.8vw, 2.35rem);\n      --fs-display: clamp(2.2rem, 3.6vw, 2.9rem);\n      --font-title: \"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\n      --font-ui: \"Plus Jakarta Sans\", \"Helvetica Neue\", Arial, sans-serif;\n      --space: clamp(1.2rem, 2.6vw, 2rem);\n      --max: 1180px;\n      --ease: cubic-bezier(0.22, 1, 0.36, 1);\n      --radius: 14px;\n      margin: 0;\n      color: var(--text);\n      background: #f6f5f2;\n      font-family: var(--font-ui);\n      font-size: var(--fs-body);\n      font-weight: 400 !important;\n      line-height: 1.62;\n      -webkit-font-smoothing: antialiased;\n    }\n    #fecify-typography-scope *, #fecify-typography-scope *::before, #fecify-typography-scope *::after { box-sizing: border-box; }\n    #fecify-typography-scope img {\n      display: block !important; width: 100% !important; height: auto !important;\n      max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0; vertical-align: top;\n    }\n    #fecify-typography-scope a { color: inherit; text-decoration: none; }\n    #fecify-typography-scope p, #fecify-typography-scope span, #fecify-typography-scope li, #fecify-typography-scope div { font-weight: inherit; }\n    #fecify-typography-scope .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; }\n    #fecify-typography-scope .eyebrow {\n      display: inline-flex; align-items: center; gap: 0.55rem;\n      margin: 0 0 0.7rem; color: var(--accent-deep);\n      font-family: var(--font-ui); font-size: var(--fs-eyebrow); font-weight: 700 !important;\n      letter-spacing: 0.14em; text-transform: uppercase;\n    }\n    #fecify-typography-scope .eyebrow::before {\n      content: \"\"; width: 1.35rem; height: 2px; border-radius: 99px;\n      background: linear-gradient(90deg, #8a6a32, var(--brass) 55%, #e4c98a);\n    }\n    #fecify-typography-scope .display {\n      margin: 0; font-family: var(--font-title); font-size: var(--fs-display);\n      font-weight: 500 !important; line-height: 1.12; letter-spacing: 0; color: var(--ink);\n      text-wrap: balance;\n    }\n    #fecify-typography-scope .h2 {\n      margin: 0; font-family: var(--font-title); font-size: var(--fs-h2);\n      font-weight: 500 !important; line-height: 1.2; letter-spacing: 0; color: var(--ink);\n    }\n    #fecify-typography-scope .h3 {\n      margin: 0; font-family: var(--font-title); font-size: var(--fs-h3);\n      font-weight: 500 !important; line-height: 1.28; color: var(--ink);\n    }\n    #fecify-typography-scope h1, #fecify-typography-scope h2, #fecify-typography-scope h3 {\n      font-weight: 500 !important;\n    }\n    #fecify-typography-scope .lead {\n      margin: 0.6rem 0 0; max-width: 34rem; color: var(--text-soft);\n      font-size: var(--fs-lead); font-weight: 400 !important; line-height: 1.58;\n    }\n    #fecify-typography-scope .body {\n      margin: 0.35rem 0 0; color: var(--text-soft);\n      font-size: var(--fs-body); font-weight: 400 !important; line-height: 1.52;\n    }\n    #fecify-typography-scope .section { padding: var(--space) 0; }\n    #fecify-typography-scope .section-band {\n      background: #f1f0ec;\n      border-block: 1px solid rgba(22, 22, 22, 0.06);\n    }\n    #fecify-typography-scope .section-details {\n      background: #f7f7f5;\n      border-block: 1px solid rgba(22, 22, 22, 0.06);\n    }\n    #fecify-typography-scope .section-head { margin-bottom: clamp(0.75rem, 1.6vw, 1.15rem); max-width: 40rem; }\n    #fecify-typography-scope .reveal { opacity: 1; transform: none; }\n    #fecify-typography-scope.js-animate .reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }\n    #fecify-typography-scope.js-animate .reveal.is-in { opacity: 1; transform: none; }\n\n    #fecify-typography-scope .shot {\n      position: relative; overflow: hidden; border-radius: calc(var(--radius) - 2px);\n      background: var(--bg-soft); line-height: 0;\n      box-shadow: 0 10px 28px rgba(28, 23, 18, 0.06);\n    }\n    #fecify-typography-scope .shot video {\n      display: block;\n      width: 100% !important;\n      height: auto !important;\n      margin: 0 !important;\n      background: #1a1610;\n      object-fit: cover;\n      cursor: pointer;\n      pointer-events: auto;\n    }\n\n    #fecify-typography-scope .hero-grid {\n      display: grid; grid-template-columns: 1.2fr 0.8fr;\n      gap: clamp(1.15rem, 2.5vw, 1.9rem); align-items: center;\n    }\n    #fecify-typography-scope .media-frame {\n      position: relative; overflow: hidden; border-radius: var(--radius);\n      background: #1a1610;\n      box-shadow: 0 22px 48px rgba(28, 23, 18, 0.14);\n      line-height: 0;\n    }\n    #fecify-typography-scope .swap-stack { position: relative; display: grid; width: 100%; }\n    #fecify-typography-scope .swap-stack img {\n      grid-area: 1 \/ 1; width: 100% !important; height: auto !important;\n      margin: 0 !important; display: block !important;\n    }\n    #fecify-typography-scope .swap-day { z-index: 0; }\n    #fecify-typography-scope .swap-night {\n      z-index: 1; opacity: 0;\n      animation: cf-day-night 5.5s ease-in-out infinite;\n    }\n    @keyframes cf-day-night {\n      0%, 12% { opacity: 0; }\n      40%, 60% { opacity: 1; }\n      88%, 100% { opacity: 0; }\n    }\n    #fecify-typography-scope .media-badge {\n      position: absolute; left: 0.85rem; bottom: 0.85rem; z-index: 2;\n      padding: 0.42rem 0.75rem; border-radius: 999px;\n      background: rgba(22, 22, 22, 0.88); color: #f7f3ec;\n      font-size: var(--fs-meta); font-weight: 600 !important;\n      letter-spacing: 0.06em; text-transform: uppercase;\n      box-shadow: 0 0 0 1px rgba(176, 137, 80, 0.65);\n    }\n    #fecify-typography-scope .hero-copy .meta { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.95rem 0 0; }\n    #fecify-typography-scope .chip {\n      display: inline-block; padding: 0.38rem 0.72rem; border-radius: 999px;\n      background: var(--paper);\n      border: 1px solid rgba(22, 22, 22, 0.14);\n      color: var(--ink);\n      font-size: var(--fs-meta) !important; font-weight: 550 !important;\n    }\n    #fecify-typography-scope .swatch-groups { display: grid; gap: 0.75rem; margin-top: 1.05rem; }\n    #fecify-typography-scope .swatches { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin: 0; }\n    #fecify-typography-scope .swatches-label {\n      margin: 0 0.4rem 0 0; min-width: 3.4rem;\n      font-size: var(--fs-eyebrow); font-weight: 700 !important;\n      letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted);\n    }\n    #fecify-typography-scope .swatch {\n      width: 1.35rem; height: 1.35rem; border-radius: 50%;\n      border: 2px solid #fff;\n      box-shadow: 0 0 0 1px rgba(28,23,18,.16), 0 3px 8px rgba(28,23,18,.08);\n    }\n\n    #fecify-typography-scope .detail-grid {\n      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: clamp(0.85rem, 1.8vw, 1.2rem);\n    }\n    #fecify-typography-scope .detail-card {\n      margin: 0; padding: 0.75rem; border-radius: var(--radius);\n      background: var(--paper);\n      border: 1px solid rgba(22, 22, 22, 0.08);\n      box-shadow: 0 10px 26px rgba(22, 22, 22, 0.05);\n      min-width: 0;\n    }\n    #fecify-typography-scope .detail-card .meta { margin-top: 0.7rem; }\n    #fecify-typography-scope .detail-card .shot { box-shadow: none; }\n\n    #fecify-typography-scope .carousel { position: relative; }\n    #fecify-typography-scope .carousel-nav {\n      display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n      margin-top: 0.85rem; width: 100%;\n    }\n    #fecify-typography-scope .carousel-nav.is-disabled { display: none !important; }\n    @media (min-width: 721px) {\n      #fecify-typography-scope .carousel:has(.detail-grid) .carousel-nav { display: none !important; }\n    }\n    #fecify-typography-scope .carousel-btn {\n      display: inline-grid; place-items: center; width: 2.55rem; height: 2.55rem; padding: 0;\n      border: 0; border-radius: 999px; background: var(--paper);\n      color: var(--accent-deep); cursor: pointer; pointer-events: auto !important;\n      touch-action: manipulation; appearance: none; -webkit-appearance: none;\n      box-shadow: 0 6px 16px rgba(28, 23, 18, 0.08);\n      transition: background 0.25s var(--ease), color 0.25s var(--ease), opacity 0.25s;\n    }\n    #fecify-typography-scope .carousel-btn:hover { background: var(--shell); color: #f7f3ec; }\n    #fecify-typography-scope .carousel-btn.is-dim { opacity: 0.35; }\n    #fecify-typography-scope .carousel-btn svg { width: 14px; height: 14px; pointer-events: none; }\n    #fecify-typography-scope .carousel-track {\n      display: flex; gap: clamp(0.85rem, 1.8vw, 1.15rem);\n      overflow-x: scroll !important; overflow-y: hidden !important;\n      -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y !important;\n      overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none;\n      cursor: grab;\n    }\n    #fecify-typography-scope .carousel-track.is-dragging { cursor: grabbing; }\n    #fecify-typography-scope .carousel-track::-webkit-scrollbar { display: none; }\n    #fecify-typography-scope .carousel-track img, #fecify-typography-scope .carousel-track a, #fecify-typography-scope .carousel-track button {\n      -webkit-user-drag: none !important; user-select: none; -webkit-user-select: none;\n    }\n    #fecify-typography-scope .detail-grid.carousel-track {\n      display: grid; overflow: visible !important; cursor: default; touch-action: auto;\n    }\n    #fecify-typography-scope .space-grid.carousel-track \u003e * {\n      flex: 0 0 calc((100% - 2 * clamp(0.85rem, 1.8vw, 1.15rem)) \/ 3);\n      max-width: calc((100% - 2 * clamp(0.85rem, 1.8vw, 1.15rem)) \/ 3);\n      min-width: 0;\n    }\n    #fecify-typography-scope .space-card {\n      padding: 0.7rem; border-radius: calc(var(--radius) - 2px);\n      background: var(--paper);\n      border: 1px solid rgba(22, 22, 22, 0.08);\n      box-shadow: 0 8px 22px rgba(22, 22, 22, 0.05);\n      min-width: 0;\n    }\n    #fecify-typography-scope .space-card .h3 { margin-top: 0.65rem; }\n    #fecify-typography-scope .space-card .shot { box-shadow: none; }\n\n    #fecify-typography-scope .feature-grid {\n      display: grid; grid-template-columns: 1fr 1fr;\n      gap: clamp(1.15rem, 2.5vw, 1.9rem); align-items: stretch;\n    }\n    #fecify-typography-scope .feature-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: clamp(1.25rem, 2.6vw, 1.9rem);\n      border-radius: var(--radius);\n      border: 1px solid rgba(176, 137, 80, 0.35);\n      border-top: 3px solid #c4a36a;\n      color: #e7e1d8;\n      background-color: #1a1a1a;\n      background-image:\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.94 0 0 0 0 0.86 0 0 0 0.16 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"),\n        repeating-linear-gradient(\n          90deg,\n          rgba(228, 201, 138, 0.07) 0 1px,\n          transparent 1px 4px\n        ),\n        linear-gradient(165deg, #2a2a2a 0%, #1a1a1a 46%, #121212 100%);\n      background-size: 180px 180px, auto, auto;\n      background-blend-mode: soft-light, overlay, normal;\n      box-shadow:\n        inset 0 1px 0 rgba(228, 201, 138, 0.35),\n        inset 0 -18px 28px rgba(0, 0, 0, 0.28);\n      min-height: 0;\n    }\n    #fecify-typography-scope .feature-copy .eyebrow { color: #d4b06a; }\n    #fecify-typography-scope .feature-copy .h2 { color: #f7f3ec; }\n    #fecify-typography-scope .feature-copy .lead,\n    #fecify-typography-scope .feature-copy .feature-point { color: #d2cbc2; }\n    #fecify-typography-scope .feature-copy .eyebrow::before {\n      background: linear-gradient(90deg, #8a6a32, #e4c98a);\n    }\n    #fecify-typography-scope .feature-grid \u003e .shot {\n      height: 100%;\n      min-height: 0;\n    }\n    #fecify-typography-scope .feature-grid \u003e .shot img,\n    #fecify-typography-scope .feature-grid \u003e .shot video {\n      height: 100% !important;\n      object-fit: cover;\n    }\n    #fecify-typography-scope .feature-copy { position: relative; overflow: hidden; }\n    #fecify-typography-scope .feature-copy__ornament {\n      position: absolute;\n      right: -0.4rem; bottom: -0.6rem;\n      width: min(42%, 9.5rem);\n      color: #c4a36a;\n      pointer-events: none;\n      z-index: 0;\n      opacity: 0.55;\n    }\n    #fecify-typography-scope .feature-copy__ornament svg { display: block; width: 100%; height: auto; }\n    #fecify-typography-scope .feature-copy \u003e :not(.feature-copy__ornament) { position: relative; z-index: 1; }\n    #fecify-typography-scope .feature-points { margin: 1rem 0 0; padding: 0; list-style: none !important; }\n    #fecify-typography-scope .feature-point {\n      display: flex; align-items: flex-start; gap: 0.7rem;\n      margin: 0; padding: 0.48rem 0;\n      border-bottom: 0; color: var(--text-soft);\n      font-size: var(--fs-body); font-weight: 400 !important; line-height: 1.5;\n      list-style: none !important;\n    }\n    #fecify-typography-scope .feature-point::before { content: none !important; display: none !important; }\n    #fecify-typography-scope .feature-ico {\n      flex: 0 0 auto;\n      width: 1.35rem; height: 1.35rem;\n      margin-top: 0.08rem;\n      color: #d4b06a;\n    }\n    #fecify-typography-scope .feature-ico svg {\n      display: block; width: 100%; height: 100%;\n    }\n\n    #fecify-typography-scope .specs-block {\n      padding: clamp(1.2rem, 2.6vw, 1.75rem);\n      border-radius: calc(var(--radius) + 2px);\n      background: var(--paper);\n      border: 1px solid rgba(22, 22, 22, 0.08);\n      border-top: 2px solid #c4a36a;\n      box-shadow: 0 14px 36px rgba(22, 22, 22, 0.05);\n    }\n    #fecify-typography-scope .specs-shot-track {\n      display: flex !important; gap: 0 !important;\n      overflow-x: scroll !important; overflow-y: hidden !important;\n      -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y !important;\n      scrollbar-width: none; border-radius: calc(var(--radius) - 4px); cursor: grab;\n      background: #fff;\n    }\n    #fecify-typography-scope .specs-shot-track::-webkit-scrollbar { display: none; }\n    #fecify-typography-scope .specs-shot-track \u003e img { flex: 0 0 100%; max-width: 100%; width: 100%; height: auto; }\n    #fecify-typography-scope .specs-layout \u003e .carousel { position: relative; min-width: 0; }\n    #fecify-typography-scope .specs-layout \u003e .carousel \u003e .carousel-nav {\n      position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; margin: 0;\n    }\n    @media (max-width: 980px) {\n      #fecify-typography-scope .specs-layout \u003e .carousel \u003e .carousel-nav {\n        position: static;\n        top: auto;\n        margin: 0.65rem 0 0;\n      }\n    }\n    #fecify-typography-scope .specs-layout {\n      display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      gap: clamp(1.15rem, 2.5vw, 1.9rem); align-items: center; margin-top: 1rem;\n      margin-bottom: 2.6rem;\n    }\n    #fecify-typography-scope .spec-list { border-top: 1px solid var(--line); margin: 0; padding: 0; min-width: 0; }\n    #fecify-typography-scope .spec-row {\n      display: grid; grid-template-columns: 7rem minmax(0, 1fr);\n      gap: 0.3rem 0.65rem; padding: 0.48rem 0;\n      border-bottom: 1px solid var(--line); align-items: center;\n    }\n    #fecify-typography-scope .spec-k {\n      margin: 0; color: var(--muted);\n      font-size: var(--fs-meta) !important; font-weight: 600 !important;\n      letter-spacing: 0.01em; line-height: 1.35;\n    }\n    #fecify-typography-scope .spec-v {\n      margin: 0; color: var(--text);\n      font-size: var(--fs-body) !important; font-weight: 400 !important;\n      line-height: 1.45; overflow-wrap: break-word;\n    }\n    #fecify-typography-scope .spec-chips { display: flex; flex-wrap: wrap; gap: 0.28rem; align-items: center; }\n    #fecify-typography-scope .spec-chips span {\n      display: inline-block; padding: 0.22rem 0.58rem; border-radius: 999px;\n      background: #fff;\n      border: 1px solid rgba(22, 22, 22, 0.12);\n      color: var(--ink);\n      font-size: var(--fs-meta) !important; font-weight: 500 !important;\n    }\n\n    @media (max-width: 980px) {\n      #fecify-typography-scope .hero-grid, #fecify-typography-scope .feature-grid, #fecify-typography-scope .specs-layout {\n        display: grid !important; grid-template-columns: 1fr !important;\n      }\n      #fecify-typography-scope .detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n      #fecify-typography-scope .space-grid.carousel-track \u003e * {\n        flex: 0 0 calc((100% - clamp(0.85rem, 1.8vw, 1.15rem)) \/ 2);\n        max-width: calc((100% - clamp(0.85rem, 1.8vw, 1.15rem)) \/ 2);\n      }\n    }\n    @media (max-width: 720px) {\n      #fecify-typography-scope {\n        --fs-eyebrow: 0.6875rem; --fs-meta: 0.875rem; --fs-body: 0.9375rem;\n        --fs-lead: 0.9375rem; --fs-h3: 1.28rem; --fs-h2: 1.7rem; --fs-display: 1.95rem;\n        width: 100vw !important; max-width: 100vw !important;\n        margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;\n        padding-left: max(24px, env(safe-area-inset-left, 0px)) !important;\n        padding-right: max(24px, env(safe-area-inset-right, 0px)) !important;\n        box-sizing: border-box !important; overflow-x: visible;\n      }\n      #fecify-typography-scope .wrap { width: 100%; max-width: none; padding-inline: 0; box-sizing: border-box; }\n      #fecify-typography-scope .wrap.specs-block { padding: 1.25rem 1.15rem !important; }\n      #fecify-typography-scope .section { padding-top: 1.25rem; padding-bottom: 1.25rem; }\n      #fecify-typography-scope .section-band {\n        background: transparent !important;\n        border-block: 0;\n        box-shadow: none;\n        margin: 0;\n        padding: 0.25rem 0 0.4rem;\n      }\n      #fecify-typography-scope .section-details {\n        background: transparent !important;\n        border-block: 0;\n        box-shadow: none;\n        margin: 0;\n        padding: 0.25rem 0 0.4rem;\n      }\n      #fecify-typography-scope .section-band .section-head { margin-bottom: 0.9rem; }\n      #fecify-typography-scope .section-band .space-card {\n        padding: 0.65rem;\n        background: #ffffff;\n        border: 0;\n      }\n      #fecify-typography-scope .display, #fecify-typography-scope .h2 {\n        letter-spacing: 0;\n      }\n      #fecify-typography-scope .section-band .carousel-nav { margin-top: 0.9rem; }\n      #fecify-typography-scope .feature-copy {\n        padding: 1.15rem 1rem;\n      }\n      #fecify-typography-scope .feature-grid \u003e .shot img,\n      #fecify-typography-scope .feature-grid \u003e .shot video {\n        height: auto !important;\n        object-fit: initial;\n      }\n      #fecify-typography-scope .hero-grid, #fecify-typography-scope .feature-grid, #fecify-typography-scope .specs-layout {\n        display: grid !important; grid-template-columns: 1fr !important; gap: 1rem !important;\n      }\n      #fecify-typography-scope .detail-grid.carousel-track {\n        display: flex !important; overflow-x: scroll !important; cursor: grab; touch-action: pan-x pan-y !important;\n      }\n      #fecify-typography-scope .detail-grid.carousel-track \u003e * {\n        flex: 0 0 min(78%, 300px); max-width: min(78%, 300px);\n      }\n      #fecify-typography-scope .carousel:has(.detail-grid) .carousel-nav { display: flex !important; }\n      #fecify-typography-scope .space-grid.carousel-track {\n        gap: 0.85rem;\n      }\n      #fecify-typography-scope .space-grid.carousel-track \u003e * {\n        flex: 0 0 min(78%, 300px); max-width: min(78%, 300px);\n      }\n      #fecify-typography-scope .spec-row {\n        grid-template-columns: 1fr; gap: 0.15rem; padding: 0.55rem 0; align-items: start;\n      }\n      #fecify-typography-scope .specs-layout { margin-bottom: 2.4rem; }\n      .el-collapse-item__wrap:has(#ml-calico-pdp),\n      .el-collapse-item__wrap:has(#fecify-typography-scope),\n      .el-collapse-item__content:has(#ml-calico-pdp),\n      .el-collapse-item__content:has(#fecify-typography-scope),\n      .body_html:has(#ml-calico-pdp),\n      .body_html:has(#fecify-typography-scope) {\n        overflow: visible !important; height: auto !important; max-height: none !important;\n      }\n      .el-collapse-item:has(#ml-calico-pdp) \u003e .el-collapse-item__header,\n      .el-collapse-item:has(#fecify-typography-scope) \u003e .el-collapse-item__header {\n        padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important;\n      }\n      .body_html:has(#ml-calico-pdp),\n      .body_html:has(#fecify-typography-scope) {\n        width: 100vw !important; max-width: 100vw !important;\n        margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;\n        padding-left: 0 !important; padding-right: 0 !important;\n        box-sizing: border-box !important; background: transparent !important;\n      }\n      #ml-calico-pdp, #fecify-typography-scope {\n        box-shadow: -100vw 0 0 0 #f6f5f2, 100vw 0 0 0 #f6f5f2;\n      }\n    }\n\n  \n\u003c\/style\u003e\u003cdiv id=\"fecify-typography-scope\"\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"wrap hero-grid reveal\"\u003e\n\u003cdiv class=\"media-frame\" aria-label=\"On and off light comparison\"\u003e\n\u003cdiv class=\"swap-stack\"\u003e\n\u003cimg class=\"swap-day\" src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/62646a2e9f9f55ae04a6c83e60ce578f.jpg\" alt=\"Flush mount ceiling light in a living room, light off\" width=\"1536\" height=\"1024\"\u003e \u003cimg class=\"swap-night\" src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/2e658d170b9bb142e62955f808782a3a.jpg\" alt=\"Flush mount ceiling light glowing in a living room\" width=\"1536\" height=\"1024\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media-badge\"\u003eOn \/ Off\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cp class=\"eyebrow\"\u003eFlush mount\u003c\/p\u003e\n\u003ch1 class=\"display\"\u003eSoft dome.\u003cbr\u003eClose to ceiling.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eA low-profile metal flush mount with a frosted diffuser—soft overhead light for living rooms, dining areas, bedrooms, and hallways.\u003c\/p\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cspan class=\"chip\"\u003eON \/ OFF preview\u003c\/span\u003e \u003cspan class=\"chip\"\u003eSoft glow when lit\u003c\/span\u003e \u003cspan class=\"chip\"\u003eQuiet dome when off\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swatch-groups\" aria-label=\"Finish and color options\"\u003e\n\u003cdiv class=\"swatches\" aria-label=\"Fixture finish\"\u003e\n\u003cp class=\"swatches-label\"\u003eFinish\u003c\/p\u003e\n\u003cspan class=\"swatch\" title=\"Aged Brass\" aria-label=\"Aged Brass\" style=\"background: #b08950;\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Chrome\" aria-label=\"Chrome\" style=\"background: linear-gradient(135deg,#f2f2f2,#9a9a9a);\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Matte Black\" aria-label=\"Matte Black\" style=\"background: #2a2a2a;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swatches\" aria-label=\"Shade color\"\u003e\n\u003cp class=\"swatches-label\"\u003eColor\u003c\/p\u003e\n\u003cspan class=\"swatch\" title=\"Aged Brass\" aria-label=\"Aged Brass\" style=\"background: #b08950;\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Glossy Black\" aria-label=\"Glossy Black\" style=\"background: #0d0d0d;\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Chrome\" aria-label=\"Chrome\" style=\"background: linear-gradient(135deg,#f2f2f2,#9a9a9a);\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Matte Black\" aria-label=\"Matte Black\" style=\"background: #2a2a2a;\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Matte White\" aria-label=\"Matte White\" style=\"background: #f1f1f1; border-color: rgba(28,23,18,.22);\"\u003e\u003c\/span\u003e \u003cspan class=\"swatch\" title=\"Seafoam\" aria-label=\"Seafoam\" style=\"background: #bcccd0;\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section section-details\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"carousel\"\u003e\n\u003cdiv class=\"section-head reveal\"\u003e\n\u003cp class=\"eyebrow\"\u003eDetails\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eDome, mount, diffuser\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eThree close looks at the fixture: the metal dome, the stepped canopy, and the frosted light panel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-grid carousel-track\"\u003e\n\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/6286a3a325d7d74cca994dd7349851a3.jpg\" alt=\"Close-up of textured metal dome with brass collar\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eDome\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003ePebbled metal dome\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eA round metal shell with a fine pebble texture and a contrasting metal collar.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/0c261add775fb484458612b0a6772c64.jpg\" alt=\"Close-up of tiered flush-mount canopy rings\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eMount\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003eStepped canopy\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eConcentric rings sit flush to the ceiling for a low, compact profile.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/45549845b4521c2d54815bb613f38a04.jpg\" alt=\"Close-up of frosted diffuser and metal rim\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eDiffuser\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003eFrosted panel\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eA flat frosted disc that softens the light and covers the bulbs.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-nav\" aria-label=\"Details carousel controls\"\u003e\n\u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--prev\" aria-label=\"Previous\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:-w,behavior:'smooth'});else t.scrollLeft-=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M9 2L4 7l5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--next\" aria-label=\"Next\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:w,behavior:'smooth'});else t.scrollLeft+=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section section-band\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"carousel\"\u003e\n\u003cdiv class=\"section-head reveal\"\u003e\n\u003cp class=\"eyebrow\"\u003eStyled scenes\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eClose to the ceiling, clear of the room\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eSoft overhead light for reading corners, tables, seating, and open-plan spaces—without a hanging fixture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-grid carousel-track\"\u003e\n\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/63b7f065b10e4fe2770b399a85f10567.jpg\" alt=\"Flush mount over a reading chair in a study\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eStudy\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eAbove the reading chair—soft overhead light that stays clear of shelves.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/aa49c97edcf03aa44ebccee66edd6a8e.jpg\" alt=\"Flush mount over a living room seating area\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eLiving\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eOver the seating area—quiet ambient light that keeps the room open.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/4b0a4485a5cb8811bb91470ac63d0d80.jpg\" alt=\"Flush mount above a bedroom\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eBedroom\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eAbove the bed—soft light without a hanging shade.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/23\/e502fb9f1ac709d5755f547ff9f36558.jpg\" alt=\"Flush mount over a dining table in an open room\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eDining table\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eOver the dining table—soft light with clear headroom.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-nav\" aria-label=\"Scenes carousel controls\"\u003e\n\u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--prev\" aria-label=\"Previous\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:-w,behavior:'smooth'});else t.scrollLeft-=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M9 2L4 7l5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--next\" aria-label=\"Next\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:w,behavior:'smooth'});else t.scrollLeft+=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section\"\u003e\u003cdiv class=\"wrap feature-grid reveal\"\u003e\u003cdiv class=\"feature-copy\"\u003e\n\u003cdiv class=\"feature-copy__ornament\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 160 140\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003c!-- flush-mount side silhouette: canopy + dome + diffuser --\u003e \u003cpath d=\"M28 38h104\" stroke=\"currentColor\" stroke-width=\"1.2\" opacity=\".35\"\u003e\u003c\/path\u003e \u003cpath d=\"M40 38c0-6 6-10 14-10h52c8 0 14 4 14 10\" stroke=\"currentColor\" stroke-width=\"1.35\" opacity=\".7\"\u003e\u003c\/path\u003e \u003cpath d=\"M36 38c4 28 22 52 44 52s40-24 44-52\" stroke=\"currentColor\" stroke-width=\"1.4\" opacity=\".85\"\u003e\u003c\/path\u003e \u003cpath d=\"M48 38c3 20 16 38 32 38s29-18 32-38\" stroke=\"currentColor\" stroke-width=\"1.1\" opacity=\".35\"\u003e\u003c\/path\u003e \u003cellipse cx=\"80\" cy=\"90\" rx=\"36\" ry=\"6\" stroke=\"currentColor\" stroke-width=\"1.15\" opacity=\".55\"\u003e\u003c\/ellipse\u003e \u003cellipse cx=\"80\" cy=\"90\" rx=\"22\" ry=\"3.5\" fill=\"currentColor\" opacity=\".12\"\u003e\u003c\/ellipse\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"eyebrow\"\u003eIn detail\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eDome, trim, soft glow.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eMetal dome, trim, and frosted diffuser—finishes and soft light up close.\u003c\/p\u003e\n\u003cdiv class=\"feature-points\"\u003e\n\u003cdiv class=\"feature-point\"\u003e\n\u003cspan class=\"feature-ico\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M4 9h16\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 9c1.5 6 5 9 6 9s4.5-3 6-9\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M9.5 9c.8 3.6 2.4 5.5 2.5 5.5S13.7 12.6 14.5 9\" stroke=\"currentColor\" stroke-width=\"1\" opacity=\".45\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003eMetal flush-mount dome\u003c\/div\u003e\n\u003cdiv class=\"feature-point\"\u003e\u003cspan class=\"feature-ico\" aria-hidden=\"true\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cellipse cx=\"12\" cy=\"12\" rx=\"8.5\" ry=\"4.2\" stroke=\"currentColor\" stroke-width=\"1.35\"\u003e\u003c\/ellipse\u003e\u003cellipse cx=\"12\" cy=\"12\" r\u003e\u003c\/ellipse\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Seendoor","offers":[{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Aged Brass","offer_id":50754774040633,"sku":"New2609-1024494","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Glossy Black","offer_id":50754774073401,"sku":"New2609-1024493","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Chrome","offer_id":50754774106169,"sku":"New2609-1024492","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Matte Black","offer_id":50754774138937,"sku":"New2609-1024491","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Matte White","offer_id":50754774171705,"sku":"New2609-1024490","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Aged Brass \/ Seafoam","offer_id":50754774204473,"sku":"New2609-1024489","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Aged Brass","offer_id":50754774237241,"sku":"New2609-1024488","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Glossy Black","offer_id":50754774270009,"sku":"New2609-1024487","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Chrome","offer_id":50754774302777,"sku":"New2609-1024486","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Matte Black","offer_id":50754774335545,"sku":"New2609-1024485","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Matte White","offer_id":50754774368313,"sku":"New2609-1024484","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Chrome \/ Seafoam","offer_id":50754774401081,"sku":"New2609-1024483","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Aged Brass","offer_id":50754774433849,"sku":"New2609-1024482","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Glossy Black","offer_id":50754774466617,"sku":"New2609-1024481","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Chrome","offer_id":50754774499385,"sku":"New2609-1024480","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Matte Black","offer_id":50754774532153,"sku":"New2609-1024479","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Matte White","offer_id":50754774564921,"sku":"New2609-1024478","price":177.0,"currency_code":"EUR","in_stock":true},{"title":"Dia 35.5 cm \/ ∅ 14″ \/ Matte Black \/ Seafoam","offer_id":50754774597689,"sku":"New2609-1024477","price":177.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0704\/2534\/6105\/files\/16e48fb8f750a40ad71bd38693b75dff.jpg?v=1791789684","url":"https:\/\/seendoor.com\/products\/metal-flush-mount-ceiling-fixture-with-frosted-diffuser","provider":"Seendoor","version":"1.0","type":"link"}