{"title":"reviews","description":"\u003c!-- Modern Reviews Carousel with Title, Side Arrows, Auto Slide and Touch Support --\u003e\n\u003cstyle\u003e\n  .reviews-section {\n    position: relative;\n    max-width: 960px;\n    margin: 60px auto;\n    padding: 20px;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  .carousel-title {\n    font-size: 24px;\n    font-weight: 700;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n\n  .carousel-wrapper {\n    overflow: hidden;\n    border-radius: 12px;\n    position: relative;\n    height: 480px;\n  }\n\n  .carousel-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    height: 100%;\n  }\n\n  .carousel-item {\n    flex: 0 0 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  }\n\n  .carousel-item img {\n    max-height: 420px;\n    max-width: 100%;\n    object-fit: contain;\n    border-radius: 10px;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);\n  }\n\n  .carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: #111;\n    color: #fff;\n    border: none;\n    width: 44px;\n    height: 44px;\n    font-size: 24px;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 10;\n  }\n\n  .carousel-btn:hover {\n    background: #333;\n  }\n\n  .carousel-btn.prev {\n    left: 8px;\n  }\n\n  .carousel-btn.next {\n    right: 8px;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-wrapper {\n      height: 400px;\n    }\n    .carousel-item img {\n      max-height: 340px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"reviews-section\"\u003e\n  \u003cdiv class=\"carousel-title\"\u003eLoved by Hundreds of Happy Customers\u003c\/div\u003e\n\n  \u003cdiv class=\"carousel-wrapper\" id=\"carouselWrapper\"\u003e\n    \u003cdiv class=\"carousel-track\" id=\"carouselTrack\"\u003e\n      \u003c!-- Images here --\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/d6b753f5-56fd-4596-a19d-45e660e44db4.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/0bdf8257-4d49-4dc4-a256-c1e5de724055.jpg?v=1762940126\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/56dbf269-22a0-4d0f-8ade-96bd2c7a69d1_4b45d9a7-eb07-438d-8dd4-7cb8e7517bb5.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/dea7b78b-668f-4ff1-88be-14325394d145.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/b0447b8f-b7e1-4e03-87b5-f3b7940bedf1.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/c00af88b-69bd-46f7-a5fa-d10b4b50378d.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/770f09f7-8afa-41c3-8541-88bf0cbf5077.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/6e3a1ac9-9adb-4853-b594-2c51da172ff8.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/d9f3f71d-cb44-4487-85e1-dfe12a14e088.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/38802333-ab14-4411-88b3-a288ded2e8e0.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/18892e78-d73d-444e-afab-5c687fa0a09b.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/f970ba39-d412-4073-b732-098861292396.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/9e136890-f18e-40b3-83a0-c953464f8a60.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/61def136-ad7c-4d5f-b88a-37cb72b27b74.jpg?v=1762940125\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/b802322a-897e-488a-9df8-d2740ebcd57f.jpg?v=1762940124\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/67595768-4172-4ded-852b-fb343d897bb1.jpg?v=1762940124\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/b0ad7c80-e1b9-47d3-ab0e-f85be99e381d.jpg?v=1762940124\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/05cc7870-d58e-4f97-9ff8-61cb004c76be.jpg?v=1762940124\" alt=\"\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/9044\/1506\/files\/56dbf269-22a0-4d0f-8ade-96bd2c7a69d1.jpg?v=1762940117\" alt=\"\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"carousel-btn prev\" onclick=\"moveSlide(-1)\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"carousel-btn next\" onclick=\"moveSlide(1)\"\u003e›\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const track = document.getElementById('carouselTrack');\n  const slides = document.querySelectorAll('.carousel-item');\n  let currentIndex = 0;\n\n  function updateSlide() {\n    const offset = -currentIndex * 100;\n    track.style.transform = `translateX(${offset}%)`;\n  }\n\n  function moveSlide(dir) {\n    currentIndex = (currentIndex + dir + slides.length) % slides.length;\n    updateSlide();\n  }\n\n  \/\/ Touch support\n  let startX = 0;\n  let isSwiping = false;\n\n  track.addEventListener('touchstart', (e) =\u003e {\n    startX = e.touches[0].clientX;\n    isSwiping = true;\n  });\n\n  track.addEventListener('touchmove', (e) =\u003e {\n    if (!isSwiping) return;\n    const dx = e.touches[0].clientX - startX;\n    if (dx \u003e 50) {\n      moveSlide(-1);\n      isSwiping = false;\n    } else if (dx \u003c -50) {\n      moveSlide(1);\n      isSwiping = false;\n    }\n  });\n\n  track.addEventListener('touchend', () =\u003e {\n    isSwiping = false;\n  });\n\n  updateSlide();\n\u003c\/script\u003e\n","products":[],"url":"https:\/\/porto-femme.com\/collections\/reviews.oembed","provider":"PORTO FEMME","version":"1.0","type":"link"}