{"id":19,"date":"2026-08-16T07:37:53","date_gmt":"2026-08-16T07:37:53","guid":{"rendered":"https:\/\/wildwoven.com.bd\/?page_id=19"},"modified":"2026-09-08T12:41:07","modified_gmt":"2026-09-08T12:41:07","slug":"latest-products","status":"publish","type":"page","link":"https:\/\/wildwoven.com.bd\/ja\/latest-products\/","title":{"rendered":"\u30cb\u30e5\u30fc\u30a2\u30a4\u30c6\u30e0"},"content":{"rendered":"<!-- =========================================================\n     WILD WOVEN \u2014 PRODUCT ARCHIVE INTRO\n     PRODUCT LISTING PAGE\n\n     DESIGN:\n     \u2022 Inspired by minimal Japanese product archive aesthetics\n     \u2022 Original Wild Woven composition\n     \u2022 Clean editorial typography\n     \u2022 Generous white space\n     \u2022 Thin horizontal rule\n     \u2022 No cards\n     \u2022 No shadows\n     \u2022 No decorative graphics\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-product-archive-intro\">\n\n    <div class=\"ww-product-archive-container\">\n\n        <!-- =================================================\n             ARCHIVE HEADING + DESCRIPTION\n        ================================================== -->\n\n        <div class=\"ww-product-archive-main\">\n\n            <!-- LEFT \u2014 ARCHIVE HEADING -->\n\n            <div class=\"ww-product-archive-heading\">\n\n                <h1 class=\"ww-product-archive-title\">\n                    WILD WOVEN<br>\n                    \u88fd\u54c1\u4e00\u89a7\n                <\/h1>\n\n            <\/div>\n\n\n            <!-- RIGHT \u2014 ARCHIVE DESCRIPTION -->\n\n            <div class=\"ww-product-archive-content\">\n\n                <p>\n                    \u30d0\u30f3\u30b0\u30e9\u30c7\u30b7\u30e5\u3067\u9577\u5e74\u306b\u308f\u305f\u308a\u30ec\u30b6\u30fc\u30b0\u30c3\u30ba\u306e\u88fd\u9020\u3001\u6539\u826f\u3001\u3082\u306e\u3065\u304f\u308a\u306b\u53d6\u308a\u7d44\u3093\u3067\u304d\u305f\u7d4c\u9a13\u304b\u3089\u751f\u307e\u308c\u305f\u88fd\u54c1\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002\u4e00\u3064\u3072\u3068\u3064\u306e\u88fd\u54c1\u306b\u3001\u7d20\u6750\u3001\u69cb\u9020\u3001\u8077\u4eba\u6280\u306b\u95a2\u3059\u308b\u79c1\u305f\u3061\u306e\u7d4c\u9a13\u3092\u53cd\u6620\u3057\u3001\u9577\u304f\u4f7f\u3044\u7d9a\u3051\u3089\u308c\u308b\u30d6\u30e9\u30f3\u30c9\u88fd\u54c1\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u958b\u767a\u3057\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             HORIZONTAL LINE\n        ================================================== -->\n\n        <div class=\"ww-product-archive-line\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   PRODUCT ARCHIVE INTRO\n========================================================= *\/\n\n.ww-product-archive-intro {\n\n    width: 100%;\n\n    padding:\n        105px\n        24px\n        70px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-product-archive-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   MAIN SIDE-BY-SIDE LAYOUT\n========================================================= *\/\n\n.ww-product-archive-main {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        1fr\n        1fr;\n\n    column-gap: 100px;\n\n    align-items: start;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   LEFT \u2014 HEADING\n========================================================= *\/\n\n.ww-product-archive-heading {\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.ww-product-archive-title {\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    font-size: 34px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   RIGHT \u2014 DESCRIPTION\n========================================================= *\/\n\n.ww-product-archive-content {\n\n    width: 100%;\n\n    max-width: 500px;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.ww-product-archive-content p {\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    font-size: 14px !important;\n\n    font-weight: 400;\n\n    line-height: 1.95;\n\n    letter-spacing: 0.16rem !important;\n\n    color: #6f6e68;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   HORIZONTAL LINE\n========================================================= *\/\n\n.ww-product-archive-line {\n\n    width: 100%;\n\n    height: 1px;\n\n    margin-top: 65px;\n\n    background: #d8d8d3;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-product-archive-intro,\n.ww-product-archive-intro * {\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-product-archive-intro {\n\n        padding:\n            85px\n            24px\n            60px;\n\n    }\n\n\n    .ww-product-archive-main {\n\n        column-gap: 60px;\n\n    }\n\n\n    .ww-product-archive-content {\n\n        max-width: 450px;\n\n    }\n\n\n    .ww-product-archive-line {\n\n        margin-top: 55px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-product-archive-intro {\n\n        padding:\n            70px\n            20px\n            50px;\n\n    }\n\n\n    .ww-product-archive-main {\n\n        grid-template-columns: 1fr;\n\n        row-gap: 32px;\n\n    }\n\n\n    .ww-product-archive-heading {\n\n        width: 100%;\n\n    }\n\n\n    .ww-product-archive-content {\n\n        max-width: 100%;\n\n    }\n\n\n    .ww-product-archive-content p {\n\n        line-height: 1.85;\n\n    }\n\n\n    .ww-product-archive-line {\n\n        margin-top: 45px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-product-archive-intro {\n\n        padding:\n            60px\n            18px\n            45px;\n\n    }\n\n\n    .ww-product-archive-main {\n\n        row-gap: 28px;\n\n    }\n\n\n    .ww-product-archive-line {\n\n        margin-top: 40px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 BACKPACK PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Backpack\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-backpack-products\">\n\n    <div class=\"ww-backpack-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-backpack-products-title\">\n            \u30d0\u30c3\u30af\u30d1\u30c3\u30af\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-backpack-products-grid\">\n\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-13.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-backpack-product\">\n                <div class=\"ww-backpack-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-backpack-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     BACKPACK IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-backpack-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-backpack-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-backpack-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-backpack-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-backpack-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-backpack-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-backpack-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-backpack-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-backpack-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-backpack-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-backpack-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-backpack-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-backpack-products,\n.ww-backpack-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-backpack-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-backpack-lightbox.ww-backpack-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-backpack-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-backpack-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-backpack-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-backpack-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-backpack-lightbox-close:hover,\n.ww-backpack-lightbox-close:focus,\n.ww-backpack-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-backpack-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-backpack-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-backpack-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-backpack-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-backpack-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-backpack-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-backpack-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-backpack-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-backpack-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-backpack-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-backpack-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-backpack-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-backpack-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-backpack-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-backpack-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-backpack-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-backpack-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-backpack-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-backpack-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-backpack-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-backpack-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 OFFICE BAG PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Office Bag\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-office-bag-products\">\n\n    <div class=\"ww-office-bag-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-office-bag-products-title\">\n            \u30aa\u30d5\u30a3\u30b9\u30d0\u30c3\u30b0\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-office-bag-products-grid\">\n\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-office-bag-product\">\n                <div class=\"ww-office-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-office-bag-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n          \n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     OFFICE BAG IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-office-bag-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-office-bag-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-office-bag-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-office-bag-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-office-bag-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-office-bag-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-office-bag-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-office-bag-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-office-bag-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-office-bag-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-office-bag-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-office-bag-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-office-bag-products,\n.ww-office-bag-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-office-bag-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-office-bag-lightbox.ww-office-bag-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-office-bag-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-office-bag-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-office-bag-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-office-bag-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-office-bag-lightbox-close:hover,\n.ww-office-bag-lightbox-close:focus,\n.ww-office-bag-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-office-bag-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-office-bag-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-office-bag-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-office-bag-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-office-bag-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-office-bag-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-office-bag-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-office-bag-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-office-bag-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-office-bag-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-office-bag-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-office-bag-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-office-bag-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-office-bag-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-office-bag-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-office-bag-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-office-bag-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-office-bag-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-office-bag-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-office-bag-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-office-bag-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 TRAVEL BAG PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Travel Bag\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-travel-bag-products\">\n\n    <div class=\"ww-travel-bag-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-travel-bag-products-title\">\n            \u30c8\u30e9\u30d9\u30eb\u30d0\u30c3\u30b0\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-travel-bag-products-grid\">\n\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-travel-bag-product\">\n                <div class=\"ww-travel-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-travel-bag-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-travel-bag-product\">\n                <div class=\"ww-travel-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-travel-bag-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-travel-bag-product\">\n                <div class=\"ww-travel-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-travel-bag-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-travel-bag-product\">\n                <div class=\"ww-travel-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-travel-bag-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-travel-bag-product\">\n                <div class=\"ww-travel-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-travel-bag-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     TRAVEL BAG IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-travel-bag-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-travel-bag-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-travel-bag-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-travel-bag-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-travel-bag-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-travel-bag-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-travel-bag-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-travel-bag-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-travel-bag-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-travel-bag-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-travel-bag-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-travel-bag-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-travel-bag-products,\n.ww-travel-bag-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-travel-bag-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-travel-bag-lightbox.ww-travel-bag-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-travel-bag-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-travel-bag-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-travel-bag-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-travel-bag-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-travel-bag-lightbox-close:hover,\n.ww-travel-bag-lightbox-close:focus,\n.ww-travel-bag-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-travel-bag-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-travel-bag-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-travel-bag-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-travel-bag-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-travel-bag-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-travel-bag-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-travel-bag-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-travel-bag-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-travel-bag-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-travel-bag-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-travel-bag-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-travel-bag-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-travel-bag-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-travel-bag-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-travel-bag-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-travel-bag-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-travel-bag-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-travel-bag-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-travel-bag-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-travel-bag-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-travel-bag-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 FASHION BAG PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Fashion Bag\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-fashion-bag-products\">\n\n    <div class=\"ww-fashion-bag-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-fashion-bag-products-title\">\n            \u30d5\u30a1\u30c3\u30b7\u30e7\u30f3\u30d0\u30c3\u30b0\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-fashion-bag-products-grid\">\n\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-13.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-fashion-bag-product\">\n                <div class=\"ww-fashion-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-fashion-bag-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     FASHION BAG IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-fashion-bag-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-fashion-bag-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-fashion-bag-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-fashion-bag-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-fashion-bag-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-fashion-bag-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-fashion-bag-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-fashion-bag-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-fashion-bag-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-fashion-bag-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-fashion-bag-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-fashion-bag-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-fashion-bag-products,\n.ww-fashion-bag-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-fashion-bag-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-fashion-bag-lightbox.ww-fashion-bag-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-fashion-bag-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-fashion-bag-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-fashion-bag-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-fashion-bag-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-fashion-bag-lightbox-close:hover,\n.ww-fashion-bag-lightbox-close:focus,\n.ww-fashion-bag-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-fashion-bag-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-fashion-bag-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-fashion-bag-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-fashion-bag-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-fashion-bag-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-fashion-bag-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-fashion-bag-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-fashion-bag-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-fashion-bag-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-fashion-bag-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-fashion-bag-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-fashion-bag-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-fashion-bag-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-fashion-bag-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-fashion-bag-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-fashion-bag-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-fashion-bag-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-fashion-bag-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-fashion-bag-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-fashion-bag-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-fashion-bag-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 TOTE BAG PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Tote Bag\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-tote-bag-products\">\n\n    <div class=\"ww-tote-bag-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-tote-bag-products-title\">\n            \u30c8\u30fc\u30c8\u30d0\u30c3\u30b0\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-tote-bag-products-grid\">\n\n\n\n            <!-- PRODUCT 1 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-tote-bag-product\">\n                <div class=\"ww-tote-bag-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-tote-bag-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     TOTE BAG IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-tote-bag-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-tote-bag-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-tote-bag-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-tote-bag-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-tote-bag-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-tote-bag-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-tote-bag-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-tote-bag-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-tote-bag-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-tote-bag-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-tote-bag-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-tote-bag-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-tote-bag-products,\n.ww-tote-bag-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-tote-bag-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-tote-bag-lightbox.ww-tote-bag-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-tote-bag-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-tote-bag-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-tote-bag-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-tote-bag-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-tote-bag-lightbox-close:hover,\n.ww-tote-bag-lightbox-close:focus,\n.ww-tote-bag-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-tote-bag-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-tote-bag-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-tote-bag-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-tote-bag-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-tote-bag-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-tote-bag-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-tote-bag-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-tote-bag-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-tote-bag-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-tote-bag-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-tote-bag-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-tote-bag-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-tote-bag-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-tote-bag-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-tote-bag-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-tote-bag-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-tote-bag-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-tote-bag-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-tote-bag-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-tote-bag-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-tote-bag-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 WALLET PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Wallet\" heading at top-left\n     \u2022 Six product images per row\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Every image has internal breathing space inside the frame\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-wallet-products\">\n\n    <div class=\"ww-wallet-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-wallet-products-title\">\n            \u8ca1\u5e03\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-wallet-products-grid\">\n\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-13.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 15 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-15.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 16 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-16.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 17 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-17.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 18 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-18.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FOURTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 19 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-19.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 20 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-20.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 21 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-21.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 22 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-22.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 23 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-23.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 24 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-24.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FIFTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 25 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-25.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 26 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-26.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 27 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-27.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 28 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-28.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 29 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-29.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 30 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-30.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SIXTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 31 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-31.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 32 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-32.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 33 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-33.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 34 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-34.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 35 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-35.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 36 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-36.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SEVENTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 37 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-37.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 38 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-38.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 39 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-39.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 40 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-40.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 41 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-41.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 42 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-42.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 EIGHTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 43 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-43.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 44 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-44.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 45 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-45.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 46 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-46.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 47 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-47.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 48 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-48.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 NINTH ROW\n            ================================================== -->\n\n\n\n            <!-- PRODUCT 49 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-49.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 50 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-50.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- PRODUCT 51 -->\n\n            <div class=\"ww-wallet-product\">\n                <div class=\"ww-wallet-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-wallet-51.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WALLET IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-wallet-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-wallet-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-wallet-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-wallet-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-wallet-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-wallet-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-wallet-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-wallet-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-wallet-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-wallet-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n========================================================= *\/\n\n.ww-wallet-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n========================================================= *\/\n\n.ww-wallet-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-wallet-products,\n.ww-wallet-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-wallet-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-wallet-lightbox.ww-wallet-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-wallet-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-wallet-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-wallet-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-wallet-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-wallet-lightbox-close:hover,\n.ww-wallet-lightbox-close:focus,\n.ww-wallet-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-wallet-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-wallet-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-wallet-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-wallet-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-wallet-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-wallet-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-wallet-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-wallet-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-wallet-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-wallet-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-wallet-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-wallet-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-wallet-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-wallet-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-wallet-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-wallet-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-wallet-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-wallet-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-wallet-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-wallet-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-wallet-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 PURSE PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Purse\" heading at top-left\n     \u2022 Six product images per row on desktop\n     \u2022 Total 11 product image items\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Equal internal breathing space around every image\n     \u2022 Complete product image remains visible\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-purse-products\">\n\n    <div class=\"ww-purse-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-purse-products-title\">\n            \u30dd\u30fc\u30c1\n        <\/h2>\n\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-purse-products-grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-01\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-02\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-03\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-04\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-05\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-06\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-07\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-08\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-09\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-10\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-purse-product\">\n                <div class=\"ww-purse-product-frame\">\n                    <img decoding=\"async\" src=\"wildwoven-purse-11\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     PURSE IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-purse-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-purse-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-purse-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-purse-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-purse-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-purse-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-purse-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-purse-products-title {\n\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-purse-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-purse-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n   Every product receives exactly the same frame.\n   Internal padding creates equal breathing space\n   around every product image.\n========================================================= *\/\n\n.ww-purse-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    padding: 14px;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   Complete image remains visible inside the frame.\n========================================================= *\/\n\n.ww-purse-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-purse-products,\n.ww-purse-products * {\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-purse-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-purse-lightbox.ww-purse-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-purse-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-purse-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-purse-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-purse-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-purse-lightbox-close:hover,\n.ww-purse-lightbox-close:focus,\n.ww-purse-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-purse-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-purse-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-purse-product-frame {\n\n        padding: 14px;\n\n    }\n\n    .ww-purse-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-purse-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-purse-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-purse-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-purse-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-purse-product-frame {\n\n        padding: 12px;\n\n    }\n\n    .ww-purse-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-purse-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-purse-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-purse-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-purse-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-purse-product-frame {\n\n        padding: 10px;\n\n    }\n\n    .ww-purse-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-purse-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-purse-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-purse-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-purse-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-purse-lightbox-close'\n    );\n\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-purse-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-purse-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-purse-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 KEY RING PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Key Ring\" heading at top-left\n     \u2022 Six product images per row on desktop\n     \u2022 Total 17 product image items\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Equal internal breathing space around every image\n     \u2022 Complete product image remains visible\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-key-ring-products\">\n\n    <div class=\"ww-key-ring-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-key-ring-products-title\">\n            \u30ad\u30fc\u30ea\u30f3\u30b0\n        <\/h2>\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-key-ring-products-grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-13.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 15 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-15.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 16 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-16.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 17 -->\n\n            <div class=\"ww-key-ring-product\">\n                <div class=\"ww-key-ring-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-key-ring-17.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     KEY RING IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-key-ring-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-key-ring-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-key-ring-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-key-ring-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-key-ring-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-key-ring-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-key-ring-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-key-ring-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-key-ring-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-key-ring-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n   Every product receives exactly the same frame.\n   Internal padding creates equal breathing space\n   around every product image.\n========================================================= *\/\n\n.ww-key-ring-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    padding: 14px;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   Complete image remains visible inside the frame.\n========================================================= *\/\n\n.ww-key-ring-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-key-ring-products,\n.ww-key-ring-products * {\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-key-ring-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-key-ring-lightbox.ww-key-ring-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-key-ring-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-key-ring-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-key-ring-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-key-ring-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-key-ring-lightbox-close:hover,\n.ww-key-ring-lightbox-close:focus,\n.ww-key-ring-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-key-ring-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-key-ring-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-key-ring-product-frame {\n\n        padding: 14px;\n\n    }\n\n    .ww-key-ring-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-key-ring-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-key-ring-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-key-ring-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-key-ring-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-key-ring-product-frame {\n\n        padding: 12px;\n\n    }\n\n    .ww-key-ring-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-key-ring-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-key-ring-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-key-ring-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-key-ring-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-key-ring-product-frame {\n\n        padding: 10px;\n\n    }\n\n    .ww-key-ring-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-key-ring-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-key-ring-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-key-ring-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-key-ring-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-key-ring-lightbox-close'\n    );\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-key-ring-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-key-ring-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-key-ring-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 CARD HOLDER PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Card Holder\" heading at top-left\n     \u2022 One product image\n     \u2022 Exact same image frame size\n     \u2022 Equal internal breathing space around the image\n     \u2022 Complete product image remains visible\n     \u2022 No product name\n     \u2022 No price\n     \u2022 No description\n     \u2022 No button\n     \u2022 No overlay\n     \u2022 No hover effect\n     \u2022 Click image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-card-holder-products\">\n\n    <div class=\"ww-card-holder-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-card-holder-products-title\">\n            \u30ab\u30fc\u30c9\u30db\u30eb\u30c0\u30fc\n        <\/h2>\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-card-holder-products-grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-card-holder-product\">\n                <div class=\"ww-card-holder-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-card-older-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CARD HOLDER IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-card-holder-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-card-holder-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-card-holder-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-card-holder-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-card-holder-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-card-holder-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-card-holder-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-card-holder-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-card-holder-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-card-holder-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n   Exactly the same frame and internal padding.\n========================================================= *\/\n\n.ww-card-holder-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    padding: 14px;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   Complete image remains visible inside the frame.\n========================================================= *\/\n\n.ww-card-holder-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-card-holder-products,\n.ww-card-holder-products * {\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-card-holder-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-card-holder-lightbox.ww-card-holder-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-card-holder-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-card-holder-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-card-holder-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-card-holder-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-card-holder-lightbox-close:hover,\n.ww-card-holder-lightbox-close:focus,\n.ww-card-holder-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-card-holder-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-card-holder-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-card-holder-product-frame {\n\n        padding: 14px;\n\n    }\n\n    .ww-card-holder-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-card-holder-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-card-holder-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-card-holder-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-card-holder-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-card-holder-product-frame {\n\n        padding: 12px;\n\n    }\n\n    .ww-card-holder-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-card-holder-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-card-holder-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-card-holder-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-card-holder-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-card-holder-product-frame {\n\n        padding: 10px;\n\n    }\n\n    .ww-card-holder-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-card-holder-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-card-holder-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-card-holder-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-card-holder-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-card-holder-lightbox-close'\n    );\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-card-holder-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-card-holder-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-card-holder-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 JACKET PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Jacket\" heading at top-left\n     \u2022 Six product images per row on desktop\n     \u2022 Total 17 product image items\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Equal internal breathing space around every image\n     \u2022 Complete product image remains visible\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"ww-jacket-products\">\n\n    <div class=\"ww-jacket-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-jacket-products-title\">\n            \u30b8\u30e3\u30b1\u30c3\u30c8\n        <\/h2>\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-jacket-products-grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-04.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-10.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-13.jpg\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 15 -->\n\n            <div class=\"ww-jacket-product\">\n                <div class=\"ww-jacket-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-jacket-15.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JACKET IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-jacket-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-jacket-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-jacket-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-jacket-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-jacket-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-jacket-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-jacket-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-jacket-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-jacket-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-jacket-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n   Every product receives exactly the same frame.\n   Internal padding creates equal breathing space\n   around every product image.\n========================================================= *\/\n\n.ww-jacket-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    padding: 14px;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   Complete image remains visible inside the frame.\n========================================================= *\/\n\n.ww-jacket-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-jacket-products,\n.ww-jacket-products * {\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-jacket-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-jacket-lightbox.ww-jacket-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-jacket-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-jacket-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-jacket-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-jacket-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-jacket-lightbox-close:hover,\n.ww-jacket-lightbox-close:focus,\n.ww-jacket-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-jacket-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n    .ww-jacket-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n    .ww-jacket-product-frame {\n\n        padding: 14px;\n\n    }\n\n    .ww-jacket-lightbox {\n\n        padding: 30px;\n\n    }\n\n    .ww-jacket-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-jacket-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n    .ww-jacket-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n    .ww-jacket-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n    .ww-jacket-product-frame {\n\n        padding: 12px;\n\n    }\n\n    .ww-jacket-lightbox {\n\n        padding: 20px;\n\n    }\n\n    .ww-jacket-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n    .ww-jacket-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-jacket-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n    .ww-jacket-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n    .ww-jacket-product-frame {\n\n        padding: 10px;\n\n    }\n\n    .ww-jacket-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-jacket-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-jacket-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-jacket-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-jacket-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-jacket-lightbox-close'\n    );\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-jacket-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-jacket-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-jacket-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 BELT PRODUCT LIST\n\n     DESIGN:\n     \u2022 \"Belt\" heading at top-left\n     \u2022 Six product images per row on desktop\n     \u2022 Total 20 product image items\n     \u2022 Every product uses the exact same image frame size\n     \u2022 Equal internal breathing space around every image\n     \u2022 Complete product image remains visible\n     \u2022 No product names\n     \u2022 No prices\n     \u2022 No descriptions\n     \u2022 No buttons\n     \u2022 No overlays\n     \u2022 No hover effect\n     \u2022 Click any image to open a large white popup frame\n     \u2022 Mild white translucent + blurred background behind popup\n     \u2022 Closing X button inside popup\n     \u2022 White popup frame with soft shadow\n     \u2022 Gutenberg Custom HTML Ready\n========================================================= -->\n\n\n<section class=\"ww-belt-products\">\n\n    <div class=\"ww-belt-products-container\">\n\n        <!-- =================================================\n             CATEGORY HEADING\n        ================================================== -->\n\n        <h2 class=\"ww-belt-products-title\">\n            \u30d9\u30eb\u30c8\n        <\/h2>\n\n\n        <!-- =================================================\n             PRODUCT IMAGE GRID\n        ================================================== -->\n\n        <div class=\"ww-belt-products-grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-01.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 02 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-02.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 03 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-03.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 04 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-04.jpg\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 05 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-05.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 06 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-06.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 SECOND ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 07 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-07.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 08 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-08.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 09 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-09.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 10 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-10.jpg\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 11 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-11.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 12 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-12.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 THIRD ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 13 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-13.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 14 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-14.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 15 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-15.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 16 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-16.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 17 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-17.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 18 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-18.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- =================================================\n                 FOURTH ROW\n            ================================================== -->\n\n\n            <!-- PRODUCT 19 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-19.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n            <!-- PRODUCT 20 -->\n\n            <div class=\"ww-belt-product\">\n                <div class=\"ww-belt-product-frame\">\n                    <img decoding=\"async\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/09\/wildwoven-belt-20.png\" alt=\"\">\n                <\/div>\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     BELT IMAGE POPUP\n========================================================= -->\n\n<div class=\"ww-belt-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\n\n    <div class=\"ww-belt-lightbox-frame\">\n\n        <button type=\"button\" class=\"ww-belt-lightbox-close\" aria-label=\"Close image\">\n            \u00d7\n        <\/button>\n\n        <div class=\"ww-belt-lightbox-image-area\">\n\n            <img decoding=\"async\" class=\"ww-belt-lightbox-image\" src=\"\" alt=\"\">\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-belt-products {\n\n    width: 100%;\n\n    padding:\n        0\n        24px\n        100px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-belt-products-container {\n\n    width: 100%;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CATEGORY HEADING\n========================================================= *\/\n\n.ww-belt-products-title {\n\n    margin:\n        0\n        0\n        45px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 25px !important;\n\n    font-weight: 400;\n\n    line-height: 1.15;\n\n    letter-spacing: 0.2rem !important;\n\n    color: #151514;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT GRID\n========================================================= *\/\n\n.ww-belt-products-grid {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    column-gap: 18px;\n\n    row-gap: 42px;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ww-belt-product {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   FIXED IMAGE FRAME\n   Every product receives exactly the same frame.\n   Internal padding creates equal breathing space\n   around every product image.\n========================================================= *\/\n\n.ww-belt-product-frame {\n\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    padding: 14px;\n\n    overflow: hidden;\n\n    margin: 0;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   Complete image remains visible inside the frame.\n========================================================= *\/\n\n.ww-belt-product-frame img {\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n    cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-belt-products,\n.ww-belt-products * {\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   POPUP BACKGROUND\n   Mild white translucent background + subtle blur.\n========================================================= *\/\n\n.ww-belt-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 40px;\n\n    box-sizing: border-box;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    backdrop-filter: blur(3px);\n\n    -webkit-backdrop-filter: blur(3px);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   POPUP ACTIVE\n========================================================= *\/\n\n.ww-belt-lightbox.ww-belt-lightbox-active {\n\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   WHITE POPUP FRAME\n========================================================= *\/\n\n.ww-belt-lightbox-frame {\n\n    position: relative;\n\n    width: min(900px, 90vw);\n\n    height: min(760px, 88vh);\n\n    padding: 55px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-shadow:\n        0\n        18px\n        55px\n        rgba(0, 0, 0, 0.22);\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE AREA\n========================================================= *\/\n\n.ww-belt-lightbox-image-area {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   POPUP IMAGE\n========================================================= *\/\n\n.ww-belt-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width: 100%;\n\n    max-height: 100%;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    object-fit: contain;\n\n    object-position: center;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CLOSE X BUTTON\n   No hover effect.\n========================================================= *\/\n\n.ww-belt-lightbox-close {\n\n    position: absolute;\n\n    top: 10px;\n\n    right: 14px;\n\n    z-index: 5;\n\n    width: 46px;\n\n    height: 46px;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    color: #78776e;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 38px;\n\n    font-weight: 400;\n\n    line-height: 46px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    appearance: none;\n\n    transition: none !important;\n\n}\n\n\n\/* =========================================================\n   CLOSE BUTTON \u2014 NO HOVER \/ FOCUS VISUAL CHANGE\n========================================================= *\/\n\n.ww-belt-lightbox-close:hover,\n.ww-belt-lightbox-close:focus,\n.ww-belt-lightbox-close:active {\n\n    color: #78776e;\n\n    background: transparent;\n\n    transform: none;\n\n    box-shadow: none;\n\n    outline: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .ww-belt-products {\n\n        padding:\n            0\n            24px\n            85px;\n\n    }\n\n\n    .ww-belt-products-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        column-gap: 16px;\n\n        row-gap: 32px;\n\n    }\n\n\n    .ww-belt-product-frame {\n\n        padding: 14px;\n\n    }\n\n\n    .ww-belt-lightbox {\n\n        padding: 30px;\n\n    }\n\n\n    .ww-belt-lightbox-frame {\n\n        width: 90vw;\n\n        height: 84vh;\n\n        padding: 45px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-belt-products {\n\n        padding:\n            0\n            20px\n            70px;\n\n    }\n\n\n    .ww-belt-products-title {\n\n        margin-bottom: 32px !important;\n\n    }\n\n\n    .ww-belt-products-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        column-gap: 14px;\n\n        row-gap: 28px;\n\n    }\n\n\n    .ww-belt-product-frame {\n\n        padding: 12px;\n\n    }\n\n\n    .ww-belt-lightbox {\n\n        padding: 20px;\n\n    }\n\n\n    .ww-belt-lightbox-frame {\n\n        width: 92vw;\n\n        height: 78vh;\n\n        padding: 38px;\n\n    }\n\n\n    .ww-belt-lightbox-close {\n\n        top: 6px;\n\n        right: 8px;\n\n        font-size: 36px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .ww-belt-products {\n\n        padding:\n            0\n            18px\n            60px;\n\n    }\n\n\n    .ww-belt-products-grid {\n\n        column-gap: 12px;\n\n        row-gap: 24px;\n\n    }\n\n\n    .ww-belt-product-frame {\n\n        padding: 10px;\n\n    }\n\n\n    .ww-belt-lightbox-frame {\n\n        width: 94vw;\n\n        height: 76vh;\n\n        padding: 32px;\n\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n    const productImages = document.querySelectorAll(\n        '.ww-belt-product-frame img'\n    );\n\n    const lightbox = document.querySelector(\n        '.ww-belt-lightbox'\n    );\n\n    const lightboxFrame = document.querySelector(\n        '.ww-belt-lightbox-frame'\n    );\n\n    const lightboxImage = document.querySelector(\n        '.ww-belt-lightbox-image'\n    );\n\n    const closeButton = document.querySelector(\n        '.ww-belt-lightbox-close'\n    );\n\n\n    if (\n        !productImages.length ||\n        !lightbox ||\n        !lightboxFrame ||\n        !lightboxImage ||\n        !closeButton\n    ) {\n        return;\n    }\n\n\n    \/* =====================================================\n       OPEN POPUP\n    ===================================================== *\/\n\n    productImages.forEach(function (image) {\n\n        image.addEventListener('click', function () {\n\n            lightboxImage.src =\n                image.currentSrc || image.src;\n\n            lightboxImage.alt =\n                image.alt || '';\n\n            lightbox.classList.add(\n                'ww-belt-lightbox-active'\n            );\n\n            lightbox.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n            document.body.style.overflow = 'hidden';\n\n        });\n\n    });\n\n\n    \/* =====================================================\n       CLOSE POPUP\n    ===================================================== *\/\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\n            'ww-belt-lightbox-active'\n        );\n\n        lightbox.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n        lightboxImage.src = '';\n\n        document.body.style.overflow = '';\n\n    }\n\n\n    \/* =====================================================\n       CLOSE BUTTON\n    ===================================================== *\/\n\n    closeButton.addEventListener(\n        'click',\n        closeLightbox\n    );\n\n\n    \/* =====================================================\n       CLICK OUTSIDE WHITE FRAME\n    ===================================================== *\/\n\n    lightbox.addEventListener(\n        'click',\n        function (event) {\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       ESCAPE KEY\n    ===================================================== *\/\n\n    document.addEventListener(\n        'keydown',\n        function (event) {\n\n            if (\n                event.key === 'Escape' &&\n                lightbox.classList.contains(\n                    'ww-belt-lightbox-active'\n                )\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>","protected":false},"excerpt":{"rendered":"<p>WILD WOVEN PRODUCTS LIST A collection shaped through years of making, refining, and producing leather goods in Bangladesh. Each piece reflects our experience with materials, construction, and craftsmanship \u2014 developed to meet the needs of brands and products that are made to endure. Backpack \u00d7 Office Bag \u00d7 Travel Bag \u00d7 Fashion Bag \u00d7 Tote Bag \u00d7 Wallet \u00d7 Purse \u00d7 Key Ring \u00d7 Card Holder \u00d7 Jacket \u00d7 Belt \u00d7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":41,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/19\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}