{"product_id":"tea-towel-tomatoes","title":"Tea Towel | Tomatoes","description":"\u003c!--\nTomatoes product block with image enlarge-on-hover + accordion.\nDefault image width: 600px (before enlargement).\n--\u003e\n\n\u003cstyle\u003e\n\/* ================== Imagery \u0026 Text (minimal) =================== *\/\n\n  .pw-component .hover-zoom { display: inline-block; position: relative; }\n\n  \/* Include your custom class .main-img-T *\/\n  .pw-component .hover-zoom img,\n  .pw-component .main-img,\n  .pw-component .main-img-T {\n    display: block;\n    width: 600px;              \/* ← updated default width *\/\n    max-width: 100%;\n    height: auto;\n    border-radius: 4px;\n    transition:\n      transform 0.82s cubic-bezier(0.2,0,0.2,1),\n      box-shadow 0.82s cubic-bezier(0.2,0,0.2,1);\n    transform-origin: center center;\n    position: relative;\n    z-index: 1;\n    margin-bottom: 0px;\n    will-change: transform;\n  }\n\n  \/* Preferred: enlarge when wrapper hovered *\/\n  .pw-component .hover-zoom:hover img {\n    transform: scale(1.08);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n    z-index: 40;\n  }\n\n  \/* Fallback: enlarge if image itself hovered *\/\n  .pw-component .main-img-T:hover {\n    transform: scale(1.12);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n    z-index: 40;\n  }\n\n  .pw-component p {\n    margin-top: 6px;\n    margin-bottom: 10px;\n  }\n\n\/* ========================= Accordion =========================== *\/\n  .pw-component .accordion-button {\n    width: 100%;\n    text-align: left;\n    background: none !important;\n    border: none !important;\n    padding: 8px 0;\n    font-size: 16px;\n    font-weight: 400 !important;\n    color: #000 !important;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .pw-component .accordion-button.is-open {\n    color: #c00 !important;\n  }\n  .pw-component .accordion-button:hover:not(.is-open) {\n    color: #c00 !important;\n  }\n\n  .pw-component .accordion-button:focus-visible {\n    outline: 2px solid #c00;\n    outline-offset: 2px;\n  }\n\n  .pw-component .accordion-panel {\n    max-height: 0;\n    overflow: hidden;\n    transition:\n      max-height 0.45s cubic-bezier(0.2,0,0.2,1),\n      padding 0.35s ease;\n    color: #666;\n    font-size: 14px;\n    line-height: 1.5;\n    padding-top: 0;\n  }\n  .pw-component .accordion-panel.open { padding-top: 6px; }\n\n  @media (max-width: 600px) {\n    .pw-component .hover-zoom img,\n    .pw-component .main-img,\n    .pw-component .main-img-T {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"pw-component\" style=\"text-align: left;\"\u003e\n  \u003c!-- ======================== Product Image ===================== --\u003e\n  \u003cspan class=\"hover-zoom\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0166\/2236\/files\/Tomatoes_design_500px_480x480.jpg?v=1713989481\" alt=\"Tomatoes tea towel by PilgrimWaters made in the USA\" class=\"main-img-T\"\u003e\n  \u003c\/span\u003e\n\n  \u003c!-- ==================== Description copy ===================== --\u003e\n  Our \u003cem\u003eTomatoes\u003c\/em\u003e tea towel is a delightful infusion of kitchen\n  charm and artisanal elegance. Adorned with vibrant tomato motifs, our\n  design brings a garden-fresh style to your culinary space.\n\n  Crafted with precision and a love for the harvest, these towels boast a\n  soft, absorbent texture, making them perfect for drying dishes or hands\n  with a touch of farm-to-table flair. The rich red hues of the tomatoes\n  pop against a crisp white background, adding a burst of color to your\n  kitchen.\n\n  \u003c!-- =================== Details: Accordion ==================== --\u003e\n  \u003cdiv style=\"margin-top: 8px; border-top: 1px solid #ddd; padding-top: 6px;\"\u003e\n    \u003cbutton id=\"tomatoesDetailsBtn\" class=\"accordion-button\" type=\"button\" aria-controls=\"tomatoesDetailsPanel\" aria-expanded=\"false\"\u003e\n      DETAILS\n      \u003cspan class=\"accordion-icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv id=\"tomatoesDetailsPanel\" class=\"accordion-panel\" role=\"region\" aria-hidden=\"true\" aria-labelledby=\"tomatoesDetailsBtn\"\u003e\n      \u003cdiv\u003e- 30\" L × 30\" W (76 CM × 76 CM)\u003c\/div\u003e\n      \u003cdiv\u003e- 100% COTTON FLOUR SACKCLOTH\u003c\/div\u003e\n      \u003cdiv\u003e- EACH PRINT RUN HAS UNIQUE CHARACTERISTICS\u003c\/div\u003e\n      \u003cdiv\u003e- WARM WASH WITH LIKE COLORS, WARM IRON IF DESIRED\u003c\/div\u003e\n      \u003cdiv\u003e- HANDMADE + PRINTED IN THE USA\u003c\/div\u003e\n      \u003cdiv style=\"margin-top: 6px;\"\u003e\n        Our\n        \u003ca href=\"https:\/\/www.pilgrimwaters.co\/pages\/return-policies\" title=\"Return policy\"\u003ereturn policies\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initAccordion (btnId, panelId) {\n      var btn = document.getElementById(btnId);\n      var panel = document.getElementById(panelId);\n      if (!btn || !panel) return;\n\n      btn.setAttribute('aria-expanded', 'false');\n      panel.setAttribute('aria-hidden', 'true');\n      panel.style.overflow = 'hidden';\n      panel.style.maxHeight = '0px';\n\n      function openPanel () {\n        btn.classList.add('is-open');\n        btn.setAttribute('aria-expanded', 'true');\n        panel.classList.add('open');\n        panel.setAttribute('aria-hidden', 'false');\n        panel.style.maxHeight = panel.scrollHeight + 'px';\n        var onEnd = function () {\n          panel.style.maxHeight = 'none';\n          panel.removeEventListener('transitionend', onEnd);\n        };\n        panel.addEventListener('transitionend', onEnd);\n        var icon = btn.querySelector('.accordion-icon');\n        if (icon) icon.textContent = '−';\n      }\n\n      function closePanel () {\n        btn.classList.remove('is-open');\n        btn.setAttribute('aria-expanded', 'false');\n        panel.classList.remove('open');\n        panel.setAttribute('aria-hidden', 'true');\n        panel.style.maxHeight = panel.scrollHeight + 'px';\n        panel.offsetHeight;\n        panel.style.maxHeight = '0px';\n        var icon = btn.querySelector('.accordion-icon');\n        if (icon) icon.textContent = '+';\n      }\n\n      function togglePanel (evt) {\n        if (evt) evt.preventDefault();\n        if (btn.classList.contains('is-open')) closePanel();\n        else openPanel();\n      }\n\n      btn.addEventListener('click', togglePanel, false);\n      btn.addEventListener('keydown', function (e) {\n        if (e.key === ' ' || e.key === 'Enter') togglePanel(e);\n      }, false);\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', function () {\n        initAccordion('tomatoesDetailsBtn', 'tomatoesDetailsPanel');\n      });\n    } else {\n      initAccordion('tomatoesDetailsBtn', 'tomatoesDetailsPanel');\n    }\n  })();\n\u003c\/script\u003e\n","brand":"PWLine","offers":[{"title":"Default Title","offer_id":19376509812833,"sku":"0008","price":34.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0166\/2236\/products\/teatowel-tomatoes-2048.jpg?v=1705100231","url":"https:\/\/www.pilgrimwaters.co\/products\/tea-towel-tomatoes","provider":"PilgrimWaters | designer \u0026 makers","version":"1.0","type":"link"}