{"product_id":"titanium-always-pan-pro","title":"Titanium 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  .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\/our-place-Exploding-TitaniumAlwaysPanPro-chrome.jpg?height=1656\u0026amp;v=1742841313\u0026amp;width=1950\" alt=\"Titanium Always Pan Pro components\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-content\"\u003e\n    \u003ch2\u003eDesigned for Chef-Approved Cooking\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 spatula is a premium cooking tool made from stainless steel 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        \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\"\u003eThe first of its kind nonstick technology was developed entirely without coatings, and is made without PFAS, including PTFE (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 our Titanium Pro cookware. 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!-- TAB 5 --\u003e\n        \u003cdiv class=\"tab-panel\" id=\"tab-5\"\u003e\n          \u003cp class=\"tab-eyebrow\"\u003eDeeper, by Design\u003c\/p\u003e\n          \u003cp class=\"tab-heading\"\u003eDeeper, by Design\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\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\/03_highlight_card_noco_turn_up_the_heat_4271bd12-a777-44d8-ac88-eef70721d7e9.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1712784190\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 (*Gold: 750°F). Get all the high heat searing power you need with the ease of a nonstick effect.\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\/highlight_card_oven_dishwasher_safe.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1729098192\u0026amp;width=893\" alt=\"Oven \u0026amp; Dishwasher Safe\"\u003e\n      \u003cdiv class=\"closer-overlay\"\u003e\n        \u003cspan class=\"closer-overlay-heading\"\u003eOven \u0026amp; Dishwasher Safe\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 \u0026amp; Dishwasher Safe\u003c\/p\u003e\n        \u003cp class=\"closer-detail-desc\"\u003eLooking for a high-performance pan that can do anything, or go anywhere? This titanium pan is good to go in the dishwasher, is safe for use with metal utensils, and can travel from the stovetop to the oven 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\/Titanium_Always_Pan_Pro_with_egg.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1736961716\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 all our Titanium Pro cookware.\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":"Stainless Steel Spatula \/ Chrome","offer_id":48073396191284,"sku":"titanium-always-pan-pro-stainless-steel-spatula--chrome","price":179.0,"currency_code":"USD","in_stock":true},{"title":"Stainless Steel Spatula \/ Chrome\/Gold","offer_id":48073396224052,"sku":"titanium-always-pan-pro-stainless-steel-spatula--chromegold","price":179.0,"currency_code":"USD","in_stock":true},{"title":"Stainless Steel Spatula \/ Brushed","offer_id":48073396256820,"sku":"titanium-always-pan-pro-stainless-steel-spatula--brushed","price":179.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/our-place-product-thumbnail-TitaniumAlwaysPanPro-chrome.jpg?v=1785318662","url":"https:\/\/ourrplace.store\/products\/titanium-always-pan-pro","provider":"OUR PLACE","version":"1.0","type":"link"}