{"product_id":"large-always-pan","title":"Large Always 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  .closer-card:hover img { transform: scale(1.03); }\n\n  .closer-card video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\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_Large_Exploding.png?height=1656\u0026amp;v=1691092760\u0026amp;width=1950\" alt=\"Large 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\"\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 --\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 non-toxic Thermakind® 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!-- TAB 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 large 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  \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-closeup.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732120629\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-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\"\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, water, and alcohol, you won’t find harmful chemicals hiding in the nonstick coating.\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\/pink-always-pan-recycled.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732120599\u0026amp;width=893\" alt=\"Lightweight Aluminum Body\"\u003e\n      \u003cdiv class=\"closer-overlay\"\u003e\n        \u003cspan class=\"closer-overlay-heading\"\u003eLightweight Aluminum Body\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\"\u003eLightweight Aluminum Body\u003c\/p\u003e\n        \u003cp class=\"closer-detail-desc\"\u003eThe ultra-conductive Always Pan body and lid is made from sturdy aluminum, which is three times more heat conductive than stainless steel (did you know that?). Fast, easy cooking is just a matter of turning on your stove.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CARD 3 (VIDEO) --\u003e\n    \u003cdiv class=\"closer-card\" id=\"card-3\" onclick=\"openCard('card-3')\"\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\/AP_Large_Exploding.png\"\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-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\"\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\/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":48073396420660,"sku":"large-always-pan-steam","price":159.0,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073396453428,"sku":"large-always-pan-char","price":159.0,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073396486196,"sku":"large-always-pan-blue-salt","price":159.0,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073396518964,"sku":"large-always-pan-sage","price":159.0,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073396551732,"sku":"large-always-pan-spice","price":159.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/beige-large-always-pan.png?v=1785318666","url":"https:\/\/ourrplace.store\/products\/large-always-pan","provider":"OUR PLACE","version":"1.0","type":"link"}