{"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","url":"https:\/\/ourrplace.store\/products\/mini-always-pan-20","provider":"OUR PLACE","version":"1.0","type":"link"}