{"id":7852,"date":"2026-10-09T13:58:27","date_gmt":"2026-10-09T05:58:27","guid":{"rendered":"https:\/\/www.ht-kitchenware.com\/tasty\/?page_id=7852"},"modified":"2026-10-09T14:00:45","modified_gmt":"2026-10-09T06:00:45","slug":"pressure-cooker-002","status":"publish","type":"page","link":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/pressure-cooker-002\/","title":{"rendered":"Pressure Cooker-002"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7852\" class=\"elementor elementor-7852\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-529d4f0 e-con-full e-flex e-con e-parent\" data-id=\"529d4f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1daf78 elementor-widget elementor-widget-html\" data-id=\"f1daf78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SINGLE PRODUCT DETAIL \u00b7 Elementor HTML widget\r\n  Paste this complete file into one Elementor HTML widget.\r\n\r\n  HOW TO EDIT\r\n  1. Find const PRODUCT near the bottom of this file.\r\n  2. Fill the blank text fields.\r\n  3. Paste up to five WordPress Media Library image URLs into images[].\r\n  4. Keep fit as \"contain\" for white-background product photos;\r\n     use \"cover\" for lifestyle or scene photos.\r\n\r\n  Blank fields deliberately display neutral skeleton placeholders so the\r\n  layout remains visible while the page is being prepared.\r\n-->\r\n\r\n<section class=\"ht-product-detail\" data-ht-product-detail aria-labelledby=\"htpd-title\">\r\n  <div class=\"htpd-gallery\" aria-label=\"Product image gallery\">\r\n    <div class=\"htpd-thumbs\" data-htpd-thumbs role=\"group\" aria-label=\"Product images\"><\/div>\r\n\r\n    <div class=\"htpd-stage\">\r\n      <button class=\"htpd-main-open\" data-htpd-open type=\"button\" aria-label=\"Enlarge product image\" disabled>\r\n        <img class=\"htpd-main-image\" data-htpd-main alt=\"\" decoding=\"async\" hidden>\r\n        <span class=\"htpd-image-placeholder\" data-htpd-image-placeholder aria-hidden=\"true\"><\/span>\r\n        <span class=\"htpd-zoom-cue\" data-htpd-zoom-cue aria-hidden=\"true\" hidden>\u2197 &nbsp; Enlarge<\/span>\r\n      <\/button>\r\n\r\n      <div class=\"htpd-gallery-footer\">\r\n        <span data-htpd-counter>00 \/ 05<\/span>\r\n        <div class=\"htpd-arrows\">\r\n          <button type=\"button\" data-htpd-prev aria-label=\"Previous image\" disabled>&#8592;<\/button>\r\n          <button type=\"button\" data-htpd-next aria-label=\"Next image\" disabled>&#8594;<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"htpd-details\">\r\n    <h2 id=\"htpd-title\" data-htpd-title><\/h2>\r\n    <p class=\"htpd-tagline\" data-htpd-tagline><\/p>\r\n    <p class=\"htpd-intro\" data-htpd-intro><\/p>\r\n\r\n    <div class=\"htpd-spec-heading\">\r\n      <h3>Specifications<\/h3>\r\n      <span data-htpd-model><\/span>\r\n    <\/div>\r\n    <div class=\"htpd-specs\" data-htpd-specs aria-label=\"Product specifications\">\r\n      <div><span><\/span><strong><\/strong><\/div>\r\n      <div><span><\/span><strong><\/strong><\/div>\r\n      <div><span><\/span><strong><\/strong><\/div>\r\n      <div><span><\/span><strong><\/strong><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"htpd-lightbox\" data-htpd-lightbox hidden role=\"dialog\" aria-modal=\"true\" aria-label=\"Product image preview\">\r\n    <button class=\"htpd-lightbox-close\" data-htpd-close type=\"button\" aria-label=\"Close image preview\">\u00d7<\/button>\r\n    <button class=\"htpd-lightbox-prev\" data-htpd-lightbox-prev type=\"button\" aria-label=\"Previous image\">\u2190<\/button>\r\n    <img data-htpd-lightbox-image alt=\"\">\r\n    <button class=\"htpd-lightbox-next\" data-htpd-lightbox-next type=\"button\" aria-label=\"Next image\">\u2192<\/button>\r\n    <span class=\"htpd-lightbox-counter\" data-htpd-lightbox-counter><\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ht-product-detail {\r\n    --htpd-ink: #1e292c;\r\n    --htpd-muted: #687577;\r\n    --htpd-line: #dfe5e3;\r\n    --htpd-soft: #f5f7f6;\r\n    --htpd-accent: #285e80;\r\n    --htpd-skeleton: #e4e9e7;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.16fr) minmax(330px, .84fr);\r\n    gap: clamp(28px, 4.6vw, 72px);\r\n    align-items: start;\r\n    width: min(100%, 1380px);\r\n    margin: 0 auto;\r\n    padding: clamp(22px, 3vw, 48px);\r\n    color: var(--htpd-ink);\r\n    background: #fff;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .ht-product-detail,\r\n  .ht-product-detail *,\r\n  .ht-product-detail *::before,\r\n  .ht-product-detail *::after { box-sizing: border-box; }\r\n  .ht-product-detail [hidden] { display: none !important; }\r\n\r\n  .htpd-gallery {\r\n    display: grid;\r\n    grid-template-columns: 76px minmax(0, 1fr);\r\n    gap: 14px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .htpd-thumbs {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    max-height: 620px;\r\n    overflow: auto;\r\n    scrollbar-width: thin;\r\n  }\r\n\r\n  .htpd-thumb {\r\n    width: 76px;\r\n    height: 76px;\r\n    flex: 0 0 76px;\r\n    border: 1px solid var(--htpd-line) !important;\r\n    border-radius: 8px !important;\r\n    padding: 0 !important;\r\n    background: #fff !important;\r\n    box-shadow: none !important;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .htpd-thumb[aria-pressed=\"true\"] { border: 2px solid var(--htpd-accent) !important; }\r\n  .htpd-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }\r\n\r\n  .htpd-thumb--empty {\r\n    display: grid;\r\n    place-items: center;\r\n    border-style: dashed !important;\r\n    background: #f7f9fa !important;\r\n    color: #a1acae !important;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: .08em;\r\n  }\r\n\r\n  .htpd-thumb--empty:disabled { opacity: 1; cursor: default; }\r\n\r\n  .htpd-stage {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    min-width: 0;\r\n    aspect-ratio: 1 \/ 1;\r\n    background: var(--htpd-soft);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .htpd-main-open {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    padding: 0 !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    cursor: zoom-in;\r\n  }\r\n\r\n  .htpd-main-open:disabled { cursor: default; }\r\n  .htpd-main-image { display: block; width: 100%; height: 100%; object-fit: contain; }\r\n\r\n  .htpd-image-placeholder {\r\n    position: absolute;\r\n    inset: 8%;\r\n    border: 1px dashed #d2d9d7;\r\n    border-radius: 9px;\r\n  }\r\n\r\n  .htpd-zoom-cue {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    padding: 7px 10px;\r\n    border-radius: 5px;\r\n    background: rgba(255,255,255,.9);\r\n    color: var(--htpd-ink);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n  }\r\n\r\n  .htpd-gallery-footer {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 16px;\r\n    bottom: 15px;\r\n    left: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    color: var(--htpd-ink);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: .06em;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .htpd-gallery-footer > span {\r\n    padding: 6px 9px;\r\n    border-radius: 5px;\r\n    background: rgba(255,255,255,.88);\r\n  }\r\n\r\n  .htpd-arrows { display: flex; gap: 6px; pointer-events: auto; }\r\n  .htpd-arrows button {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 35px;\r\n    height: 35px;\r\n    border: 1px solid var(--htpd-line) !important;\r\n    border-radius: 50% !important;\r\n    padding: 0 !important;\r\n    background: rgba(255,255,255,.92) !important;\r\n    color: var(--htpd-ink) !important;\r\n    box-shadow: none !important;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .htpd-arrows button:disabled { opacity: .4; cursor: default; }\r\n  .htpd-details { padding-top: clamp(4px, 1.3vw, 18px); }\r\n\r\n  .htpd-details h2 {\r\n    min-height: 58px;\r\n    margin: 0 0 10px !important;\r\n    color: var(--htpd-ink);\r\n    font-size: clamp(34px, 3.5vw, 56px);\r\n    line-height: 1.08;\r\n    font-weight: 600;\r\n    letter-spacing: -.04em;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  .htpd-details h2:empty::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 82%;\r\n    height: 1.65em;\r\n    border-radius: 10px;\r\n    background:\r\n      linear-gradient(var(--htpd-skeleton), var(--htpd-skeleton)) 0 0 \/ 100% .65em no-repeat,\r\n      linear-gradient(var(--htpd-skeleton), var(--htpd-skeleton)) 0 1em \/ 67% .65em no-repeat;\r\n  }\r\n\r\n  .htpd-tagline {\r\n    min-height: 24px;\r\n    margin: 0 0 12px !important;\r\n    color: var(--htpd-accent);\r\n    font-size: 17px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  .htpd-tagline:empty::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 66%;\r\n    height: 12px;\r\n    border-radius: 8px;\r\n    background: var(--htpd-skeleton);\r\n  }\r\n\r\n  .htpd-intro {\r\n    min-height: 88px;\r\n    max-width: 54ch;\r\n    margin: 0 0 26px !important;\r\n    color: var(--htpd-muted);\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  .htpd-intro:empty::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 100%;\r\n    height: 58px;\r\n    border-radius: 4px;\r\n    background:\r\n      linear-gradient(var(--htpd-skeleton), var(--htpd-skeleton)) 0 0 \/ 100% 8px no-repeat,\r\n      linear-gradient(var(--htpd-skeleton), var(--htpd-skeleton)) 0 22px \/ 92% 8px no-repeat,\r\n      linear-gradient(var(--htpd-skeleton), var(--htpd-skeleton)) 0 44px \/ 64% 8px no-repeat;\r\n  }\r\n\r\n  .htpd-spec-heading {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    margin: 0 0 12px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid var(--htpd-line);\r\n  }\r\n\r\n  .htpd-spec-heading h3 {\r\n    margin: 0 !important;\r\n    color: var(--htpd-ink);\r\n    font-size: 16px;\r\n    line-height: 1.3;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .htpd-spec-heading span {\r\n    color: var(--htpd-accent);\r\n    font-size: 11px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: .08em;\r\n  }\r\n\r\n  .htpd-specs {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    margin: 0;\r\n    border: 1px solid var(--htpd-line);\r\n    border-radius: 9px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .htpd-specs > div {\r\n    display: grid;\r\n    align-content: start;\r\n    gap: 8px;\r\n    min-width: 0;\r\n    min-height: 90px;\r\n    padding: 14px;\r\n    border-bottom: 1px solid var(--htpd-line);\r\n  }\r\n\r\n  .htpd-specs > div:nth-child(odd) { border-right: 1px solid var(--htpd-line); }\r\n  .htpd-specs > div:nth-last-child(-n+2) { border-bottom: 0; }\r\n  .htpd-specs span {\r\n    min-height: 10px;\r\n    color: var(--htpd-accent);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: .1em;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  .htpd-specs strong {\r\n    min-height: 34px;\r\n    color: var(--htpd-ink);\r\n    font-size: 12px;\r\n    line-height: 1.42;\r\n    font-weight: 500;\r\n    overflow-wrap: anywhere;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  .htpd-specs span:empty::before,\r\n  .htpd-specs strong:empty::before {\r\n    content: \"\";\r\n    display: block;\r\n    border-radius: 8px;\r\n    background: var(--htpd-skeleton);\r\n  }\r\n\r\n  .htpd-specs span:empty::before { width: 38%; height: 7px; }\r\n  .htpd-specs strong:empty::before { width: 78%; height: 26px; }\r\n\r\n  .ht-product-detail button:focus-visible { outline: 3px solid #7ea6bf; outline-offset: 2px; }\r\n  .htpd-lightbox[hidden] { display: none !important; }\r\n  .htpd-lightbox {\r\n    position: fixed;\r\n    z-index: 2147483000;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 42px;\r\n    background: rgba(13,20,27,.91);\r\n  }\r\n\r\n  .htpd-lightbox img {\r\n    display: block;\r\n    max-width: min(88vw, 1100px);\r\n    max-height: 86vh;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    border-radius: 5px;\r\n    background: #fff;\r\n  }\r\n\r\n  .htpd-lightbox button {\r\n    position: absolute;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 44px;\r\n    height: 44px;\r\n    border: 1px solid rgba(255,255,255,.28) !important;\r\n    border-radius: 50% !important;\r\n    padding: 0 !important;\r\n    background: rgba(255,255,255,.14) !important;\r\n    box-shadow: none !important;\r\n    color: #fff !important;\r\n    font-size: 25px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .htpd-lightbox button:disabled { opacity: .32; cursor: default; }\r\n  .htpd-lightbox-close { top: 17px; right: 17px; }\r\n  .htpd-lightbox-prev { top: calc(50% - 22px); left: 17px; }\r\n  .htpd-lightbox-next { top: calc(50% - 22px); right: 17px; }\r\n  .htpd-lightbox-counter {\r\n    position: absolute;\r\n    bottom: 17px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: .08em;\r\n  }\r\n\r\n  @media (max-width: 1020px) {\r\n    .ht-product-detail {\r\n      grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);\r\n      gap: 26px;\r\n      padding: 24px;\r\n    }\r\n    .htpd-gallery { grid-template-columns: 58px minmax(0, 1fr); gap: 9px; }\r\n    .htpd-thumb { width: 58px; height: 58px; flex-basis: 58px; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .ht-product-detail {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 28px;\r\n      padding: 18px 16px 38px;\r\n    }\r\n    .htpd-gallery { display: flex; flex-direction: column; width: 100%; gap: 10px; }\r\n    .htpd-stage { order: 1; width: 100%; }\r\n    .htpd-thumbs {\r\n      order: 2;\r\n      flex-direction: row;\r\n      max-height: none;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      padding-bottom: 4px;\r\n    }\r\n    .htpd-thumb { width: 64px; height: 64px; flex-basis: 64px; }\r\n    .htpd-details { width: 100%; padding-top: 0; }\r\n    .htpd-details h2 { min-height: 0; font-size: clamp(33px, 9vw, 45px); }\r\n    .htpd-intro { font-size: 14px; }\r\n    .htpd-specs > div { min-height: 82px; padding: 12px; }\r\n    .htpd-specs strong { font-size: 11px; }\r\n    .htpd-lightbox { padding: 40px 16px; }\r\n    .htpd-lightbox img { max-width: 100%; max-height: 78vh; }\r\n    .htpd-lightbox-prev { left: 8px; }\r\n    .htpd-lightbox-next { right: 8px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  \/* ==============================================================\r\n     EDIT ONLY THIS PRODUCT OBJECT.\r\n     Keep unused fields as \"\". Use \\n when you need a line break.\r\n     ============================================================== *\/\r\n  const PRODUCT = {\r\n    title: \"Microwave Pressure Cooker\",\r\n    tagline: \"Compact design. Practical 2.1 L capacity.\",\r\n    intro: \"Designed for convenient microwave cooking, HT-M1076 combines a lightweight PP body with flexible silicone components. Its compact round format provides useful capacity for everyday meal preparation while remaining easy to handle, store and pack.\",\r\n    model: \"MODEL \u00b7 HT-M1076\",\r\n\r\n    specs: [\r\n      { label: \"MATERIAL\", value: \"PP + Silicone\\nFood-Grade Standard: FDA\" },\r\n      { label: \"SIZE\", value: \"27 \u00d7 14 cm\" },\r\n      { label: \"CAPACITY & NET WEIGHT\", value: \"2.1 L\\nApprox. 715 g\" },\r\n      { label: \"PACKING & CARTON\", value: \"Color box\\n45 \u00d7 30 \u00d7 26 cm \/ 4 pcs\\nN.W. \/ G.W.: 4.1 \/ 5.1 kg\" }\r\n    ],\r\n\r\n    images: [\r\n      { src: \"\", alt: \"\", fit: \"contain\" },\r\n      { src: \"\", alt: \"\", fit: \"contain\" },\r\n      { src: \"\", alt: \"\", fit: \"contain\" },\r\n      { src: \"\", alt: \"\", fit: \"contain\" },\r\n      { src: \"\", alt: \"\", fit: \"contain\" }\r\n    ]\r\n  };\r\n\r\n  function init(root) {\r\n    if (root.dataset.htProductReady === \"true\") return;\r\n    root.dataset.htProductReady = \"true\";\r\n\r\n    const thumbs = root.querySelector(\"[data-htpd-thumbs]\");\r\n    const main = root.querySelector(\"[data-htpd-main]\");\r\n    const mainOpen = root.querySelector(\"[data-htpd-open]\");\r\n    const imagePlaceholder = root.querySelector(\"[data-htpd-image-placeholder]\");\r\n    const zoomCue = root.querySelector(\"[data-htpd-zoom-cue]\");\r\n    const counter = root.querySelector(\"[data-htpd-counter]\");\r\n    const prev = root.querySelector(\"[data-htpd-prev]\");\r\n    const next = root.querySelector(\"[data-htpd-next]\");\r\n    const lightbox = root.querySelector(\"[data-htpd-lightbox]\");\r\n    const lightboxImage = lightbox.querySelector(\"[data-htpd-lightbox-image]\");\r\n    const lightboxCounter = lightbox.querySelector(\"[data-htpd-lightbox-counter]\");\r\n    const lightboxClose = lightbox.querySelector(\"[data-htpd-close]\");\r\n    const lightboxPrev = lightbox.querySelector(\"[data-htpd-lightbox-prev]\");\r\n    const lightboxNext = lightbox.querySelector(\"[data-htpd-lightbox-next]\");\r\n\r\n    const textFields = {\r\n      \"[data-htpd-title]\": PRODUCT.title,\r\n      \"[data-htpd-tagline]\": PRODUCT.tagline,\r\n      \"[data-htpd-intro]\": PRODUCT.intro,\r\n      \"[data-htpd-model]\": PRODUCT.model\r\n    };\r\n\r\n    Object.entries(textFields).forEach(([selector, value]) => {\r\n      root.querySelector(selector).textContent = value || \"\";\r\n    });\r\n\r\n    const specBoxes = root.querySelectorAll(\"[data-htpd-specs] > div\");\r\n    specBoxes.forEach((box, index) => {\r\n      const spec = PRODUCT.specs[index] || { label: \"\", value: \"\" };\r\n      box.querySelector(\"span\").textContent = spec.label || \"\";\r\n      box.querySelector(\"strong\").textContent = spec.value || \"\";\r\n    });\r\n\r\n    const gallery = PRODUCT.images.slice(0, 5);\r\n    while (gallery.length < 5) gallery.push({ src: \"\", alt: \"\", fit: \"contain\" });\r\n\r\n    let selectedPhoto = -1;\r\n    let oldBodyOverflow = \"\";\r\n    let previousFocus = null;\r\n\r\n    document.body.append(lightbox);\r\n\r\n    function validPhoto(photo) {\r\n      return Boolean(photo && typeof photo.src === \"string\" && photo.src.trim());\r\n    }\r\n\r\n    function createImage(src, alt) {\r\n      const img = document.createElement(\"img\");\r\n      img.src = src;\r\n      img.alt = alt || \"\";\r\n      img.loading = \"lazy\";\r\n      return img;\r\n    }\r\n\r\n    function availableIndices() {\r\n      return gallery.map((photo, index) => validPhoto(photo) ? index : -1).filter(index => index !== -1);\r\n    }\r\n\r\n    function syncLightbox() {\r\n      if (lightbox.hidden || selectedPhoto < 0) return;\r\n      const photo = gallery[selectedPhoto];\r\n      lightboxImage.src = photo.src;\r\n      lightboxImage.alt = photo.alt || \"Product photo\";\r\n      lightboxImage.style.objectFit = photo.fit === \"cover\" ? \"cover\" : \"contain\";\r\n      lightboxCounter.textContent = String(selectedPhoto + 1).padStart(2, \"0\") + \" \/ 05\";\r\n      const oneImage = availableIndices().length < 2;\r\n      lightboxPrev.disabled = oneImage;\r\n      lightboxNext.disabled = oneImage;\r\n    }\r\n\r\n    function showPhoto(index) {\r\n      if (!validPhoto(gallery[index])) return;\r\n      selectedPhoto = index;\r\n      const photo = gallery[index];\r\n      main.src = photo.src;\r\n      main.alt = photo.alt || \"Product photo\";\r\n      main.style.objectFit = photo.fit === \"cover\" ? \"cover\" : \"contain\";\r\n      main.hidden = false;\r\n      imagePlaceholder.hidden = true;\r\n      zoomCue.hidden = false;\r\n      mainOpen.disabled = false;\r\n      counter.textContent = String(index + 1).padStart(2, \"0\") + \" \/ 05\";\r\n      Array.from(thumbs.children).forEach((button, buttonIndex) => {\r\n        button.setAttribute(\"aria-pressed\", String(buttonIndex === index));\r\n      });\r\n      const oneImage = availableIndices().length < 2;\r\n      prev.disabled = oneImage;\r\n      next.disabled = oneImage;\r\n      syncLightbox();\r\n    }\r\n\r\n    function stepPhoto(direction) {\r\n      const indices = availableIndices();\r\n      if (indices.length < 2) return;\r\n      const at = indices.indexOf(selectedPhoto);\r\n      showPhoto(indices[(at + direction + indices.length) % indices.length]);\r\n    }\r\n\r\n    function onLightboxKeydown(event) {\r\n      if (event.key === \"Escape\") closeLightbox();\r\n      if (event.key === \"ArrowLeft\") stepPhoto(-1);\r\n      if (event.key === \"ArrowRight\") stepPhoto(1);\r\n    }\r\n\r\n    function openLightbox() {\r\n      if (selectedPhoto < 0) return;\r\n      previousFocus = document.activeElement;\r\n      oldBodyOverflow = document.body.style.overflow;\r\n      lightbox.hidden = false;\r\n      document.body.style.overflow = \"hidden\";\r\n      syncLightbox();\r\n      lightboxClose.focus();\r\n      document.addEventListener(\"keydown\", onLightboxKeydown);\r\n    }\r\n\r\n    function closeLightbox() {\r\n      lightbox.hidden = true;\r\n      document.body.style.overflow = oldBodyOverflow;\r\n      document.removeEventListener(\"keydown\", onLightboxKeydown);\r\n      if (previousFocus && typeof previousFocus.focus === \"function\") previousFocus.focus();\r\n    }\r\n\r\n    gallery.forEach((photo, index) => {\r\n      const button = document.createElement(\"button\");\r\n      button.type = \"button\";\r\n      button.className = \"htpd-thumb\";\r\n      button.setAttribute(\"aria-pressed\", \"false\");\r\n\r\n      if (validPhoto(photo)) {\r\n        button.setAttribute(\"aria-label\", \"View product image \" + (index + 1));\r\n        button.append(createImage(photo.src, \"\"));\r\n        button.addEventListener(\"click\", () => showPhoto(index));\r\n      } else {\r\n        button.classList.add(\"htpd-thumb--empty\");\r\n        button.disabled = true;\r\n        button.setAttribute(\"aria-label\", \"Image slot \" + (index + 1) + \" reserved\");\r\n        button.textContent = String(index + 1).padStart(2, \"0\");\r\n      }\r\n\r\n      thumbs.append(button);\r\n    });\r\n\r\n    const firstPhoto = availableIndices()[0];\r\n    if (typeof firstPhoto === \"number\") showPhoto(firstPhoto);\r\n\r\n    prev.addEventListener(\"click\", () => stepPhoto(-1));\r\n    next.addEventListener(\"click\", () => stepPhoto(1));\r\n    mainOpen.addEventListener(\"click\", openLightbox);\r\n    lightboxClose.addEventListener(\"click\", closeLightbox);\r\n    lightboxPrev.addEventListener(\"click\", () => stepPhoto(-1));\r\n    lightboxNext.addEventListener(\"click\", () => stepPhoto(1));\r\n    lightbox.addEventListener(\"click\", event => {\r\n      if (event.target === lightbox) closeLightbox();\r\n    });\r\n  }\r\n\r\n  document.querySelectorAll(\"[data-ht-product-detail]\").forEach(init);\r\n\r\n  if (window.jQuery) {\r\n    window.jQuery(window).on(\"elementor\/frontend\/init\", () => {\r\n      document.querySelectorAll(\"[data-ht-product-detail]\").forEach(init);\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2197 &nbsp; Enlarge 00  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7852","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/7852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/comments?post=7852"}],"version-history":[{"count":4,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/7852\/revisions"}],"predecessor-version":[{"id":7856,"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/pages\/7852\/revisions\/7856"}],"wp:attachment":[{"href":"https:\/\/www.ht-kitchenware.com\/tasty\/index.php\/wp-json\/wp\/v2\/media?parent=7852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}