{"id":767,"date":"2026-08-27T15:28:29","date_gmt":"2026-08-27T18:28:29","guid":{"rendered":"https:\/\/3xsmarket.com\/?page_id=767"},"modified":"2026-09-10T12:20:34","modified_gmt":"2026-09-10T15:20:34","slug":"home-2","status":"publish","type":"page","link":"https:\/\/3xsmarket.com\/py\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   3XS MARKET - HERO SLIDER\n   FULL WIDTH + RESPONSIVO\n   3 BANNERS DESKTOP + 3 BANNERS MOBILE\n   ========================================================= *\/\n\n\n\/* =========================================================\n   CONTAINER PRINCIPAL\n   ========================================================= *\/\n\n.xs-hero-slider {\n\n    position: relative;\n\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #061b46;\n\n}\n\n\n\/* =========================================================\n   TRILHO\n   ========================================================= *\/\n\n.xs-hero-track {\n\n    display: flex;\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-snap-type: x mandatory;\n\n    scroll-behavior: smooth;\n\n    -webkit-overflow-scrolling: touch;\n\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    cursor: grab;\n\n}\n\n\n\/* =========================================================\n   REMOVE SCROLLBAR\n   ========================================================= *\/\n\n.xs-hero-track::-webkit-scrollbar {\n\n    display: none;\n\n}\n\n\n\/* =========================================================\n   ARRASTANDO\n   ========================================================= *\/\n\n.xs-hero-track.is-dragging {\n\n    cursor: grabbing;\n\n    scroll-snap-type: none;\n\n    scroll-behavior: auto;\n\n}\n\n\n.xs-hero-track.is-dragging img {\n\n    pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   SLIDES\n   ========================================================= *\/\n\n.xs-hero-slide {\n\n    position: relative;\n\n    flex: 0 0 100%;\n\n    width: 100%;\n    min-width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    scroll-snap-align: start;\n\n    scroll-snap-stop: always;\n\n    line-height: 0;\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   BANNER DESKTOP\n   =========================================================\n   ========================================================= *\/\n\n.xs-hero-banner-desktop {\n\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    aspect-ratio: 4 \/ 1;\n\n    object-fit: cover;\n    object-position: center;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n\n    user-select: none;\n\n    -webkit-user-select: none;\n\n    -webkit-user-drag: none;\n\n}\n\n\n\/* =========================================================\n   BANNER MOBILE\n   ESCONDIDO POR PADR\u00c3O\n   ========================================================= *\/\n\n.xs-hero-banner-mobile {\n\n    display: none;\n\n}\n\n\n\/* =========================================================\n   LINKS DOS BOT\u00d5ES DESKTOP\n   ========================================================= *\/\n\n.xs-banner-link {\n\n    position: absolute;\n\n    z-index: 15;\n\n    display: block;\n\n    cursor: pointer;\n\n    background: transparent;\n\n}\n\n\n\/* =========================================================\n   BOT\u00c3O - BANNER 1\n   ========================================================= *\/\n\n.xs-banner-link-1 {\n\n    left: 2%;\n\n    top: 64%;\n\n    width: 14%;\n\n    height: 14%;\n\n}\n\n\n\/* =========================================================\n   BOT\u00c3O - BANNER 2\n   ========================================================= *\/\n\n.xs-banner-link-2 {\n\n    left: 2%;\n\n    top: 64%;\n\n    width: 14%;\n\n    height: 14%;\n\n}\n\n\n\/* =========================================================\n   BOT\u00c3O - BANNER 3\n   ========================================================= *\/\n\n.xs-banner-link-3 {\n\n    left: 3%;\n\n    top: 60%;\n\n    width: 15%;\n\n    height: 16%;\n\n}\n\n\n\/* =========================================================\n   ACESSIBILIDADE\n   ========================================================= *\/\n\n.xs-banner-link:focus-visible {\n\n    outline: 3px solid #ff6500;\n\n    outline-offset: 3px;\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   SETAS DESKTOP\n   =========================================================\n   ========================================================= *\/\n\n.xs-hero-arrow {\n\n    position: absolute;\n\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    z-index: 30;\n\n    width: 44px;\n    height: 44px;\n\n    padding: 0;\n\n    border: 1px solid #e2e5e9;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    color: #071f4d;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    font-size: 24px;\n\n    font-weight: 700;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n    box-shadow:\n        0 4px 14px\n        rgba(0, 0, 0, 0.18);\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease,\n        box-shadow 0.2s ease;\n\n}\n\n\n\/* =========================================================\n   SETA ESQUERDA\n   ========================================================= *\/\n\n.xs-hero-prev {\n\n    left: 18px;\n\n}\n\n\n\/* =========================================================\n   SETA DIREITA\n   ========================================================= *\/\n\n.xs-hero-next {\n\n    right: 18px;\n\n}\n\n\n\/* =========================================================\n   HOVER DAS SETAS\n   ========================================================= *\/\n\n.xs-hero-arrow:hover {\n\n    background: #ffffff;\n\n    transform:\n        translateY(-50%)\n        scale(1.08);\n\n    box-shadow:\n        0 6px 20px\n        rgba(0, 0, 0, 0.24);\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   DOTS\n   =========================================================\n   ========================================================= *\/\n\n.xs-hero-dots {\n\n    position: absolute;\n\n    left: 50%;\n\n    bottom: 13px;\n\n    transform:\n        translateX(-50%);\n\n    z-index: 20;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n}\n\n\n\/* =========================================================\n   DOT NORMAL\n   ========================================================= *\/\n\n.xs-hero-dot {\n\n    width: 8px;\n    height: 8px;\n\n    padding: 0;\n\n    border: 0;\n\n    border-radius: 100px;\n\n    background:\n        rgba(255, 255, 255, 0.55);\n\n    cursor: pointer;\n\n    transition:\n        all 0.25s ease;\n\n}\n\n\n\/* =========================================================\n   DOT ATIVO\n   ========================================================= *\/\n\n.xs-hero-dot.is-active {\n\n    width: 24px;\n\n    background: #ff6500;\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   DESKTOP\n   1025px OU MAIS\n   =========================================================\n   ========================================================= *\/\n\n@media (min-width: 1025px) {\n\n    .xs-hero-slider {\n\n        width: 100%;\n        max-width: none;\n\n        margin: 0;\n        padding: 0;\n\n        overflow: hidden;\n\n    }\n\n\n    \/* -----------------------------------------------\n       DESKTOP VIS\u00cdVEL\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-desktop {\n\n        display: block !important;\n\n        width: 100%;\n        height: auto;\n\n        aspect-ratio: 4 \/ 1;\n\n        object-fit: cover;\n\n        object-position: center;\n\n    }\n\n\n    \/* -----------------------------------------------\n       MOBILE ESCONDIDO\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-mobile {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SETAS VIS\u00cdVEIS\n       ----------------------------------------------- *\/\n\n    .xs-hero-arrow {\n\n        display: flex;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   TABLET\n   1024px AT\u00c9 768px\n   =========================================================\n   ========================================================= *\/\n\n@media (min-width: 768px) and (max-width: 1024px) {\n\n    .xs-hero-slider {\n\n        width: 100%;\n        max-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        overflow: hidden;\n\n        background: transparent;\n\n    }\n\n\n    \/* -----------------------------------------------\n       ESCONDE DESKTOP\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-desktop {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       MOSTRA MOBILE\n       400x300 = 4:3\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-mobile {\n\n        display: block !important;\n\n        width: 100%;\n        height: auto;\n\n        aspect-ratio: 4 \/ 3;\n\n        object-fit: contain;\n\n        object-position: center;\n\n        margin: 0;\n        padding: 0;\n\n        border: 0;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SLIDE\n       ----------------------------------------------- *\/\n\n    .xs-hero-slide {\n\n        width: 100%;\n        min-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        line-height: 0;\n\n    }\n\n\n    \/* -----------------------------------------------\n       TRILHO\n       ----------------------------------------------- *\/\n\n    .xs-hero-track {\n\n        width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        touch-action: pan-x;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SEM SETAS\n       ----------------------------------------------- *\/\n\n    .xs-hero-arrow {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SEM HOTSPOTS\n       ----------------------------------------------- *\/\n\n    .xs-banner-link {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       CURSOR\n       ----------------------------------------------- *\/\n\n    .xs-hero-slide {\n\n        cursor: pointer;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   MOBILE\n   AT\u00c9 767px\n   =========================================================\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .xs-hero-slider {\n\n        width: 100%;\n        max-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        overflow: hidden;\n\n        background: transparent;\n\n    }\n\n\n    \/* -----------------------------------------------\n       ESCONDE DESKTOP\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-desktop {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       MOSTRA MOBILE\n       400x300 = 4:3\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-mobile {\n\n        display: block !important;\n\n        width: 100%;\n        height: auto;\n\n        aspect-ratio: 4 \/ 3;\n\n        object-fit: contain;\n\n        object-position: center;\n\n        margin: 0;\n        padding: 0;\n\n        border: 0;\n\n        user-select: none;\n\n        -webkit-user-select: none;\n\n        -webkit-user-drag: none;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SLIDE\n       ----------------------------------------------- *\/\n\n    .xs-hero-slide {\n\n        width: 100%;\n        min-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        line-height: 0;\n\n        cursor: pointer;\n\n    }\n\n\n    \/* -----------------------------------------------\n       TRILHO \/ SWIPE\n       ----------------------------------------------- *\/\n\n    .xs-hero-track {\n\n        width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        cursor: grab;\n\n        touch-action: pan-x;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SEM SETAS\n       ----------------------------------------------- *\/\n\n    .xs-hero-arrow {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SEM HOTSPOTS\n       ----------------------------------------------- *\/\n\n    .xs-banner-link {\n\n        display: none !important;\n\n    }\n\n\n    \/* -----------------------------------------------\n       DOTS\n       ----------------------------------------------- *\/\n\n    .xs-hero-dots {\n\n        bottom: 7px;\n\n        gap: 5px;\n\n    }\n\n\n    .xs-hero-dot {\n\n        width: 6px;\n        height: 6px;\n\n    }\n\n\n    .xs-hero-dot.is-active {\n\n        width: 18px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   MOBILE PEQUENO\n   AT\u00c9 480px\n   =========================================================\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .xs-hero-slider {\n\n        width: 100%;\n        max-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        overflow: hidden;\n\n        background: transparent;\n\n    }\n\n\n    \/* -----------------------------------------------\n       BANNER MOBILE\n       ----------------------------------------------- *\/\n\n    .xs-hero-banner-mobile {\n\n        display: block !important;\n\n        width: 100%;\n        height: auto;\n\n        aspect-ratio: 4 \/ 3;\n\n        object-fit: contain;\n\n        object-position: center;\n\n    }\n\n\n    \/* -----------------------------------------------\n       SLIDE\n       ----------------------------------------------- *\/\n\n    .xs-hero-slide {\n\n        width: 100%;\n        min-width: 100%;\n\n        margin: 0;\n        padding: 0;\n\n        line-height: 0;\n\n    }\n\n\n    \/* -----------------------------------------------\n       DOTS\n       ----------------------------------------------- *\/\n\n    .xs-hero-dots {\n\n        bottom: 5px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   MOBILE MUITO PEQUENO\n   AT\u00c9 360px\n   =========================================================\n   ========================================================= *\/\n\n@media (max-width: 360px) {\n\n    .xs-hero-dot {\n\n        width: 5px;\n        height: 5px;\n\n    }\n\n\n    .xs-hero-dot.is-active {\n\n        width: 15px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   TELAS MUITO LARGAS\n   ACIMA DE 1600px\n   =========================================================\n   ========================================================= *\/\n\n@media (min-width: 1600px) {\n\n    .xs-hero-arrow {\n\n        width: 46px;\n        height: 46px;\n\n        font-size: 25px;\n\n    }\n\n\n    .xs-hero-prev {\n\n        left: 22px;\n\n    }\n\n\n    .xs-hero-next {\n\n        right: 22px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   =========================================================\n   GARANTIA CONTRA ESPA\u00c7OS DO WORDPRESS\n   =========================================================\n   ========================================================= *\/\n\n.xs-hero-slider img {\n\n    vertical-align: middle;\n\n}\n\n\n\/* =========================================================\n   GARANTIA DE TAMANHO DO SLIDE\n   ========================================================= *\/\n\n.xs-hero-slider .xs-hero-slide {\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   GARANTIA DE TAMANHO DAS IMAGENS\n   ========================================================= *\/\n\n.xs-hero-slider img {\n\n    box-sizing: border-box;\n\n}\n<\/style>\n\n<div class=\"xs-hero-slider\" id=\"xsHeroSlider\">\n\n  <div class=\"xs-hero-track\">\n\n\n    <!-- =====================================================\n         BANNER 1\n         ===================================================== -->\n\n    <div class=\"xs-hero-slide\" data-link=\"\/shop\/\">\n\n      <!-- DESKTOP -->\n<img decoding=\"async\" class=\"xs-hero-banner-desktop\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/1.jpg\" alt=\"3XS Market - O Paraguai inteiro na sua casa\" loading=\"eager\" draggable=\"false\">\n\n<!-- MOBILE -->\n<img decoding=\"async\" class=\"xs-hero-banner-mobile\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/1-1.svg\" alt=\"3XS Market - O Paraguai inteiro na sua casa\" loading=\"eager\" draggable=\"false\">\n\n      <!-- Link do bot\u00e3o no desktop -->\n      <a href=\"\/shop\/\" class=\"xs-banner-link xs-banner-link-1\" aria-label=\"Explorar produtos\"><\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BANNER 2\n         ===================================================== -->\n\n    <div class=\"xs-hero-slide\" data-link=\"\/ofertas\/\">\n\n      <!-- DESKTOP -->\n      <img decoding=\"async\" class=\"xs-hero-banner-desktop\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/2.jpg\" alt=\"3XS Market - Ofertas imperd\u00edveis\" loading=\"lazy\" draggable=\"false\">\n\n      <!-- MOBILE -->\n      <img decoding=\"async\" class=\"xs-hero-banner-mobile\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/2-2.svg\" alt=\"3XS Market - Ofertas imperd\u00edveis\" loading=\"lazy\" draggable=\"false\">\n\n      <!-- Link do bot\u00e3o no desktop -->\n      <a href=\"\/ofertas\/\" class=\"xs-banner-link xs-banner-link-2\" aria-label=\"Ver ofertas\"><\/a>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BANNER 3\n         ===================================================== -->\n\n    <div class=\"xs-hero-slide\" data-link=\"\/categoria\/eletronicos\/\">\n\n      <!-- DESKTOP -->\n      <img decoding=\"async\" class=\"xs-hero-banner-desktop\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/3.webp\" alt=\"3XS Market - Tecnologia sem limites\" loading=\"lazy\" draggable=\"false\">\n\n      <!-- MOBILE -->\n      <img decoding=\"async\" class=\"xs-hero-banner-mobile\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/3-3.svg\" alt=\"3XS Market - Tecnologia sem limites\" loading=\"lazy\" draggable=\"false\">\n\n      <!-- Link do bot\u00e3o no desktop -->\n      <a href=\"\/categoria\/eletronicos\/\" class=\"xs-banner-link xs-banner-link-3\" aria-label=\"Explorar tecnologia\"><\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <!-- =====================================================\n       SETA ESQUERDA\n       ===================================================== -->\n\n  <button class=\"xs-hero-arrow xs-hero-prev\" type=\"button\" aria-label=\"Banner anterior\">\n    \u276e\n  <\/button>\n\n\n  <!-- =====================================================\n       SETA DIREITA\n       ===================================================== -->\n\n  <button class=\"xs-hero-arrow xs-hero-next\" type=\"button\" aria-label=\"Pr\u00f3ximo banner\">\n    \u276f\n  <\/button>\n\n\n  <!-- =====================================================\n       DOTS\n       ===================================================== -->\n\n  <div class=\"xs-hero-dots\" aria-label=\"Navega\u00e7\u00e3o dos banners\">\n\n    <button class=\"xs-hero-dot is-active\" type=\"button\" data-slide=\"0\" aria-label=\"Banner 1\"><\/button>\n\n    <button class=\"xs-hero-dot\" type=\"button\" data-slide=\"1\" aria-label=\"Banner 2\"><\/button>\n\n    <button class=\"xs-hero-dot\" type=\"button\" data-slide=\"2\" aria-label=\"Banner 3\"><\/button>\n\n  <\/div>\n\n\n<\/div>\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  const slider = document.getElementById('xsHeroSlider');\n\n  if (!slider) return;\n\n\n  \/* =====================================================\n     ELEMENTOS\n     ===================================================== *\/\n\n  const track = slider.querySelector('.xs-hero-track');\n\n  const slides = Array.from(\n    slider.querySelectorAll('.xs-hero-slide')\n  );\n\n  const prev = slider.querySelector('.xs-hero-prev');\n\n  const next = slider.querySelector('.xs-hero-next');\n\n  const dots = Array.from(\n    slider.querySelectorAll('.xs-hero-dot')\n  );\n\n\n  let current = 0;\n\n\n  \/* =====================================================\n     ATUALIZA DOTS\n     ===================================================== *\/\n\n  function updateDots() {\n\n    dots.forEach(function (dot, i) {\n\n      dot.classList.toggle(\n        'is-active',\n        i === current\n      );\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     ATUALIZA SLIDER\n     ===================================================== *\/\n\n  function updateSlider(index) {\n\n    if (index < 0) {\n\n      current = slides.length - 1;\n\n    } else if (index >= slides.length) {\n\n      current = 0;\n\n    } else {\n\n      current = index;\n\n    }\n\n\n    track.scrollTo({\n\n      left: track.clientWidth * current,\n\n      behavior: 'smooth'\n\n    });\n\n\n    updateDots();\n\n  }\n\n\n  \/* =====================================================\n     SETA ESQUERDA\n     ===================================================== *\/\n\n  if (prev) {\n\n    prev.addEventListener('click', function () {\n\n      updateSlider(current - 1);\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     SETA DIREITA\n     ===================================================== *\/\n\n  if (next) {\n\n    next.addEventListener('click', function () {\n\n      updateSlider(current + 1);\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     DOTS\n     ===================================================== *\/\n\n  dots.forEach(function (dot) {\n\n    dot.addEventListener('click', function () {\n\n      updateSlider(\n        Number(dot.dataset.slide)\n      );\n\n    });\n\n  });\n\n\n  \/* =====================================================\n     DETECTA SCROLL \/ SWIPE\n     ===================================================== *\/\n\n  let scrollTimer;\n\n  track.addEventListener('scroll', function () {\n\n    clearTimeout(scrollTimer);\n\n\n    scrollTimer = setTimeout(function () {\n\n      if (!track.clientWidth) return;\n\n\n      const index = Math.round(\n\n        track.scrollLeft \/\n        track.clientWidth\n\n      );\n\n\n      current = Math.max(\n\n        0,\n\n        Math.min(\n\n          index,\n\n          slides.length - 1\n\n        )\n\n      );\n\n\n      updateDots();\n\n    }, 80);\n\n  });\n\n\n  \/* =====================================================\n     ARRASTAR COM MOUSE\n     DESKTOP \/ NOTEBOOK\n     ===================================================== *\/\n\n  let isDragging = false;\n\n  let startX = 0;\n\n  let startScrollLeft = 0;\n\n  let dragDistance = 0;\n\n\n  track.addEventListener('mousedown', function (e) {\n\n    \/*\n     * Se clicou no bot\u00e3o\/link do banner,\n     * N\u00c3O inicia o drag.\n     *\/\n\n    if (e.target.closest('.xs-banner-link')) {\n\n      return;\n\n    }\n\n\n    \/*\n     * Apenas bot\u00e3o esquerdo do mouse.\n     *\/\n\n    if (e.button !== 0) {\n\n      return;\n\n    }\n\n\n    isDragging = true;\n\n    startX = e.clientX;\n\n    startScrollLeft =\n      track.scrollLeft;\n\n    dragDistance = 0;\n\n\n    track.classList.add(\n      'is-dragging'\n    );\n\n\n    e.preventDefault();\n\n  });\n\n\n  window.addEventListener('mousemove', function (e) {\n\n    if (!isDragging) return;\n\n\n    const movement =\n      e.clientX - startX;\n\n\n    dragDistance = movement;\n\n\n    track.scrollLeft =\n      startScrollLeft - movement;\n\n  });\n\n\n  window.addEventListener('mouseup', function () {\n\n    if (!isDragging) return;\n\n\n    isDragging = false;\n\n\n    track.classList.remove(\n      'is-dragging'\n    );\n\n\n    \/*\n     * Arrastou mais de 60px:\n     * troca o banner.\n     *\/\n\n    if (\n      Math.abs(dragDistance) > 60\n    ) {\n\n      if (dragDistance < 0) {\n\n        \/*\n         * Arrastou para esquerda.\n         *\/\n\n        updateSlider(\n          current + 1\n        );\n\n      } else {\n\n        \/*\n         * Arrastou para direita.\n         *\/\n\n        updateSlider(\n          current - 1\n        );\n\n      }\n\n    } else {\n\n      \/*\n       * Movimento muito pequeno.\n       * Volta para o banner atual.\n       *\/\n\n      updateSlider(current);\n\n    }\n\n  });\n\n\n  \/* =====================================================\n     EVITA DRAG NATIVO DAS IMAGENS\n     ===================================================== *\/\n\n  slides.forEach(function (slide) {\n\n    const images =\n      slide.querySelectorAll('img');\n\n\n    images.forEach(function (img) {\n\n      img.addEventListener(\n        'dragstart',\n        function (e) {\n\n          e.preventDefault();\n\n        }\n      );\n\n    });\n\n  });\n\n\n  \/* =====================================================\n     MOBILE \/ TABLET\n     BANNER INTEIRO CLIC\u00c1VEL\n     ===================================================== *\/\n\n  slides.forEach(function (slide) {\n\n    let touchStartX = 0;\n\n    let touchStartY = 0;\n\n    let touchMoved = false;\n\n\n    \/* -----------------------------------------------------\n       IN\u00cdCIO DO TOQUE\n       ----------------------------------------------------- *\/\n\n    slide.addEventListener(\n      'touchstart',\n      function (e) {\n\n        if (window.innerWidth > 1024) {\n\n          return;\n\n        }\n\n\n        if (!e.touches.length) {\n\n          return;\n\n        }\n\n\n        touchStartX =\n          e.touches[0].clientX;\n\n        touchStartY =\n          e.touches[0].clientY;\n\n        touchMoved = false;\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    \/* -----------------------------------------------------\n       DETECTA SE HOUVE SWIPE\n       ----------------------------------------------------- *\/\n\n    slide.addEventListener(\n      'touchmove',\n      function (e) {\n\n        if (window.innerWidth > 1024) {\n\n          return;\n\n        }\n\n\n        if (!e.touches.length) {\n\n          return;\n\n        }\n\n\n        const diffX =\n          Math.abs(\n            e.touches[0].clientX -\n            touchStartX\n          );\n\n\n        const diffY =\n          Math.abs(\n            e.touches[0].clientY -\n            touchStartY\n          );\n\n\n        if (\n          diffX > 12 ||\n          diffY > 12\n        ) {\n\n          touchMoved = true;\n\n        }\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    \/* -----------------------------------------------------\n       FINAL DO TOQUE\n       ----------------------------------------------------- *\/\n\n    slide.addEventListener(\n      'touchend',\n      function () {\n\n        if (window.innerWidth > 1024) {\n\n          return;\n\n        }\n\n\n        \/*\n         * Se foi swipe,\n         * n\u00e3o abre o link.\n         *\/\n\n        if (touchMoved) {\n\n          return;\n\n        }\n\n\n        const link =\n          slide.dataset.link;\n\n\n        if (link) {\n\n          window.location.href = link;\n\n        }\n\n      },\n      {\n        passive: true\n      }\n    );\n\n  });\n\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   3XS MARKET\n   CATEGORIAS EM DESTAQUE\n   CARROSSEL RESPONSIVO\n   ========================================================== *\/\n\n.xs-featured-categories {\n    width: 100%;\n\n    padding: 30px 0 36px;\n\n    background: #ffffff;\n}\n\n\n\/* ==========================================================\n   CONTAINER\n   ========================================================== *\/\n\n.xs-categories-container {\n    width: 100%;\n    max-width: 1600px;\n\n    margin: 0 auto;\n\n    padding-left: 32px;\n    padding-right: 32px;\n}\n\n\n\/* ==========================================================\n   CABE\u00c7ALHO\n   ========================================================== *\/\n\n.xs-categories-header {\n    margin-bottom: 18px;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n.xs-categories-heading {\n    min-width: 0;\n}\n\n.xs-categories-eyebrow {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #ff6500;\n\n    font-size: 11px;\n    line-height: 1.3;\n    font-weight: 700;\n\n    letter-spacing: .5px;\n\n    text-transform: uppercase;\n}\n\n.xs-categories-header h2 {\n    margin: 0 !important;\n\n    color: #101828;\n\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 750;\n\n    letter-spacing: -.3px;\n}\n\n.xs-categories-view-all {\n    position: relative;\n\n    flex: 0 0 auto;\n\n    padding-right: 18px;\n\n    color: #061945 !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n}\n\n.xs-categories-view-all::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    right: 2px;\n\n    width: 7px;\n    height: 7px;\n\n    border-top: 2px solid #061945;\n    border-right: 2px solid #061945;\n\n    transform:\n        translateY(-50%)\n        rotate(45deg);\n\n    transition:\n        right .2s ease,\n        border-color .2s ease;\n}\n\n.xs-categories-view-all:hover {\n    color: #ff6500 !important;\n}\n\n.xs-categories-view-all:hover::after {\n    right: -2px;\n\n    border-color: #ff6500;\n}\n\n\n\/* ==========================================================\n   CARROSSEL\n   ========================================================== *\/\n\n.xs-categories-slider {\n    width: 100%;\n\n    display: flex;\n\n    gap: 14px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding: 2px 2px 12px;\n\n    scroll-snap-type: x proximity;\n    scroll-behavior: smooth;\n\n    -webkit-overflow-scrolling: touch;\n\n    cursor: grab;\n\n    user-select: none;\n\n    scrollbar-width: none;\n\n    overscroll-behavior-x: contain;\n}\n\n.xs-categories-slider::-webkit-scrollbar {\n    display: none;\n}\n\n.xs-categories-slider.is-dragging {\n    cursor: grabbing;\n\n    scroll-behavior: auto;\n}\n\n\n\/* ==========================================================\n   CARD\n   DESKTOP = APROX. 6 VIS\u00cdVEIS\n   ========================================================== *\/\n\n.xs-category-card {\n    position: relative;\n\n    flex:\n        0\n        0\n        calc((100% - 70px) \/ 6);\n\n    min-width: 0;\n\n    padding: 10px 10px 13px;\n\n    display: block;\n\n    overflow: hidden;\n\n    scroll-snap-align: start;\n\n    background: #ffffff;\n\n    border: 1px solid #e5e8ed;\n\n    border-radius: 14px;\n\n    color: #101828 !important;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 2px 8px rgba(16, 24, 40, .025);\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n}\n\n.xs-category-card:hover {\n    transform: translateY(-2px);\n\n    border-color: #d6dbe4;\n\n    box-shadow:\n        0 8px 22px rgba(16,24,40,.08);\n}\n\n\n\/* ==========================================================\n   \u00c1REA DA IMAGEM\n   ========================================================== *\/\n\n.xs-category-image {\n    width: 100%;\n\n    aspect-ratio: 1.35 \/ 1;\n\n    margin-bottom: 10px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8f9fb 0%,\n            #f1f3f6 100%\n        );\n\n    border-radius: 10px;\n}\n\n\n\/* IMAGEM FUTURA *\/\n\n.xs-category-image img {\n    display: block;\n\n    width: 82%;\n    height: 82%;\n\n    object-fit: contain;\n\n    pointer-events: none;\n\n    transition: transform .25s ease;\n}\n\n.xs-category-card:hover\n.xs-category-image img {\n    transform: scale(1.04);\n}\n\n\n\/* ==========================================================\n   PLACEHOLDER ENQUANTO N\u00c3O TEMOS IMAGEM\n   ========================================================== *\/\n\n.xs-category-placeholder {\n    position: relative;\n\n    display: block;\n\n    width: 54px;\n    height: 54px;\n\n    border: 1px dashed #cbd0d8;\n\n    border-radius: 50%;\n\n    background: rgba(255,255,255,.55);\n}\n\n.xs-category-placeholder::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 18px;\n    height: 14px;\n\n    border: 1.5px solid #aeb5c0;\n\n    border-radius: 3px;\n\n    transform: translate(-50%, -50%);\n}\n\n.xs-category-placeholder::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 22px;\n    left: 20px;\n\n    width: 15px;\n    height: 10px;\n\n    border-left: 1.5px solid #aeb5c0;\n    border-top: 1.5px solid #aeb5c0;\n\n    transform: rotate(45deg);\n}\n\n\n\/* ==========================================================\n   TEXTO\n   ========================================================== *\/\n\n.xs-category-info {\n    min-width: 0;\n\n    padding-right: 20px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 2px;\n}\n\n.xs-category-info strong {\n    display: block;\n\n    overflow: hidden;\n\n    color: #101828;\n\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 750;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.xs-category-info span {\n    display: block;\n\n    color: #7c8492;\n\n    font-size: 10px;\n    line-height: 1.4;\n    font-weight: 500;\n}\n\n\n\/* ==========================================================\n   SETA\n   ========================================================== *\/\n\n.xs-category-arrow {\n    position: absolute;\n\n    right: 13px;\n    bottom: 18px;\n\n    width: 7px;\n    height: 7px;\n\n    border-top: 1.5px solid #061945;\n    border-right: 1.5px solid #061945;\n\n    transform: rotate(45deg);\n\n    transition:\n        right .2s ease,\n        border-color .2s ease;\n}\n\n.xs-category-card:hover\n.xs-category-arrow {\n    right: 10px;\n\n    border-color: #ff6500;\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n   ========================================================== *\/\n\n@media (min-width: 1025px) and (max-width: 1439px) {\n\n    .xs-categories-container {\n        padding-left: 24px;\n        padding-right: 24px;\n    }\n\n    .xs-categories-slider {\n        gap: 12px;\n    }\n\n    .xs-category-card {\n        flex-basis:\n            calc((100% - 60px) \/ 5.4);\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (min-width: 768px) and (max-width: 1024px) {\n\n    .xs-featured-categories {\n        padding: 27px 0 32px;\n    }\n\n    .xs-categories-container {\n        padding-left: 18px;\n        padding-right: 18px;\n    }\n\n    .xs-categories-header h2 {\n        font-size: 22px;\n    }\n\n    .xs-categories-slider {\n        gap: 12px;\n    }\n\n    .xs-category-card {\n        flex-basis: 27%;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .xs-featured-categories {\n        padding: 24px 0 28px;\n    }\n\n    .xs-categories-container {\n        padding-left: 14px;\n        padding-right: 0;\n    }\n\n    .xs-categories-header {\n        margin-bottom: 15px;\n\n        padding-right: 14px;\n\n        align-items: center;\n    }\n\n    .xs-categories-eyebrow {\n        font-size: 9px;\n    }\n\n    .xs-categories-header h2 {\n        font-size: 19px;\n    }\n\n    .xs-categories-view-all {\n        padding-right: 15px;\n\n        font-size: 10px;\n    }\n\n    .xs-categories-slider {\n        gap: 10px;\n\n        padding-right: 14px;\n        padding-bottom: 9px;\n\n        scroll-snap-type: x mandatory;\n    }\n\n\n    \/*\n     * 43% deixa aproximadamente\n     * 2,2 cards vis\u00edveis.\n     *\n     * Assim o pr\u00f3ximo card aparece\n     * parcialmente e indica que existe\n     * conte\u00fado para arrastar.\n     *\/\n    .xs-category-card {\n        flex: 0 0 43%;\n\n        padding: 8px 8px 11px;\n\n        border-radius: 12px;\n    }\n\n    .xs-category-image {\n        margin-bottom: 8px;\n\n        border-radius: 9px;\n    }\n\n    .xs-category-placeholder {\n        width: 45px;\n        height: 45px;\n    }\n\n    .xs-category-info strong {\n        font-size: 12px;\n    }\n\n    .xs-category-info span {\n        font-size: 9px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUENO\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xs-categories-container {\n        padding-left: 12px;\n    }\n\n    .xs-categories-header {\n        padding-right: 12px;\n    }\n\n    .xs-categories-header h2 {\n        font-size: 18px;\n    }\n\n    .xs-categories-slider {\n        gap: 9px;\n\n        padding-right: 12px;\n    }\n\n    .xs-category-card {\n        flex-basis: 44%;\n    }\n\n}\n<\/style>\n\n<section class=\"xs-featured-categories\">\n\n  <div class=\"xs-categories-container\">\n\n    <!-- CABE\u00c7ALHO -->\n    <div class=\"xs-categories-header\">\n\n      <div class=\"xs-categories-heading\">\n\n        <span class=\"xs-categories-eyebrow\">\n          Explore por categoria\n        <\/span>\n\n        <h2>\n          Categorias em destaque\n        <\/h2>\n\n      <\/div>\n\n      <a class=\"xs-categories-view-all\" href=\"\/loja\/\">\n        Ver todos\n      <\/a>\n\n    <\/div>\n\n\n    <!-- =========================================\n         CARROSSEL\n         ========================================= -->\n    <div class=\"xs-categories-slider\" id=\"xsCategoriesSlider\">\n\n\n      <!-- Jalecos Femininos -->\n<a class=\"xs-category-card\" href=\"https:\/\/3xsmarket.com\/jalecos-femininos\/\" draggable=\"false\">\n\n  <div class=\"xs-category-image\">\n\n    <img decoding=\"async\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-8_09_2026-17_03_27.png\" alt=\"Jalecos Femininos\" draggable=\"false\">\n\n  <\/div>\n\n  <div class=\"xs-category-info\">\n\n    <strong>\n      Jalecos Femininos\n    <\/strong>\n\n    <span>\n      Ver produtos\n    <\/span>\n\n  <\/div>\n\n  <span class=\"xs-category-arrow\"><\/span>\n\n<\/a>\n\n\n      <!-- PERFUMES -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/perfumes\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Perfumes\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- PNEUS -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/pneus\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Pneus\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- ELETR\u00d4NICOS -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/eletronicos\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Eletr\u00f4nicos\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- MODA -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/moda\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Moda\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- GAMES -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/games\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Games\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- CASA -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/casa\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Casa\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n      <!-- INFORM\u00c1TICA -->\n      <a class=\"xs-category-card\" href=\"\/categoria-produto\/informatica\/\" draggable=\"false\">\n\n        <div class=\"xs-category-image\">\n\n          <span class=\"xs-category-placeholder\"><\/span>\n\n        <\/div>\n\n        <div class=\"xs-category-info\">\n\n          <strong>\n            Inform\u00e1tica\n          <\/strong>\n\n          <span>\n            Ver produtos\n          <\/span>\n\n        <\/div>\n\n        <span class=\"xs-category-arrow\"><\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================\n     DRAG COM MOUSE - DESKTOP \/ NOTEBOOK\n     ========================================= -->\n<script>\n(function () {\n\n  const slider =\n    document.getElementById('xsCategoriesSlider');\n\n  if (!slider) {\n    return;\n  }\n\n  let isDown = false;\n  let startX = 0;\n  let scrollLeft = 0;\n  let moved = false;\n\n\n  slider.addEventListener('mousedown', function (event) {\n\n    isDown = true;\n    moved = false;\n\n    slider.classList.add('is-dragging');\n\n    startX =\n      event.pageX - slider.offsetLeft;\n\n    scrollLeft =\n      slider.scrollLeft;\n\n  });\n\n\n  slider.addEventListener('mouseleave', function () {\n\n    isDown = false;\n\n    slider.classList.remove('is-dragging');\n\n  });\n\n\n  slider.addEventListener('mouseup', function () {\n\n    isDown = false;\n\n    slider.classList.remove('is-dragging');\n\n  });\n\n\n  slider.addEventListener('mousemove', function (event) {\n\n    if (!isDown) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const x =\n      event.pageX - slider.offsetLeft;\n\n    const distance =\n      x - startX;\n\n    if (Math.abs(distance) > 5) {\n      moved = true;\n    }\n\n    slider.scrollLeft =\n      scrollLeft - distance;\n\n  });\n\n\n  slider.addEventListener('click', function (event) {\n\n    if (moved) {\n\n      event.preventDefault();\n\n      moved = false;\n\n    }\n\n  }, true);\n\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-group xs-home-products is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   3XS MARKET\n   PRODUTOS EM DESTAQUE\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   GRUPO PRINCIPAL\n   ========================================================== *\/\n\n.xs-home-products {\n    width: calc(100% - 64px) !important;\n    max-width: 1600px !important;\n\n    margin-left: auto !important;\n    margin-right: auto !important;\n\n    padding: 30px 0 38px !important;\n\n    \/*\n     * IMPORTANTE:\n     * permite que as setas fiquem para fora dos cards.\n     *\/\n    overflow: visible !important;\n\n    background: #ffffff;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   CABE\u00c7ALHO\n   ALINHADO AO PRIMEIRO CARD\n   ========================================================== *\/\n\n.xs-home-products .xs-products-heading,\n.xs-products-heading {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin-top: 0 !important;\n    margin-right: 0 !important;\n    margin-bottom: 18px !important;\n    margin-left: 0 !important;\n\n    padding: 0 2px !important;\n\n    box-sizing: border-box !important;\n}\n\n.xs-products-heading-inner {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: flex !important;\n    align-items: flex-end !important;\n    justify-content: space-between !important;\n\n    gap: 20px;\n\n    box-sizing: border-box !important;\n}\n\n.xs-products-heading-copy {\n    min-width: 0;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.xs-products-eyebrow {\n    display: block;\n\n    margin: 0 0 4px !important;\n    padding: 0 !important;\n\n    color: #ff6500;\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.25;\n\n    letter-spacing: .5px;\n\n    text-transform: uppercase;\n}\n\n.xs-products-heading h2 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #101828;\n\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 750;\n\n    letter-spacing: -.35px;\n}\n\n\n\/* ==========================================================\n   VER TODOS\n   ========================================================== *\/\n\n.xs-products-view-all {\n    flex: 0 0 auto;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: inline-flex !important;\n    align-items: center !important;\n\n    gap: 5px;\n\n    color: #061945 !important;\n\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n}\n\n.xs-products-view-all svg {\n    width: 14px;\n    height: 14px;\n\n    display: block;\n\n    transition: transform .2s ease;\n}\n\n.xs-products-view-all:hover {\n    color: #ff6500 !important;\n}\n\n.xs-products-view-all:hover svg {\n    transform: translateX(3px);\n}\n\n\n\/* ==========================================================\n   SHORTCODE\n   ========================================================== *\/\n\n.xs-home-products .wp-block-shortcode {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n.xs-home-products .woocommerce {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n\n\/* ==========================================================\n   WRAPPER DO CARROSSEL\n   ========================================================== *\/\n\n.xs-products-carousel-wrap {\n    position: relative !important;\n\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   CARROSSEL\n   ========================================================== *\/\n\n.xs-home-products .woocommerce ul.products,\n.xs-home-products .woocommerce ul.products[class*=\"columns-\"] {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n\n    padding: 2px 2px 12px !important;\n\n    box-sizing: border-box !important;\n\n    display: flex !important;\n\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n\n    grid-template-columns: none !important;\n\n    gap: 16px !important;\n\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n\n    scroll-snap-type: x proximity;\n    scroll-behavior: smooth;\n\n    -webkit-overflow-scrolling: touch;\n\n    scrollbar-width: none !important;\n}\n\n.xs-home-products\n.woocommerce\nul.products::-webkit-scrollbar {\n    display: none !important;\n}\n\n\n\/* ==========================================================\n   REMOVE PSEUDOELEMENTOS DO WOOCOMMERCE\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products::before,\n.xs-home-products\n.woocommerce\nul.products::after {\n    display: none !important;\n\n    content: none !important;\n}\n\n\n\/* ==========================================================\n   CARD\n   DESKTOP = 6 PRODUTOS VIS\u00cdVEIS\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product,\n\n.xs-home-products\n.woocommerce\nul.products[class*=\"columns-\"]\nli.product {\n    position: relative !important;\n\n    float: none !important;\n    clear: none !important;\n\n    flex-grow: 0 !important;\n    flex-shrink: 0 !important;\n\n    flex-basis: calc((100% - 80px) \/ 6) !important;\n\n    width: calc((100% - 80px) \/ 6) !important;\n    min-width: calc((100% - 80px) \/ 6) !important;\n    max-width: calc((100% - 80px) \/ 6) !important;\n\n    margin: 0 !important;\n\n    padding: 12px 12px 14px !important;\n\n    display: flex !important;\n    flex-direction: column !important;\n\n    scroll-snap-align: start;\n\n    background: #ffffff !important;\n\n    border: 1px solid #e6e9ee !important;\n\n    border-radius: 14px !important;\n\n    box-shadow:\n        0 2px 8px rgba(16,24,40,.025) !important;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   HOVER CARD\n   SEM MOVIMENTAR O PRODUTO\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product:hover {\n    transform: none !important;\n\n    border-color: #d9dee6 !important;\n\n    box-shadow:\n        0 8px 20px rgba(16,24,40,.07) !important;\n}\n\n\n\/* ==========================================================\n   IMAGEM\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\na img {\n    width: 100% !important;\n    height: auto !important;\n\n    aspect-ratio: 1 \/ 1;\n\n    margin: 0 0 14px !important;\n\n    padding: 10px !important;\n\n    display: block !important;\n\n    object-fit: contain !important;\n\n    background: #f5f6f8 !important;\n\n    border-radius: 11px !important;\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   T\u00cdTULO\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.woocommerce-loop-product__title {\n    min-height: 40px !important;\n\n    margin: 0 0 7px !important;\n    padding: 0 !important;\n\n    color: #101828 !important;\n\n    font-size: 14px !important;\n    line-height: 1.4 !important;\n    font-weight: 700 !important;\n\n    display: -webkit-box !important;\n\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    overflow: hidden;\n}\n\n\n\/* ==========================================================\n   PRE\u00c7O\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.price {\n    margin: 0 0 8px !important;\n\n    color: #061945 !important;\n\n    font-size: 15px !important;\n    line-height: 1.3 !important;\n    font-weight: 750 !important;\n}\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.price\n.woocommerce-Price-amount {\n    color: #061945 !important;\n\n    font-weight: 750 !important;\n}\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.price del {\n    color: #98a2b3 !important;\n\n    font-size: 11px !important;\n\n    opacity: 1 !important;\n}\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.price ins {\n    color: #ff6500 !important;\n\n    text-decoration: none !important;\n}\n\n\n\/* ==========================================================\n   CATEGORIA\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.product-categories,\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.ct-product-categories {\n    margin: 0 0 10px !important;\n\n    color: #7c8492 !important;\n\n    font-size: 10px !important;\n    line-height: 1.4 !important;\n\n    text-transform: uppercase;\n}\n\n\n\/* ==========================================================\n   BOT\u00c3O ADICIONAR AO CARRINHO\n   ========================================================== *\/\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.button,\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.add_to_cart_button {\n    width: 100% !important;\n\n    min-height: 42px !important;\n\n    margin: auto 0 0 !important;\n\n    padding: 8px !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    background: #061945 !important;\n\n    color: #ffffff !important;\n\n    border: 0 !important;\n    border-radius: 8px !important;\n\n    box-shadow: none !important;\n\n    font-size: 12px !important;\n    line-height: 1.2 !important;\n    font-weight: 700 !important;\n\n    text-align: center;\n\n    text-decoration: none !important;\n}\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.button:hover,\n\n.xs-home-products\n.woocommerce\nul.products\nli.product\n.add_to_cart_button:hover {\n    background: #ff6500 !important;\n\n    color: #ffffff !important;\n}\n\n\n\/* ==========================================================\n   SETAS DO CARROSSEL\n   BASE\n   ========================================================== *\/\n\n.xs-products-arrow {\n    display: none;\n}\n\n\n\/* ==========================================================\n   DESKTOP \/ NOTEBOOK\n   SETAS VIS\u00cdVEIS\n   SEM ARRASTAR COM O MOUSE\n   ========================================================== *\/\n\n@media (min-width: 1025px) {\n\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        cursor: default !important;\n\n        user-select: auto !important;\n\n        scroll-snap-type: x mandatory;\n    }\n\n\n    \/* ======================================================\n       BOT\u00c3O DA SETA\n       SEMPRE AZUL\n       ====================================================== *\/\n\n    .xs-products-arrow {\n        position: absolute !important;\n\n        top: 50% !important;\n\n        width: 46px !important;\n        height: 46px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        display: flex !important;\n\n        align-items: center !important;\n        justify-content: center !important;\n\n        \/*\n         * SEMPRE AZUL\n         *\/\n        background: #061945 !important;\n\n        \/*\n         * SETA SEMPRE BRANCA\n         *\/\n        color: #ffffff !important;\n\n        border: 1px solid #061945 !important;\n\n        border-radius: 50% !important;\n\n        box-shadow:\n            0 5px 18px rgba(16,24,40,.20) !important;\n\n        transform: translateY(-50%) !important;\n\n        cursor: pointer;\n\n        z-index: 50;\n\n        transition:\n            opacity .2s ease,\n            box-shadow .2s ease,\n            transform .2s ease;\n    }\n\n\n    \/* ======================================================\n       \u00cdCONE\n       ====================================================== *\/\n\n    .xs-products-arrow svg {\n        width: 22px !important;\n        height: 22px !important;\n\n        display: block !important;\n\n        color: #ffffff !important;\n    }\n\n    .xs-products-arrow svg path {\n        stroke: #ffffff !important;\n    }\n\n\n    \/* ======================================================\n       SETA ESQUERDA\n       ====================================================== *\/\n\n    .xs-products-arrow-prev {\n        left: -24px !important;\n    }\n\n\n    \/* ======================================================\n       SETA DIREITA\n       ====================================================== *\/\n\n    .xs-products-arrow-next {\n        right: -24px !important;\n    }\n\n\n    \/* ======================================================\n       HOVER\n       CONTINUA AZUL\n       ====================================================== *\/\n\n    .xs-products-arrow:hover:not(.is-disabled) {\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        box-shadow:\n            0 8px 24px rgba(16,24,40,.28) !important;\n    }\n\n\n    \/* ======================================================\n       CLIQUE\n       CONTINUA AZUL\n       ====================================================== *\/\n\n    .xs-products-arrow:active:not(.is-disabled) {\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        box-shadow:\n            0 4px 12px rgba(16,24,40,.22) !important;\n    }\n\n\n    \/* ======================================================\n       FOCO\n       CONTINUA AZUL\n       ====================================================== *\/\n\n    .xs-products-arrow:focus,\n    .xs-products-arrow:focus-visible {\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        outline: none !important;\n    }\n\n\n    \/* ======================================================\n       DESABILITADA\n       CONTINUA AZUL, APENAS MAIS TRANSPARENTE\n       ====================================================== *\/\n\n    .xs-products-arrow.is-disabled {\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        opacity: .30 !important;\n\n        cursor: default !important;\n\n        pointer-events: none !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n   5 PRODUTOS\n   ========================================================== *\/\n\n@media (min-width: 1025px) and (max-width: 1439px) {\n\n    .xs-home-products {\n        width: calc(100% - 48px) !important;\n    }\n\n    .xs-products-heading,\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n    .xs-home-products\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-products\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n        flex-basis: calc((100% - 64px) \/ 5) !important;\n\n        width: calc((100% - 64px) \/ 5) !important;\n        min-width: calc((100% - 64px) \/ 5) !important;\n        max-width: calc((100% - 64px) \/ 5) !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n   3 PRODUTOS\n   SWIPE COM O DEDO\n   ========================================================== *\/\n\n@media (min-width: 768px) and (max-width: 1024px) {\n\n    .xs-home-products {\n        width: calc(100% - 36px) !important;\n    }\n\n    .xs-products-heading,\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n    .xs-products-heading {\n        padding-left: 2px !important;\n        padding-right: 2px !important;\n    }\n\n    .xs-products-heading h2 {\n        font-size: 22px;\n    }\n\n    .xs-products-arrow {\n        display: none !important;\n    }\n\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        gap: 12px !important;\n\n        cursor: default !important;\n\n        touch-action: pan-x;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n    .xs-home-products\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-products\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n        flex-basis: calc((100% - 24px) \/ 3) !important;\n\n        width: calc((100% - 24px) \/ 3) !important;\n        min-width: calc((100% - 24px) \/ 3) !important;\n        max-width: calc((100% - 24px) \/ 3) !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   2 PRODUTOS\n   SWIPE COM O DEDO\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .xs-home-products {\n        width: calc(100% - 28px) !important;\n\n        padding: 23px 0 28px !important;\n    }\n\n    .xs-products-heading,\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n    .xs-products-heading {\n        margin-bottom: 14px !important;\n\n        padding-left: 2px !important;\n        padding-right: 2px !important;\n    }\n\n    .xs-products-heading-inner {\n        align-items: center !important;\n    }\n\n    .xs-products-heading h2 {\n        font-size: 19px;\n    }\n\n    .xs-products-eyebrow {\n        font-size: 9px;\n    }\n\n    .xs-products-view-all {\n        font-size: 10px;\n    }\n\n    .xs-products-arrow {\n        display: none !important;\n    }\n\n    .xs-home-products\n    .woocommerce\n    ul.products {\n        gap: 10px !important;\n\n        cursor: default !important;\n\n        touch-action: pan-x;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n    .xs-home-products\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-products\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n        flex-basis: calc((100% - 10px) \/ 2) !important;\n\n        width: calc((100% - 10px) \/ 2) !important;\n        min-width: calc((100% - 10px) \/ 2) !important;\n        max-width: calc((100% - 10px) \/ 2) !important;\n\n        padding: 8px 8px 11px !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUENO\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xs-home-products {\n        width: calc(100% - 24px) !important;\n    }\n\n    .xs-products-heading h2 {\n        font-size: 18px;\n    }\n\n}\n<\/style>\n\n<section class=\"xs-products-heading\">\n\n  <div class=\"xs-products-heading-inner\">\n\n    <div class=\"xs-products-heading-copy\">\n\n      <span class=\"xs-products-eyebrow\">\n        Sele\u00e7\u00e3o 3XS Market\n      <\/span>\n\n      <h2>\n        Produtos em destaque\n      <\/h2>\n\n    <\/div>\n\n    <a class=\"xs-products-view-all\" href=\"https:\/\/3xsmarket.com\/produtos\/\">\n      Ver todos\n\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n        <path d=\"M7 4.5L12.5 10L7 15.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <\/path>\n      <\/svg>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  function iniciarProdutos3XS() {\n\n    const vitrines = document.querySelectorAll(\n      '.xs-home-products .woocommerce ul.products'\n    );\n\n    vitrines.forEach(function (slider) {\n\n      if (slider.dataset.xsCarouselReady === 'true') {\n        return;\n      }\n\n      slider.dataset.xsCarouselReady = 'true';\n\n\n      \/* =====================================================\n         CRIA AS SETAS\n         ===================================================== *\/\n\n      const wrapper = document.createElement('div');\n\n      wrapper.className = 'xs-products-carousel-wrap';\n\n      slider.parentNode.insertBefore(wrapper, slider);\n\n      wrapper.appendChild(slider);\n\n\n      const setaAnterior = document.createElement('button');\n\n      setaAnterior.type = 'button';\n\n      setaAnterior.className =\n        'xs-products-arrow xs-products-arrow-prev';\n\n      setaAnterior.setAttribute(\n        'aria-label',\n        'Produtos anteriores'\n      );\n\n      setaAnterior.innerHTML = `\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M15 18L9 12L15 6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\">\n          <\/path>\n        <\/svg>\n      `;\n\n\n      const setaProxima = document.createElement('button');\n\n      setaProxima.type = 'button';\n\n      setaProxima.className =\n        'xs-products-arrow xs-products-arrow-next';\n\n      setaProxima.setAttribute(\n        'aria-label',\n        'Pr\u00f3ximos produtos'\n      );\n\n      setaProxima.innerHTML = `\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M9 18L15 12L9 6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\">\n          <\/path>\n        <\/svg>\n      `;\n\n\n      wrapper.appendChild(setaAnterior);\n      wrapper.appendChild(setaProxima);\n\n\n      \/* =====================================================\n         QUANTIDADE DE SCROLL\n         ===================================================== *\/\n\n      function tamanhoDoPasso() {\n\n        const produto =\n          slider.querySelector('li.product');\n\n        if (!produto) {\n          return slider.clientWidth;\n        }\n\n        const estilo =\n          window.getComputedStyle(slider);\n\n        const gap =\n          parseFloat(estilo.columnGap) ||\n          parseFloat(estilo.gap) ||\n          0;\n\n        \/*\n         * No desktop avan\u00e7amos aproximadamente\n         * uma p\u00e1gina inteira de produtos.\n         *\/\n        const quantidade =\n          window.innerWidth >= 1440 ? 6 : 5;\n\n        return (\n          (produto.getBoundingClientRect().width + gap)\n          * quantidade\n        );\n\n      }\n\n\n      \/* =====================================================\n         CLIQUE DAS SETAS\n         ===================================================== *\/\n\n      setaAnterior.addEventListener(\n        'click',\n        function () {\n\n          slider.scrollBy({\n            left: -tamanhoDoPasso(),\n            behavior: 'smooth'\n          });\n\n        }\n      );\n\n\n      setaProxima.addEventListener(\n        'click',\n        function () {\n\n          slider.scrollBy({\n            left: tamanhoDoPasso(),\n            behavior: 'smooth'\n          });\n\n        }\n      );\n\n\n      \/* =====================================================\n         ESTADO DAS SETAS\n         ===================================================== *\/\n\n      function atualizarSetas() {\n\n        const limite =\n          slider.scrollWidth -\n          slider.clientWidth;\n\n        const inicio =\n          slider.scrollLeft <= 3;\n\n        const fim =\n          slider.scrollLeft >= limite - 3;\n\n\n        setaAnterior.classList.toggle(\n          'is-disabled',\n          inicio\n        );\n\n        setaProxima.classList.toggle(\n          'is-disabled',\n          fim || limite <= 3\n        );\n\n      }\n\n\n      slider.addEventListener(\n        'scroll',\n        atualizarSetas,\n        { passive: true }\n      );\n\n\n      window.addEventListener(\n        'resize',\n        atualizarSetas\n      );\n\n\n      \/* =====================================================\n         IMPEDE DRAG NATIVO DAS IMAGENS\n         ===================================================== *\/\n\n      slider\n        .querySelectorAll('img')\n        .forEach(function (imagem) {\n\n          imagem.setAttribute(\n            'draggable',\n            'false'\n          );\n\n        });\n\n\n      atualizarSetas();\n\n    });\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      iniciarProdutos3XS\n    );\n\n  } else {\n\n    iniciarProdutos3XS();\n\n  }\n\n})();\n<\/script>\n\n\n<div class=\"woocommerce columns-6 \"><ul class=\"products columns-6\" data-products=\"type-1\" data-hover=\"zoom-in\">\n<li class=\"product type-product post-673 status-publish first instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/airtag\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"AirTag\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">AirTag<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>29.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;29.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>27.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;27.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=673\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_673\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"673\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;AirTag&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;AirTag&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_673\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-671 status-publish instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/valve-index-knuckles\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Valve Index Knuckles\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Valve Index Knuckles<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>419.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;419.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>417.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;417.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=671\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_671\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"671\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Valve Index Knuckles&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Valve Index Knuckles&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_671\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-669 status-publish instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/airpods-pro\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"AirPods Pro\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">AirPods Pro<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>249.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;249.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>245.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;245.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=669\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_669\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"669\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;AirPods Pro&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;AirPods Pro&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_669\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-259 status-publish instock product_cat-jalecos-femininos has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/htc-vive-pro-2\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"HTC Vive Pro 2\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">HTC Vive Pro 2<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>699.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=259\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_259\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"259\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;HTC Vive Pro 2&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;HTC Vive Pro 2&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_259\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-257 status-publish instock product_cat-jalecos-femininos has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/razer-blackshark\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Razer Blackshark\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Razer Blackshark<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>159.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=257\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_257\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"257\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Razer Blackshark&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Razer Blackshark&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_257\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-255 status-publish last instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/xbox-series-x\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"XBOX Series X\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">XBOX Series X<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>499.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=255\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_255\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"255\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;XBOX Series X&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;XBOX Series X&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_255\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-253 status-publish first instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/xbox-elite-controller\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"XBOX Elite Controller\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">XBOX Elite Controller<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>179.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=253\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_253\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"253\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;XBOX Elite Controller&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;XBOX Elite Controller&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_253\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-243 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/samsung-galaxy-s21\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Samsung Galaxy S21\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Samsung Galaxy S21<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>799.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=243\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_243\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"243\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Samsung Galaxy S21&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Samsung Galaxy S21&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_243\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-239 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/apple-watch-series-6\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Apple Watch Series 6\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Apple Watch Series 6<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>399.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=239\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_239\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"239\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Apple Watch Series 6&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Apple Watch Series 6&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_239\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group xs-home-bestsellers is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   3XS MARKET\n   MAIS VENDIDOS\n   MESMO PADR\u00c3O DE PRODUTOS EM DESTAQUE\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   GRUPO PRINCIPAL\n   ========================================================== *\/\n\n.xs-home-bestsellers {\n    width: calc(100% - 64px) !important;\n    max-width: 1600px !important;\n\n    margin-left: auto !important;\n    margin-right: auto !important;\n\n    padding: 30px 0 38px !important;\n\n    overflow: visible !important;\n\n    background: #ffffff;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   CABE\u00c7ALHO\n   ========================================================== *\/\n\n.xs-home-bestsellers .xs-bestsellers-heading,\n.xs-bestsellers-heading {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin-top: 0 !important;\n    margin-right: 0 !important;\n    margin-bottom: 18px !important;\n    margin-left: 0 !important;\n\n    padding: 0 2px !important;\n\n    box-sizing: border-box !important;\n}\n\n\n.xs-bestsellers-heading-inner {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: flex !important;\n\n    align-items: flex-end !important;\n    justify-content: space-between !important;\n\n    gap: 20px;\n\n    box-sizing: border-box !important;\n}\n\n\n.xs-bestsellers-heading-copy {\n    min-width: 0;\n\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n.xs-bestsellers-eyebrow {\n    display: block;\n\n    margin: 0 0 4px !important;\n    padding: 0 !important;\n\n    color: #ff6500;\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.25;\n\n    letter-spacing: .5px;\n\n    text-transform: uppercase;\n}\n\n\n.xs-bestsellers-heading h2 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #101828;\n\n    font-size: 24px;\n    line-height: 1.2;\n    font-weight: 750;\n\n    letter-spacing: -.35px;\n}\n\n\n\/* ==========================================================\n   VER TODOS\n   ========================================================== *\/\n\n.xs-bestsellers-view-all {\n    flex: 0 0 auto;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    display: inline-flex !important;\n\n    align-items: center !important;\n\n    gap: 5px;\n\n    color: #061945 !important;\n\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n}\n\n\n.xs-bestsellers-view-all svg {\n    width: 14px;\n    height: 14px;\n\n    display: block;\n\n    transition: transform .2s ease;\n}\n\n\n.xs-bestsellers-view-all:hover {\n    color: #ff6500 !important;\n}\n\n\n.xs-bestsellers-view-all:hover svg {\n    transform: translateX(3px);\n}\n\n\n\/* ==========================================================\n   SHORTCODE\n   ========================================================== *\/\n\n.xs-home-bestsellers .wp-block-shortcode {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n\n.xs-home-bestsellers .woocommerce {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n\n\/* ==========================================================\n   WRAPPER CARROSSEL\n   ========================================================== *\/\n\n.xs-bestsellers-carousel-wrap {\n    position: relative !important;\n\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   LISTA DE PRODUTOS\n   ========================================================== *\/\n\n.xs-home-bestsellers .woocommerce ul.products,\n.xs-home-bestsellers .woocommerce ul.products[class*=\"columns-\"] {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n\n    padding: 2px 2px 12px !important;\n\n    box-sizing: border-box !important;\n\n    display: flex !important;\n\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n\n    grid-template-columns: none !important;\n\n    gap: 16px !important;\n\n    overflow-x: auto !important;\n    overflow-y: hidden !important;\n\n    scroll-snap-type: x proximity;\n    scroll-behavior: smooth;\n\n    -webkit-overflow-scrolling: touch;\n\n    scrollbar-width: none !important;\n}\n\n\n.xs-home-bestsellers\n.woocommerce\nul.products::-webkit-scrollbar {\n    display: none !important;\n}\n\n\n\/* ==========================================================\n   REMOVE PSEUDOELEMENTOS\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products::before,\n\n.xs-home-bestsellers\n.woocommerce\nul.products::after {\n    display: none !important;\n\n    content: none !important;\n}\n\n\n\/* ==========================================================\n   CARD\n   DESKTOP = 6\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product,\n\n.xs-home-bestsellers\n.woocommerce\nul.products[class*=\"columns-\"]\nli.product {\n\n    position: relative !important;\n\n    float: none !important;\n    clear: none !important;\n\n    flex-grow: 0 !important;\n    flex-shrink: 0 !important;\n\n    flex-basis: calc((100% - 80px) \/ 6) !important;\n\n    width: calc((100% - 80px) \/ 6) !important;\n    min-width: calc((100% - 80px) \/ 6) !important;\n    max-width: calc((100% - 80px) \/ 6) !important;\n\n    margin: 0 !important;\n\n    padding: 12px 12px 14px !important;\n\n    display: flex !important;\n    flex-direction: column !important;\n\n    scroll-snap-align: start;\n\n    background: #ffffff !important;\n\n    border: 1px solid #e6e9ee !important;\n\n    border-radius: 14px !important;\n\n    box-shadow:\n        0 2px 8px rgba(16,24,40,.025) !important;\n\n    box-sizing: border-box !important;\n}\n\n\n\/* ==========================================================\n   HOVER\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product:hover {\n\n    transform: none !important;\n\n    border-color: #d9dee6 !important;\n\n    box-shadow:\n        0 8px 20px rgba(16,24,40,.07) !important;\n}\n\n\n\/* ==========================================================\n   IMAGEM\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\na img {\n\n    width: 100% !important;\n    height: auto !important;\n\n    aspect-ratio: 1 \/ 1;\n\n    margin: 0 0 14px !important;\n\n    padding: 10px !important;\n\n    display: block !important;\n\n    object-fit: contain !important;\n\n    background: #f5f6f8 !important;\n\n    border-radius: 11px !important;\n\n    pointer-events: none;\n}\n\n\n\/* ==========================================================\n   T\u00cdTULO PRODUTO\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.woocommerce-loop-product__title {\n\n    min-height: 40px !important;\n\n    margin: 0 0 7px !important;\n    padding: 0 !important;\n\n    color: #101828 !important;\n\n    font-size: 14px !important;\n    line-height: 1.4 !important;\n    font-weight: 700 !important;\n\n    display: -webkit-box !important;\n\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    overflow: hidden;\n}\n\n\n\/* ==========================================================\n   PRE\u00c7O\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.price {\n\n    margin: 0 0 8px !important;\n\n    color: #061945 !important;\n\n    font-size: 15px !important;\n    line-height: 1.3 !important;\n    font-weight: 750 !important;\n}\n\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.price\n.woocommerce-Price-amount {\n\n    color: #061945 !important;\n\n    font-weight: 750 !important;\n}\n\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.price del {\n\n    color: #98a2b3 !important;\n\n    font-size: 11px !important;\n\n    opacity: 1 !important;\n}\n\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.price ins {\n\n    color: #ff6500 !important;\n\n    text-decoration: none !important;\n}\n\n\n\/* ==========================================================\n   CATEGORIA\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.product-categories,\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.ct-product-categories {\n\n    margin: 0 0 10px !important;\n\n    color: #7c8492 !important;\n\n    font-size: 10px !important;\n    line-height: 1.4 !important;\n\n    text-transform: uppercase;\n}\n\n\n\/* ==========================================================\n   BOT\u00c3O\n   ========================================================== *\/\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.button,\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.add_to_cart_button {\n\n    width: 100% !important;\n\n    min-height: 42px !important;\n\n    margin: auto 0 0 !important;\n\n    padding: 8px !important;\n\n    display: flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    background: #061945 !important;\n\n    color: #ffffff !important;\n\n    border: 0 !important;\n    border-radius: 8px !important;\n\n    box-shadow: none !important;\n\n    font-size: 12px !important;\n    line-height: 1.2 !important;\n    font-weight: 700 !important;\n\n    text-align: center;\n\n    text-decoration: none !important;\n}\n\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.button:hover,\n\n.xs-home-bestsellers\n.woocommerce\nul.products\nli.product\n.add_to_cart_button:hover {\n\n    background: #ff6500 !important;\n\n    color: #ffffff !important;\n}\n\n\n\/* ==========================================================\n   SETAS\n   ========================================================== *\/\n\n.xs-bestsellers-arrow {\n    display: none;\n}\n\n\n\/* ==========================================================\n   DESKTOP \/ NOTEBOOK\n   ========================================================== *\/\n\n@media (min-width: 1025px) {\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        cursor: default !important;\n\n        user-select: auto !important;\n\n        scroll-snap-type: x mandatory;\n    }\n\n\n    .xs-bestsellers-arrow {\n\n        position: absolute !important;\n\n        top: 50% !important;\n\n        width: 46px !important;\n        height: 46px !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        display: flex !important;\n\n        align-items: center !important;\n        justify-content: center !important;\n\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border:\n            1px\n            solid\n            #061945 !important;\n\n        border-radius:\n            50% !important;\n\n        box-shadow:\n            0\n            5px\n            18px\n            rgba(16,24,40,.20) !important;\n\n        transform:\n            translateY(-50%) !important;\n\n        cursor: pointer;\n\n        z-index: 50;\n\n        transition:\n            opacity .2s ease,\n            box-shadow .2s ease,\n            transform .2s ease;\n    }\n\n\n    .xs-bestsellers-arrow svg {\n\n        width: 22px !important;\n        height: 22px !important;\n\n        display: block !important;\n\n        color: #ffffff !important;\n    }\n\n\n    .xs-bestsellers-arrow svg path {\n\n        stroke: #ffffff !important;\n    }\n\n\n    .xs-bestsellers-arrow-prev {\n\n        left: -24px !important;\n    }\n\n\n    .xs-bestsellers-arrow-next {\n\n        right: -24px !important;\n    }\n\n\n    .xs-bestsellers-arrow:hover:not(.is-disabled),\n    .xs-bestsellers-arrow:active:not(.is-disabled),\n    .xs-bestsellers-arrow:focus,\n    .xs-bestsellers-arrow:focus-visible {\n\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        outline: none !important;\n    }\n\n\n    .xs-bestsellers-arrow.is-disabled {\n\n        background: #061945 !important;\n\n        color: #ffffff !important;\n\n        border-color: #061945 !important;\n\n        opacity: .30 !important;\n\n        cursor: default !important;\n\n        pointer-events: none !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n   5 PRODUTOS\n   ========================================================== *\/\n\n@media (min-width: 1025px) and (max-width: 1439px) {\n\n    .xs-home-bestsellers {\n\n        width: calc(100% - 48px) !important;\n    }\n\n\n    .xs-bestsellers-heading,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n\n        flex-basis:\n            calc((100% - 64px) \/ 5) !important;\n\n        width:\n            calc((100% - 64px) \/ 5) !important;\n\n        min-width:\n            calc((100% - 64px) \/ 5) !important;\n\n        max-width:\n            calc((100% - 64px) \/ 5) !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET\n   3 PRODUTOS + SWIPE\n   ========================================================== *\/\n\n@media (min-width: 768px) and (max-width: 1024px) {\n\n    .xs-home-bestsellers {\n\n        width: calc(100% - 36px) !important;\n    }\n\n\n    .xs-bestsellers-heading,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n\n    .xs-bestsellers-heading {\n\n        padding-left: 2px !important;\n        padding-right: 2px !important;\n    }\n\n\n    .xs-bestsellers-heading h2 {\n\n        font-size: 22px;\n    }\n\n\n    .xs-bestsellers-arrow {\n\n        display: none !important;\n    }\n\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        gap: 12px !important;\n\n        cursor: default !important;\n\n        touch-action: pan-x;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n\n        flex-basis:\n            calc((100% - 24px) \/ 3) !important;\n\n        width:\n            calc((100% - 24px) \/ 3) !important;\n\n        min-width:\n            calc((100% - 24px) \/ 3) !important;\n\n        max-width:\n            calc((100% - 24px) \/ 3) !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   2 PRODUTOS + SWIPE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .xs-home-bestsellers {\n\n        width: calc(100% - 28px) !important;\n\n        padding: 23px 0 28px !important;\n    }\n\n\n    .xs-bestsellers-heading,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        width: 100% !important;\n\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n\n    .xs-bestsellers-heading {\n\n        margin-bottom: 14px !important;\n\n        padding-left: 2px !important;\n        padding-right: 2px !important;\n    }\n\n\n    .xs-bestsellers-heading-inner {\n\n        align-items: center !important;\n    }\n\n\n    .xs-bestsellers-heading h2 {\n\n        font-size: 19px;\n    }\n\n\n    .xs-bestsellers-eyebrow {\n\n        font-size: 9px;\n    }\n\n\n    .xs-bestsellers-view-all {\n\n        font-size: 10px;\n    }\n\n\n    .xs-bestsellers-arrow {\n\n        display: none !important;\n    }\n\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products {\n\n        gap: 10px !important;\n\n        cursor: default !important;\n\n        touch-action: pan-x;\n\n        -webkit-overflow-scrolling: touch;\n    }\n\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products\n    li.product,\n\n    .xs-home-bestsellers\n    .woocommerce\n    ul.products[class*=\"columns-\"]\n    li.product {\n\n        flex-basis:\n            calc((100% - 10px) \/ 2) !important;\n\n        width:\n            calc((100% - 10px) \/ 2) !important;\n\n        min-width:\n            calc((100% - 10px) \/ 2) !important;\n\n        max-width:\n            calc((100% - 10px) \/ 2) !important;\n\n        padding:\n            8px\n            8px\n            11px !important;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUENO\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xs-home-bestsellers {\n\n        width: calc(100% - 24px) !important;\n    }\n\n\n    .xs-bestsellers-heading h2 {\n\n        font-size: 18px;\n    }\n\n}\n<\/style>\n\n<section class=\"xs-bestsellers-heading\">\n\n  <div class=\"xs-bestsellers-heading-inner\">\n\n    <div class=\"xs-bestsellers-heading-copy\">\n\n      <span class=\"xs-bestsellers-eyebrow\">\n        Os mais procurados\n      <\/span>\n\n      <h2>\n        Mais vendidos\n      <\/h2>\n\n    <\/div>\n\n    <a class=\"xs-bestsellers-view-all\" href=\"https:\/\/3xsmarket.com\/produtos\/\">\n      Ver todos\n\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n        <path d=\"M7 4.5L12.5 10L7 15.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <\/path>\n      <\/svg>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  function iniciarMaisVendidos3XS() {\n\n    const vitrines = document.querySelectorAll(\n      '.xs-home-bestsellers .woocommerce ul.products'\n    );\n\n    vitrines.forEach(function (slider) {\n\n      if (slider.dataset.xsBestsellersCarouselReady === 'true') {\n        return;\n      }\n\n      slider.dataset.xsBestsellersCarouselReady = 'true';\n\n\n      \/* =====================================================\n         CRIA WRAPPER DO CARROSSEL\n         ===================================================== *\/\n\n      const wrapper = document.createElement('div');\n\n      wrapper.className = 'xs-bestsellers-carousel-wrap';\n\n      slider.parentNode.insertBefore(wrapper, slider);\n\n      wrapper.appendChild(slider);\n\n\n      \/* =====================================================\n         SETA ANTERIOR\n         ===================================================== *\/\n\n      const setaAnterior = document.createElement('button');\n\n      setaAnterior.type = 'button';\n\n      setaAnterior.className =\n        'xs-bestsellers-arrow xs-bestsellers-arrow-prev';\n\n      setaAnterior.setAttribute(\n        'aria-label',\n        'Produtos anteriores'\n      );\n\n      setaAnterior.innerHTML = `\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M15 18L9 12L15 6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\">\n          <\/path>\n        <\/svg>\n      `;\n\n\n      \/* =====================================================\n         SETA PR\u00d3XIMA\n         ===================================================== *\/\n\n      const setaProxima = document.createElement('button');\n\n      setaProxima.type = 'button';\n\n      setaProxima.className =\n        'xs-bestsellers-arrow xs-bestsellers-arrow-next';\n\n      setaProxima.setAttribute(\n        'aria-label',\n        'Pr\u00f3ximos produtos'\n      );\n\n      setaProxima.innerHTML = `\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M9 18L15 12L9 6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\">\n          <\/path>\n        <\/svg>\n      `;\n\n\n      wrapper.appendChild(setaAnterior);\n      wrapper.appendChild(setaProxima);\n\n\n      \/* =====================================================\n         QUANTIDADE DE SCROLL\n         ===================================================== *\/\n\n      function tamanhoDoPasso() {\n\n        const produto =\n          slider.querySelector('li.product');\n\n        if (!produto) {\n          return slider.clientWidth;\n        }\n\n        const estilo =\n          window.getComputedStyle(slider);\n\n        const gap =\n          parseFloat(estilo.columnGap) ||\n          parseFloat(estilo.gap) ||\n          0;\n\n\n        const quantidade =\n          window.innerWidth >= 1440 ? 6 : 5;\n\n\n        return (\n          (produto.getBoundingClientRect().width + gap)\n          * quantidade\n        );\n\n      }\n\n\n      \/* =====================================================\n         CLIQUE SETA ANTERIOR\n         ===================================================== *\/\n\n      setaAnterior.addEventListener(\n        'click',\n        function () {\n\n          slider.scrollBy({\n            left: -tamanhoDoPasso(),\n            behavior: 'smooth'\n          });\n\n        }\n      );\n\n\n      \/* =====================================================\n         CLIQUE SETA PR\u00d3XIMA\n         ===================================================== *\/\n\n      setaProxima.addEventListener(\n        'click',\n        function () {\n\n          slider.scrollBy({\n            left: tamanhoDoPasso(),\n            behavior: 'smooth'\n          });\n\n        }\n      );\n\n\n      \/* =====================================================\n         ESTADO DAS SETAS\n         ===================================================== *\/\n\n      function atualizarSetas() {\n\n        const limite =\n          slider.scrollWidth -\n          slider.clientWidth;\n\n        const inicio =\n          slider.scrollLeft <= 3;\n\n        const fim =\n          slider.scrollLeft >= limite - 3;\n\n\n        setaAnterior.classList.toggle(\n          'is-disabled',\n          inicio\n        );\n\n        setaProxima.classList.toggle(\n          'is-disabled',\n          fim || limite <= 3\n        );\n\n      }\n\n\n      slider.addEventListener(\n        'scroll',\n        atualizarSetas,\n        { passive: true }\n      );\n\n\n      window.addEventListener(\n        'resize',\n        atualizarSetas\n      );\n\n\n      \/* =====================================================\n         IMPEDE DRAG NATIVO DAS IMAGENS\n         ===================================================== *\/\n\n      slider\n        .querySelectorAll('img')\n        .forEach(function (imagem) {\n\n          imagem.setAttribute(\n            'draggable',\n            'false'\n          );\n\n        });\n\n\n      atualizarSetas();\n\n    });\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      iniciarMaisVendidos3XS\n    );\n\n  } else {\n\n    iniciarMaisVendidos3XS();\n\n  }\n\n})();\n<\/script>\n\n\n<div class=\"woocommerce columns-6 \"><ul class=\"products columns-6\" data-products=\"type-1\" data-hover=\"zoom-in\">\n<li class=\"product type-product post-673 status-publish first instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/airtag\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"AirTag\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-10-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">AirTag<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>29.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;29.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>27.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;27.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=673\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_673\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"673\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;AirTag&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;AirTag&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_673\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-671 status-publish instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/valve-index-knuckles\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Valve Index Knuckles\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-8-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Valve Index Knuckles<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>419.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;419.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>417.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;417.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=671\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_671\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"671\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Valve Index Knuckles&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Valve Index Knuckles&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_671\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-669 status-publish instock product_cat-jalecos-femininos has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/airpods-pro\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"AirPods Pro\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-7-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">AirPods Pro<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>249.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#082;&#036;249.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>245.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#082;&#036;245.00.<\/span><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=669\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_669\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"669\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;AirPods Pro&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;AirPods Pro&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_669\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-259 status-publish instock product_cat-jalecos-femininos has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/htc-vive-pro-2\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"HTC Vive Pro 2\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-6-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">HTC Vive Pro 2<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>699.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=259\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_259\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"259\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;HTC Vive Pro 2&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;HTC Vive Pro 2&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_259\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-257 status-publish instock product_cat-jalecos-femininos has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/razer-blackshark\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Razer Blackshark\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-5-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Razer Blackshark<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>159.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=257\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_257\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"257\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Razer Blackshark&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Razer Blackshark&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_257\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-255 status-publish last instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/xbox-series-x\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"XBOX Series X\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-4-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">XBOX Series X<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>499.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=255\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_255\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"255\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;XBOX Series X&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;XBOX Series X&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_255\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-253 status-publish first instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/xbox-elite-controller\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"XBOX Elite Controller\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-3-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">XBOX Elite Controller<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>179.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=253\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_253\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"253\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;XBOX Elite Controller&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;XBOX Elite Controller&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_253\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-243 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/samsung-galaxy-s21\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Samsung Galaxy S21\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-2-1-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Samsung Galaxy S21<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>799.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=243\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_243\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"243\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Samsung Galaxy S21&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Samsung Galaxy S21&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_243\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-239 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/3xsmarket.com\/py\/product\/apple-watch-series-6\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Apple Watch Series 6\" srcset=\"https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-300x300.webp 300w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-100x100.webp 100w, https:\/\/3xsmarket.com\/wp-content\/uploads\/2022\/05\/product-1-1-150x150.webp 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Apple Watch Series 6<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#82;&#36;<\/span>399.00<\/bdi><\/span><\/span>\n<\/a><a href=\"\/py\/wp-json\/wp\/v2\/pages\/767?add-to-cart=239\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_239\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"239\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Apple Watch Series 6&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Apple Watch Series 6&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_239\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   3XS MARKET\n   FAIXA DE BENEF\u00cdCIOS\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   SE\u00c7\u00c3O PRINCIPAL\n   ========================================================== *\/\n\n.xs-benefits-strip {\n    width: calc(100% - 64px) !important;\n    max-width: 1600px !important;\n\n    margin:\n        8px\n        auto\n        38px !important;\n\n    padding:\n        28px\n        0 !important;\n\n    background: #ffffff;\n\n    border-top:\n        1px\n        solid\n        #edf0f4;\n\n    border-bottom:\n        1px\n        solid\n        #edf0f4;\n\n    box-sizing:\n        border-box !important;\n\n    overflow:\n        hidden;\n}\n\n\n.xs-benefits-strip *,\n.xs-benefits-strip *::before,\n.xs-benefits-strip *::after {\n    box-sizing:\n        border-box !important;\n}\n\n\n\/* ==========================================================\n   TRACK\n   ========================================================== *\/\n\n.xs-benefits-track {\n    width: 100%;\n\n    display: flex;\n\n    align-items: stretch;\n\n    gap: 0;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* ==========================================================\n   ITEM\n   ========================================================== *\/\n\n.xs-benefit-item {\n    position: relative;\n\n    flex:\n        1\n        1\n        0;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding:\n        14px\n        34px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: flex-start;\n\n    text-align: center;\n\n    background: #ffffff;\n}\n\n\n\/* DIVISORES ENTRE BENEF\u00cdCIOS *\/\n\n.xs-benefit-item +\n.xs-benefit-item::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 14%;\n    bottom: 14%;\n    left: 0;\n\n    width: 1px;\n\n    background: #edf0f4;\n}\n\n\n\/* ==========================================================\n   \u00cdCONE\n   ========================================================== *\/\n\n.xs-benefit-icon {\n    width: 54px;\n    height: 54px;\n\n    margin:\n        0\n        0\n        13px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    color: #0b45c6;\n}\n\n\n.xs-benefit-icon svg {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n}\n\n\n\/* ==========================================================\n   TEXTO\n   ========================================================== *\/\n\n.xs-benefit-copy {\n    width: 100%;\n\n    max-width: 330px;\n}\n\n\n.xs-benefit-copy h3 {\n    margin:\n        0\n        0\n        5px !important;\n\n    padding:\n        0 !important;\n\n    color: #061945;\n\n    font-size: 16px;\n    line-height: 1.25;\n    font-weight: 750;\n\n    text-transform: uppercase;\n}\n\n\n.xs-benefit-copy p {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #5f6673;\n\n    font-size: 13px;\n    line-height: 1.45;\n    font-weight: 400;\n}\n\n\n\/* ==========================================================\n   HOVER DESKTOP\n   SUTIL\n   ========================================================== *\/\n\n@media (min-width: 1025px) {\n\n    .xs-benefit-item {\n        transition:\n            transform .18s ease;\n    }\n\n    .xs-benefit-item:hover {\n        transform:\n            translateY(-2px);\n    }\n\n}\n\n\n\/* ==========================================================\n   NOTEBOOK\n   CONTINUA COM 3 LADO A LADO\n   ========================================================== *\/\n\n@media\n(min-width: 1025px)\nand\n(max-width: 1439px) {\n\n    .xs-benefits-strip {\n        width:\n            calc(100% - 48px) !important;\n\n        padding:\n            24px\n            0 !important;\n    }\n\n\n    .xs-benefit-item {\n        padding:\n            12px\n            24px;\n    }\n\n\n    .xs-benefit-icon {\n        width: 48px;\n        height: 48px;\n    }\n\n\n    .xs-benefit-copy h3 {\n        font-size: 14px;\n    }\n\n\n    .xs-benefit-copy p {\n        font-size: 12px;\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET LARGO\n   3 BENEF\u00cdCIOS FIXOS\n   ========================================================== *\/\n\n@media\n(min-width: 900px)\nand\n(max-width: 1024px) {\n\n    .xs-benefits-strip {\n        width:\n            calc(100% - 36px) !important;\n\n        padding:\n            22px\n            0 !important;\n    }\n\n\n    .xs-benefit-item {\n        padding:\n            12px\n            18px;\n    }\n\n\n    .xs-benefit-icon {\n        width: 45px;\n        height: 45px;\n    }\n\n\n    .xs-benefit-copy h3 {\n        font-size: 13px;\n    }\n\n\n    .xs-benefit-copy p {\n        font-size: 11px;\n    }\n\n}\n\n\n\/* ==========================================================\n   TABLET MENOR\n   VIRA CARROSSEL POR TOQUE\n   ========================================================== *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 899px) {\n\n    .xs-benefits-strip {\n        width:\n            calc(100% - 36px) !important;\n\n        padding:\n            20px\n            0 !important;\n\n        overflow:\n            hidden;\n    }\n\n\n    .xs-benefits-track {\n        gap:\n            12px;\n\n        padding:\n            0\n            2px\n            6px;\n\n        overflow-x:\n            auto;\n\n        overflow-y:\n            hidden;\n\n        scroll-snap-type:\n            x mandatory;\n\n        -webkit-overflow-scrolling:\n            touch;\n\n        scrollbar-width:\n            none;\n\n        overscroll-behavior-x:\n            contain;\n    }\n\n\n    .xs-benefits-track::-webkit-scrollbar {\n        display:\n            none;\n    }\n\n\n    .xs-benefit-item {\n        flex:\n            0\n            0\n            48%;\n\n        min-width:\n            48%;\n\n        padding:\n            16px\n            18px;\n\n        border:\n            1px\n            solid\n            #edf0f4;\n\n        border-radius:\n            12px;\n\n        scroll-snap-align:\n            start;\n    }\n\n\n    .xs-benefit-item +\n    .xs-benefit-item::before {\n        display:\n            none;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   1 BENEF\u00cdCIO + PARTE DO PR\u00d3XIMO\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    .xs-benefits-strip {\n        width:\n            calc(100% - 28px) !important;\n\n        margin-bottom:\n            28px !important;\n\n        padding:\n            18px\n            0 !important;\n\n        border-top:\n            1px\n            solid\n            #edf0f4;\n\n        border-bottom:\n            1px\n            solid\n            #edf0f4;\n\n        overflow:\n            hidden;\n    }\n\n\n    .xs-benefits-track {\n        gap:\n            10px;\n\n        padding:\n            0\n            2px\n            6px;\n\n        overflow-x:\n            auto;\n\n        overflow-y:\n            hidden;\n\n        scroll-snap-type:\n            x mandatory;\n\n        -webkit-overflow-scrolling:\n            touch;\n\n        scrollbar-width:\n            none;\n\n        overscroll-behavior-x:\n            contain;\n    }\n\n\n    .xs-benefits-track::-webkit-scrollbar {\n        display:\n            none;\n    }\n\n\n    .xs-benefit-item {\n        flex:\n            0\n            0\n            86%;\n\n        min-width:\n            86%;\n\n        padding:\n            18px\n            16px;\n\n        border:\n            1px\n            solid\n            #edf0f4;\n\n        border-radius:\n            12px;\n\n        scroll-snap-align:\n            start;\n    }\n\n\n    .xs-benefit-item +\n    .xs-benefit-item::before {\n        display:\n            none;\n    }\n\n\n    .xs-benefit-icon {\n        width:\n            46px;\n\n        height:\n            46px;\n\n        margin-bottom:\n            11px;\n    }\n\n\n    .xs-benefit-copy {\n        max-width:\n            300px;\n    }\n\n\n    .xs-benefit-copy h3 {\n        font-size:\n            14px;\n    }\n\n\n    .xs-benefit-copy p {\n        font-size:\n            12px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUENO\n   ========================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xs-benefits-strip {\n        width:\n            calc(100% - 24px) !important;\n    }\n\n\n    .xs-benefit-item {\n        flex-basis:\n            88%;\n\n        min-width:\n            88%;\n    }\n\n}\n<\/style>\n\n<section class=\"xs-benefits-strip\">\n\n  <div class=\"xs-benefits-track\">\n\n    <!-- =========================================\n         BENEF\u00cdCIO 1\n         ========================================= -->\n\n    <article class=\"xs-benefit-item\">\n\n      <div class=\"xs-benefit-icon\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 64 64\">\n\n          <rect\n            x=\"12\"\n            y=\"12\"\n            width=\"40\"\n            height=\"40\"\n            rx=\"12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n          ><\/rect>\n\n          <path\n            d=\"M36 21h-7a6 6 0 0 0 0 12h6a6 6 0 0 1 0 12h-8\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n          <path\n            d=\"M32 17v4M32 45v4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"xs-benefit-copy\">\n\n        <h3>\n          Pre\u00e7os competitivos\n        <\/h3>\n\n        <p>\n          Produtos selecionados com \u00f3timas condi\u00e7\u00f5es de compra.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =========================================\n         BENEF\u00cdCIO 2\n         ========================================= -->\n\n    <article class=\"xs-benefit-item\">\n\n      <div class=\"xs-benefit-icon\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 64 64\">\n\n          <path\n            d=\"M8 22h30v22H8z\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linejoin=\"round\"\n          ><\/path>\n\n          <path\n            d=\"M38 29h9l9 9v6H38z\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linejoin=\"round\"\n          ><\/path>\n\n          <circle\n            cx=\"19\"\n            cy=\"47\"\n            r=\"5\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n          ><\/circle>\n\n          <circle\n            cx=\"47\"\n            cy=\"47\"\n            r=\"5\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n          ><\/circle>\n\n          <path\n            d=\"M13 17h19\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"xs-benefit-copy\">\n\n        <h3>\n          Entrega em todo o Brasil\n        <\/h3>\n\n        <p>\n          Acompanhe seu pedido at\u00e9 a entrega no destino.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- =========================================\n         BENEF\u00cdCIO 3\n         ========================================= -->\n\n    <article class=\"xs-benefit-item\">\n\n      <div class=\"xs-benefit-icon\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 64 64\">\n\n          <path\n            d=\"M32 8l18 7v14c0 13-7 22-18 27-11-5-18-14-18-27V15z\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linejoin=\"round\"\n          ><\/path>\n\n          <path\n            d=\"M38 23h-7a6 6 0 0 0 0 12h5a6 6 0 0 1 0 12h-8\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n          <path\n            d=\"M33 19v4M33 47v4\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"3\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"xs-benefit-copy\">\n\n        <h3>\n          Compra segura\n        <\/h3>\n\n        <p>\n          Seguran\u00e7a e transpar\u00eancia em todas as etapas da compra.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u276e \u276f Explore por categoria Categorias em destaque Ver todos Jalecos Femininos Ver produtos Perfumes Ver produtos Pneus Ver produtos Eletr\u00f4nicos Ver produtos Moda Ver produtos Games Ver produtos Casa Ver produtos Inform\u00e1tica Ver produtos Sele\u00e7\u00e3o 3XS Market Produtos em destaque Ver todos Os mais procurados Mais vendidos Ver todos Pre\u00e7os competitivos Produtos selecionados com [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-767","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":62,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/767\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/767\/revisions\/1144"}],"wp:attachment":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/media?parent=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}