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