{"product_id":"light-blocking-glass-oil-dispenser","title":"Light-Blocking Glass Oil Dispenser","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  Product Type: 2-in-1 Dual-Use Spray \u0026 Pour Light-Blocking Glass Oil Bottle\n  Target Audience: Home cooks, fitness enthusiasts, and health-conscious individuals\n  Visual Style: Modern, clean, warm organic palette (off-white and amber accents)\n  Color Strategy: Off-white casing styling with deep amber-tinted bottle aesthetics, high-contrast dark gray text, orange accents for highlight elements\n  Module Order: Hero Block -\u003e Feature 1 (Mist Spray) -\u003e Feature 2 (Modes Switch) -\u003e Feature 3 (Light-Blocking Protection) -\u003e Feature 4 (Lifting Lid Refill) -\u003e Specifications Table -\u003e Product FAQs\n  Detail Image Mapping: Hero=detail_1, Feature1=detail_2, Feature2=detail_3, Feature3=detail_4, Feature4=detail_5\n  Specification Data Source: detail_1 (dimensions \u0026 capacity extraction only; no specification image placeholder is rendered)\n  Compare Section: Not included (integrated comparison details natively inside Feature 3 to keep layout clean and highly accurate)\n  Information Boundary: Only information explicitly provided in the product analysis report, detail images, specification images, and current conversation has been used. No unverified product facts have been added.\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #d97706;\n      --primary-hover: #b45309;\n      --text-main: #27272a;\n      --text-sub: #52525b;\n      --bg-body: #fdfbf7;\n      --bg-card: #ffffff;\n      --bg-soft: #f4f4f5;\n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --border-color: #e4e4e7;\n      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n    }\n\n    \/* Fixed Typography System *\/\n    .product-detail-container h1 {\n      font-size: 22px;\n      line-height: 1.3;\n      margin: 0 0 16px 0;\n      color: var(--text-main);\n      font-weight: 700;\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .faq-question {\n      font-size: 20px;\n      line-height: 1.4;\n      margin: 0 0 12px 0;\n      color: var(--text-main);\n      font-weight: 600;\n    }\n\n    .product-detail-container p,\n    .product-detail-container .hero-subtitle,\n    .product-detail-container .feature-description,\n    .product-detail-container .spec-table td,\n    .product-detail-container .faq-answer,\n    .product-detail-container .badge,\n    .product-detail-container .tag {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--text-sub);\n    }\n\n    \/* Spacing System *\/\n    .product-detail-container section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* Images styling *\/\n    .product-detail-container img,\n    .product-detail-container .image-placeholder {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    .product-detail-container .image-placeholder {\n      aspect-ratio: 1 \/ 1;\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-sub);\n      font-weight: 500;\n      box-sizing: border-box;\n      padding: 20px;\n      text-align: center;\n    }\n\n    \/* Hero Block styling *\/\n    .hero-section {\n      padding-top: clamp(1rem, 3vw, 2rem);\n    }\n\n    .hero-content {\n      margin-bottom: 24px;\n    }\n\n    .trust-badge-container {\n      margin-bottom: 16px;\n    }\n\n    .trust-badge {\n      display: inline-block;\n      background-color: var(--bg-soft);\n      border: 1px solid var(--border-color);\n      padding: 6px 14px;\n      border-radius: 50px;\n      font-weight: 600;\n      color: var(--primary);\n    }\n\n    \/* Feature Sections layout *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      background-color: var(--bg-card);\n      padding: 24px;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .feature-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 14px;\n    }\n\n    .tag {\n      background-color: var(--bg-soft);\n      border: 1px solid var(--border-color);\n      padding: 4px 12px;\n      border-radius: var(--radius-md);\n      font-weight: 500;\n    }\n\n    \/* Specifications layout *\/\n    .specifications-section {\n      background-color: var(--bg-card);\n      padding: 24px;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 16px;\n    }\n\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table tr:last-child {\n      border-bottom: none;\n    }\n\n    .spec-table td {\n      padding: 16px;\n      vertical-align: top;\n    }\n\n    .spec-table td:first-child {\n      font-weight: 600;\n      width: 35%;\n      color: var(--text-main);\n    }\n\n    \/* FAQ layout *\/\n    .faq-section {\n      background-color: var(--bg-card);\n      padding: 24px;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 20px 0;\n    }\n\n    .faq-item:first-child {\n      padding-top: 0;\n    }\n\n    .faq-item:last-child {\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n\n    .faq-question {\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    \/* Desktop Media Queries *\/\n    @media (min-width: 768px) {\n      .hero-section {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        align-items: center;\n      }\n\n      .hero-content {\n        margin-bottom: 0;\n      }\n\n      .feature-item {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        padding: 40px;\n      }\n\n      .feature-item.reverse {\n        direction: rtl;\n      }\n\n      .feature-item.reverse .feature-copy {\n        direction: ltr;\n      }\n\n      .feature-item.reverse .feature-media {\n        direction: ltr;\n      }\n    }\n\n    \/* Mobile Specifications Responsive Rules *\/\n    @media (max-width: 767px) {\n      .spec-table,\n      .spec-table tbody,\n      .spec-table tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      .spec-table td {\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 0;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td:first-child {\n        display: none; \/* Hide original label td because we use data-label on the second td *\/\n      }\n\n      .spec-table td:last-child {\n        grid-column: 1 \/ -1;\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n      }\n\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .spec-table td:last-child {\n        grid-template-columns: 1fr;\n        gap: 6px;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. INTRO \/ HERO CONTENT BLOCK --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"trust-badge-container\"\u003e\u003cspan class=\"trust-badge\"\u003e360° Light Shield Protection\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003e2-in-1 Oil Bottle: Gravity Pour \u0026amp; Pressurized Mist Spray\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eSwitch between smooth gravity pouring and a fine aerosol-free mist. Designed with protective amber glass to keep your oil fresh and slow down oxidation.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img109\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903183305\/84c5b1d1cb70b0e0547ad644fe2123ca.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img110\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903183306\/249131cbe9d70819eed3a053a9410745.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eHigh-Pressure Nozzle for Instant Fine Mist\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eEquipped with an integrated front-facing nozzle that releases an even, wide-coverage mist of oil. Perfect for dressing salads, baking, frying, and light cooking with absolute portion control.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eEven Coverage\u003c\/span\u003e \u003cspan class=\"tag\"\u003eEasy Portioning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2: Modes Switch --\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img111\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903183306\/3afada47a3d7e7749ae6947940d92858.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eDual Modes with Quick Top Switch\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eSwitch modes instantly using the capsule slide lock. Turn to \"ON POUR\" to use gravity-sensor auto-opening for direct pouring, or slide to \"OFF SPRAY\" to secure and use the fine mist function.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003ePour Mode\u003c\/span\u003e \u003cspan class=\"tag\"\u003eSpray Mode\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3: Light Blocking --\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img112\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903183304\/c533ed7a9d2b9914b53a820061bf761f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eKeep Oil Fresh \u0026amp; Avoid Light Oxidation\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eRegular clear glass bottles allow light exposure that triggers light oxidation, leading to bad odors and quality loss. The deep amber-tinted glass body blocks UV rays, preserving original taste and freshness.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eAnti-Oxidation\u003c\/span\u003e \u003cspan class=\"tag\"\u003eAmber Glass Body\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 4: Easy Refilling --\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img113\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903183306\/7a37371cd3ba733e638d6f959fb4ba59.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eQuick Lid Release for Mess-Free Refills\u003c\/h2\u003e\n\n\u003cp class=\"feature-description\"\u003eSkip tedious cap unscrewing. The physical lift handle lets you pull the capsule cover straight up to reveal a wide mouth, making oil refills extremely fast and spill-free.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003eLift-to-Open\u003c\/span\u003e \u003cspan class=\"tag\"\u003eWide Opening\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. SPECIFICATIONS --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eCapacity\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Capacity\"\u003e\u003cspan class=\"spec-value\"\u003e600 ml (approx. 20.3 fl oz)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eHeight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"spec-value\"\u003e20 cm (approx. 7.9 in)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eWidth\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"spec-value\"\u003e8 cm (approx. 3.1 in)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eCore Design\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Core Design\"\u003e\u003cspan class=\"spec-value\"\u003eGravity Auto Pour \u0026amp; Trigger Spray\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eProtection Type\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Protection Type\"\u003e\u003cspan class=\"spec-value\"\u003eUV Light-Blocking Amber Glass Body\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 How do I switch between pouring and spraying?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eUse the black capsule-shaped slide switch located on the flat top. Move it to the designated lock markings to switch between \"ON POUR\" gravity-sensored pouring and \"OFF SPRAY\" misting modes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 How does the light-blocking glass protect the oil?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe dark amber glass bottle acts as a protective shield against sunlight and UV light. It prevents light-activated oxidation which causes oils to turn greasy and lose their freshness.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 How do I refill the oil without making a mess?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eSimply pull the hidden white semi-circular lifting loop located on the top lid. This releases the entire cap instantly, giving you a wide-mouth opening for refilling without any twisting or unscrewing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1-Pack (Everyday Cooking)","offer_id":64602194903411,"sku":"0904-16377136","price":20.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Oil \u0026 Vinegar Set)","offer_id":64602194936179,"sku":"0904-16373459","price":39.95,"currency_code":"USD","in_stock":true},{"title":"3-Pack (Complete Kitchen Setup)","offer_id":64602194968947,"sku":"0904-16378456","price":59.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/84c5b1d1cb70b0e0547ad644fe2123ca.jpg?v=1788511152","url":"https:\/\/woyuosn.com\/products\/light-blocking-glass-oil-dispenser","provider":"Woyuosn","version":"1.0","type":"link"}