{"product_id":"cast-iron-hot-grill","title":"Cast Iron Hot Grill","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\u003eKey Features\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  \/* ============================================================\n     SECTION 1: KEY FEATURES — tabs with text left, image right\n  ============================================================ *\/\n  .key-features {\n    padding: 64px 60px 0;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .key-features__header {\n    margin-bottom: 40px;\n  }\n\n  .key-features__header h2 {\n    font-family: 'Georgia', serif;\n    font-size: 2.8rem;\n    font-weight: 400;\n    color: #2d2d2d;\n    line-height: 1.15;\n    margin-bottom: 8px;\n  }\n\n  .key-features__header p {\n    font-family: 'Arial', sans-serif;\n    font-size: 1.6rem;\n    color: #555;\n  }\n\n  .key-features__header p span {\n    color: #c0522a;\n  }\n\n  \/* Tab nav *\/\n  .kf-tabs {\n    display: flex;\n    border-bottom: 1px solid #d0ccc5;\n    margin-bottom: 52px;\n  }\n\n  .kf-tab {\n    flex: 1;\n    padding: 14px 10px;\n    font-family: 'Arial', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #888;\n    background: transparent;\n    border: none;\n    border-bottom: 3px solid transparent;\n    cursor: pointer;\n    transition: color 0.2s, border-color 0.2s;\n    margin-bottom: -1px;\n    text-align: center;\n  }\n\n  .kf-tab.active {\n    color: #c0522a;\n    border-bottom-color: #c0522a;\n  }\n\n  .kf-tab:hover:not(.active) {\n    color: #2d2d2d;\n  }\n\n  \/* Tab panels *\/\n  .kf-panel {\n    display: none;\n  }\n  .kf-panel.active {\n    display: flex;\n    align-items: center;\n    gap: 48px;\n    padding-bottom: 64px;\n  }\n\n  \/* Left text side *\/\n  .kf-panel__text {\n    flex: 0 0 38%;\n  }\n\n  .kf-panel__text h3 {\n    font-family: 'Georgia', serif;\n    font-size: 3rem;\n    font-weight: 400;\n    color: #2d2d2d;\n    margin-bottom: 18px;\n    line-height: 1.25;\n  }\n\n  .kf-panel__text p {\n    font-family: 'Arial', sans-serif;\n    font-size: 1.6rem;\n    color: #555;\n    line-height: 1.75;\n  }\n\n  \/* Right image side *\/\n  .kf-panel__image {\n    flex: 1;\n    border-radius: 8px;\n    overflow: hidden;\n    max-height: 420px;\n  }\n\n  .kf-panel__image img {\n    width: 100%;\n    height: 420px;\n    object-fit: cover;\n    display: block;\n    border-radius: 8px;\n  }\n\n  \/* ============================================================\n     SECTION 2: THREE CARDS (click to open)\n  ============================================================ *\/\n\n \/* FIX 3: \"Take a Closer Look\" — all black, no red *\/\n  .cards-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  .cards-section {\n    padding: 70px 60px 80px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .cards-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .flip-card {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    cursor: pointer;\n    background: #ddd;\n    height: 480px;\n  }\n\n  .flip-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n  .flip-card:hover img { transform: scale(1.03); }\n\n  .flip-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    transition: opacity 0.3s;\n  }\n\n  .flip-overlay-heading {\n    font-family: 'Georgia', serif;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #fff;\n    line-height: 1.3;\n    max-width: calc(100% - 48px);\n  }\n\n  .flip-plus {\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    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: background 0.2s;\n  }\n  .flip-card:hover .flip-plus { background: rgba(255,255,255,0.2); }\n\n  .flip-detail {\n    position: absolute;\n    inset: 0;\n    background: rgba(250,248,244,0.97);\n    padding: 44px 24px 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  .flip-card.open .flip-detail {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .flip-card.open .flip-overlay {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .flip-detail h4 {\n    font-family: 'Georgia', serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: #2d2d2d;\n    margin-bottom: 12px;\n  }\n\n  .flip-detail p {\n    font-family: 'Arial', sans-serif;\n    font-size: 0.95rem;\n    color: #555;\n    line-height: 1.75;\n  }\n\n  .flip-close {\n    position: absolute;\n    top: 12px; right: 12px;\n    width: 28px; 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  .flip-close:hover { border-color: #c0522a; color: #c0522a; }\n\n  \/* ============================================================\n     SECTION 3: SPLIT — text left, image right\n  ============================================================ *\/\n  .some-hot {\n    display: flex;\n    align-items: stretch;\n    max-width: 100%;\n    overflow: hidden;\n    padding-bottom: 70px;\n  }\n\n  .some-hot__content {\n    flex: 0 0 40%;\n    background: #f0ece4;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 60px 56px;\n    gap: 18px;\n    order: 1;\n  }\n\n  .some-hot__content h2 {\n    font-family: 'Georgia', serif;\n    font-size: 2.9rem;\n    font-weight: 400;\n    color: #2d2d2d;\n    line-height: 1.2;\n  }\n\n  .some-hot__content p {\n    font-family: 'Arial', sans-serif;\n    font-size: 1.7rem;\n    color: #555;\n    line-height: 1.75;\n  }\n\n  .some-hot__image {\n    flex: 0 0 60%;\n    position: relative;\n    min-height: 480px;\n    order: 2;\n  }\n\n  .some-hot__image img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* ============================================================\n     RESPONSIVE\n  ============================================================ *\/\n  @media (max-width: 900px) {\n    .key-features { padding: 40px 20px 0; }\n    .key-features__header h2 { font-size: 2rem; }\n    .kf-tabs { overflow-x: auto; }\n    .kf-tab { font-size: 0.65rem; padding: 12px 6px; }\n    .kf-panel.active { flex-direction: column; padding-bottom: 40px; }\n    .kf-panel__text { flex: unset; width: 100%; }\n    .kf-panel__image { width: 100%; }\n    .kf-panel__image img { height: 280px; }\n    .cards-section { padding: 40px 20px 60px; }\n    .cards-grid { grid-template-columns: 1fr; }\n    .some-hot { flex-direction: column; }\n    .some-hot__content { flex: unset; order: 2; padding: 40px 24px; }\n    .some-hot__image { flex: unset; order: 1; min-height: 300px; width: 100%; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================\n     SECTION 1: KEY FEATURES\n============================================================ --\u003e\n\u003csection class=\"key-features\"\u003e\n  \u003cdiv class=\"key-features__header\"\u003e\n    \u003ch2\u003eKey Features\u003c\/h2\u003e\n    \u003cp\u003eOpen up a whole new world with \u003cspan\u003eindoor grilling\u003c\/span\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Tab nav --\u003e\n  \u003cdiv class=\"kf-tabs\"\u003e\n    \u003cbutton class=\"kf-tab active\" onclick=\"switchKF(0)\"\u003eGetting Sear-ious\u003c\/button\u003e\n    \u003cbutton class=\"kf-tab\" onclick=\"switchKF(1)\"\u003eDream of Steam\u003c\/button\u003e\n    \u003cbutton class=\"kf-tab\" onclick=\"switchKF(2)\"\u003eLove Your Loaves\u003c\/button\u003e\n    \u003cbutton class=\"kf-tab\" onclick=\"switchKF(3)\"\u003ePut a Lid On It\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Panel 1 --\u003e\n  \u003cdiv class=\"kf-panel active\" id=\"kf-0\"\u003e\n    \u003cdiv class=\"kf-panel__text\"\u003e\n      \u003ch3\u003eGetting Sear-ious\u003c\/h3\u003e\n      \u003cp\u003eWith its elevated ridges and premium enameled cast iron body, the Hot Grill is ideal for grilling up perfect burgers, kebabs, steaks, veggies … you get it.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kf-panel__image\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/green_cast_iron_hot_grill_on_stovetop_with_vegetables.jpg?crop=center\u0026amp;height=1198\u0026amp;v=1732290853\u0026amp;width=1950\" alt=\"Getting Sear-ious\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Panel 2 --\u003e\n  \u003cdiv class=\"kf-panel\" id=\"kf-1\"\u003e\n    \u003cdiv class=\"kf-panel__text\"\u003e\n      \u003ch3\u003eDream of Steam\u003c\/h3\u003e\n      \u003cp\u003eWho wants cheese on their burger? I mean, duh. Get mouthwatering melted cheese when you use the lid from the cast iron Perfect Pot with the Hot Grill.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kf-panel__image\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/black_cast_iron_hot_grill_with_cheeseburger.jpg?crop=center\u0026amp;height=1198\u0026amp;v=1732290901\u0026amp;width=1950\" alt=\"Dream of Steam\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Panel 3 --\u003e\n  \u003cdiv class=\"kf-panel\" id=\"kf-2\"\u003e\n    \u003cdiv class=\"kf-panel__text\"\u003e\n      \u003ch3\u003eLove Your Loaves\u003c\/h3\u003e\n      \u003cp\u003eTogether, the Hot Grill and the cast iron Perfect Pot make the fluffiest golden-brown loaves of bread you've ever baked.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kf-panel__image\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/pink_cast_iron_perfect_pot_and_hot_grill_with_loaf_of_bread_and_walnut_cutting_board.jpg?crop=center\u0026amp;height=1198\u0026amp;v=1732290959\u0026amp;width=1950\" alt=\"Love Your Loaves\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Panel 4 --\u003e\n  \u003cdiv class=\"kf-panel\" id=\"kf-3\"\u003e\n    \u003cdiv class=\"kf-panel__text\"\u003e\n      \u003ch3\u003ePut a Lid On It\u003c\/h3\u003e\n      \u003cp\u003eUse the Hot Grill as a lid on your cast iron Perfect Pot to maximize oven space. Welcome to even more multifunctionality.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kf-panel__image\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/beige_cast_iron_perfect_pot_and_cast_iron_hot_grill_in_oven.jpg?crop=center\u0026amp;height=1198\u0026amp;v=1732290990\u0026amp;width=1950\" alt=\"Put a Lid On It\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n     SECTION 2: THREE CARDS\n============================================================ --\u003e\n\u003csection class=\"cards-section\"\u003e\n  \u003ch2\u003eCast Iron at Our Place\u003c\/h2\u003e\n  \u003cdiv class=\"cards-grid\"\u003e\n\n    \u003c!-- CARD 1 --\u003e\n    \u003cdiv class=\"flip-card\" id=\"fc-1\" onclick=\"openCard('fc-1')\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/green_cast_iron_hot_grill_with_lid.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732291023\u0026amp;width=893\" alt=\"Premium Heirloom Quality\"\u003e\n      \u003cdiv class=\"flip-overlay\"\u003e\n        \u003cspan class=\"flip-overlay-heading\"\u003ePremium Heirloom Quality\u003c\/span\u003e\n        \u003cbutton class=\"flip-plus\"\u003e+\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flip-detail\"\u003e\n        \u003cbutton class=\"flip-close\" onclick=\"closeCard(event,'fc-1')\"\u003e×\u003c\/button\u003e\n        \u003ch4\u003ePremium Heirloom Quality\u003c\/h4\u003e\n        \u003cp\u003ePass down Our Place cast iron through the generations — that's what it's for. The premium matte black enameled cast iron is so easy to care for, it will care for you for years to come.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CARD 2 --\u003e\n    \u003cdiv class=\"flip-card\" id=\"fc-2\" onclick=\"openCard('fc-2')\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/pink_cast_iron_hot_grill_and_perfect_pot_with_bread.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732291066\u0026amp;width=893\" alt=\"Oh, the Multifunctionality\"\u003e\n      \u003cdiv class=\"flip-overlay\"\u003e\n        \u003cspan class=\"flip-overlay-heading\"\u003eOh, the Multifunctionality\u003c\/span\u003e\n        \u003cbutton class=\"flip-plus\"\u003e+\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flip-detail\"\u003e\n        \u003cbutton class=\"flip-close\" onclick=\"closeCard(event,'fc-2')\"\u003e×\u003c\/button\u003e\n        \u003ch4\u003eOh, the Multifunctionality\u003c\/h4\u003e\n        \u003cp\u003eOur cast iron cookware is meant to work together, so you can do even more in the kitchen. Use the lid from the cast iron Perfect Pot on your Hot Grill for steam grilling, or the Hot Grill with the Perfect Pot for baking golden loaves. And don't forget the Grill Press.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CARD 3 --\u003e\n    \u003cdiv class=\"flip-card\" id=\"fc-3\" onclick=\"openCard('fc-3')\"\u003e\n      \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/beige_cast_iron_perfect_pot_and_hot_grill_in_oven.jpg?crop=center\u0026amp;height=1264\u0026amp;v=1732291102\u0026amp;width=893\" alt=\"Turn Up the Heat\"\u003e\n      \u003cdiv class=\"flip-overlay\"\u003e\n        \u003cspan class=\"flip-overlay-heading\"\u003eTurn Up the Heat\u003c\/span\u003e\n        \u003cbutton class=\"flip-plus\"\u003e+\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"flip-detail\"\u003e\n        \u003cbutton class=\"flip-close\" onclick=\"closeCard(event,'fc-3')\"\u003e×\u003c\/button\u003e\n        \u003ch4\u003eTurn Up the Heat\u003c\/h4\u003e\n        \u003cp\u003eAll Our Place cast iron is designed to take the heat. Go from the stovetop to the oven to the broiler with a heat resistance of up to 500°F without the lid.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ============================================================\n     SECTION 3: SOME LIKE IT HOT — text left, image right\n============================================================ --\u003e\n\u003csection class=\"some-hot\"\u003e\n  \u003cdiv class=\"some-hot__content\"\u003e\n    \u003ch2\u003eSome Like it Hot\u003c\/h2\u003e\n    \u003cp\u003eDouble down on your cast iron dreams with our dynamic duo: the Cast Iron Perfect Pot and Hot Grill.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"some-hot__image\"\u003e\n    \u003cimg src=\"https:\/\/fromourplace.com\/cdn\/shop\/files\/green_cast_iron_perfect_pot_and_hot_grill.jpg?crop=bottom\u0026amp;height=745\u0026amp;v=1732291168\u0026amp;width=1950\" alt=\"Some Like it Hot\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n  \/* KEY FEATURES TABS *\/\n  function switchKF(idx) {\n    document.querySelectorAll('.kf-tab').forEach((b, i) =\u003e {\n      b.classList.toggle('active', i === idx);\n    });\n    document.querySelectorAll('.kf-panel').forEach((p, i) =\u003e {\n      p.classList.toggle('active', i === idx);\n    });\n  }\n\n  \/* CARDS *\/\n  function openCard(id) {\n    document.getElementById(id).classList.add('open');\n  }\n  function closeCard(e, id) {\n    e.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":"Default Title","offer_id":48073382527028,"sku":null,"price":74.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0772\/9741\/8292\/files\/Black_Cast_Iron_Hot_Grill.jpg?v=1785318515","url":"https:\/\/ourrplace.store\/products\/cast-iron-hot-grill","provider":"OUR PLACE","version":"1.0","type":"link"}