{"title":"Skylight Shades","description":"","products":[{"product_id":"motorized-blackout-skylight-shades-100-blackout","title":"ANJIAR Motorized Skylight Cellular Shades - 100% Blackout","description":"\u003cdiv class=\"anjiar-skylight-detail\"\u003e\n\u003cstyle data-anjiar-skylight-option-cards\u003e\n  #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    display: grid !important;\n    gap: 12px !important;\n    align-items: stretch !important;\n    width: 100% !important;\n    margin: 10px 0 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    max-width: 520px;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    max-width: 360px;\n  }\n\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    max-width: 600px;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    justify-content: flex-start !important;\n    width: 100% !important;\n    height: auto !important;\n    min-height: 122px !important;\n    margin: 0 !important;\n    padding: 8px 8px 12px !important;\n    border: 1px solid rgba(20, 38, 28, 0.16) !important;\n    border-radius: 12px !important;\n    background: #fff !important;\n    box-shadow: 0 10px 26px rgba(17, 28, 22, 0.07) !important;\n    cursor: pointer !important;\n    overflow: hidden !important;\n    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label:hover,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label:hover,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:hover {\n    transform: translateY(-2px);\n    border-color: rgba(20, 38, 28, 0.42) !important;\n    box-shadow: 0 16px 34px rgba(17, 28, 22, 0.11) !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label:has(input:checked),\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label:has(input:checked),\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:has(input:checked) {\n    border-color: #111 !important;\n    box-shadow: 0 0 0 2px #111, 0 16px 34px rgba(17, 28, 22, 0.12) !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label input,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label input,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label input {\n    position: absolute !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label img,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label img,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 1 \/ 1 !important;\n    max-width: none !important;\n    max-height: none !important;\n    padding: 5px !important;\n    border-radius: 9px !important;\n    background: #f5f6f2 !important;\n    object-fit: contain !important;\n    box-sizing: border-box !important;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label.anjiar-broken-option-image {\n    justify-content: center !important;\n    min-height: 122px !important;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label[cpctitle^=\"None\"],\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:has(input[value^=\"None\"]) {\n    display: none !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label::after,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label::after,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label::after {\n    content: attr(cpctitle);\n    display: block;\n    min-height: 30px;\n    margin-top: 8px;\n    color: #111;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-align: center;\n  }\n\n  @media (max-width: 749px) {\n    #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n      gap: 10px !important;\n      max-width: none;\n    }\n\n    #calculator \u003e [data-element=\"Frame\"] .swatch-label,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-label {\n      min-height: 158px !important;\n      border-radius: 13px !important;\n    }\n\n    #calculator \u003e [data-element=\"Frame\"] .swatch-label::after,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label::after,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-label::after {\n      font-size: 13px;\n    }\n  }\n\n\n  .anjiar-skylight-detail .anjiar-skylight-detail__split {\n    align-items: stretch;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: clamp(14px, 1.4vw, 22px);\n    align-content: stretch;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card {\n    position: relative;\n    min-height: 166px;\n    padding: clamp(20px, 2vw, 30px);\n    overflow: hidden;\n    border: 1px solid rgba(31, 54, 42, 0.14);\n    border-radius: 18px;\n    background:\n      linear-gradient(135deg, rgba(255,255,255,0.97), rgba(246,248,244,0.94)),\n      radial-gradient(circle at 85% 18%, rgba(128,151,111,0.22), transparent 34%);\n    box-shadow: 0 16px 38px rgba(17, 28, 22, 0.07);\n    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    pointer-events: none;\n    border: 1px solid rgba(255,255,255,0.72);\n    border-radius: 14px;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card::after {\n    content: \"\";\n    position: absolute;\n    right: -38px;\n    bottom: -48px;\n    width: 132px;\n    height: 132px;\n    border-radius: 50%;\n    background: rgba(39, 75, 50, 0.08);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(53, 91, 62, 0.28);\n    box-shadow: 0 22px 48px rgba(17, 28, 22, 0.12);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card--wide {\n    grid-column: 1 \/ -1;\n    min-height: 138px;\n    background:\n      linear-gradient(135deg, rgba(251,252,248,0.98), rgba(235,242,232,0.94)),\n      radial-gradient(circle at 92% 24%, rgba(117,143,104,0.26), transparent 36%);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__topline {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__index {\n    display: inline-grid;\n    place-items: center;\n    min-width: 42px;\n    height: 32px;\n    padding: 0 12px;\n    border-radius: 999px;\n    background: #183823;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__tag {\n    color: rgba(24, 56, 35, 0.64);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card strong {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin: 0 0 8px;\n    color: #070908;\n    font-size: clamp(20px, 1.35vw, 26px);\n    line-height: 1.1;\n    letter-spacing: 0;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card p {\n    position: relative;\n    z-index: 1;\n    margin: 0 !important;\n    color: rgba(10, 12, 10, 0.76);\n    font-size: clamp(15px, 1.05vw, 18px);\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .anjiar-skylight-detail .anjiar-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .anjiar-skylight-detail .anjiar-benefit-card,\n    .anjiar-skylight-detail .anjiar-benefit-card--wide {\n      grid-column: auto;\n      min-height: 0;\n      border-radius: 14px;\n    }\n  }\n\u003c\/style\u003e\n  \u003cp\u003eControl hard-to-reach skylights and block strong overhead light with a made-to-size motorized blackout cellular shade.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eProduct Details:\u003c\/strong\u003e\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\n\u003cstrong\u003eLift Type:\u003c\/strong\u003e Motorized\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eLight Control:\u003c\/strong\u003e 100% blackout\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eControl Options:\u003c\/strong\u003e Remote control, smart bridge\/app support, Amazon Alexa and Google Home compatibility\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eApplication:\u003c\/strong\u003e Skylights, roof windows, sunrooms, sloped ceilings, and indoor windows\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eSizes:\u003c\/strong\u003e W 15-80\" x H 20-131\"\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eFabric:\u003c\/strong\u003e Energy-efficient cellular honeycomb fabric\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eMount Type:\u003c\/strong\u003e Inside mount\u003c\/li\u003e\n  \u003c\/ul\u003e\n  \u003cp\u003e\u003cstrong\u003eWhat is in the Box (Standard):\u003c\/strong\u003e\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003eMotorized skylight cellular shade\u003c\/li\u003e\n    \u003cli\u003e6-channel remote\u003c\/li\u003e\n    \u003cli\u003eInstallation hardware\u003c\/li\u003e\n    \u003cli\u003eManual\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__icons\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eRemote Control\u003c\/strong\u003e\u003cbr\u003eAdjust hard-to-reach skylights from the room.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eVoice Control\u003c\/strong\u003e\u003cbr\u003eUse compatible smart control with Alexa or Google Home.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eApp Control\u003c\/strong\u003e\u003cbr\u003eManage selected shades from your phone.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eSunrise \u0026amp; Sunset\u003c\/strong\u003e\u003cbr\u003eCreate simple daily routines for comfort.\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-control-methods-93021_5f02504d-b299-4f35-b9c1-2bafedaeb39a.webp?v=1783424032\" alt=\"ANJIAR motorized skylight shade smart control options\"\u003e\u003c\/p\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__split\"\u003e\n    \u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-for-skylight-shades_6b390e1f-afc3-4c16-8dad-cadffdc0dd55.webp?v=1783424032\" alt=\"ANJIAR 100% blackout skylight cellular shade fabric\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"anjiar-skylight-detail__features anjiar-benefit-grid\"\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e01\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eTrue blackout\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eTotal Light Blockage\u003c\/strong\u003e\n        \u003cp\u003eBlocks strong overhead light for bedrooms, media rooms, and bright skylights.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e02\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eCellular fabric\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eEnergy Efficiency\u003c\/strong\u003e\n        \u003cp\u003eHoneycomb pockets help cushion heat transfer around skylight openings.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e03\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eQuieter room\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eNoise Reduction\u003c\/strong\u003e\n        \u003cp\u003eLayered cells help soften outside sound for calmer work and rest spaces.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e04\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eSun shield\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eUV Protection\u003c\/strong\u003e\n        \u003cp\u003eHelps protect furniture, flooring, and fabrics from direct sunlight.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card anjiar-benefit-card--wide\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e05\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eCordless motor\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eChild and Pet Safe\u003c\/strong\u003e\n        \u003cp\u003eMotorized operation removes dangling cords and keeps hard-to-reach skylights easy to control.\u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch2\u003eAdaptable Skylight Shades for Every Angle\u003c\/h2\u003e\n  \u003cp style=\"text-align:center\"\u003eDesigned for vertical, sloped, and horizontal skylights, with flexible opening direction and motor options.\u003c\/p\u003e\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-frame-93021_68fff136-fedf-4f0e-a687-dcada63460de.webp?v=1783424032\" alt=\"ANJIAR skylight shade installation orientations\"\u003e\u003c\/p\u003e\n\n  \u003ch2\u003ePower Options\u003c\/h2\u003e\n  \u003cp\u003eChoose plug-in power, built-in rechargeable battery, or battery motor with solar panel charging support.\u003c\/p\u003e\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/How-To-Charge-Motorized-skylight-Shades-93021_a37b131a-4db9-4f05-bc8c-5289d0c81381.webp?v=1783424032\" alt=\"ANJIAR motorized skylight shade charging options\"\u003e\u003c\/p\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__cards\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003ePlug-in Motor\u003c\/strong\u003e\u003cbr\u003eAC powered option for fixed power installation.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eBuilt-in Battery Motor\u003c\/strong\u003e\u003cbr\u003eRechargeable USB-C battery motor for a cleaner look.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eSolar Panel Powered Motor\u003c\/strong\u003e\u003cbr\u003eBattery motor plus solar panel support for easier charging.\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch2\u003eMeasure Before Ordering\u003c\/h2\u003e\n  \u003cp\u003eFor inside mount skylight shades, measure the inside width and height of the opening carefully. The order width and height are reduced slightly during production to help the shade operate smoothly.\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003eMinimum recess depth: 1 1\/2\" recommended.\u003c\/li\u003e\n    \u003cli\u003eEnter width, width fraction, height, and height fraction before adding to cart.\u003c\/li\u003e\n    \u003cli\u003eContact ANJIAR support before ordering if the skylight is unusually shaped or out of square.\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003ch2\u003eFAQ\u003c\/h2\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Which control option should I choose?\u003c\/strong\u003e\u003cbr\u003eA: Every order requires a control option. Choose the included remote control or select Smart Home Ready for compatible app and voice control.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Do these shades support solar charging?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Select the solar panel powered motor option if you want battery motor plus solar charging support.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Are they made to size?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Choose width and height before adding to cart.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: What warranty is available?\u003c\/strong\u003e\u003cbr\u003eA: A 3-year motor warranty is included, with optional 4-year and 5-year extended warranty choices.\u003c\/p\u003e\n\n  \u003ch2\u003eMore Common Questions\u003c\/h2\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: What are motorized skylight shades?\u003c\/strong\u003e\u003cbr\u003eA: They are made-to-size cellular shades guided inside a framed skylight system and operated by an electric motor, so high or hard-to-reach openings are easier to control.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Will the shade help reduce skylight heat?\u003c\/strong\u003e\u003cbr\u003eA: The blackout honeycomb fabric blocks direct overhead light and its cellular pockets help reduce heat transfer. Performance depends on the skylight, room, climate, and installation.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Can I schedule the shade to open and close automatically?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Select the Smart Home Ready control option to create app routines and compatible voice-assistant automations.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Is a plug-in power option available?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Choose the AC-powered plug-in motor, a rechargeable built-in battery motor, or the solar-panel-powered battery option.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Are motorized skylight shades noisy?\u003c\/strong\u003e\u003cbr\u003eA: The motor is designed for smooth everyday operation. Sound level can vary slightly with the shade size, mounting surface, and room acoustics.\u003c\/p\u003e\n\n  \u003ch2\u003eANJIAR Product Support\u003c\/h2\u003e\n  \u003cdiv class=\"anjiar-skylight-detail__cards\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eMade to Measure\u003c\/strong\u003e\u003cbr\u003eCustom width and length choices for compatible skylight openings.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003e3-Year Motor Warranty\u003c\/strong\u003e\u003cbr\u003eStandard motor warranty with optional 4-year and 5-year coverage.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eMeasurement Help\u003c\/strong\u003e\u003cbr\u003eContact ANJIAR before ordering if the opening is unusual or out of square.\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- anjiar-cache-bust:2026-07-12T12:08:33.553Z --\u003e","brand":"ANJIAR","offers":[{"title":"White","offer_id":49025234174187,"sku":"SKY-93021A","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Sage Green","offer_id":49025234206955,"sku":"SKY-93021B","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Light Khaki","offer_id":49025234239723,"sku":"SKY-93021C","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":49025234272491,"sku":"SKY-93021D","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Light Grey","offer_id":49025234305259,"sku":"SKY-93021E","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Deep Grey","offer_id":49025234338027,"sku":"SKY-93021F","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":49025234370795,"sku":"SKY-93021G","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Coffee","offer_id":49025234403563,"sku":"SKY-93021H","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Light Coffee","offer_id":49025234436331,"sku":"SKY-93021M","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":49025234469099,"sku":"SKY-93021N","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Blue Sky","offer_id":49025234501867,"sku":"SKY-93021I","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Starry Sky","offer_id":49025234534635,"sku":"SKY-93021J","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Light Slate Grey","offer_id":49025234567403,"sku":"SKY-93021Q","price":171.0,"currency_code":"USD","in_stock":true},{"title":"Slate Grey","offer_id":49025234600171,"sku":"SKY-93021R","price":171.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/white-motorized-skylight-shades-93021A_ba6a08c3-16d9-4e22-9876-b819b6cdad97.webp?v=1783424032"},{"product_id":"motorized-skylight-shades-light-filtering","title":"ANJIAR Motorized Skylight Cellular Shades - 65% Blackout","description":"\u003cdiv class=\"anjiar-skylight-detail\"\u003e\n\u003cstyle data-anjiar-light-filtering-polish\u003e\n  #calculator \u003e [data-element=\"Color\"],\n  #calculator \u003e [data-element=\"Color Chart\"],\n  #calculator .anjiar-calculator-color-field,\n  #calculator .anjiar-calculator-color-chart-field {\n    display: none !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    display: grid !important;\n    gap: 12px !important;\n    align-items: stretch !important;\n    width: 100% !important;\n    margin: 10px 0 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    max-width: 520px;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    max-width: 360px;\n  }\n\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    max-width: 600px;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    justify-content: flex-start !important;\n    width: 100% !important;\n    height: auto !important;\n    min-height: 122px !important;\n    margin: 0 !important;\n    padding: 8px 8px 12px !important;\n    border: 1px solid rgba(20, 38, 28, 0.16) !important;\n    border-radius: 12px !important;\n    background: #fff !important;\n    box-shadow: 0 10px 26px rgba(17, 28, 22, 0.07) !important;\n    cursor: pointer !important;\n    overflow: hidden !important;\n    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label:hover,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label:hover,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:hover {\n    transform: translateY(-2px);\n    border-color: rgba(20, 38, 28, 0.42) !important;\n    box-shadow: 0 16px 34px rgba(17, 28, 22, 0.11) !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label:has(input:checked),\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label:has(input:checked),\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:has(input:checked) {\n    border-color: #111 !important;\n    box-shadow: 0 0 0 2px #111, 0 16px 34px rgba(17, 28, 22, 0.12) !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label input,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label input,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label input {\n    position: absolute !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label img,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label img,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 1 \/ 1 !important;\n    max-width: none !important;\n    max-height: none !important;\n    padding: 5px !important;\n    border-radius: 9px !important;\n    background: #f5f6f2 !important;\n    object-fit: contain !important;\n    box-sizing: border-box !important;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label.anjiar-broken-option-image {\n    justify-content: center !important;\n    min-height: 122px !important;\n  }\n\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label[cpctitle^=\"None\"],\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label:has(input[value^=\"None\"]) {\n    display: none !important;\n  }\n\n  #calculator \u003e [data-element=\"Frame\"] .swatch-label::after,\n  #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label::after,\n  #calculator \u003e [data-element=\"Control Options\"] .swatch-label::after {\n    content: attr(cpctitle);\n    display: block;\n    min-height: 30px;\n    margin-top: 8px;\n    color: #111;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-align: center;\n  }\n\n  @media (max-width: 749px) {\n    #calculator \u003e [data-element=\"Frame\"] .swatch-picker,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-picker,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-picker {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n      gap: 10px !important;\n      max-width: none;\n    }\n\n    #calculator \u003e [data-element=\"Frame\"] .swatch-label,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-label {\n      min-height: 158px !important;\n      border-radius: 13px !important;\n    }\n\n    #calculator \u003e [data-element=\"Frame\"] .swatch-label::after,\n    #calculator \u003e [data-element=\"Opening Direction\"] .swatch-label::after,\n    #calculator \u003e [data-element=\"Control Options\"] .swatch-label::after {\n      font-size: 13px;\n    }\n  }\n\n  .anjiar-skylight-detail .anjiar-skylight-detail__split {\n    align-items: stretch;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: clamp(14px, 1.4vw, 22px);\n    align-content: stretch;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card {\n    position: relative;\n    min-height: 166px;\n    padding: clamp(20px, 2vw, 30px);\n    overflow: hidden;\n    border: 1px solid rgba(31, 54, 42, 0.14);\n    border-radius: 18px;\n    background:\n      linear-gradient(135deg, rgba(255,255,255,0.97), rgba(246,248,244,0.94)),\n      radial-gradient(circle at 85% 18%, rgba(128,151,111,0.22), transparent 34%);\n    box-shadow: 0 16px 38px rgba(17, 28, 22, 0.07);\n    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    pointer-events: none;\n    border: 1px solid rgba(255,255,255,0.72);\n    border-radius: 14px;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card::after {\n    content: \"\";\n    position: absolute;\n    right: -38px;\n    bottom: -48px;\n    width: 132px;\n    height: 132px;\n    border-radius: 50%;\n    background: rgba(39, 75, 50, 0.08);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(53, 91, 62, 0.28);\n    box-shadow: 0 22px 48px rgba(17, 28, 22, 0.12);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card--wide {\n    grid-column: 1 \/ -1;\n    min-height: 138px;\n    background:\n      linear-gradient(135deg, rgba(251,252,248,0.98), rgba(235,242,232,0.94)),\n      radial-gradient(circle at 92% 24%, rgba(117,143,104,0.26), transparent 36%);\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__topline {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__index {\n    display: inline-grid;\n    place-items: center;\n    min-width: 42px;\n    height: 32px;\n    padding: 0 12px;\n    border-radius: 999px;\n    background: #183823;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card__tag {\n    color: rgba(24, 56, 35, 0.64);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card strong {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin: 0 0 8px;\n    color: #070908;\n    font-size: clamp(20px, 1.35vw, 26px);\n    line-height: 1.1;\n    letter-spacing: 0;\n  }\n\n  .anjiar-skylight-detail .anjiar-benefit-card p {\n    position: relative;\n    z-index: 1;\n    margin: 0 !important;\n    color: rgba(10, 12, 10, 0.76);\n    font-size: clamp(15px, 1.05vw, 18px);\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .anjiar-skylight-detail .anjiar-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .anjiar-skylight-detail .anjiar-benefit-card,\n    .anjiar-skylight-detail .anjiar-benefit-card--wide {\n      grid-column: auto;\n      min-height: 0;\n      border-radius: 14px;\n    }\n  }\n\u003c\/style\u003e\n  \u003cp\u003eControl hard-to-reach skylights while softening glare and keeping the room bright with a made-to-size motorized cellular shade.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eProduct Details:\u003c\/strong\u003e\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\n\u003cstrong\u003eLift Type:\u003c\/strong\u003e Motorized\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eLight Control:\u003c\/strong\u003e 65% blackout \/ light filtering\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eControl Options:\u003c\/strong\u003e Remote control, smart bridge\/app support, Amazon Alexa and Google Home compatibility\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eApplication:\u003c\/strong\u003e Skylights, roof windows, sunrooms, sloped ceilings, and indoor windows\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eSizes:\u003c\/strong\u003e W 15-80\" x H 20-131\"\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eFabric:\u003c\/strong\u003e Energy-efficient cellular honeycomb fabric\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eMount Type:\u003c\/strong\u003e Inside mount\u003c\/li\u003e\n  \u003c\/ul\u003e\n  \u003cp\u003e\u003cstrong\u003eWhat is in the Box (Standard):\u003c\/strong\u003e\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003eMotorized skylight cellular shade\u003c\/li\u003e\n    \u003cli\u003e6-channel remote\u003c\/li\u003e\n    \u003cli\u003eInstallation hardware\u003c\/li\u003e\n    \u003cli\u003eManual\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__icons\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eRemote Control\u003c\/strong\u003e\u003cbr\u003eAdjust hard-to-reach skylights from the room.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eVoice Control\u003c\/strong\u003e\u003cbr\u003eUse compatible smart control with Alexa or Google Home.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eApp Control\u003c\/strong\u003e\u003cbr\u003eManage selected shades from your phone.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eSunrise \u0026amp; Sunset\u003c\/strong\u003e\u003cbr\u003eCreate simple daily routines for comfort.\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-control-methods-93020_fcfb4a7d-c253-4d38-b6e1-4abce3918c5c.webp?v=1783424035\" alt=\"ANJIAR motorized skylight shade smart control options\"\u003e\u003c\/p\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__split\"\u003e\n    \u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-for-skylight-shades_cddbfde6-5584-4ae7-9fcb-31c99ef3735b.webp?v=1783424035\" alt=\"ANJIAR 65% blackout \/ light filtering skylight cellular shade fabric\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"anjiar-skylight-detail__features anjiar-benefit-grid\"\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e01\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eBright comfort\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eSoft Daylight\u003c\/strong\u003e\n        \u003cp\u003eFilters harsh overhead glare while keeping the room naturally bright.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e02\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eCellular fabric\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eEnergy Efficiency\u003c\/strong\u003e\n        \u003cp\u003eHoneycomb pockets help cushion heat transfer around skylight openings.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e03\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eQuieter room\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eNoise Reduction\u003c\/strong\u003e\n        \u003cp\u003eLayered cells help soften outside sound for calmer work and rest spaces.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e04\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eSun shield\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eUV Protection\u003c\/strong\u003e\n        \u003cp\u003eHelps protect furniture, flooring, and fabrics from direct sunlight.\u003c\/p\u003e\n      \u003c\/article\u003e\n      \u003carticle class=\"anjiar-benefit-card anjiar-benefit-card--wide\"\u003e\n        \u003cdiv class=\"anjiar-benefit-card__topline\"\u003e\n\u003cspan class=\"anjiar-benefit-card__index\"\u003e05\u003c\/span\u003e\u003cspan class=\"anjiar-benefit-card__tag\"\u003eCordless motor\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cstrong\u003eChild and Pet Safe\u003c\/strong\u003e\n        \u003cp\u003eMotorized operation removes dangling cords and keeps hard-to-reach skylights easy to control.\u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch2\u003eAdaptable Skylight Shades for Every Angle\u003c\/h2\u003e\n  \u003cp style=\"text-align:center\"\u003eDesigned for vertical, sloped, and horizontal skylights, with flexible opening direction and motor options.\u003c\/p\u003e\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/motorized-skylight-shades-frame-93021_76563d6d-916a-4a75-9369-0ad46f890bd2.webp?v=1783424035\" alt=\"ANJIAR skylight shade installation orientations\"\u003e\u003c\/p\u003e\n\n  \u003ch2\u003ePower Options\u003c\/h2\u003e\n  \u003cp\u003eChoose plug-in power, built-in rechargeable battery, or battery motor with solar panel charging support.\u003c\/p\u003e\n  \u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/How-To-Charge-Motorized-Day-Night-Cellular-Shades-93020_477db82f-6c67-4344-960b-6485eebd7f02.webp?v=1783424035\" alt=\"ANJIAR motorized skylight shade charging options\"\u003e\u003c\/p\u003e\n\n  \u003cdiv class=\"anjiar-skylight-detail__cards\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003ePlug-in Motor\u003c\/strong\u003e\u003cbr\u003eAC powered option for fixed power installation.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eBuilt-in Battery Motor\u003c\/strong\u003e\u003cbr\u003eRechargeable USB-C battery motor for a cleaner look.\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003eSolar Panel Powered Motor\u003c\/strong\u003e\u003cbr\u003eBattery motor plus solar panel support for easier charging.\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch2\u003eMeasure Before Ordering\u003c\/h2\u003e\n  \u003cp\u003eFor inside mount skylight shades, measure the inside width and height of the opening carefully. The order width and height are reduced slightly during production to help the shade operate smoothly.\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003eMinimum recess depth: 1 1\/2\" recommended.\u003c\/li\u003e\n    \u003cli\u003eEnter width, width fraction, height, and height fraction before adding to cart.\u003c\/li\u003e\n    \u003cli\u003eContact ANJIAR support before ordering if the skylight is unusually shaped or out of square.\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003ch2\u003eFAQ\u003c\/h2\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Can I choose remote, smart control, or no remote?\u003c\/strong\u003e\u003cbr\u003eA: Yes. The product options include remote control, smart-home-ready control, and no-control add-on choices.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Do these shades support solar charging?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Select the solar panel powered motor option if you want battery motor plus solar charging support.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: Are they made to size?\u003c\/strong\u003e\u003cbr\u003eA: Yes. Choose width and height before adding to cart.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eQ: What warranty is available?\u003c\/strong\u003e\u003cbr\u003eA: A 3-year motor warranty is included, with optional 4-year and 5-year extended warranty choices.\u003c\/p\u003e\n\u003cscript data-anjiar-light-filtering-runtime-fix\u003e\n(function () {\n  if (!\/\\\/products\\\/motorized-skylight-shades-light-filtering\/i.test(location.pathname)) return;\n\n  var galleryMap = {\n    'light grey': '93020D',\n    'grey': '93020E',\n    'stone grey': '93020O',\n    'gravel': '93020N',\n    'charcoal': '93020M',\n    'white': '93020A',\n    'beige': '93020B',\n    'light khaki': '93020C',\n    'light coffee': '93020I',\n    'coffee': '93020G',\n    'blue': '93020F'\n  };\n\n  function normalize(text) {\n    return String(text || '').replace(\/\\s+\/g, ' ').trim().toLowerCase();\n  }\n\n  function getImageText(image) {\n    if (!image) return '';\n    return [\n      image.currentSrc,\n      image.src,\n      image.getAttribute('src'),\n      image.getAttribute('srcset'),\n      image.dataset ? image.dataset.src : '',\n      image.dataset ? image.dataset.srcset : ''\n    ].filter(Boolean).join(' ').toLowerCase();\n  }\n\n  function selectedColor() {\n    var checked = document.querySelector('variant-selects input[type=\"radio\"]:checked, variant-radios input[type=\"radio\"]:checked');\n    if (checked \u0026\u0026 checked.value) return checked.value;\n    var selected = document.querySelector('variant-selects select option:checked');\n    if (selected \u0026\u0026 selected.value) return selected.value;\n    var activeLabel = document.querySelector('.anjiar-variant-color-card.is-selected .anjiar-color-card__label');\n    return activeLabel ? activeLabel.textContent : 'Light Grey';\n  }\n\n  function hideOldCalculatorColorBlocks() {\n    var calculator = document.querySelector('#calculator');\n    if (!calculator) return;\n    Array.prototype.forEach.call(calculator.children, function (element) {\n      var label = element.getAttribute('data-element') || '';\n      var heading = element.querySelector(':scope \u003e label, :scope \u003e .element-label, :scope h2, :scope h3');\n      var text = normalize(label || (heading \u0026\u0026 heading.textContent));\n      if (text === 'color' || text === 'color chart') {\n        element.classList.add(text === 'color' ? 'anjiar-calculator-color-field' : 'anjiar-calculator-color-chart-field');\n        element.style.setProperty('display', 'none', 'important');\n      }\n    });\n  }\n\n  function syncCalculatorColor(color) {\n    var calculator = document.querySelector('#calculator');\n    if (!calculator || !color) return;\n    var desired = normalize(color);\n    var inputs = Array.prototype.slice.call(calculator.querySelectorAll('input[name*=\"Color\"]'));\n    var exact = inputs.find(function (input) { return normalize(input.value) === desired; });\n    if (exact \u0026\u0026 !exact.checked) {\n      exact.checked = true;\n      exact.dispatchEvent(new Event('input', { bubbles: true }));\n      exact.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n    Array.prototype.forEach.call(calculator.querySelectorAll('select[name*=\"Color\"]'), function (select) {\n      var option = Array.prototype.slice.call(select.options).find(function (item) { return normalize(item.textContent || item.value) === desired; });\n      if (option \u0026\u0026 select.value !== option.value) {\n        select.value = option.value;\n        select.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    });\n  }\n\n  function hideNoneControlOption() {\n    var calculator = document.querySelector('#calculator');\n    if (!calculator) return;\n    var controlField = calculator.querySelector('[data-element=\"Control Options\"]');\n    if (!controlField) return;\n    var inputs = Array.prototype.slice.call(controlField.querySelectorAll('input[type=\"radio\"]'));\n    var remote = inputs.find(function (input) { return normalize(input.value) === 'remote control'; });\n    var noneInputs = inputs.filter(function (input) { return normalize(input.value).indexOf('none') === 0; });\n\n    noneInputs.forEach(function (input) {\n      var card = input.closest('.swatch-label, label, labele, .ctooltip');\n      if (input.checked \u0026\u0026 remote) {\n        remote.checked = true;\n        remote.dispatchEvent(new Event('input', { bubbles: true }));\n        remote.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n      input.disabled = true;\n      if (card) card.style.setProperty('display', 'none', 'important');\n    });\n  }\n\n  function pickCorrectGalleryImage(color) {\n    var sku = galleryMap[normalize(color)];\n    if (!sku) return;\n    var images = Array.prototype.slice.call(document.querySelectorAll('.product__media-wrapper img, media-gallery img'));\n    var target = images.find(function (image) {\n      return getImageText(image).indexOf(sku.toLowerCase()) !== -1 \u0026\u0026 !image.closest('#calculator, variant-selects, variant-radios, .anjiar-variant-color-picker');\n    });\n    if (!target) return;\n\n    var button = target.closest('button, a, [role=\"button\"]');\n    if (button \u0026\u0026 typeof button.click === 'function') button.click();\n\n    var source = target.currentSrc || target.src || target.getAttribute('src') || '';\n    if (!source) return;\n    var sourceSet = target.getAttribute('srcset') || target.dataset.srcset || '';\n    var visible = images.find(function (image) {\n      var rect = image.getBoundingClientRect();\n      return rect.width \u003e 220 \u0026\u0026 rect.height \u003e 220 \u0026\u0026 getImageText(image).indexOf('93021') !== -1;\n    });\n    if (visible) {\n      visible.src = source;\n      visible.srcset = sourceSet;\n      visible.alt = target.alt || color;\n    }\n  }\n\n  function runFix() {\n    var color = selectedColor();\n    hideOldCalculatorColorBlocks();\n    hideNoneControlOption();\n    syncCalculatorColor(color);\n    pickCorrectGalleryImage(color);\n  }\n\n  var style = document.createElement('style');\n  style.setAttribute('data-anjiar-light-filtering-runtime-style', '');\n  style.textContent = '#calculator \u003e [data-element=\"Color\"],#calculator \u003e [data-element=\"Color Chart\"],#calculator .anjiar-calculator-color-field,#calculator .anjiar-calculator-color-chart-field{display:none!important;}#calculator\u003e[data-element=\"Frame\"] .swatch-picker,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-picker,#calculator\u003e[data-element=\"Control Options\"] .swatch-picker{display:grid!important;gap:12px!important;align-items:stretch!important;width:100%!important;margin:10px 0 0!important;padding:0!important;border:0!important}#calculator\u003e[data-element=\"Frame\"] .swatch-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:520px}#calculator\u003e[data-element=\"Control Options\"] .swatch-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:360px}#calculator\u003e[data-element=\"Opening Direction\"] .swatch-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:600px}#calculator\u003e[data-element=\"Frame\"] .swatch-label,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label,#calculator\u003e[data-element=\"Control Options\"] .swatch-label{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:122px!important;margin:0!important;padding:8px 8px 12px!important;border:1px solid rgba(20,38,28,.16)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 26px rgba(17,28,22,.07)!important;cursor:pointer!important;overflow:hidden!important}#calculator\u003e[data-element=\"Control Options\"] .swatch-label[cpctitle^=\"None\"],#calculator\u003e[data-element=\"Control Options\"] .swatch-label:has(input[value^=\"None\"]){display:none!important}#calculator\u003e[data-element=\"Frame\"] .swatch-label:has(input:checked),#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label:has(input:checked),#calculator\u003e[data-element=\"Control Options\"] .swatch-label:has(input:checked){border-color:#111!important;box-shadow:0 0 0 2px #111,0 16px 34px rgba(17,28,22,.12)!important}#calculator\u003e[data-element=\"Frame\"] .swatch-label input,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label input,#calculator\u003e[data-element=\"Control Options\"] .swatch-label input{position:absolute!important;opacity:0!important;pointer-events:none!important}#calculator\u003e[data-element=\"Frame\"] .swatch-label img,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label img,#calculator\u003e[data-element=\"Control Options\"] .swatch-label img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1\/1!important;max-width:none!important;max-height:none!important;padding:5px!important;border-radius:9px!important;background:#f5f6f2!important;object-fit:contain!important;box-sizing:border-box!important}#calculator\u003e[data-element=\"Frame\"] .swatch-label::after,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label::after,#calculator\u003e[data-element=\"Control Options\"] .swatch-label::after{content:attr(cpctitle);display:block;min-height:30px;margin-top:8px;color:#111;font-size:12px;font-weight:800;line-height:1.2;text-align:center}@media(max-width:749px){#calculator\u003e[data-element=\"Frame\"] .swatch-picker,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-picker,#calculator\u003e[data-element=\"Control Options\"] .swatch-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:none}#calculator\u003e[data-element=\"Frame\"] .swatch-label,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label,#calculator\u003e[data-element=\"Control Options\"] .swatch-label{min-height:158px!important;border-radius:13px!important}#calculator\u003e[data-element=\"Frame\"] .swatch-label::after,#calculator\u003e[data-element=\"Opening Direction\"] .swatch-label::after,#calculator\u003e[data-element=\"Control Options\"] .swatch-label::after{font-size:13px}}';\n  document.head.appendChild(style);\n\n  document.addEventListener('change', function (event) {\n    if (event.target \u0026\u0026 event.target.matches('variant-selects input, variant-radios input, variant-selects select')) {\n      setTimeout(runFix, 80);\n      setTimeout(runFix, 350);\n      setTimeout(runFix, 900);\n    }\n  }, true);\n\n  var observer = new MutationObserver(function () {\n    clearTimeout(window.anjiarLightFilteringRuntimeTimer);\n    window.anjiarLightFilteringRuntimeTimer = setTimeout(runFix, 120);\n  });\n  observer.observe(document.documentElement, { childList: true, subtree: true });\n  runFix();\n  var attempts = 0;\n  var interval = setInterval(function () {\n    attempts += 1;\n    runFix();\n    if (attempts \u003e= 60) clearInterval(interval);\n  }, 500);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- anjiar-cache-bust:2026-07-12T03:46:06.987Z --\u003e","brand":"ANJIAR","offers":[{"title":"Light Grey","offer_id":49025234632939,"sku":"SKY-93020D","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Grey","offer_id":49025234665707,"sku":"SKY-93020E","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Stone Grey","offer_id":49025234698475,"sku":"SKY-93020O","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Gravel","offer_id":49025234731243,"sku":"SKY-93020N","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":49025234764011,"sku":"SKY-93020M","price":164.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":49025234796779,"sku":"SKY-93020A","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":49025234829547,"sku":"SKY-93020B","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Light Khaki","offer_id":49025234862315,"sku":"SKY-93020C","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Light Coffee","offer_id":49025234895083,"sku":"SKY-93020I","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Coffee","offer_id":49025234927851,"sku":"SKY-93020G","price":164.0,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":49025234960619,"sku":"SKY-93020F","price":164.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0835\/7557\/0667\/files\/light-grey-motorized-skylight-shades-93020D_62d9f7ad-cdb8-411c-a1d7-bde6ee4dca8f.webp?v=1783424035"}],"url":"https:\/\/anjiar.com\/collections\/skylight-shades.oembed","provider":"ANJIAR","version":"1.0","type":"link"}