{"product_id":"perfect-pot","title":"Perfect Pot","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}s\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\/Pot_Expanded_e84db225-105c-4e40-bfa0-d385d65354aa.jpg?height=1656\u0026amp;v=1687808378\u0026amp;width=1950\" alt=\"Perfect Pot 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\"\u003eEvery Perfect Pot comes with a genius Beechwood Spoon that rests two ways on the pot!\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\"\u003eIt’s Family-Sized\u003c\/p\u003e\n          \u003cp class=\"tab-heading\"\u003eIt’s Family-Sized\u003c\/p\u003e\n          \u003cp class=\"tab-desc\"\u003eAt 5.5 quarts, the pot is generously sized for all kinds of recipes. Whether you’re roasting a whole chicken or doubling a soup, you’ve got the room.\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\"\u003eWonderfully Lightweight\u003c\/p\u003e\n          \u003cp class=\"tab-heading\"\u003eWonderfully Lightweight\u003c\/p\u003e\n          \u003cp class=\"tab-desc\"\u003eComing in at 1\/3 the weight of traditional dutch ovens, 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\/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\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":48073395339316,"sku":"perfect-pot-vanilla-bean","price":149.0,"currency_code":"USD","in_stock":true},{"title":"Char","offer_id":48073395372084,"sku":"perfect-pot-char","price":149.0,"currency_code":"USD","in_stock":true},{"title":"Blue Salt","offer_id":48073395404852,"sku":"perfect-pot-blue-salt","price":149.0,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":48073395437620,"sku":"perfect-pot-sage","price":149.0,"currency_code":"USD","in_stock":true},{"title":"Spice","offer_id":48073395470388,"sku":"perfect-pot-spice","price":149.0,"currency_code":"USD","in_stock":true},{"title":"Steam","offer_id":48073395503156,"sku":"perfect-pot-steam","price":149.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/vanilla-bean-perfect-pot-thumbnail-01.jpg?v=1785318655","url":"https:\/\/ourrplace.store\/products\/perfect-pot","provider":"OUR PLACE","version":"1.0","type":"link"}