{"title":"The Minis Collection","description":"\u003cp\u003e\u003cspan\u003eMini, mighty, and non-toxic bestsellers\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"mini-griddle-pan-mini-oven-mats","title":"Mini Griddle Pan + Mini Oven Mats","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eCan Your Sheet Pan Do This?\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/01_highlight_card_mini_griddle_pan_that_s_hot_225f9ac5-65d3-41f9-8bcb-02c6dfc2a583.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1711048568\u0026amp;width=893\" alt=\"That’s Hot\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eThat’s Hot\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eThat’s Hot\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eTake your nonstick pan to new temps — the Griddle Pan is oven-safe up to 450°F for basically any recipe you can dream up.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/02_highlight_card_mini_griddle_pan_that_s_so_deep.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1710901134\u0026amp;width=893\" alt=\"That’s So Deep\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eThat’s So Deep\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eIt’s not your average sheet pan — with a 5-quart capacity, this one is deep enough to capture liquids and even bake cakes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/03_Highlight_Card_Oven_Pan_Griddle.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1711048568\u0026amp;width=893\" alt=\"Griddle Me This\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eGriddle Me This\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eGriddle Me This\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThe mini Griddle Pan works on electric and gas stovetops as, well… a griddle. Just place it over one burner on low to medium heat and cook up some steak, eggs, naan, quesadillas, pancakes, you name it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Default Title","offer_id":48073383739444,"sku":null,"price":69.68,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/our-place-MiniGriddlePan-MiniOvenMats-Steam.jpg?v=1785318537"},{"product_id":"mini-oven-mats","title":"Mini Oven Mats","description":"\u003cdiv class=\"product-description\"\u003e\n \u003cp\u003e\u003cstrong\u003eAvailable Colors:\u003c\/strong\u003e Spice, Blue Salt, Sage, Char, Steam\u003c\/p\u003e\n \u003cdiv class=\"accordion-group\"\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eOverview\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003eMini Oven Mats. Set of two quarter-sized reusable silicone mats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eWhat's Included\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003e1 × Mini Oven Mats. Please refer to product page for complete contents list.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003eHand wash recommended for best results. Stovetop safe (compatible with gas, electric, and induction). Oven safe up to 450°F \/ 230°C. Avoid metal utensils to protect the nonstick coating.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eSpecifications\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003ePlease refer to the official Our Place product page for detailed dimensions and weight specifications for the Mini Oven Mats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"our place","offers":[{"title":"Spice","offer_id":48073385574452,"sku":"mini-oven-mats-spice","price":23.45,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073385607220,"sku":"mini-oven-mats-blue-salt","price":23.45,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073385639988,"sku":"mini-oven-mats-sage","price":23.45,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073385672756,"sku":"mini-oven-mats-char","price":23.45,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073385705524,"sku":"mini-oven-mats-steam","price":23.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/pink-mini-oven-mats.jpg?v=1785318558"},{"product_id":"mini-spruce-steamers-set-of-2","title":"Mini Spruce Steamers (Set of 2)","description":"\u003cdiv class=\"product-description\"\u003e\n \n \u003cdiv class=\"accordion-group\"\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eOverview\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003eMini Spruce Steamers — (Set of 2). Steamer baskets custom-fit to our mini cookware\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eWhat's Included\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003e1 × Mini Spruce Steamers ((Set of 2)). Please refer to product page for complete contents list.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eCare\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003eHand wash recommended for best results. Stovetop safe (compatible with gas, electric, and induction). Oven safe up to 450°F \/ 230°C. Avoid metal utensils to protect the nonstick coating.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"accordion-item\"\u003e\n \u003csummary class=\"accordion-summary\"\u003e\u003cstrong\u003eSpecifications\u003c\/strong\u003e\u003c\/summary\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cp\u003ePlease refer to the official Our Place product page for detailed dimensions and weight specifications for the Mini Spruce Steamers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"our place","offers":[{"title":"Default Title","offer_id":48073390850100,"sku":null,"price":32.83,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/mini-spruce-steamers-with-chopsticks.jpg?v=1785318615"},{"product_id":"mini-griddle-pan","title":"Mini Griddle Pan","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eCan Your Sheet Pan Do This?\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/01_highlight_card_mini_griddle_pan_that_s_hot_225f9ac5-65d3-41f9-8bcb-02c6dfc2a583.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1711048568\u0026amp;width=893\" alt=\"That’s Hot\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eThat’s Hot\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eThat’s Hot\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eTake your nonstick pan to new temps — the Griddle Pan is oven-safe up to 450°F for basically any recipe you can dream up.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/02_highlight_card_mini_griddle_pan_that_s_so_deep.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1710901134\u0026amp;width=893\" alt=\"That’s So Deep\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eThat’s So Deep\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eIt’s not your average sheet pan — with a 5-quart capacity, this one is deep enough to capture liquids and even bake cakes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/03_Highlight_Card_Oven_Pan_Griddle.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1711048568\u0026amp;width=893\" alt=\"Griddle Me This\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eGriddle Me This\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eGriddle Me This\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThe mini Griddle Pan works on electric and gas stovetops as, well… a griddle. Just place it over one burner on low to medium heat and cook up some steak, eggs, naan, quesadillas, pancakes, you name it.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Steam","offer_id":48073391767604,"sku":"mini-griddle-pan-steam","price":46.23,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073391800372,"sku":"mini-griddle-pan-spice","price":46.23,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073391833140,"sku":"mini-griddle-pan-blue-salt","price":46.23,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073391865908,"sku":"mini-griddle-pan-char","price":46.23,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073391898676,"sku":"mini-griddle-pan-sage","price":46.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/beige-mini-griddle-pan.jpg?v=1785318623"},{"product_id":"titanium-pro-mini-cookware-duo-6-piece","title":"Titanium Pro Mini Cookware Duo (6 piece)","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eWhat's Included\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #ffffff;\n color: #1a1a1a;\n }\n\n .wi-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 0;\n }\n\n .wi-title {\n font-size: 2rem;\n font-weight: 600;\n color: #111111;\n margin-bottom: 1.5rem;\n }\n\n .wi-item {\n border-top: 0.5px solid #e0e0e0;\n }\n\n .wi-item:last-child {\n border-bottom: 0.5px solid #e0e0e0;\n }\n\n .wi-header {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 1.25rem 0;\n cursor: pointer;\n user-select: none;\n }\n\n .wi-thumb {\n width: 88px;\n height: 88px;\n object-fit: cover;\n border-radius: 6px;\n background: #f5f5f3;\n flex-shrink: 0;\n }\n\n .wi-meta {\n flex: 1;\n }\n\n .wi-name {\n font-size: 1.3rem;\n font-weight: 600;\n color: #111111;\n margin-bottom: 6px;\n }\n\n .wi-sub {\n font-size: 0.9rem;\n color: #555555;\n }\n\n .wi-toggle {\n font-size: 1.5rem;\n color: #111111;\n flex-shrink: 0;\n transition: transform 0.3s;\n line-height: 1;\n font-weight: 300;\n }\n\n .wi-toggle.open {\n transform: rotate(45deg);\n }\n\n .wi-body {\n display: none;\n padding: 0.5rem 0 2rem;\n gap: 2rem;\n grid-template-columns: repeat(3, 1fr);\n }\n\n .wi-body.open {\n display: grid;\n }\n\n .wi-section-label {\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #666666;\n margin-bottom: 14px;\n }\n\n .wi-ul {\n padding-left: 1.1rem;\n list-style: disc;\n }\n\n .wi-ul li {\n font-size: 0.85rem;\n color: #222222;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .wi-ul li .highlight {\n color: #c9a84c;\n font-weight: 500;\n }\n\n .wi-benefit {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n }\n\n .wi-benefit-icon {\n width: 38px;\n height: 38px;\n border-radius: 6px;\n background: #f5f5f3;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .wi-benefit-icon svg {\n width: 20px;\n height: 20px;\n stroke: #333333;\n fill: none;\n stroke-width: 1.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .wi-benefit-text {\n font-size: 0.85rem;\n color: #222222;\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .wi-body.open {\n grid-template-columns: 1fr;\n }\n\n .wi-name {\n font-size: 1.1rem;\n }\n\n .wi-thumb {\n width: 70px;\n height: 70px;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \u003cdiv class=\"wi-wrap\"\u003e\n \u003ch2 class=\"wi-title\"\u003eWhat's Included\u003c\/h2\u003e\n \u003cdiv id=\"accordion\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\nconst products = [\n {\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0024\/4137\/9915\/files\/our-place-product-thumbnail-TitaniumMiniAlwaysPanPro-chrome_11437cd7-d97c-4a0b-ac36-dc607a1e767b.jpg?height=188\u0026v=1768266411\u0026width=188\",\n name: \"Titanium Mini Always Pan® Pro\",\n sub: \"An 8.5-inch non-toxic high-performance pan\",\n details: [\n \"The virtually-indestructible titanium interior and fully-clad tri-ply construction are built for better performance\",\n \"Features a first of its kind non-toxic nonstick technology that's coating-free and made without Forever Chemicals\",\n \"Able to withstand temperatures of 1000°F, and is dishwasher and metal utensil safe\",\n \"\u003cspan class='highlight'\u003eGOLD:\u003c\/span\u003e Able to withstand temperatures of 750°F, and is dishwasher and metal utensil safe\"\n ],\n specs: [\n \"16.7 in. length, 8.5 in. diameter, 2.1 in. depth, 4.6 in. height with lid\",\n \"1.48 qt. capacity\",\n \"3.25 lb. (body \u0026 lid)\",\n \"Compatible with all cooktops, including induction\",\n \"3mm fully-clad tri-ply construction:\",\n \"Stainless steel exterior\",\n \"Aluminum core for fast, even heat\",\n \"Titanium interior with NoCo® nonstick technology\"\n ],\n benefits: [\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-value-prop-icon-sponge.jpg?height=87\u0026v=1740609296\u0026width=87\", text: \"Dishwasher \u0026 Metal Utensil Safe\" },\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-value-prop-icon-chain.jpg?height=87\u0026v=1740606111\u0026width=87\", text: \"NoCo® Nonstick Technology\" }\n ]\n },\n {\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0024\/4137\/9915\/files\/our-place-product-thumbnail-TitaniumMiniPerfectPotPro-chrome_9109db05-d9dd-414b-b576-fa87fdbc39cb.jpg?height=188\u0026v=1768266394\u0026width=188\",\n name: \"Titanium Mini Perfect Pot® Pro\",\n sub: \"A non-toxic, high-performance long-handled pot\",\n details: [\n \"The virtually-indestructible titanium interior and fully-clad tri-ply construction are built for better performance\",\n \"Features a first of its kind non-toxic nonstick technology that's coating-free and made without Forever Chemicals\",\n \"Able to withstand temperatures of 1000°F, and is dishwasher and metal utensil safe\",\n \"\u003cspan class='highlight'\u003eGOLD:\u003c\/span\u003e Able to withstand temperatures of 750°F, and is dishwasher and metal utensil safe\"\n ],\n specs: [\n \"8.5 in. diameter, 4 in. body height, 6.6 in. height with lid\",\n \"2.75 qt. capacity\",\n \"3.75 lb. (body \u0026 lid)\",\n \"Compatible with all cooktops, including induction\",\n \"3mm fully-clad tri-ply construction:\",\n \"Stainless steel exterior\",\n \"Aluminum core for fast, even heat\",\n \"NoCo® nonstick interior\"\n ],\n benefits: [\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-value-prop-icon-sponge.jpg?height=87\u0026v=1740609296\u0026width=87\", text: \"Dishwasher \u0026 Metal Utensil Safe\" },\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-value-prop-icon-chain.jpg?height=87\u0026v=1740606111\u0026width=87\", text: \"NoCo® Nonstick Technology\" }\n ]\n }\n];\n\n let openIndex = 0;\n\n function buildAccordion() {\n const acc = document.getElementById('accordion');\n acc.innerHTML = products.map((p, i) =\u003e {\n const isOpen = i === openIndex;\n return `\n \u003cdiv class=\"wi-item\"\u003e\n \u003cdiv class=\"wi-header\" onclick=\"toggle(${i})\"\u003e\n \u003cimg class=\"wi-thumb\" src=\"${p.img}\" alt=\"${p.name}\" \/\u003e\n \u003cdiv class=\"wi-meta\"\u003e\n \u003cp class=\"wi-name\"\u003e${p.name}\u003c\/p\u003e\n \u003cp class=\"wi-sub\"\u003e${p.sub}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wi-toggle ${isOpen ? 'open' : ''}\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wi-body ${isOpen ? 'open' : ''}\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eProduct Details\u003c\/p\u003e\n \u003cul class=\"wi-ul\"\u003e${p.details.map(d =\u003e `\u003cli\u003e${d}\u003c\/li\u003e`).join('')}\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eSpecs\u003c\/p\u003e\n \u003cul class=\"wi-ul\"\u003e${p.specs.map(s =\u003e `\u003cli\u003e${s}\u003c\/li\u003e`).join('')}\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eBenefits\u003c\/p\u003e\n ${p.benefits.map(b =\u003e `\n\u003cdiv class=\"wi-benefit\"\u003e\n\n \u003cdiv class=\"wi-benefit-icon\"\u003e\n \u003cimg src=\"${b.icon}\" alt=\"${b.text}\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"wi-benefit-text\"\u003e\n ${b.text}\n \u003c\/span\u003e\n\n\u003c\/div\u003e\n`).join('')}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e`;\n }).join('');\n }\n\n function toggle(i) {\n openIndex = openIndex === i ? -1 : i;\n buildAccordion();\n }\n\n buildAccordion();\n \u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Chrome","offer_id":48073393668148,"sku":"titanium-pro-mini-cookware-duo-6-piece-chrome","price":217.08,"currency_code":"USD","in_stock":true},{"title":"Chrome\/Gold","offer_id":48073393700916,"sku":"titanium-pro-mini-cookware-duo-6-piece-chromegold","price":217.08,"currency_code":"USD","in_stock":true},{"title":"Brushed","offer_id":48073393733684,"sku":"titanium-pro-mini-cookware-duo-6-piece-brushed","price":217.08,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/our-place-product-thumbnail-TitaniumProMiniCookwareDuo-MiniAlwaysPan-MiniPerfectPot-6pieces-chrome.jpg?v=1785318637"},{"product_id":"titanium-mini-perfect-pot-pro","title":"Titanium Mini Perfect Pot Pro","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\u003c!-- ==================== SECTION 1 ==================== --\u003e\n\u003csection class=\"feature-section\"\u003e\n\n \u003cdiv class=\"feature-image-wrap\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-Exploding-TitaniumProMiniPerfectPot-chrome.jpg?height=1656\u0026amp;v=1740687127\u0026amp;width=1950\" alt=\"Titanium Mini Perfect Pot Pro components\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch2\u003eDesigned for Everything, Always\u003c\/h2\u003e\n\n \u003cdiv class=\"feature-panel-wrapper\"\u003e\n\n \u003cdiv class=\"feature-tabs-content\"\u003e\n\n \u003c!-- TAB 1 --\u003e\n \u003cdiv class=\"tab-panel active\" id=\"tab-1\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eDishwasher Safe\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eDishwasher Safe\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThanks to fully-sealed rims and durable materials, our Titanium Pro cookware is right at home in the dishwasher — so you can spend more time focusing on what matters.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 2 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThe included spoon is a premium cooking tool made from easy-clean silicone, and our patented rest system keeps it where you left it (and eliminates messy countertops).\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 3 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eNoCo® Nonstick Technology\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eNoCo® Nonstick Technology\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eA first-of-its-kind nonstick technology developed entirely without coatings. It’s made without PFAS, also known as “Forever Chemicals.”\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 4 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-4\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eFully-Clad Tri-Ply Construction\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eFully-Clad Tri-Ply Construction\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eNo detail was spared in the making of the Titanium Mini Perfect Pot® Pro. From its fully-clad construction to the smooth rivet-free design, it’s got everything you want.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sidebar-nums\"\u003e\n \u003cbutton class=\"sidebar-num active\" data-tab=\"1\" onclick=\"switchTab(1)\"\u003e1\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"2\" onclick=\"switchTab(2)\"\u003e2\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"3\" onclick=\"switchTab(3)\"\u003e3\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"4\" onclick=\"switchTab(4)\"\u003e4\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eA Closer Look\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumAlwaysPanPro-chrome-flames-cooking.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740619727\u0026amp;width=893\" alt=\"Heat Safe up to 1000°F\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eHeat Safe up to 1000°F\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eHeat Safe up to 1000°F\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThere’s no need to be precious when it’s built from such durable materials and is heat safe up to 1000°F. Get all the high heat searing power you need with the ease of a nonstick effect — you’ll never want to go back.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumAlwaysPanPro-chrome-dishwasher_3062740d-388a-47cc-81ca-fa5789a082e2.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740984869\u0026amp;width=893\" alt=\"Put It Through the Wringer\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003ePut It Through the Wringer\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003ePut It Through the Wringer\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eOur Titanium Pro cookware is dishwasher and metal utensil safe, so you can cook and clean up with ease.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumMiniPerfectPotPro-chrome.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740687317\u0026amp;width=893\" alt=\"Limited Lifetime Warranty\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eLimited Lifetime Warranty\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eLimited Lifetime Warranty\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eAt Our Place, we believe in the quality, craftsmanship, and durability of our products, which is why we offer a limited lifetime warranty for our Titanium Pro cookware line.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Chrome","offer_id":48073393831988,"sku":"titanium-mini-perfect-pot-pro-chrome","price":113.23,"currency_code":"USD","in_stock":true},{"title":"Chrome\/Gold","offer_id":48073393864756,"sku":"titanium-mini-perfect-pot-pro-chromegold","price":113.23,"currency_code":"USD","in_stock":true},{"title":"Brushed","offer_id":48073393897524,"sku":"titanium-mini-perfect-pot-pro-brushed","price":113.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/our-place-product-thumbnail-TitaniumMiniPerfectPotPro-chrome_b539c6d1-691a-42fd-a211-706874e13e62.jpg?v=1785318639"},{"product_id":"titanium-mini-always-pan-pro","title":"Titanium Mini Always Pan Pro","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"feature-section\"\u003e\n\n \u003cdiv class=\"feature-image-wrap\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-Exploding-TitaniumMiniAlwaysPanPro-chrome.jpg?height=1656\u0026amp;v=1740618890\u0026amp;width=1950\" alt=\"Titanium Mini Always Pan Pro components\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch2\u003eDesigned for Everything, Always\u003c\/h2\u003e\n\n \u003cdiv class=\"feature-panel-wrapper\"\u003e\n\n \u003cdiv class=\"feature-tabs-content\"\u003e\n\n \u003cdiv class=\"tab-panel active\" id=\"tab-1\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eDishwasher Safe\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eDishwasher Safe\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThanks to fully-sealed rims and durable materials, our Titanium Pro cookware is right at home in the dishwasher — so you can spend more time focusing on what matters.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThe included spatula is a premium cooking tool made from metal and silicone, and our patented rest system keeps it where you left it (and eliminates messy countertops).\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eNoCo® Nonstick Technology\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eNoCo® Nonstick Technology\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eA first-of-its-kind nonstick technology developed entirely without coatings. It’s made without PFAS, also known as “Forever Chemicals.”\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tab-panel\" id=\"tab-4\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eFully-Clad Tri-Ply Construction\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eFully-Clad Tri-Ply Construction\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eNo detail was spared in the making of the Titanium Mini Always Pan® Pro. From its fully-clad construction to the smooth rivet-free design, it’s got everything you want.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tab-panel\" id=\"tab-5\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eIt’s deeper than your average fry pan, and its handy 360-degree pour rim makes it that much more versatile.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sidebar-nums\"\u003e\n \u003cbutton class=\"sidebar-num active\" data-tab=\"1\" onclick=\"switchTab(1)\"\u003e1\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"2\" onclick=\"switchTab(2)\"\u003e2\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"3\" onclick=\"switchTab(3)\"\u003e3\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"4\" onclick=\"switchTab(4)\"\u003e4\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"5\" onclick=\"switchTab(5)\"\u003e5\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eA Closer Look\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumAlwaysPanPro-chrome-flames-cooking.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740619727\u0026amp;width=893\" alt=\"Heat Safe up to 1000°F\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eHeat Safe up to 1000°F\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eHeat Safe up to 1000°F\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThere’s no need to be precious when it’s built from such durable materials and is heat safe up to 1000°F. Get all the high heat searing power you need with the ease of a nonstick effect — you’ll never want to go back.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumAlwaysPanPro-chrome-dishwasher_3062740d-388a-47cc-81ca-fa5789a082e2.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740984869\u0026amp;width=893\" alt=\"Put It Through the Wringer\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003ePut It Through the Wringer\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003ePut It Through the Wringer\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eOur Titanium Pro cookware is dishwasher and metal utensil safe, so you can cook and clean up with ease.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-HighlightCard-TitaniumAlwaysPanPro-chrome-TitaniumMiniAlwaysPanPro-chrome.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1740619727\u0026amp;width=893\" alt=\"Limited Lifetime Warranty\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eLimited Lifetime Warranty\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eLimited Lifetime Warranty\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eAt Our Place, we believe in the quality, craftsmanship, and durability of our products, which is why we offer a limited lifetime warranty for our Titanium Pro cookware line.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Chrome","offer_id":48073393963060,"sku":"titanium-mini-always-pan-pro-chrome","price":109.0,"currency_code":"USD","in_stock":true},{"title":"Chrome\/Gold","offer_id":48073393995828,"sku":"titanium-mini-always-pan-pro-chromegold","price":109.0,"currency_code":"USD","in_stock":true},{"title":"Brushed","offer_id":48073394028596,"sku":"titanium-mini-always-pan-pro-brushed","price":109.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/our-place-product-thumbnail-TitaniumMiniAlwaysPanPro-chrome_11437cd7-d97c-4a0b-ac36-dc607a1e767b.jpg?v=1785318641"},{"product_id":"mini-perfect-pot-20","title":"Mini Perfect Pot 2.0","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ==================== SECTION 1 ==================== --\u003e\n\u003csection class=\"feature-section\"\u003e\n\n \u003cdiv class=\"feature-image-wrap\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/PP_Mini_Expanded.png?height=1656\u0026amp;v=1675802576\u0026amp;width=1950\" alt=\"Perfect Pot Mini components\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch2\u003eOne Pot. One Million Possibilities.\u003c\/h2\u003e\n\n \u003cdiv class=\"feature-panel-wrapper\"\u003e\n\n \u003cdiv class=\"feature-tabs-content\"\u003e\n\n \u003c!-- TAB 1 --\u003e\n \u003cdiv class=\"tab-panel active\" id=\"tab-1\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003ePut a Lid On It\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003ePut a Lid On It\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eOur iconic dome-shaped lid is designed to trap and release steam as needed. Plus, it has a built-in strainer so you can skip the colander.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 2 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eSay goodbye to messy counters and crowded spoon rests thanks to the included Beechwood Spoon that notches securely across the pot’s long handle.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 3 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eWonderfully Lightweight\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eWonderfully Lightweight\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eLighter than it looks, the Perfect Pot is built for easy maneuvering from stovetop to oven to sink to table.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 4 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-4\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThe exclusive toxin-free Thermakind® nonstick coating is super slippery, making it a dream for starches, sauces, sautes, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sidebar-nums\"\u003e\n \u003cbutton class=\"sidebar-num active\" data-tab=\"1\" onclick=\"switchTab(1)\"\u003e1\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"2\" onclick=\"switchTab(2)\"\u003e2\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"3\" onclick=\"switchTab(3)\"\u003e3\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"4\" onclick=\"switchTab(4)\"\u003e4\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eTake a Closer Look\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Screen_Shot_2023-02-06_at_15.01_2_d475639c-0e49-4490-9e19-5848e0f7dcb7.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689627060\u0026amp;width=893\" alt=\"Mini, Mighty, Multifunctional\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eMini, Mighty, Multifunctional\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eMini, Mighty, Multifunctional\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThe mini Perfect Pot 2.0 features all the same multifunctionality of the original, just in a smaller size. While the main dish is simmering or roasting in the OG, whip up delicious sides, grains, or sauces in the sidekick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Mask_group_21_4dcbca9c-8206-47bb-9a87-de1bcaf6a08a.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689627060\u0026amp;width=893\" alt=\"Oven Safe Up to 450°F\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eOven Safe Up to 450°F\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eOven Safe Up to 450°F\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eUnlock a whole new cache of recipes with stovetop-to-oven abilities. Whether you’re crafting a pasta bake or making an impressive curry, you’ll find yourself reaching for the mini Perfect Pot … often.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Screen_Shot_2023-02-06_at1_5.01_1_b6f56dde-fccd-41d4-807d-f340dec1726f.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689627060\u0026amp;width=893\" alt=\"Non-Toxic Nonstick Coating\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eNon-Toxic Nonstick Coating\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eNon-Toxic Nonstick Coating\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eA nonstick like no other, our 50% longer-lasting Thermakind® ceramic coating is exclusive to Our Place and the only nonstick you’ll want for your place. Mainly comprised of sand derivative and water, the nonstick coating isn't hiding any harmful chemicals.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Blue Salt","offer_id":48073394651188,"sku":"mini-perfect-pot-20-blue-salt","price":125.0,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073394683956,"sku":"mini-perfect-pot-20-steam","price":125.0,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073394716724,"sku":"mini-perfect-pot-20-sage","price":125.0,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073394749492,"sku":"mini-perfect-pot-20-char","price":125.0,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073394782260,"sku":"mini-perfect-pot-20-spice","price":125.0,"currency_code":"USD","in_stock":true},{"title":"Lavender","offer_id":48073394815028,"sku":"mini-perfect-pot-20-lavender","price":125.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/blue-mini-perfect-pot.jpg?v=1785318648"},{"product_id":"mini-cookware-duo-6-piece","title":"Mini Cookware Duo (6 piece)","description":"\u003cbody\u003e\n\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eWhat's Included\u003c\/title\u003e\n \u003cstyle\u003e\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #ffffff;\n color: #1a1a1a;\n }\n\n .wi-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 0;\n }\n\n .wi-title {\n font-size: 2rem;\n font-weight: 600;\n color: #111111;\n margin-bottom: 1.5rem;\n }\n\n .wi-item {\n border-top: 0.5px solid #e0e0e0;\n }\n\n .wi-item:last-child {\n border-bottom: 0.5px solid #e0e0e0;\n }\n\n .wi-header {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 1.25rem 0;\n cursor: pointer;\n user-select: none;\n }\n\n .wi-thumb {\n width: 88px;\n height: 88px;\n object-fit: cover;\n border-radius: 6px;\n background: #f5f5f3;\n flex-shrink: 0;\n }\n\n .wi-meta {\n flex: 1;\n }\n\n .wi-name {\n font-size: 1.3rem;\n font-weight: 600;\n color: #111111;\n margin-bottom: 6px;\n }\n\n .wi-sub {\n font-size: 0.9rem;\n color: #555555;\n }\n\n .wi-toggle {\n font-size: 1.5rem;\n color: #111111;\n flex-shrink: 0;\n transition: transform 0.3s;\n line-height: 1;\n font-weight: 300;\n }\n\n .wi-toggle.open {\n transform: rotate(45deg);\n }\n\n .wi-body {\n display: none;\n padding: 0.5rem 0 2rem;\n gap: 2rem;\n grid-template-columns: repeat(3, 1fr);\n }\n\n .wi-body.open {\n display: grid;\n }\n\n .wi-section-label {\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #666666;\n margin-bottom: 14px;\n }\n\n .wi-ul {\n padding-left: 1.1rem;\n list-style: disc;\n }\n\n .wi-ul li {\n font-size: 0.85rem;\n color: #222222;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .wi-ul li .highlight {\n color: #c9a84c;\n font-weight: 500;\n }\n\n .wi-benefit {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n }\n\n .wi-benefit-icon {\n width: 38px;\n height: 38px;\n border-radius: 6px;\n background: #f5f5f3;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .wi-benefit-icon svg {\n width: 20px;\n height: 20px;\n stroke: #333333;\n fill: none;\n stroke-width: 1.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .wi-benefit-text {\n font-size: 0.85rem;\n color: #222222;\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .wi-body.open {\n grid-template-columns: 1fr;\n }\n\n .wi-name {\n font-size: 1.1rem;\n }\n\n .wi-thumb {\n width: 70px;\n height: 70px;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \u003cdiv class=\"wi-wrap\"\u003e\n \u003ch2 class=\"wi-title\"\u003eWhat's Included\u003c\/h2\u003e\n \u003cdiv id=\"accordion\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\nconst products = [\n {\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0024\/4137\/9915\/files\/beige-mini-perfect-pot.jpg?height=188\u0026v=1734118650\u0026width=188\",\n name: \"Mini Perfect Pot 2.0\",\n sub: \"A handy, multifunctional, non-toxic nonstick pot\",\n details: [\n \"A 2.5 qt. pot that boils, bakes, braises, roasts, fries, strains, serves, stores … does it all!\",\n \"Our nonstick ceramic coating is made without potentially toxic materials like PFAS (including PTFEs and PFOAs), lead and cadmium\",\n \"Featuring Thermakind® — our exclusive, most advanced, 50% longer-lasting ceramic nonstick coating\"\n ],\n specs: [\n \"16.9 in. length, 8.5 in. diameter, 4.2 in. depth, 6.7 in. height with lid\",\n \"2.5 qt. capacity\",\n \"Lightweight construction (3.3 lb.)\",\n \"Compatible with all cooktops, including induction\",\n \"Aluminum body for fast, even heat\"\n ],\n benefits: [\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-patented-multifunctionality-light-mode.jpg?height=87\u0026v=1733765582\u0026width=87\", text: \"Patented Multifunctional Design\" },\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-better-for-the-earth-recycled.jpg?height=87\u0026v=1733765582\u0026width=87\", text: \"Better for You, Better for Earth\" }\n ]\n },\n {\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0024\/4137\/9915\/files\/Beige_Mini_Always_Pan.jpg?height=188\u0026v=1733872395\u0026width=188\",\n name: \"Mini Always Pan 2.0\",\n sub: \"A handy, multifunctional, non-toxic nonstick pan\",\n details: [\n \"An 8.5-inch pan that sautes, fries, bakes, sears, boils, braises, strains, serves, stores … does it all!\",\n \"Our nonstick ceramic coating is made without potentially toxic materials like PFAS (including PTFEs and PFOAs), lead and cadmium\",\n \"Featuring Thermakind® — our exclusive, most advanced, 50% longer-lasting ceramic nonstick coating\"\n ],\n specs: [\n \"16.9 in. length, 8.5 in. diameter, 2.3 in. depth, 4.8 in. height with lid\",\n \"1.2 qt. capacity\",\n \"Lightweight construction (2 lb. body)\",\n \"Compatible with all cooktops, including induction\",\n \"Aluminum body for fast, even heat\"\n ],\n benefits: [\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-patented-multifunctionality-light-mode.jpg?height=87\u0026v=1733765582\u0026width=87\", text: \"Patented Multifunctional Design\" },\n { icon: \"https:\/\/fromourplace.com\/cdn\/shop\/files\/our-place-better-for-the-earth-recycled.jpg?height=87\u0026v=1733765582\u0026width=87\", text: \"Better for You, Better for Earth\" }\n ]\n }\n];\n\n let openIndex = 0;\n\n function buildAccordion() {\n const acc = document.getElementById('accordion');\n acc.innerHTML = products.map((p, i) =\u003e {\n const isOpen = i === openIndex;\n return `\n \u003cdiv class=\"wi-item\"\u003e\n \u003cdiv class=\"wi-header\" onclick=\"toggle(${i})\"\u003e\n \u003cimg class=\"wi-thumb\" src=\"${p.img}\" alt=\"${p.name}\" \/\u003e\n \u003cdiv class=\"wi-meta\"\u003e\n \u003cp class=\"wi-name\"\u003e${p.name}\u003c\/p\u003e\n \u003cp class=\"wi-sub\"\u003e${p.sub}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"wi-toggle ${isOpen ? 'open' : ''}\"\u003e+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wi-body ${isOpen ? 'open' : ''}\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eProduct Details\u003c\/p\u003e\n \u003cul class=\"wi-ul\"\u003e${p.details.map(d =\u003e `\u003cli\u003e${d}\u003c\/li\u003e`).join('')}\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eSpecs\u003c\/p\u003e\n \u003cul class=\"wi-ul\"\u003e${p.specs.map(s =\u003e `\u003cli\u003e${s}\u003c\/li\u003e`).join('')}\u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"wi-section-label\"\u003eBenefits\u003c\/p\u003e\n ${p.benefits.map(b =\u003e `\n\u003cdiv class=\"wi-benefit\"\u003e\n\n \u003cdiv class=\"wi-benefit-icon\"\u003e\n \u003cimg src=\"${b.icon}\" alt=\"${b.text}\"\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"wi-benefit-text\"\u003e\n ${b.text}\n \u003c\/span\u003e\n\n\u003c\/div\u003e\n`).join('')}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e`;\n }).join('');\n }\n\n function toggle(i) {\n openIndex = openIndex === i ? -1 : i;\n buildAccordion();\n }\n\n buildAccordion();\n \u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Vanilla Bean","offer_id":48073394880564,"sku":"mini-cookware-duo-6-piece-vanilla-bean","price":209.95,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073394913332,"sku":"mini-cookware-duo-6-piece-char","price":209.95,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073394946100,"sku":"mini-cookware-duo-6-piece-steam","price":209.95,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073394978868,"sku":"mini-cookware-duo-6-piece-blue-salt","price":209.95,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073395011636,"sku":"mini-cookware-duo-6-piece-sage","price":209.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/vanilla-bean-mini-cookware-duo-thumbnail-01.jpg?v=1785318649"},{"product_id":"always-pan-20","title":"Always Pan 2.0","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n\n .closer-card video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ==================== SECTION 1 ==================== --\u003e\n\u003csection class=\"feature-section\"\u003e\n\n \u003cdiv class=\"feature-image-wrap\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Pan_Expanded.jpg?height=1656\u0026amp;v=1681151780\u0026amp;width=1950\" alt=\"Always Pan components\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch2\u003eDesigned for Everything and Always\u003c\/h2\u003e\n\n \u003cdiv class=\"feature-panel-wrapper\"\u003e\n\n \u003cdiv class=\"feature-tabs-content\"\u003e\n\n \u003c!-- TAB 1 --\u003e\n \u003cdiv class=\"tab-panel active\" id=\"tab-1\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003ePut a Lid on It\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003ePut a Lid on It\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eOur iconic, domed-shaped, modular lid is designed to lock in steam when you need it or release it when you don’t.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 2 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eEvery Always Pan comes with a steamer basket (that doubles as a colander) and a nesting beechwood spatula that eliminates your need for a spoon rest.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 3 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eThat’s So Deep\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eDeeper than your average fry pan, the Always Pan’s unique design and handy, generous pour spouts make it that much more versatile.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 4 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-4\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThe non-toxic ceramic nonstick coating is super slippery, making it a dream for eggs, starches, sautes, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sidebar-nums\"\u003e\n \u003cbutton class=\"sidebar-num active\" data-tab=\"1\" onclick=\"switchTab(1)\"\u003e1\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"2\" onclick=\"switchTab(2)\"\u003e2\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"3\" onclick=\"switchTab(3)\"\u003e3\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"4\" onclick=\"switchTab(4)\"\u003e4\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003ch2\u003eA Closer Look\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/pink_always_pan_exterior.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732129568\u0026amp;width=893\" alt=\"Recycled Aluminum\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eRecycled Aluminum\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eRecycled Aluminum\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eOur Always Pan body is made from 100% post-consumer recycled aluminum, giving new life to existing materials and reducing environmental impact. It’s lightweight, durable, and ultra-conductive (3 times faster than stainless steel).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 (VIDEO) --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/226fc776dfc047658b84417bc4618200.mp4\" autoplay loop muted playsinline poster=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Pan_Expanded.jpg\"\u003e\u003c\/video\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eOven Safe up to 450°F\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eOven Safe up to 450°F\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eUnlock a whole new cache of recipes with stovetop-to-oven abilities. Whether you’re finishing off crispy chicken thighs or making an impressive dutch baby, you’ll find yourself reaching for your Always Pan, well, always.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/pink-always-pan-nonstick-coating.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732122983\u0026amp;width=893\" alt=\"Non-Toxic Nonstick Coating\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eNon-Toxic Nonstick Coating\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eNon-Toxic Nonstick Coating\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eOur exclusive, long-lasting ceramic nonstick is made without PFAS (including PTFE), lead, and cadmium. Mainly comprised of sand derivative, water, and alcohol, it’s safer, easier to clean, and made to perform.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Vanilla Bean","offer_id":48073395863604,"sku":"always-pan-20-vanilla-bean","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073395896372,"sku":"always-pan-20-spice","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073395929140,"sku":"always-pan-20-char","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073395961908,"sku":"always-pan-20-blue-salt","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073395994676,"sku":"always-pan-20-sage","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073396027444,"sku":"always-pan-20-steam","price":135.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/vanilla-bean-always-pan-thumbnail-01.jpg?v=1785318659"},{"product_id":"mini-always-pan-20","title":"Mini Always Pan 2.0","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduct Section\u003c\/title\u003e\n\u003cstyle\u003e\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Georgia', serif;\n background: #faf8f4;\n color: #2d2d2d;\n }\n\n \/* ===== SECTION 1 ===== *\/\n .feature-section {\n display: flex;\n align-items: flex-start;\n gap: 48px;\n padding: 64px 60px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .feature-image-wrap {\n position: relative;\n flex: 0 0 420px;\n max-width: 420px;\n }\n\n .feature-image-wrap img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n\n \/* Hotspots removed from image as requested *\/\n\n .feature-content {\n flex: 1;\n padding-top: 8px;\n }\n\n .feature-content h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n line-height: 1.25;\n margin-bottom: 28px;\n }\n\n .feature-panel-wrapper {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n }\n\n .feature-tabs-content { flex: 1; }\n\n .sidebar-nums {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 4px;\n }\n\n .sidebar-num {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: 2px solid #c0522a;\n background: transparent;\n color: #c0522a;\n font-size: 12px;\n font-family: 'Arial', sans-serif;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n }\n .sidebar-num.active, .sidebar-num:hover {\n background: #c0522a;\n color: #fff;\n }\n\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n .tab-eyebrow {\n font-family: 'Arial', sans-serif;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #c0522a;\n font-weight: 700;\n margin-bottom: 6px;\n }\n\n .tab-heading {\n font-family: 'Georgia', serif;\n font-size: 1.25rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .tab-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1.05rem;\n color: #555;\n line-height: 1.7;\n margin-bottom: 4px;\n }\n\n .tab-divider {\n border: none;\n border-top: 1px solid #e0dbd2;\n margin: 16px 0;\n }\n\n \/* ===== SECTION 2 ===== *\/\n .closer-section {\n padding: 60px 60px 80px;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n .closer-section h2 {\n font-family: 'Georgia', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #2d2d2d;\n margin-bottom: 8px;\n }\n\n .closer-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 18px;\n margin-top: 32px;\n align-items: stretch;\n }\n\n \/* Equal height cards — fixed height so all images align top and bottom *\/\n .closer-card {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: #eee;\n height: 480px;\n }\n\n .closer-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.4s ease;\n }\n .closer-card:hover img { transform: scale(1.03); }\n\n .closer-overlay {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 20px 18px 18px;\n background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n }\n\n .closer-overlay-heading {\n font-family: 'Georgia', serif;\n font-size: 1.08rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.3;\n max-width: calc(100% - 48px);\n }\n\n .plus-btn {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 2px solid #fff;\n background: transparent;\n color: #fff;\n font-size: 22px;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.2s, color 0.2s;\n }\n .closer-card:hover .plus-btn { background: rgba(255,255,255,0.2); }\n\n \/* FIX 2: Detail panel — full overlay that opens on click *\/\n .closer-detail {\n position: absolute;\n inset: 0;\n background: rgba(250,248,244,0.97);\n padding: 40px 22px 28px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .closer-card.open .closer-detail {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Hide the image overlay when card is open *\/\n .closer-card.open .closer-overlay {\n opacity: 0;\n pointer-events: none;\n }\n\n .closer-detail-heading {\n font-family: 'Georgia', serif;\n font-size: 1.3rem;\n font-weight: 700;\n color: #2d2d2d;\n margin-bottom: 12px;\n }\n\n .closer-detail-desc {\n font-family: 'Arial', sans-serif;\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: 2px solid #bbb;\n background: #fff;\n color: #555;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s;\n }\n .close-btn:hover { border-color: #c0522a; color: #c0522a; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .feature-section {\n flex-direction: column;\n padding: 36px 20px;\n gap: 28px;\n }\n .feature-image-wrap {\n flex: unset;\n max-width: 100%;\n width: 100%;\n }\n .closer-section { padding: 36px 20px 60px; }\n .closer-grid { grid-template-columns: 1fr; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ==================== SECTION 1 ==================== --\u003e\n\u003csection class=\"feature-section\"\u003e\n\n \u003cdiv class=\"feature-image-wrap\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/AP_Mini_Expanded.png?height=1656\u0026amp;v=1675797514\u0026amp;width=1950\" alt=\"Mini Always Pan components\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"feature-content\"\u003e\n \u003ch2\u003eDesigned for Everything and Always\u003c\/h2\u003e\n\n \u003cdiv class=\"feature-panel-wrapper\"\u003e\n\n \u003cdiv class=\"feature-tabs-content\"\u003e\n\n \u003c!-- FIX 2: Each tab shows ONLY its own feature(s) --\u003e\n\n \u003c!-- TAB 1: only feature 1 --\u003e\n \u003cdiv class=\"tab-panel active\" id=\"tab-1\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003ePut a Lid On It\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003ePut a Lid On It\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eOur iconic, domed-shaped, modular lid is designed to lock in steam when you need it or release it when you don't.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 2: only feature 2 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eAccessories: Included\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eSay goodbye to messy counters and crowded spoon rests thanks to the included Beechwood Spatula that nests securely across the pan's long handle.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 3: only feature 3 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-3\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eNote the Nonstick\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eThe exclusive, non-toxic Thermakind® nonstick coating is super slippery, making it a dream for eggs, starches, sautes, and more.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- TAB 4: only feature 4 --\u003e\n \u003cdiv class=\"tab-panel\" id=\"tab-4\"\u003e\n \u003cp class=\"tab-eyebrow\"\u003eThat's So Deep\u003c\/p\u003e\n \u003cp class=\"tab-heading\"\u003eThat's So Deep\u003c\/p\u003e\n \u003cp class=\"tab-desc\"\u003eDeeper than your average fry pan, the Mini Always Pan's depth and handy, generous pour spouts make it that much more versatile.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sidebar-nums\"\u003e\n \u003cbutton class=\"sidebar-num active\" data-tab=\"1\" onclick=\"switchTab(1)\"\u003e1\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"2\" onclick=\"switchTab(2)\"\u003e2\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"3\" onclick=\"switchTab(3)\"\u003e3\u003c\/button\u003e\n \u003cbutton class=\"sidebar-num\" data-tab=\"4\" onclick=\"switchTab(4)\"\u003e4\u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==================== SECTION 2 ==================== --\u003e\n\u003csection class=\"closer-section\"\u003e\n \u003c!-- FIX 3: all black heading, no span color --\u003e\n \u003ch2\u003eTake a Closer Look\u003c\/h2\u003e\n\n \u003cdiv class=\"closer-grid\"\u003e\n\n \u003c!-- CARD 1 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-1\" onclick=\"openCard('card-1')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Screen_Shot_2023-02-03_at1_3.07_1.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689199075\u0026amp;width=893\" alt=\"Mini, Mighty, Multifunctional\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eMini, Mighty, Multifunctional\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-1')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-1')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eMini, Mighty, Multifunctional\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eThe Mini Always Pan 2.0 features all the same multifunctionality of the original, just in a smaller size. While the main dish is simmering or roasting in the OG, whip up delicious sides in the sidekick to round out the menu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 2 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-2\" onclick=\"openCard('card-2')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Mask_group_31.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689199075\u0026amp;width=893\" alt=\"Oven Safe Up to 450°F\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eOven Safe Up to 450°F\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-2')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-2')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eOven Safe Up to 450°F\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eUnlock a whole new cache of recipes with stovetop-to-oven abilities. Whether you're crafting a cheesy frittata or making an impressive dutch baby, you'll find yourself reaching for the Mini Always Pan well … always!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARD 3 --\u003e\n \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\u003e\n \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/Mask_group_51.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1689199075\u0026amp;width=893\" alt=\"Non-toxic Nonstick Coating\"\u003e\n \u003cdiv class=\"closer-overlay\"\u003e\n \u003cspan class=\"closer-overlay-heading\"\u003eNon-toxic Nonstick Coating\u003c\/span\u003e\n \u003cbutton class=\"plus-btn\" onclick=\"openCard('card-3')\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"closer-detail\"\u003e\n \u003cbutton class=\"close-btn\" onclick=\"closeCard(event,'card-3')\"\u003e×\u003c\/button\u003e\n \u003cp class=\"closer-detail-heading\"\u003eNon-toxic Nonstick Coating\u003c\/p\u003e\n \u003cp class=\"closer-detail-desc\"\u003eA nonstick like no other, our 50% longer-lasting Thermakind® ceramic coating is exclusive to Our Place and the only nonstick you'll want for your place. Mainly comprised of sand derivative and water, the nonstick coating isn't hiding any harmful chemicals.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n \/* ===== TAB SWITCHER ===== *\/\n function switchTab(num) {\n document.querySelectorAll('.tab-panel').forEach(p =\u003e p.classList.remove('active'));\n document.querySelectorAll('.hotspot').forEach(b =\u003e b.classList.remove('active'));\n document.querySelectorAll('.sidebar-num').forEach(b =\u003e b.classList.remove('active'));\n\n document.getElementById('tab-' + num).classList.add('active');\n document.querySelectorAll('[data-tab=\"' + num + '\"]').forEach(el =\u003e el.classList.add('active'));\n }\n\n \/* ===== CLOSER LOOK CARDS ===== *\/\n function openCard(id) {\n document.getElementById(id).classList.add('open');\n }\n function closeCard(event, id) {\n event.stopPropagation();\n document.getElementById(id).classList.remove('open');\n }\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"our place","offers":[{"title":"Blue Salt","offer_id":48073397108788,"sku":"mini-always-pan-20-blue-salt","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Cream","offer_id":48073397141556,"sku":"mini-always-pan-20-cream","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073397174324,"sku":"mini-always-pan-20-steam","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073397207092,"sku":"mini-always-pan-20-spice","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073397239860,"sku":"mini-always-pan-20-sage","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073397272628,"sku":"mini-always-pan-20-char","price":73.03,"currency_code":"USD","in_stock":true},{"title":"Lavender","offer_id":48073397305396,"sku":"mini-always-pan-20-lavender","price":73.03,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/blue-mini-always-pan.jpg?v=1785318673"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/collections\/narrow_banner_mini_hcd_stove.webp?v=1785327972","url":"https:\/\/ourrplace.store\/collections\/the-minis-collection.oembed","provider":"OUR PLACE","version":"1.0","type":"link"}