{"id":21,"date":"2025-10-14T12:20:04","date_gmt":"2025-10-14T12:20:04","guid":{"rendered":"https:\/\/onlinealbania.al\/?page_id=21"},"modified":"2025-11-09T15:50:35","modified_gmt":"2025-11-09T15:50:35","slug":"home","status":"publish","type":"page","link":"https:\/\/maisonsavale.al\/sq\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80c4012 e-con-full e-flex e-con e-parent\" data-id=\"80c4012\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92b71a8 elementor-widget elementor-widget-html\" data-id=\"92b71a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.webstudio_hero_section{\r\n    --ws-color-bg:#0a0a0a;\r\n    --ws-color-text:#fff;\r\n    --ws-color-accent:#e4c087;\r\n    --ws-font-body:'Poppins',sans-serif;\r\n    --ws-font-heading:'Didot',serif\r\n}\r\n\r\n.webstudio_hero_section *{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box\r\n}\r\n\r\n.webstudio_hero_section{\r\n    position:relative;\r\n    font-family:var(--ws-font-body);\r\n    overflow:hidden;\r\n    background:#000;\r\n    min-height:600px;\r\n    width:100%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center\r\n}\r\n\r\n.webstudio_hero_container{\r\n    position:relative;\r\n    width:100%;\r\n    height:600px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    background:#000;\r\n}\r\n\r\n\/* Webstudio hero container *\/\r\n.hentry .elementor .webstudio_hero_container{\r\n    width:47%;\r\n}\r\n\r\n.webstudio_hero_image_wrapper{\r\n    position:relative;\r\n    width:100%;\r\n    height:100%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    background:#000;\r\n}\r\n\r\n.webstudio_hero_bg{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:contain;\r\n    object-position:center;\r\n    animation:webstudio_hero_fadeIn 1s ease forwards;\r\n    pointer-events:none;\r\n    user-select:none;\r\n    image-rendering:-webkit-optimize-contrast;\r\n    image-rendering:crisp-edges;\r\n    -webkit-backface-visibility:hidden;\r\n    backface-visibility:hidden;\r\n}\r\n\r\n.webstudio_hero_overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:transparent;\r\n    pointer-events:none\r\n}\r\n\r\n@keyframes webstudio_hero_fadeIn{\r\n    from{\r\n        opacity:0;\r\n        transform:scale(0.95)\r\n    }\r\n    to{\r\n        opacity:1;\r\n        transform:scale(1)\r\n    }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:1024px){\r\n    .webstudio_hero_section{\r\n        min-height:500px\r\n    }\r\n    \r\n    .webstudio_hero_container{\r\n        height:500px\r\n    }\r\n    \r\n    .hentry .elementor .webstudio_hero_container{\r\n        width:70%;\r\n    }\r\n    \r\n    .webstudio_hero_bg{\r\n        object-fit:contain\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:768px){\r\n    .webstudio_hero_section{\r\n        min-height:400px\r\n    }\r\n    \r\n    .webstudio_hero_container{\r\n        height:400px\r\n    }\r\n    \r\n    .hentry .elementor .webstudio_hero_container{\r\n        width:90%;\r\n    }\r\n}\r\n\r\n@media(max-width:480px){\r\n    .webstudio_hero_section{\r\n        min-height:350px\r\n    }\r\n    \r\n    .webstudio_hero_container{\r\n        height:350px\r\n    }\r\n    \r\n    .hentry .elementor .webstudio_hero_container{\r\n        width:100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"webstudio_hero_section\">\r\n    <div class=\"webstudio_hero_container\">\r\n        <div class=\"webstudio_hero_image_wrapper\">\r\n            <img decoding=\"async\" class=\"webstudio_hero_bg\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/11\/LOG.avif\" alt=\"Maison Savale Logo\" loading=\"eager\">\r\n            <div class=\"webstudio_hero_overlay\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbafb92 e-con-full e-flex e-con e-parent\" data-id=\"fbafb92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-211520f elementor-widget elementor-widget-html\" data-id=\"211520f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.webstudio_albaniavSHOPaa-marquee-container{font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.webstudio_albaniavSHOPaa-marquee-container *{margin:0;padding:0;box-sizing:border-box}.webstudio_albaniavSHOPaa-bg-yellow{background-color:#ffffff}.webstudio_albaniavSHOPaa-marquee{padding:0;overflow:hidden}.webstudio_albaniavSHOPaa-marquee-wrap{display:flex;animation:webstudio_albaniavSHOPaa-slide 10s linear infinite}.webstudio_albaniavSHOPaa-marquee-wrap:hover{animation-play-state:paused}.webstudio_albaniavSHOPaa-marquee-item{padding:0 18px;display:flex;align-items:center;gap:12px}.webstudio_albaniavSHOPaa-marquee-item p{white-space:nowrap;margin:0}.webstudio_albaniavSHOPaa-text{font-size:18px;line-height:21.6px;white-space:nowrap;font-weight:500}.webstudio_albaniavSHOPaa-marquee-item img{vertical-align:middle;width:100% !important;height:29%;padding-right:0px;margin-left:75px}@keyframes webstudio_albaniavSHOPaa-slide{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media(min-width:768px){.webstudio_albaniavSHOPaa-marquee{padding:0}.webstudio_albaniavSHOPaa-marquee-wrap{animation:webstudio_albaniavSHOPaa-slide 12s linear infinite}.webstudio_albaniavSHOPaa-text{font-size:24px;line-height:28.8px}}@media(min-width:1150px){.webstudio_albaniavSHOPaa-marquee{padding:0}.webstudio_albaniavSHOPaa-marquee-wrap{animation:webstudio_albaniavSHOPaa-slide 15s linear infinite}}\r\n.hentry .elementor .webstudio_albaniavSHOPaa-marquee{background-color:#ffffff;padding-top:0px;padding-bottom:0px}\r\n#dionn-site-content #dionn-primary #dionn-main .hentry .dionn-entry-content .elementor .elementor-element .elementor-widget-html .webstudio_albaniavSHOPaa-marquee-container .webstudio_albaniavSHOPaa-marquee .webstudio_albaniavSHOPaa-marquee-wrap .webstudio_albaniavSHOPaa-marquee-item img{width:100% !important}\r\n<\/style>\r\n\r\n<div class=\"webstudio_albaniavSHOPaa-marquee-container\">\r\n    <div class=\"webstudio_albaniavSHOPaa-marquee webstudio_albaniavSHOPaa-bg-yellow\">\r\n        <div class=\"webstudio_albaniavSHOPaa-marquee-wrap\">\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Discover Authentic Fashion That Defines You<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Premium Quality Clothing for Every Occasion<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Where Style Meets Exceptional Value<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Exclusive Collections You Won't Find Anywhere Else<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Transform Your Wardrobe with Original Designs<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Free Shipping on Orders Over $50<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Join Thousands of Satisfied Customers<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">New Arrivals Every Week<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Your Trusted Fashion Destination Since 2020<\/p>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPaa-marquee-item\">\r\n                <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/logo-1.webp\" alt=\"Logo\">\r\n                <p class=\"webstudio_albaniavSHOPaa-text\">Experience Fashion That Empowers You<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97dd5db e-con-full e-flex e-con e-parent\" data-id=\"97dd5db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db25b05 elementor-widget elementor-widget-html\" data-id=\"db25b05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.webstudio_albaniavSHOPa7{\r\n    --ws-main:#000;\r\n    --ws-white:#fff;\r\n    --ws-transition:all 0.3s ease-in-out;\r\n    overflow:hidden;\r\n    position:relative;\r\n    padding-bottom:6px;\r\n}\r\n.webstudio_albaniavSHOPa7 *{box-sizing:border-box;margin:0;padding:0}\r\n\r\n.ws_swiper{\r\n    position:relative;\r\n    overflow:hidden;\r\n    list-style:none;\r\n    padding:0;\r\n    z-index:1;\r\n    touch-action:pan-y;\r\n}\r\n\r\n.ws_swiper-wrapper{\r\n    display:flex;\r\n    transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    will-change:transform;\r\n}\r\n\r\n.ws_swiper-slide{\r\n    flex:0 0 calc(33.333% - 7px);\r\n    margin-right:10px;\r\n    position:relative;\r\n    opacity:1;\r\n    transform:scale(1);\r\n    transition:all 0.5s ease;\r\n}\r\n\r\n.ws_collection-item{position:relative}\r\n.ws_collection-inner{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:10px;\r\n    background:#f5f5f5;\r\n}\r\n\r\n.ws_collection-image{\r\n    width:100%;\r\n    display:block;\r\n    overflow:hidden;\r\n    aspect-ratio:4\/5;\r\n}\r\n\r\n.ws_collection-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:transform 1.5s cubic-bezier(0,0,0.44,1.18);\r\n    transform:scale(1);\r\n}\r\n\r\n.ws_collection-item:hover .ws_collection-image img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n.ws_nav-sw{\r\n    width:46px;\r\n    height:46px;\r\n    border-radius:50%;\r\n    color:var(--ws-main);\r\n    background-color:var(--ws-white);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    transition:var(--ws-transition);\r\n    font-size:20px;\r\n    font-weight:bold;\r\n    cursor:pointer;\r\n    z-index:10;\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    border:0;\r\n    box-shadow:0 2px 8px rgba(0,0,0,0.1);\r\n    opacity:0;\r\n    visibility:hidden;\r\n}\r\n\r\n.ws_nav-prev{left:20px}\r\n.ws_nav-next{right:20px}\r\n\r\n.webstudio_albaniavSHOPa7:hover .ws_nav-sw{\r\n    visibility:visible;\r\n    opacity:1;\r\n}\r\n\r\n.ws_nav-sw:hover{\r\n    background-color:var(--ws-main);\r\n    color:var(--ws-white);\r\n    transform:translateY(-50%) scale(1.1);\r\n}\r\n\r\n.ws_dots{\r\n    display:flex;\r\n    gap:8px;\r\n    margin-top:20px;\r\n    justify-content:center;\r\n    position:relative;\r\n    z-index:10;\r\n}\r\n\r\n.ws_dot{\r\n    width:8px;\r\n    height:8px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background-color:rgba(0,0,0,0.2);\r\n    opacity:1;\r\n    transition:all 0.3s ease;\r\n    cursor:pointer;\r\n    border-radius:50%;\r\n}\r\n\r\n.ws_dot.ws_active{\r\n    background-color:var(--ws-main);\r\n    width:24px;\r\n    border-radius:4px;\r\n}\r\n\r\n\/* Mobile responsive - 1 kart\u00eb e plot\u00eb *\/\r\n@media(max-width:767px){\r\n    #ws_slider{\r\n        padding:0 !important;\r\n    }\r\n    .ws_swiper-slide{\r\n        flex:0 0 100%;\r\n        margin-right:0;\r\n    }\r\n    .ws_nav-sw{\r\n        display:none !important;\r\n    }\r\n}\r\n\r\n\/* Tablet responsive - 1 kart\u00eb e plot\u00eb *\/\r\n@media(min-width:768px) and (max-width:1149px){\r\n    .ws_swiper{\r\n        padding:0 30px;\r\n    }\r\n    .ws_swiper-slide{\r\n        flex:0 0 100%;\r\n        margin-right:0;\r\n    }\r\n    .ws_collection-inner{border-radius:3px}\r\n    .ws_nav-sw{\r\n        display:none !important;\r\n    }\r\n}\r\n\r\n\/* Desktop responsive - 3 karta *\/\r\n@media(min-width:1150px){\r\n    .ws_swiper-slide{\r\n        flex:0 0 calc(33.333% - 7px);\r\n    }\r\n    .ws_nav-sw{\r\n        display:flex;\r\n    }\r\n}\r\n\r\n\/* Loading animation *\/\r\n@keyframes slideIn{\r\n    from{\r\n        opacity:0;\r\n        transform:translateX(50px);\r\n    }\r\n    to{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n.ws_swiper-slide.ws_entering{\r\n    animation:slideIn 0.8s ease forwards;\r\n}\r\n<\/style>\r\n\r\n<section class=\"webstudio_albaniavSHOPa7\">\r\n    <div class=\"ws_swiper\" id=\"ws_slider\">\r\n        <div class=\"ws_swiper-wrapper\" id=\"ws_wrapper\">\r\n            <!-- Slides will be generated dynamically -->\r\n        <\/div>\r\n        <button class=\"ws_nav-sw ws_nav-prev\" id=\"ws_prev\" aria-label=\"Previous slide\">\r\n            &#8249;\r\n        <\/button>\r\n        <button class=\"ws_nav-sw ws_nav-next\" id=\"ws_next\" aria-label=\"Next slide\">\r\n            &#8250;\r\n        <\/button>\r\n        <div class=\"ws_dots\" id=\"ws_pagination\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n    \/\/ Data p\u00ebr kartat\r\n    const collections = [\r\n        {\r\n            image: \"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/2.avif\",\r\n            link: \"https:\/\/maisonsavale.al\/loading\/\"\r\n        },\r\n        {\r\n            image: \"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/1.avif\",\r\n            link: \"https:\/\/maisonsavale.al\/loading\/\"\r\n        }\r\n\r\n\r\n\r\n    ];\r\n\r\n    const wrapper = document.getElementById('ws_wrapper');\r\n    const prevBtn = document.getElementById('ws_prev');\r\n    const nextBtn = document.getElementById('ws_next');\r\n    const pagination = document.getElementById('ws_pagination');\r\n    \r\n    let currentIndex = 0;\r\n    let autoplayInterval;\r\n    let isAnimating = false;\r\n    let infiniteItems = [];\r\n    \r\n    \/\/ P\u00ebrcakto sa karta duhen shfaqur bazuar n\u00eb madh\u00ebsin\u00eb e ekranit\r\n    const getVisibleCards = () => {\r\n        const width = window.innerWidth;\r\n        if(width < 1150) return 1; \/\/ Mobile dhe Tablet: 1 kart\u00eb\r\n        return 3; \/\/ Desktop: 3 karta\r\n    };\r\n    \r\n    \/\/ Krijo HTML p\u00ebr nj\u00eb kart\u00eb\r\n    const createSlide = (item) => {\r\n        return `\r\n            <div class=\"ws_swiper-slide\">\r\n                <div class=\"ws_collection-item\">\r\n                    <div class=\"ws_collection-inner\">\r\n                        <a href=\"${item.link}\" class=\"ws_collection-image\">\r\n                            <img decoding=\"async\" src=\"${item.image}\" alt=\"\" loading=\"lazy\">\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n    };\r\n    \r\n    \/\/ Krijo array p\u00ebr carousel infinit\r\n    const createInfiniteArray = () => {\r\n        infiniteItems = [];\r\n        \r\n        \/\/ Klono elementet p\u00ebr efekt infinit\r\n        infiniteItems.push(...collections);\r\n        infiniteItems.push(...collections);\r\n        infiniteItems.push(...collections);\r\n        \r\n        return infiniteItems;\r\n    };\r\n    \r\n    \/\/ Inicializo slider\r\n    const initSlider = () => {\r\n        const items = createInfiniteArray();\r\n        wrapper.innerHTML = items.map(item => createSlide(item)).join('');\r\n        \r\n        \/\/ Krijo dots p\u00ebr pagination\r\n        const visibleCards = getVisibleCards();\r\n        const dotsCount = Math.ceil(collections.length \/ visibleCards);\r\n        pagination.innerHTML = '';\r\n        \r\n        for(let i = 0; i < dotsCount; i++) {\r\n            const dot = document.createElement('span');\r\n            dot.className = 'ws_dot';\r\n            if(i === 0) dot.classList.add('ws_active');\r\n            dot.dataset.index = i;\r\n            dot.addEventListener('click', () => {\r\n                goToSlide(i * visibleCards);\r\n                resetAutoplay();\r\n            });\r\n            pagination.appendChild(dot);\r\n        }\r\n        \r\n        \/\/ Poziciono n\u00eb fillim\r\n        currentIndex = collections.length;\r\n        wrapper.style.transition = 'none';\r\n        updateSlider();\r\n        setTimeout(() => {\r\n            wrapper.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\r\n        }, 50);\r\n    };\r\n    \r\n    \/\/ P\u00ebrdit\u00ebso pozicionin e slider\r\n    const updateSlider = () => {\r\n        const visibleCards = getVisibleCards();\r\n        const slideWidth = 100 \/ visibleCards;\r\n        let translateX;\r\n        \r\n        if(visibleCards === 1) {\r\n            \/\/ P\u00ebr mobile\/tablet: l\u00ebviz 100% p\u00ebr \u00e7do slide\r\n            translateX = -(currentIndex * 100);\r\n        } else {\r\n            \/\/ P\u00ebr desktop: llogarit me gap\r\n            const gap = 7;\r\n            const gapPercent = (gap \/ wrapper.offsetWidth * 100);\r\n            translateX = -(currentIndex * (slideWidth + gapPercent));\r\n        }\r\n        \r\n        wrapper.style.transform = `translateX(${translateX}%)`;\r\n        \r\n        \/\/ P\u00ebrdit\u00ebso dots\r\n        const dots = pagination.querySelectorAll('.ws_dot');\r\n        const activeIndex = (currentIndex % collections.length) \/ visibleCards;\r\n        dots.forEach((dot, i) => {\r\n            dot.classList.toggle('ws_active', i === Math.floor(activeIndex));\r\n        });\r\n    };\r\n    \r\n    \/\/ L\u00ebviz n\u00eb slide t\u00eb caktuar\r\n    const goToSlide = (index) => {\r\n        if(isAnimating) return;\r\n        isAnimating = true;\r\n        currentIndex = index + collections.length;\r\n        updateSlider();\r\n        setTimeout(() => { isAnimating = false; }, 500);\r\n    };\r\n    \r\n    \/\/ Funksioni next\r\n    const nextSlide = () => {\r\n        if(isAnimating) return;\r\n        isAnimating = true;\r\n        \r\n        currentIndex++;\r\n        updateSlider();\r\n        \r\n        \/\/ Kontrollo n\u00ebse duhet reset\r\n        if(currentIndex >= collections.length * 2) {\r\n            setTimeout(() => {\r\n                wrapper.style.transition = 'none';\r\n                currentIndex = collections.length;\r\n                updateSlider();\r\n                setTimeout(() => {\r\n                    wrapper.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\r\n                    isAnimating = false;\r\n                }, 50);\r\n            }, 500);\r\n        } else {\r\n            setTimeout(() => { isAnimating = false; }, 500);\r\n        }\r\n    };\r\n    \r\n    \/\/ Funksioni previous\r\n    const prevSlide = () => {\r\n        if(isAnimating) return;\r\n        isAnimating = true;\r\n        \r\n        currentIndex--;\r\n        updateSlider();\r\n        \r\n        \/\/ Kontrollo n\u00ebse duhet reset\r\n        if(currentIndex < collections.length) {\r\n            setTimeout(() => {\r\n                wrapper.style.transition = 'none';\r\n                currentIndex = collections.length * 2 - 1;\r\n                updateSlider();\r\n                setTimeout(() => {\r\n                    wrapper.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\r\n                    isAnimating = false;\r\n                }, 50);\r\n            }, 500);\r\n        } else {\r\n            setTimeout(() => { isAnimating = false; }, 500);\r\n        }\r\n    };\r\n    \r\n    \/\/ Autoplay functions\r\n    const startAutoplay = () => {\r\n        stopAutoplay();\r\n        autoplayInterval = setInterval(nextSlide, 3000);\r\n    };\r\n    \r\n    const stopAutoplay = () => {\r\n        if(autoplayInterval) {\r\n            clearInterval(autoplayInterval);\r\n        }\r\n    };\r\n    \r\n    const resetAutoplay = () => {\r\n        stopAutoplay();\r\n        startAutoplay();\r\n    };\r\n    \r\n    \/\/ Event listeners p\u00ebr butonat\r\n    prevBtn.addEventListener('click', () => {\r\n        prevSlide();\r\n        resetAutoplay();\r\n    });\r\n    \r\n    nextBtn.addEventListener('click', () => {\r\n        nextSlide();\r\n        resetAutoplay();\r\n    });\r\n    \r\n    \/\/ Ndalo autoplay kur mouse \u00ebsht\u00eb mbi slider\r\n    const slider = document.getElementById('ws_slider');\r\n    slider.addEventListener('mouseenter', stopAutoplay);\r\n    slider.addEventListener('mouseleave', startAutoplay);\r\n    \r\n    \/\/ Touch\/Swipe support p\u00ebr mobile dhe tablet\r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n    let touchStartY = 0;\r\n    let touchEndY = 0;\r\n    let isSwiping = false;\r\n    \r\n    wrapper.addEventListener('touchstart', (e) => {\r\n        touchStartX = e.touches[0].clientX;\r\n        touchStartY = e.touches[0].clientY;\r\n        isSwiping = true;\r\n        stopAutoplay();\r\n    }, { passive: true });\r\n    \r\n    wrapper.addEventListener('touchmove', (e) => {\r\n        if(!isSwiping) return;\r\n        touchEndX = e.touches[0].clientX;\r\n        touchEndY = e.touches[0].clientY;\r\n        \r\n        const diffX = Math.abs(touchStartX - touchEndX);\r\n        const diffY = Math.abs(touchStartY - touchEndY);\r\n        \r\n        if(diffX > diffY && diffX > 10) {\r\n            e.preventDefault();\r\n        }\r\n    }, { passive: false });\r\n    \r\n    wrapper.addEventListener('touchend', () => {\r\n        if(!isSwiping) return;\r\n        \r\n        const diffX = touchStartX - touchEndX;\r\n        const diffY = Math.abs(touchStartY - touchEndY);\r\n        \r\n        if(Math.abs(diffX) > 50 && Math.abs(diffX) > diffY) {\r\n            if(diffX > 0) {\r\n                nextSlide();\r\n            } else {\r\n                prevSlide();\r\n            }\r\n        }\r\n        \r\n        isSwiping = false;\r\n        startAutoplay();\r\n    });\r\n    \r\n    wrapper.addEventListener('touchcancel', () => {\r\n        isSwiping = false;\r\n        startAutoplay();\r\n    });\r\n    \r\n    \/\/ Resize handler\r\n    let resizeTimeout;\r\n    window.addEventListener('resize', () => {\r\n        clearTimeout(resizeTimeout);\r\n        stopAutoplay();\r\n        resizeTimeout = setTimeout(() => {\r\n            initSlider();\r\n            startAutoplay();\r\n        }, 250);\r\n    });\r\n    \r\n    \/\/ Inicializo dhe starto\r\n    initSlider();\r\n    startAutoplay();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1f393e e-con-full e-flex e-con e-parent\" data-id=\"c1f393e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5bf73e elementor-widget elementor-widget-html\" data-id=\"a5bf73e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"webstudio_albaniav54aa_underline_section\">\r\n  <div class=\"webstudio_albaniav54aa_underline_wrap\">\r\n    <h1 class=\"webstudio_albaniav54aa_underline_title\">All products<\/h1>\r\n    <div class=\"webstudio_albaniav54aa_line\"><\/div>\r\n    <p class=\"webstudio_albaniav54aa_underline_subtitle\">Browse our hand-picked selection of apparel and discover the perfect styles for you and your family.y.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.webstudio_albaniav54aa_underline_section{padding:10px 2px;background:#fff;text-align:center}.webstudio_albaniav54aa_underline_wrap{max-width:900px;margin:0 auto}.webstudio_albaniav54aa_underline_title{font-size:clamp(1.75rem,4.2vw,2.8rem);margin:0 0 20px;color:#1e272e;font-weight:800}.webstudio_albaniav54aa_line{width:180px;height:4px;background:linear-gradient(to right, transparent, #031d42, transparent);margin:0 auto 5px;border-radius:2px}.webstudio_albaniav54aa_underline_subtitle{font-size:14px;color:#57606f;line-height:1.7} \/* Ndryshuar: madh\u00ebsia nga clamp(0.77rem,1.75vw,0.98rem) n\u00eb 14px *\/\r\n@media(max-width:768px){.webstudio_albaniav54aa_underline_section{padding:5px 3px}}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10b170e elementor-widget elementor-widget-shortcode\" data-id=\"10b170e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<!-- WebStudio Albania Shop Section -->\n<style>\n.webstudio_albaniavSHOP *{margin:0;padding:0;box-sizing:border-box}\n.webstudio_albaniavSHOP{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;position:relative}\n.webstudio_albaniavSHOP_container{max-width:100%;margin:0 auto;padding:0 10px}\n.webstudio_albaniavSHOP_floating_cart{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#2563eb;border:none;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(37,99,235,0.3);transition:all 0.3s ease;color:white;font-size:24px;font-weight:bold}\n.webstudio_albaniavSHOP_floating_cart:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(37,99,235,0.4);background:#1d4ed8}\n.webstudio_albaniavSHOP_cart_icon{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}\n.webstudio_albaniavSHOP_cart_icon::before{content:'';position:absolute;width:20px;height:16px;border:2px solid white;border-radius:0 0 6px 6px;border-top:none}\n.webstudio_albaniavSHOP_cart_icon::after{content:'';position:absolute;top:-6px;left:6px;width:8px;height:8px;border:2px solid white;border-bottom:none;border-radius:4px 4px 0 0}\n.webstudio_albaniavSHOP_cart_count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:white;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;border:2px solid white;z-index:1001}\n.webstudio_albaniavSHOP_products_section{padding:4rem 0 2rem 0}\n.webstudio_albaniavSHOP_section_title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1f2937}\n.webstudio_albaniavSHOP_products_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}\n\n\/* NEW CARD DESIGN - Full Image with Hover\/Click Overlay *\/\n.webstudio_albaniavSHOP_product_card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;cursor:pointer;height:400px}\n.webstudio_albaniavSHOP_product_card:hover{transform:translateY(-5px);box-shadow:0 20px 25px rgba(0,0,0,0.15)}\n.webstudio_albaniavSHOP_product_image_wrapper{position:relative;width:100%;height:100%;overflow:hidden}\n.webstudio_albaniavSHOP_product_main_image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}\n\/* Image height fix added *\/\n#webstudio_productsGrid .webstudio_albaniavSHOP_product_card img{height:100%}\n\n.webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_main_image{transform:scale(1.05)}\n\n\/* Product Badge and Filter *\/\n.webstudio_albaniavSHOP_product_badge{position:absolute;top:10px;right:10px;background:#ef4444;color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:bold;z-index:3}\n.webstudio_albaniavSHOP_product_filter{position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.7);color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:500;z-index:3}\n\n\/* Overlay Content *\/\n.webstudio_albaniavSHOP_product_overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);color:white;padding:1.5rem;transform:translateY(100%);transition:transform 0.3s ease;z-index:2}\n.webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_overlay{transform:translateY(0)}\n.webstudio_albaniavSHOP_product_card.active .webstudio_albaniavSHOP_product_overlay{transform:translateY(0)}\n\n.webstudio_albaniavSHOP_overlay_title{font-size:1.1rem;font-weight:600;margin-bottom:0.75rem;color:white}\n.webstudio_albaniavSHOP_overlay_price{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}\n.webstudio_albaniavSHOP_overlay_new_price{font-size:1.25rem;font-weight:bold;color:#fff}\n.webstudio_albaniavSHOP_overlay_old_price{text-decoration:line-through;color:rgba(255,255,255,0.7);font-size:0.9rem}\n.webstudio_albaniavSHOP_overlay_actions{display:flex;gap:0.5rem}\n.webstudio_albaniavSHOP_overlay_btn{padding:0.65rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;flex:1;font-size:0.875rem}\n.webstudio_albaniavSHOP_overlay_btn_secondary{background:rgba(255,255,255,0.9);color:#1f2937}\n.webstudio_albaniavSHOP_overlay_btn_secondary:hover{background:white;transform:translateY(-1px)}\n\/* Button color changed from #2563eb to #34495e *\/\n.webstudio_albaniavSHOP_overlay_btn_primary{background:#34495e;color:white}\n#webstudio_productsGrid .webstudio_albaniavSHOP_product_card .webstudio_albaniavSHOP_overlay_btn_primary{background-color:#34495e}\n\n.webstudio_albaniavSHOP_overlay_btn_primary:hover{background:#1d4ed8;transform:translateY(-1px)}\n\n\/* Touch Device Support *\/\n@media (hover: none) and (pointer: coarse) {\n    .webstudio_albaniavSHOP_product_overlay{transform:translateY(100%)}\n    .webstudio_albaniavSHOP_product_card.active .webstudio_albaniavSHOP_product_overlay{transform:translateY(0)}\n}\n\n\/* Modal Styles *\/\n.webstudio_albaniavSHOP_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;overscroll-behavior:contain}\n.webstudio_albaniavSHOP_modal.show{display:flex;opacity:1}\n.webstudio_albaniavSHOP_modal_content{background:white;border-radius:12px;max-width:900px;width:90%;max-height:90vh;overflow:hidden;position:relative;transform:scale(0.7);opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;max-width:100vw}\n.webstudio_albaniavSHOP_modal.show .webstudio_albaniavSHOP_modal_content{transform:scale(1);opacity:1}\n.webstudio_albaniavSHOP_modal_close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0.1);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5rem;z-index:10;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_modal_close:hover{background:rgba(0,0,0,0.2)}\n.webstudio_albaniavSHOP_modal_body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}\n.webstudio_albaniavSHOP_modal_body::-webkit-scrollbar{display:none}\n.webstudio_albaniavSHOP_modal_gallery{display:flex;flex-direction:column;gap:1rem;position:relative}\n\n\/* SLIDER for modal *\/\n.webstudio_modal_slider{position:relative;width:100%;height:400px;background:#000;border-radius:8px;overflow:hidden}\n.webstudio_albaniavSHOP_slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(0.95);transition:all .5s cubic-bezier(0.25,0.46,0.45,0.94)}\n.webstudio_albaniavSHOP_slide.active{opacity:1;transform:scale(1);z-index:2}\n.webstudio_albaniavSHOP_slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}\n\n.webstudio_albaniavSHOP_image_nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10}\n.webstudio_albaniavSHOP_image_nav:hover{background:rgba(0,0,0,0.7);transform:translateY(-50%) scale(1.1)}\n.webstudio_albaniavSHOP_image_nav.prev{left:10px}\n.webstudio_albaniavSHOP_image_nav.prev::before{content:'\u2039';font-size:24px}\n.webstudio_albaniavSHOP_image_nav.next{right:10px}\n.webstudio_albaniavSHOP_image_nav.next::before{content:'\u203a';font-size:24px}\n\n.webstudio_albaniavSHOP_thumbnail_nav{display:flex;gap:0.5rem;overflow-x:auto}\n.webstudio_albaniavSHOP_thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:0.85;transition:opacity 0.3s,transform 0.3s;flex-shrink:0;border:2px solid transparent}\n.webstudio_albaniavSHOP_thumbnail.active,.webstudio_albaniavSHOP_thumbnail:hover{opacity:1;border:2px solid #2563eb;transform:scale(1.02)}\n.webstudio_albaniavSHOP_modal_info h2{font-size:1.5rem;margin-bottom:0.5rem;color:#1f2937}\n.webstudio_albaniavSHOP_modal_info .webstudio_albaniavSHOP_product_brand{margin-bottom:1rem}\n.webstudio_albaniavSHOP_quantity_selector{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}\n.webstudio_albaniavSHOP_quantity_controls{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px}\n.webstudio_albaniavSHOP_quantity_btn{background:none;border:none;padding:0.5rem;cursor:pointer;font-size:1.2rem;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_quantity_btn:hover{background:#f3f4f6}\n.webstudio_albaniavSHOP_quantity_input{border:none;width:60px;text-align:center;padding:0.5rem;font-size:1rem}\n.webstudio_albaniavSHOP_modal_actions{display:flex;flex-direction:column;gap:0.5rem;margin-top:2rem}\n.webstudio_albaniavSHOP_modal_actions_row{display:flex;gap:1rem}\n.webstudio_albaniavSHOP_btn{padding:0.75rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}\n.webstudio_albaniavSHOP_btn_primary{background:#4b5563;color:white;flex:1}\n.webstudio_albaniavSHOP_btn_primary:hover{background:#374151;transform:translateY(-1px)}\n.webstudio_albaniavSHOP_btn_secondary{background:#f3f4f6;color:#374151;flex:1}\n.webstudio_albaniavSHOP_btn_secondary:hover{background:#e5e7eb}\n.webstudio_albaniavSHOP_btn_tertiary{background:#10b981;color:white;flex:1;margin-top:0.5rem}\n.webstudio_albaniavSHOP_btn_tertiary:hover{background:#059669;transform:translateY(-1px)}\n\n\/* Image Dots Indicator *\/\n.webstudio_albaniavSHOP_image_dots{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:11;gap:6px}\n.webstudio_albaniavSHOP_image_dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}\n.webstudio_albaniavSHOP_image_dot.active{background:white;width:24px;border-radius:4px}\n\n\/* Cart Sidebar *\/\n.webstudio_albaniavSHOP_cart_sidebar{position:fixed;top:0;right:-400px;width:400px;height:100svh;background:white;box-shadow:-5px 0 15px rgba(0,0,0,0.1);z-index:1001;transition:right 0.3s ease;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}\n.webstudio_albaniavSHOP_cart_sidebar.open{right:0}\n.webstudio_albaniavSHOP_cart_header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}\n.webstudio_albaniavSHOP_cart_header h3{font-size:1.25rem;color:#1f2937}\n.webstudio_albaniavSHOP_cart_close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0.5rem;border-radius:4px;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_cart_close:hover{background:#f3f4f6}\n.webstudio_albaniavSHOP_cart_items{flex:1;overflow-y:auto;padding:1rem;max-height:none}\n.webstudio_albaniavSHOP_cart_item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}\n.webstudio_albaniavSHOP_cart_item:last-child{border-bottom:none}\n.webstudio_albaniavSHOP_cart_item_image{width:80px;height:80px;object-fit:cover;border-radius:6px}\n.webstudio_albaniavSHOP_cart_item_info{flex:1}\n.webstudio_albaniavSHOP_cart_item_title{font-weight:600;margin-bottom:0.5rem;color:#1f2937}\n.webstudio_albaniavSHOP_cart_item_price{color:#ef4444;font-weight:bold;margin-bottom:0.5rem}\n.webstudio_albaniavSHOP_cart_item_controls{display:flex;align-items:center;gap:0.5rem}\n.webstudio_albaniavSHOP_cart_item_quantity{display:flex;align-items:center;gap:0.25rem}\n.webstudio_albaniavSHOP_cart_item_quantity button{background:#f3f4f6;border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:0.875rem;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_cart_item_quantity button:hover{background:#e5e7eb}\n.webstudio_albaniavSHOP_cart_item_quantity span{min-width:20px;text-align:center;font-weight:500}\n.webstudio_albaniavSHOP_remove_item{background:#fee2e2;color:#dc2626;border:none;padding:0.25rem 0.5rem;border-radius:4px;cursor:pointer;font-size:0.75rem;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_remove_item:hover{background:#fecaca}\n.webstudio_albaniavSHOP_cart_footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;position:sticky;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,0.06);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);background-clip:padding-box}\n.webstudio_albaniavSHOP_cart_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:bold}\n.webstudio_albaniavSHOP_checkout_btn{width:100%;background:#059669;color:white;padding:1rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s}\n.webstudio_albaniavSHOP_checkout_btn:hover{background:#047857}\n.webstudio_albaniavSHOP_color_options{display:flex;gap:0.5rem;margin-bottom:1rem}\n.webstudio_albaniavSHOP_color_option{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all 0.3s ease}\n.webstudio_albaniavSHOP_color_option:hover{transform:scale(1.1)}\n.webstudio_albaniavSHOP_color_option.selected{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,0.2)}\n.webstudio_albaniavSHOP_variant_section{margin:1rem 0}\n.webstudio_albaniavSHOP_variant_label{font-weight:500;margin-bottom:0.5rem;color:#374151}\n.webstudio_albaniavSHOP_size_options{display:flex;gap:0.5rem;margin-bottom:1rem}\n.webstudio_albaniavSHOP_size_option{padding:0.5rem 1rem;border:2px solid #e5e7eb;background:white;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-weight:500}\n.webstudio_albaniavSHOP_size_option:hover{border-color:#9ca3af}\n.webstudio_albaniavSHOP_size_option.selected{background:#1f2937;color:white;border-color:#1f2937}\n\n\/* Mobile & Tablet Responsiveness *\/\n@media (max-width:768px){\n    .webstudio_albaniavSHOP_product_card{height:500px}\n    .webstudio_albaniavSHOP_modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important}\n    .webstudio_albaniavSHOP_modal_content{width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;overflow:hidden;padding:0!important;margin:0!important;position:relative!important}\n    .webstudio_albaniavSHOP_modal_body{display:flex;flex-direction:column;gap:0;padding:0!important;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}\n    .webstudio_albaniavSHOP_modal_body::-webkit-scrollbar{width:0;height:0;display:none}\n    .webstudio_albaniavSHOP_modal_close{position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:white;z-index:1001;width:45px;height:45px}\n    .webstudio_albaniavSHOP_modal_gallery{position:relative;width:100%;height:600px !important;min-height:600px;padding:0;margin:0;overflow:hidden}\n    .webstudio_modal_slider{height:600px;border-radius:0}\n    .webstudio_albaniavSHOP_modal_info{padding:15px;margin:0}\n    .webstudio_albaniavSHOP_image_nav{display:none!important}\n    .webstudio_albaniavSHOP_image_dots{display:flex;bottom:82px}\n    #webstudio_modalThumbnails{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px 10px;background:rgba(0,0,0,0.25);backdrop-filter:blur(4px);border-radius:10px;max-width:95%;overflow-x:auto;z-index:12}\n    .webstudio_albaniavSHOP_thumbnail{width:56px;height:56px;border-radius:6px;border:2px solid rgba(255,255,255,0.7)}\n    .webstudio_albaniavSHOP_modal_actions{padding-bottom:15px}\n    .webstudio_albaniavSHOP_modal_actions_row{flex-direction:column}\n    .webstudio_albaniavSHOP_btn{width:100%;padding:1rem;white-space:nowrap;overflow:visible;text-overflow:initial}\n    .webstudio_albaniavSHOP_container{padding:0 5px}\n    .webstudio_albaniavSHOP_floating_cart{bottom:20px;right:20px;width:50px;height:50px}\n    .webstudio_albaniavSHOP_products_grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}\n    .webstudio_albaniavSHOP_cart_sidebar{width:100%;right:-100%}\n    .webstudio_albaniavSHOP_cart_footer{padding:12px 12px calc(env(safe-area-inset-bottom) + 12px)}\n    .webstudio_albaniavSHOP_checkout_btn{height:52px;font-size:1.05rem}\n}\n\n.webstudio_albaniavSHOP_empty_cart{text-align:center;padding:3rem 1rem;color:#6b7280}\n.webstudio_albaniavSHOP_empty_cart_icon{font-size:4rem;margin-bottom:1rem;opacity:0.5}\n.webstudio_albaniavSHOP_notification{position:fixed;top:20px;right:20px;background:#059669;color:white;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1002;transform:translateX(400px);transition:transform 0.3s ease}\n.webstudio_albaniavSHOP_notification.show{transform:translateX(0)}\n<\/style>\n\n<div class=\"webstudio_albaniavSHOP\">\n    <button class=\"webstudio_albaniavSHOP_floating_cart\" onclick=\"webstudio_toggleCart()\">\n        <div class=\"webstudio_albaniavSHOP_cart_icon\"><\/div>\n        <span class=\"webstudio_albaniavSHOP_cart_count\" id=\"webstudio_cartCount\">0<\/span>\n    <\/button>\n\n    <main id=\"webstudio_mainContent\">\n        <section class=\"webstudio_albaniavSHOP_products_section\" id=\"webstudio_products\">\n            <div class=\"webstudio_albaniavSHOP_container\">\n                <div class=\"webstudio_albaniavSHOP_products_grid\" id=\"webstudio_productsGrid\"><\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <div class=\"webstudio_albaniavSHOP_modal\" id=\"webstudio_quickViewModal\">\n        <div class=\"webstudio_albaniavSHOP_modal_content\">\n            <button class=\"webstudio_albaniavSHOP_modal_close\" onclick=\"webstudio_closeModal()\">&times;<\/button>\n            <div class=\"webstudio_albaniavSHOP_modal_body\">\n                <div class=\"webstudio_albaniavSHOP_modal_gallery\">\n                    <div class=\"webstudio_modal_slider\" id=\"webstudio_modalSlider\"><\/div>\n                    <button class=\"webstudio_albaniavSHOP_image_nav prev\" id=\"webstudio_prevImageBtn\" onclick=\"webstudio_navigateImage(-1)\"><\/button>\n                    <button class=\"webstudio_albaniavSHOP_image_nav next\" id=\"webstudio_nextImageBtn\" onclick=\"webstudio_navigateImage(1)\"><\/button>\n                    <div class=\"webstudio_albaniavSHOP_image_dots\" id=\"webstudio_imageDots\"><\/div>\n                    <div class=\"webstudio_albaniavSHOP_thumbnail_nav\" id=\"webstudio_modalThumbnails\"><\/div>\n                <\/div>\n                <div class=\"webstudio_albaniavSHOP_modal_info\">\n                   <h2 id=\"webstudio_modalTitle\"><\/h2>\n                   <p id=\"webstudio_modalShortDesc\" style=\"color:#6b7280;font-size:14px;margin:8px 0 15px;line-height:1.4;display:none;\"><\/p>\n                    <div class=\"webstudio_albaniavSHOP_product_price\">\n                        <span class=\"webstudio_albaniavSHOP_new_price\" id=\"webstudio_modalNewPrice\"><\/span>\n                        <span class=\"webstudio_albaniavSHOP_old_price\" id=\"webstudio_modalOldPrice\"><\/span>\n                        <span class=\"webstudio_albaniavSHOP_discount\" id=\"webstudio_modalDiscount\"><\/span>\n                    <\/div>\n                    <div class=\"webstudio_albaniavSHOP_variant_section\">\n                        <div class=\"webstudio_albaniavSHOP_variant_label\">Color: <span id=\"webstudio_selectedColor\">White<\/span><\/div>\n                        <div class=\"webstudio_albaniavSHOP_color_options\" id=\"webstudio_colorOptions\"><\/div>\n                    <\/div>\n                    <div class=\"webstudio_albaniavSHOP_variant_section\">\n                        <div class=\"webstudio_albaniavSHOP_variant_label\">Size: <span id=\"webstudio_selectedSize\">S<\/span><\/div>\n                        <div class=\"webstudio_albaniavSHOP_size_options\" id=\"webstudio_sizeOptions\"><\/div>\n                    <\/div>\n                    <div class=\"webstudio_albaniavSHOP_quantity_selector\">\n                        <label>Quantity:<\/label>\n                        <div class=\"webstudio_albaniavSHOP_quantity_controls\">\n                            <button class=\"webstudio_albaniavSHOP_quantity_btn\" onclick=\"webstudio_changeQuantity(-1)\">-<\/button>\n                            <input type=\"number\" class=\"webstudio_albaniavSHOP_quantity_input\" id=\"webstudio_modalQuantity\" value=\"1\" min=\"1\">\n                            <button class=\"webstudio_albaniavSHOP_quantity_btn\" onclick=\"webstudio_changeQuantity(1)\">+<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"webstudio_albaniavSHOP_modal_actions\">\n                        <div class=\"webstudio_albaniavSHOP_modal_actions_row\">\n                            <button class=\"webstudio_albaniavSHOP_btn webstudio_albaniavSHOP_btn_primary\" onclick=\"webstudio_addToCartFromModal()\">Add to Cart<\/button>\n                            <button class=\"webstudio_albaniavSHOP_btn webstudio_albaniavSHOP_btn_secondary\" onclick=\"webstudio_buyNowFromModal()\">Buy Now<\/button>\n                        <\/div>\n                        <button class=\"webstudio_albaniavSHOP_btn webstudio_albaniavSHOP_btn_tertiary\" onclick=\"webstudio_viewFullDetails()\">View Full Details<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"webstudio_albaniavSHOP_cart_sidebar\" id=\"webstudio_cartSidebar\">\n        <div class=\"webstudio_albaniavSHOP_cart_header\">\n            <h3>Shopping Cart<\/h3>\n            <button class=\"webstudio_albaniavSHOP_cart_close\" onclick=\"webstudio_toggleCart()\">&times;<\/button>\n        <\/div>\n        <div class=\"webstudio_albaniavSHOP_cart_items\" id=\"webstudio_cartItems\"><\/div>\n        <div class=\"webstudio_albaniavSHOP_cart_footer\">\n            <div class=\"webstudio_albaniavSHOP_cart_total\">\n                <span>Total: <\/span>\n                <span id=\"webstudio_cartTotal\">$0.00<\/span>\n            <\/div>\n            <button class=\"webstudio_albaniavSHOP_checkout_btn\" onclick=\"webstudio_proceedToCheckout()\">Proceed to Checkout<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"webstudio_albaniavSHOP_notification\" id=\"webstudio_notification\">Product added to cart!<\/div>\n<\/div>\n\n<script>\n\/\/ Get WordPress URLs\nconst checkoutUrl = 'https:\/\/maisonsavale.al\/sq\/checkout\/';\nconst productBaseUrl = 'https:\/\/maisonsavale.al\/sq\/shop\/';\nconst currencySymbol = '\u20ac';\n\nlet webstudio_products = [];\nlet webstudio_cart=[],webstudio_currentProduct=null,webstudio_currentImageIndex=0,webstudio_selectedColor='',webstudio_selectedSize='';\nlet webstudio_touchStartX=0,webstudio_touchEndX=0;\nlet webstudio_isAnimating=false;\n\n\/\/ Load products from WordPress\nfunction loadProductsFromWordPress() {\n    jQuery.ajax({\n        url: 'https:\/\/maisonsavale.al\/wp-admin\/admin-ajax.php',\n        type: 'GET',\n        data: {\n            action: 'swa_get_products',\n                        limit: 6        },\n        success: function(response) {\n            if (response.success) {\n                webstudio_products = response.data;\n                webstudio_loadProducts();\n            }\n        }\n    });\n}\n\ndocument.addEventListener('DOMContentLoaded',()=>{\n    const savedCart = localStorage.getItem('webstudio_cart');\n    if(savedCart){ webstudio_cart = JSON.parse(savedCart); }\n    loadProductsFromWordPress();\n    webstudio_updateCartCount();\n});\n\nfunction webstudio_loadProducts(){\n    const grid=document.getElementById('webstudio_productsGrid');\n    grid.innerHTML=webstudio_products.slice(0, 6).map(product=>`\n        <div class=\"webstudio_albaniavSHOP_product_card\" onclick=\"webstudio_handleCardClick(event, '${product.id}')\">\n            <div class=\"webstudio_albaniavSHOP_product_image_wrapper\">\n                <img decoding=\"async\" src=\"${product.images[0]}\" alt=\"${product.title}\" class=\"webstudio_albaniavSHOP_product_main_image\" loading=\"lazy\">\n                <div class=\"webstudio_albaniavSHOP_product_filter\">${product.filterType}<\/div>\n                <div class=\"webstudio_albaniavSHOP_product_badge\">-${product.discount}%<\/div>\n            <\/div>\n            <div class=\"webstudio_albaniavSHOP_product_overlay\">\n                <h3 class=\"webstudio_albaniavSHOP_overlay_title\">${product.title}<\/h3>\n                <div class=\"webstudio_albaniavSHOP_overlay_price\">\n                    <span class=\"webstudio_albaniavSHOP_overlay_new_price\">${product.newPrice} ${currencySymbol}<\/span>\n                    <span class=\"webstudio_albaniavSHOP_overlay_old_price\">${product.oldPrice} ${currencySymbol}<\/span>\n                <\/div>\n                <div class=\"webstudio_albaniavSHOP_overlay_actions\">\n                    <button class=\"webstudio_albaniavSHOP_overlay_btn webstudio_albaniavSHOP_overlay_btn_secondary\" onclick=\"event.stopPropagation(); webstudio_openQuickView('${product.id}')\">Quick View<\/button>\n                    <button class=\"webstudio_albaniavSHOP_overlay_btn webstudio_albaniavSHOP_overlay_btn_primary\" onclick=\"event.stopPropagation(); webstudio_addToCart('${product.id}')\">Add to Cart<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    `).join('');\n    \n    \/\/ Add touch support for mobile devices\n    if('ontouchstart' in window) {\n        document.querySelectorAll('.webstudio_albaniavSHOP_product_card').forEach(card => {\n            card.addEventListener('click', function(e) {\n                if(!e.target.closest('.webstudio_albaniavSHOP_overlay_btn')) {\n                    const wasActive = this.classList.contains('active');\n                    document.querySelectorAll('.webstudio_albaniavSHOP_product_card').forEach(c => c.classList.remove('active'));\n                    if(!wasActive) {\n                        this.classList.add('active');\n                    }\n                }\n            });\n        });\n    }\n}\n\nfunction webstudio_handleCardClick(event, productId) {\n    \/\/ Only handle card click if not clicking on buttons\n    if(!event.target.closest('.webstudio_albaniavSHOP_overlay_btn')) {\n        const card = event.currentTarget;\n        if('ontouchstart' in window) {\n            \/\/ Mobile: toggle overlay\n            const wasActive = card.classList.contains('active');\n            document.querySelectorAll('.webstudio_albaniavSHOP_product_card').forEach(c => c.classList.remove('active'));\n            if(!wasActive) {\n                card.classList.add('active');\n            }\n        }\n    }\n}\n\nfunction webstudio_goToProductDetails(detailsUrl){window.location.href=detailsUrl}\n\nfunction webstudio_openQuickView(productId){\n    \/\/ Ruaj pozicionin aktual t\u00eb scroll para se t\u00eb hap\u00ebsh modal\n    webstudio_scrollPosition = window.pageYOffset || document.documentElement.scrollTop;\n    \n    document.body.classList.add('webstudio-modal-open');\n    const product=webstudio_products.find(p=>p.id===productId);\n    if(!product)return;\n\n    \n    webstudio_currentProduct=product;\n    webstudio_selectedColor=product.colors[0].name;\n    webstudio_selectedSize=product.sizes[0];\n    \n    const modal=document.getElementById('webstudio_quickViewModal');\n    document.getElementById('webstudio_modalTitle').textContent=product.title;\n    const shortDesc = product.description ? \n        (product.description.length > 150 ? \n         product.description.substring(0, 150).replace(\/<[^>]*>\/g, '') + '...' : \n         product.description.replace(\/<[^>]*>\/g, '')) : '';\n    document.getElementById('webstudio_modalShortDesc').textContent = shortDesc;\n    document.getElementById('webstudio_modalShortDesc').style.display = shortDesc ? 'block' : 'none';\n\n    document.getElementById('webstudio_modalNewPrice').textContent = `${product.newPrice} ${currencySymbol}`;\n    document.getElementById('webstudio_modalOldPrice').textContent = `${product.oldPrice} ${currencySymbol}`;\n    document.getElementById('webstudio_modalDiscount').textContent=`-${product.discount}%`;\n    document.getElementById('webstudio_modalQuantity').value=1;\n    \n    const colorOptions=document.getElementById('webstudio_colorOptions');\n    colorOptions.innerHTML=product.colors.map((color,index)=>`\n        <div class=\"webstudio_albaniavSHOP_color_option ${index===0?'selected':''}\" \n             style=\"background:${color.value}\" \n             onclick=\"webstudio_selectColor('${color.name}',this)\" \n             title=\"${color.name}\"><\/div>\n    `).join('');\n    \n    const sizeOptions=document.getElementById('webstudio_sizeOptions');\n    sizeOptions.innerHTML=product.sizes.map((size,index)=>`\n        <button class=\"webstudio_albaniavSHOP_size_option ${index===0?'selected':''}\" \n                onclick=\"webstudio_selectSize('${size}',this)\">${size}<\/button>\n    `).join('');\n    \n    document.getElementById('webstudio_selectedColor').textContent=webstudio_selectedColor;\n    document.getElementById('webstudio_selectedSize').textContent=webstudio_selectedSize;\n    \n    webstudio_currentImageIndex=0;\n    webstudio_buildSlides();\n\n    const thumbnailsContainer=document.getElementById('webstudio_modalThumbnails');\n    thumbnailsContainer.innerHTML=product.images.map((img,index)=>`\n        <img decoding=\"async\" src=\"${img}\" alt=\"Thumbnail ${index+1}\" \n             class=\"webstudio_albaniavSHOP_thumbnail ${index===0?'active':''}\" \n             onclick=\"webstudio_changeMainImage(${index})\" loading=\"lazy\">\n    `).join('');\n    \n    const dotsContainer=document.getElementById('webstudio_imageDots');\n    dotsContainer.innerHTML=product.images.map((img,index)=>`\n        <div class=\"webstudio_albaniavSHOP_image_dot ${index===0?'active':''}\" \n             onclick=\"webstudio_changeMainImage(${index})\"><\/div>\n    `).join('');\n    \n    webstudio_updateNavigationButtons();\n    webstudio_setupSwipeListeners();\n    \n    document.body.style.overflow='hidden';\n    \n    modal.style.display='flex';\n    requestAnimationFrame(()=>{ modal.classList.add('show'); });\n}\n\nfunction webstudio_buildSlides(){\n    const slider=document.getElementById('webstudio_modalSlider');\n    if(!slider||!webstudio_currentProduct) return;\n    slider.innerHTML = webstudio_currentProduct.images.map((img,i)=>`\n        <div class=\"webstudio_albaniavSHOP_slide ${i===0?'active':''}\" data-index=\"${i}\">\n            <img decoding=\"async\" src=\"${img}\" alt=\"Slide ${i+1}\" loading=\"${i===0?'eager':'lazy'}\" \/>\n        <\/div>\n    `).join('');\n}\n\nfunction webstudio_setupSwipeListeners(){\n    const slider=document.getElementById('webstudio_modalSlider');\n    \n    slider.addEventListener('touchstart',function(e){ webstudio_touchStartX=e.changedTouches[0].screenX; },{passive:true});\n    slider.addEventListener('touchmove',function(e){ webstudio_touchEndX=e.changedTouches[0].screenX; },{passive:true});\n    slider.addEventListener('touchend',function(){\n        const diff=webstudio_touchStartX-webstudio_touchEndX; const threshold=50;\n        if(Math.abs(diff)>threshold){ if(diff>0){ webstudio_navigateImage(1);} else { webstudio_navigateImage(-1);} }\n        webstudio_touchEndX=0;\n    });\n}\n\nfunction webstudio_handleSlideTransition(fromIdx,toIdx,direction){\n    if(webstudio_isAnimating) return; webstudio_isAnimating=true;\n    const slides=document.querySelectorAll('#webstudio_modalSlider .webstudio_albaniavSHOP_slide');\n    const current=slides[fromIdx];\n    const next=slides[toIdx];\n    if(!current||!next){ webstudio_isAnimating=false; return; }\n    slides.forEach(s=>s.classList.remove('prev','next','slide-in-left','slide-in-right','slide-out-left','slide-out-right'));\n    if(direction>0){\n        current.classList.add('slide-out-left');\n        next.classList.add('slide-in-right');\n    } else {\n        current.classList.add('slide-out-right');\n        next.classList.add('slide-in-left');\n    }\n    setTimeout(()=>{\n        slides.forEach((s,i)=>s.classList.toggle('active',i===toIdx));\n        webstudio_updateThumbnailActive();\n        webstudio_updateDotsActive();\n        webstudio_isAnimating=false;\n    },500);\n}\n\nfunction webstudio_selectColor(colorName,element){\n    webstudio_selectedColor=colorName;\n    document.getElementById('webstudio_selectedColor').textContent=colorName;\n    document.querySelectorAll('#webstudio_colorOptions .webstudio_albaniavSHOP_color_option').forEach(opt=>opt.classList.remove('selected'));\n    element.classList.add('selected');\n}\n\nfunction webstudio_selectSize(size,element){\n    webstudio_selectedSize=size;\n    document.getElementById('webstudio_selectedSize').textContent=size;\n    document.querySelectorAll('#webstudio_sizeOptions .webstudio_albaniavSHOP_size_option').forEach(opt=>opt.classList.remove('selected'));\n    element.classList.add('selected');\n}\n\n\/\/ Variab\u00ebl globale p\u00ebr t\u00eb ruajtur pozicionin e scroll\nlet webstudio_scrollPosition = 0;\n\nfunction webstudio_closeModal(){\n    document.body.classList.remove('webstudio-modal-open');\n    const modal=document.getElementById('webstudio_quickViewModal');\n    modal.classList.remove('show');\n    \n    \/\/ Rikthe overflow dhe pozicionin e scroll\n    document.body.style.overflow='';\n    document.documentElement.style.scrollBehavior = 'auto';\n    window.scrollTo(0, webstudio_scrollPosition);\n    document.documentElement.style.scrollBehavior = '';\n    \n    setTimeout(()=>{modal.style.display='none'},300);\n}\n\n\nfunction webstudio_navigateImage(direction){\n    if(!webstudio_currentProduct)return;\n    const prevIndex=webstudio_currentImageIndex;\n    webstudio_currentImageIndex+=direction;\n    if(webstudio_currentImageIndex<0){ webstudio_currentImageIndex=webstudio_currentProduct.images.length-1; }\n    else if(webstudio_currentImageIndex>=webstudio_currentProduct.images.length){ webstudio_currentImageIndex=0; }\n    webstudio_handleSlideTransition(prevIndex, webstudio_currentImageIndex, direction);\n}\n\nfunction webstudio_updateNavigationButtons(){\n    const prevBtn=document.getElementById('webstudio_prevImageBtn');\n    const nextBtn=document.getElementById('webstudio_nextImageBtn');\n    const hasMultipleImages=webstudio_currentProduct&&webstudio_currentProduct.images.length>1;\n    \n    if(window.innerWidth<=768){\n        prevBtn.style.display='none';\n        nextBtn.style.display='none';\n    }else{\n        prevBtn.style.display=hasMultipleImages?'flex':'none';\n        nextBtn.style.display=hasMultipleImages?'flex':'none';\n    }\n}\n\nfunction webstudio_updateThumbnailActive(){\n    document.querySelectorAll('.webstudio_albaniavSHOP_thumbnail').forEach((thumb,index)=>{\n        thumb.classList.toggle('active',index===webstudio_currentImageIndex);\n    });\n}\n\nfunction webstudio_updateDotsActive(){\n    document.querySelectorAll('.webstudio_albaniavSHOP_image_dot').forEach((dot,index)=>{\n        dot.classList.toggle('active',index===webstudio_currentImageIndex);\n    });\n}\n\nfunction webstudio_changeMainImage(index){\n    const direction = index > webstudio_currentImageIndex ? 1 : -1;\n    const prevIndex = webstudio_currentImageIndex;\n    webstudio_currentImageIndex=index;\n    webstudio_handleSlideTransition(prevIndex, index, direction);\n}\n\nfunction webstudio_changeQuantity(delta){\n    const input=document.getElementById('webstudio_modalQuantity');\n    const newValue=parseInt(input.value)+delta;\n    if(newValue>=1){input.value=newValue}\n}\n\nfunction webstudio_addToCartFromModal(){\n    if(!webstudio_currentProduct)return;\n    const quantity=parseInt(document.getElementById('webstudio_modalQuantity').value);\n    webstudio_addToCart(webstudio_currentProduct.id,quantity);\n    webstudio_closeModal();\n    setTimeout(()=>{webstudio_toggleCart()},300);\n}\n\nfunction webstudio_buyNowFromModal(){\n    if(!webstudio_currentProduct)return;\n    const quantity=parseInt(document.getElementById('webstudio_modalQuantity').value);\n    webstudio_cart=[];\n    webstudio_addToCart(webstudio_currentProduct.id,quantity,false);\n    webstudio_closeModal();\n    setTimeout(()=>{webstudio_proceedToCheckout()},300);\n}\n\nfunction webstudio_viewFullDetails(){\n    if(!webstudio_currentProduct)return;\n    window.location.href=webstudio_currentProduct.detailsUrl;\n}\n\nfunction webstudio_addToCart(productId,quantity=1,showSidebar=true){\n    const product=webstudio_products.find(p=>p.id===productId);\n    if(!product)return;\n    \n    const cartKey=`${productId}_${webstudio_selectedColor||product.colors[0].name}_${webstudio_selectedSize||product.sizes[0]}`;\n    const existingItem=webstudio_cart.find(item=>item.cartKey===cartKey);\n    \n    if(existingItem){\n        existingItem.quantity+=quantity;\n    }else{\n        webstudio_cart.push({\n            ...product,\n            quantity,\n            cartKey,\n            selectedColor:webstudio_selectedColor||product.colors[0].name,\n            selectedSize:webstudio_selectedSize||product.sizes[0]\n        });\n    }\n    \n    localStorage.setItem('webstudio_cart', JSON.stringify(webstudio_cart));\n    \n    webstudio_updateCartCount();\n    webstudio_updateCartDisplay();\n    webstudio_showNotification('Product added to cart!');\n    \n    if(showSidebar){\n        setTimeout(()=>{\n            if(!document.getElementById('webstudio_cartSidebar').classList.contains('open')){\n                webstudio_toggleCart();\n            }\n        },500);\n    }\n}\n\nfunction webstudio_removeFromCart(cartKey){\n    webstudio_cart=webstudio_cart.filter(item=>item.cartKey!==cartKey);\n    localStorage.setItem('webstudio_cart', JSON.stringify(webstudio_cart));\n    webstudio_updateCartCount();\n    webstudio_updateCartDisplay();\n}\n\nfunction webstudio_updateCartQuantity(cartKey,newQuantity){\n    if(newQuantity<=0){\n        webstudio_removeFromCart(cartKey);\n        return;\n    }\n    const item=webstudio_cart.find(item=>item.cartKey===cartKey);\n    if(item){\n        item.quantity=newQuantity;\n        localStorage.setItem('webstudio_cart', JSON.stringify(webstudio_cart));\n        webstudio_updateCartCount();\n        webstudio_updateCartDisplay();\n    }\n}\n\nfunction webstudio_updateCartCount(){\n    const count=webstudio_cart.reduce((total,item)=>total+item.quantity,0);\n    document.getElementById('webstudio_cartCount').textContent=count;\n}\n\nfunction webstudio_updateCartDisplay(){\n    const cartItems=document.getElementById('webstudio_cartItems');\n    if(webstudio_cart.length===0){\n        cartItems.innerHTML=`<div class=\"webstudio_albaniavSHOP_empty_cart\"><div class=\"webstudio_albaniavSHOP_empty_cart_icon\">\ud83d\uded2<\/div><p>Your cart is empty<\/p><\/div>`;\n       document.getElementById('webstudio_cartTotal').textContent = `0.00 ${currencySymbol}`;\n        return;\n    }\n    \n    cartItems.innerHTML=webstudio_cart.map(item=>`\n        <div class=\"webstudio_albaniavSHOP_cart_item\">\n            <img decoding=\"async\" src=\"${item.images[0]}\" alt=\"${item.title}\" class=\"webstudio_albaniavSHOP_cart_item_image\" loading=\"lazy\">\n            <div class=\"webstudio_albaniavSHOP_cart_item_info\">\n                <div class=\"webstudio_albaniavSHOP_cart_item_title\">${item.title}<\/div>\n                <div style=\"font-size:0.875rem;color:#6b7280\">Color: ${item.selectedColor}, Size: ${item.selectedSize}<\/div>\n                <div class=\"webstudio_albaniavSHOP_cart_item_price\">${item.newPrice} ${currencySymbol}<\/div>\n                <div class=\"webstudio_albaniavSHOP_cart_item_controls\">\n                    <div class=\"webstudio_albaniavSHOP_cart_item_quantity\">\n                        <button onclick=\"webstudio_updateCartQuantity('${item.cartKey}',${item.quantity-1})\">-<\/button>\n                        <span>${item.quantity}<\/span>\n                        <button onclick=\"webstudio_updateCartQuantity('${item.cartKey}',${item.quantity+1})\">+<\/button>\n                    <\/div>\n                    <button class=\"webstudio_albaniavSHOP_remove_item\" onclick=\"webstudio_removeFromCart('${item.cartKey}')\">Remove<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    `).join('');\n    \n    const total=webstudio_cart.reduce((sum,item)=>sum+(item.newPrice*item.quantity),0);\n    document.getElementById('webstudio_cartTotal').textContent = `${total.toFixed(2)} ${currencySymbol}`;\n}\n\nfunction webstudio_toggleCart(){\n    const sidebar=document.getElementById('webstudio_cartSidebar');\n    sidebar.classList.toggle('open');\n    webstudio_updateCartDisplay();\n}\n\nfunction webstudio_showNotification(message){\n    const notification=document.getElementById('webstudio_notification');\n    notification.textContent=message;\n    notification.classList.add('show');\n    setTimeout(()=>{notification.classList.remove('show')},3000);\n}\n\nfunction webstudio_proceedToCheckout(){\n    if(webstudio_cart.length === 0){\n        alert('Your cart is empty!');\n        return;\n    }\n    localStorage.setItem('webstudio_cart', JSON.stringify(webstudio_cart));\n    window.location.href = checkoutUrl;\n}\n\ndocument.getElementById('webstudio_quickViewModal').addEventListener('click',function(e){\n    if(e.target===this){webstudio_closeModal()}\n});\n\ndocument.addEventListener('click',function(e){\n    const cartSidebar=document.getElementById('webstudio_cartSidebar');\n    const floatingCart=document.querySelector('.webstudio_albaniavSHOP_floating_cart');\n    if(!cartSidebar.contains(e.target)&&!floatingCart.contains(e.target)){\n        cartSidebar.classList.remove('open');\n    }\n    \n    \/\/ Close card overlays when clicking outside\n    if(!e.target.closest('.webstudio_albaniavSHOP_product_card')) {\n        document.querySelectorAll('.webstudio_albaniavSHOP_product_card').forEach(c => c.classList.remove('active'));\n    }\n});\n\ndocument.addEventListener('keydown',function(e){\n    if(e.key==='Escape'){\n        const modal=document.getElementById('webstudio_quickViewModal');\n        if(modal.classList.contains('show')){webstudio_closeModal()}\n    }\n    if(e.key==='ArrowLeft' && document.getElementById('webstudio_quickViewModal').classList.contains('show')){ webstudio_navigateImage(-1); }\n    if(e.key==='ArrowRight' && document.getElementById('webstudio_quickViewModal').classList.contains('show')){ webstudio_navigateImage(1); }\n});\n\nwindow.addEventListener('resize',webstudio_updateNavigationButtons);\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bdb9be e-con-full e-flex e-con e-parent\" data-id=\"0bdb9be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a21f42 elementor-widget elementor-widget-html\" data-id=\"3a21f42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"webstudio_albaniav54aa_underline_section\">\r\n  <div class=\"webstudio_albaniav54aa_underline_wrap\">\r\n    <h1 class=\"webstudio_albaniav54aa_underline_title\">The last products<\/h1>\r\n    <div class=\"webstudio_albaniav54aa_line\"><\/div>\r\n    <p class=\"webstudio_albaniav54aa_underline_subtitle\">Browse our hand-picked selection of apparel and discover the perfect styles for you and your family.y.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.webstudio_albaniav54aa_underline_section{padding:10px 2px;background:#fff;text-align:center}.webstudio_albaniav54aa_underline_wrap{max-width:900px;margin:0 auto}.webstudio_albaniav54aa_underline_title{font-size:clamp(1.75rem,4.2vw,2.8rem);margin:0 0 20px;color:#1e272e;font-weight:800}.webstudio_albaniav54aa_line{width:180px;height:4px;background:linear-gradient(to right, transparent, #031d42, transparent);margin:0 auto 5px;border-radius:2px}.webstudio_albaniav54aa_underline_subtitle{font-size:14px;color:#57606f;line-height:1.7} \/* Ndryshuar: madh\u00ebsia nga clamp(0.77rem,1.75vw,0.98rem) n\u00eb 14px *\/\r\n@media(max-width:768px){.webstudio_albaniav54aa_underline_section{padding:5px 3px}}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8df78b elementor-widget elementor-widget-shortcode\" data-id=\"a8df78b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<!-- WebStudio Albania Infinite Carousel - FULL IMAGE DESIGN -->\n<style>\n\/* Base styles me namespace t\u00eb ve\u00e7ant\u00eb *\/\n.webstudio_carousel_component * {margin:0;padding:0;box-sizing:border-box}\n.webstudio_carousel_component {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;position:relative}\n\n\/* Carousel Section *\/\n.webstudio_carousel_section {\n    padding: 4rem 0;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    overflow: hidden;\n    position: relative;\n}\n\n\/* Section adjustments *\/\n#webstudio_carouselSection {\n    background-image: none !important;\n    padding-top: 0px !important;\n    padding-bottom: 0px !important;\n}\n\n#webstudio_carouselSection h2 {\n    margin-bottom: 0px !important;\n}\n\n.webstudio_carousel_title {\n    text-align: center;\n    font-size: 2.5rem;\n    margin-bottom: 3rem;\n    color: white;\n    font-weight: 600;\n}\n\n.webstudio_carousel_main_container {\n    position: relative;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 60px;\n}\n\n#webstudio_carouselSection .webstudio_carousel_main_container {\n    margin-left: 0px !important;\n    margin-right: 0px !important;\n    max-width: 100% !important;\n}\n\n.webstudio_carousel_track_wrapper {\n    overflow: hidden;\n    position: relative;\n    margin: 0 -10px;\n}\n\n.webstudio_carousel_slides_track {\n    display: flex;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* SLIDE WIDTH - 4 products on desktop *\/\n.webstudio_carousel_single_slide {\n    flex: 0 0 25%;\n    padding: 0 10px;\n}\n\n\/* CARD DESIGN - FULL IMAGE WITH OVERLAY ON HOVER *\/\n.webstudio_carousel_product_card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n    position: relative;\n    cursor: pointer;\n    height: 400px;\n}\n\n.webstudio_carousel_product_card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px rgba(0,0,0,0.15);\n}\n\n\/* IMAGE CONTAINER - FULL HEIGHT *\/\n.webstudio_carousel_product_image_container {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n\/* PRODUCT IMAGE - FULL COVER *\/\n.webstudio_carousel_product_image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.webstudio_carousel_product_image.hover-image {\n    opacity: 0;\n}\n\n\/* Image height adjustment - ADDED *\/\n#webstudio_carousel_track .webstudio_carousel_single_slide img {\n    height: 100%;\n}\n\n.webstudio_carousel_product_card:hover .webstudio_carousel_product_image {\n    transform: scale(1.05);\n}\n\n.webstudio_carousel_product_image.hover-image {\n    opacity: 0;\n}\n\n.webstudio_carousel_product_card:hover .webstudio_carousel_product_image {\n    transform: scale(1.05);\n}\n\n.webstudio_carousel_product_card:hover .webstudio_carousel_product_image.main-image {\n    opacity: 0;\n}\n\n.webstudio_carousel_product_card:hover .webstudio_carousel_product_image.hover-image {\n    opacity: 1;\n}\n\n\/* BADGES *\/\n.webstudio_carousel_discount_badge {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    background: #ef4444;\n    color: white;\n    padding: 0.25rem 0.5rem;\n    border-radius: 4px;\n    font-size: 0.75rem;\n    font-weight: bold;\n    z-index: 2;\n}\n\n.webstudio_carousel_product_filter {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    background: rgba(0,0,0,0.7);\n    color: white;\n    padding: 0.25rem 0.5rem;\n    border-radius: 4px;\n    font-size: 0.75rem;\n    font-weight: 500;\n    z-index: 2;\n}\n\n\/* INFO OVERLAY - SHOWS ON HOVER *\/\n.webstudio_carousel_product_info {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 1.5rem;\n    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 70%, transparent 100%);\n    transform: translateY(100%);\n    transition: transform 0.3s ease;\n}\n\n\/* DESKTOP HOVER - Show info on hover *\/\n.webstudio_carousel_product_card:hover .webstudio_carousel_product_info {\n    transform: translateY(0);\n}\n\n.webstudio_carousel_product_title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: #ffffff;\n}\n\n\/* ACTION BUTTONS *\/\n.webstudio_carousel_actions_wrapper {\n    display: flex;\n    gap: 0.5rem;\n}\n\n.webstudio_carousel_btn {\n    padding: 0.6rem 1rem;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: 500;\n    font-size: 0.85rem;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    flex: 1;\n}\n\n.webstudio_carousel_btn_dark {\n    background: rgba(255,255,255,0.9);\n    color: #1f2937;\n}\n\n.webstudio_carousel_btn_dark:hover {\n    background: #ffffff;\n    transform: translateY(-1px);\n}\n\n.webstudio_carousel_btn_light {\n    background: rgba(255,255,255,0.2);\n    color: white;\n    border: 1px solid rgba(255,255,255,0.3);\n}\n\n.webstudio_carousel_btn_light:hover {\n    background: rgba(255,255,255,0.3);\n}\n\n\/* Navigation Arrows *\/\n.webstudio_carousel_nav_btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255,255,255,0.9);\n    border: none;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    z-index: 10;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n.webstudio_carousel_nav_btn:hover {\n    background: white;\n    transform: translateY(-50%) scale(1.1);\n}\n\n.webstudio_carousel_nav_btn.prev {\n    left: 10px;\n}\n\n.webstudio_carousel_nav_btn.next {\n    right: 10px;\n}\n\n\/* Indicators *\/\n.webstudio_carousel_dots_wrapper {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 2rem;\n}\n\n.webstudio_carousel_dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.4);\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.webstudio_carousel_dot.active {\n    background: white;\n    width: 30px;\n    border-radius: 5px;\n}\n\n\/* TABLET - 3 products *\/\n@media (max-width: 968px) {\n    .webstudio_carousel_single_slide {\n        flex: 0 0 33.333%;\n    }\n    .webstudio_carousel_main_container {\n        padding: 0 60px;\n    }\n    .webstudio_carousel_product_card {\n        height: 350px;\n    }\n    \n    \/* TABLET - Show info on tap\/click *\/\n    .webstudio_carousel_product_info {\n        transform: translateY(100%);\n    }\n    \n    .webstudio_carousel_product_card.tapped .webstudio_carousel_product_info {\n        transform: translateY(0);\n    }\n}\n\n\/* =============================================== *\/\n\/* MOBILE - NDRYSHIMI KRYESOR: 1 PRODUKT ME DIZAJN DESKTOP *\/\n\/* =============================================== *\/\n@media (max-width: 640px) {\n    \/* NDRYSHIMI 1: NJ\u00cb SLIDE = 100% WIDTH *\/\n    .webstudio_carousel_single_slide {\n        flex: 0 0 100% !important; \/* NDRYSHUAR nga 50% n\u00eb 100% *\/\n    }\n    \n    \/* NDRYSHIMI 2: RUAJ PADDING T\u00cb CONTAINER *\/\n    .webstudio_carousel_main_container {\n        padding: 0 30px !important; \/* Rrit padding p\u00ebr mobile *\/\n    }\n    \n    \/* NDRYSHIMI 3: FSHI NAVIGATION BUTTONS *\/\n    .webstudio_carousel_nav_btn {\n        display: none !important;\n    }\n    \n    \/* NDRYSHIMI 4: RUAJ TITLE SIZE *\/\n    .webstudio_carousel_title {\n        font-size: 2rem;\n    }\n    \n    \/* NDRYSHIMI 5: RUAJ CARD HEIGHT SI N\u00cb DESKTOP *\/\n    .webstudio_carousel_product_card {\n        height: 500px !important; \/* RUAJ height t\u00eb nj\u00ebjt\u00eb si desktop *\/\n        max-width: 500px; \/* Limit maksimal width p\u00ebr mobile *\/\n        margin: 0 auto; \/* Center card *\/\n    }\n    \n    \/* NDRYSHIMI 6: TITLE SIZE N\u00cb OVERLAY *\/\n    .webstudio_carousel_product_title {\n        font-size: 1.1rem !important; \/* Ruaj font size si desktop *\/\n    }\n    \n    \/* NDRYSHIMI 7: INFO OVERLAY ME TAP *\/\n    .webstudio_carousel_product_info {\n        transform: translateY(100%);\n        padding: 1.5rem !important; \/* Ruaj padding si desktop *\/\n    }\n    \n    .webstudio_carousel_product_card.tapped .webstudio_carousel_product_info {\n        transform: translateY(0);\n    }\n    \n    \/* NDRYSHIMI 8: BUTTON SIZES *\/\n    .webstudio_carousel_btn {\n        padding: 0.6rem 1rem !important; \/* Ruaj padding si desktop *\/\n        font-size: 0.85rem !important; \/* Ruaj font size si desktop *\/\n    }\n    \n    \/* NDRYSHIMI 9: DOTS POSITIONING *\/\n    .webstudio_carousel_dots_wrapper {\n        margin-top: 1.5rem;\n    }\n}\n\n\/* Desktop specific *\/\n@media (min-width: 969px) {\n    #webstudio_carouselSection .webstudio_carousel_main_container {\n        padding-left: 0px !important;\n        padding-right: 0px !important;\n    }\n}\n\n\/* Tablet specific padding adjustment *\/\n@media (max-width: 769px) {\n    #webstudio_carouselSection .webstudio_carousel_main_container {\n        padding-left: 0px !important;\n        padding-right: 0px !important;\n    }\n}\n\n\/* MODAL STYLES - REMAIN UNCHANGED *\/\n.webstudio_carousel_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;overscroll-behavior:contain}\n.webstudio_carousel_modal.show{display:flex;opacity:1}\n.webstudio_carousel_modal_content{background:white;border-radius:12px;max-width:900px;width:90%;max-height:90vh;overflow:hidden;position:relative;transform:scale(0.7);opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;max-width:100vw}\n.webstudio_carousel_modal.show .webstudio_carousel_modal_content{transform:scale(1);opacity:1}\n.webstudio_carousel_modal_close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0.1);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5rem;z-index:10;transition:background-color 0.3s}\n.webstudio_carousel_modal_close:hover{background:rgba(0,0,0,0.2)}\n.webstudio_carousel_modal_body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}\n.webstudio_carousel_modal_body::-webkit-scrollbar{display:none}\n.webstudio_carousel_modal_gallery{display:flex;flex-direction:column;gap:1rem;position:relative}\n.webstudio_carousel_modal_slider{position:relative;width:100%;height:400px;background:#000;border-radius:8px;overflow:hidden}\n.webstudio_carousel_slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(0.95);transition:all .5s cubic-bezier(0.25,0.46,0.45,0.94)}\n.webstudio_carousel_slide.active{opacity:1;transform:scale(1);z-index:2}\n.webstudio_carousel_slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}\n\n\/* Slide animations *\/\n@keyframes carouselSlideInLeft{from{opacity:0;transform:translateX(-100%) scale(0.8)}to{opacity:1;transform:translateX(0) scale(1)}}\n@keyframes carouselSlideInRight{from{opacity:0;transform:translateX(100%) scale(0.8)}to{opacity:1;transform:translateX(0) scale(1)}}\n@keyframes carouselSlideOutLeft{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100%) scale(0.8)}}\n@keyframes carouselSlideOutRight{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(0.8)}}\n.webstudio_carousel_slide.slide-in-left{animation:carouselSlideInLeft .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_carousel_slide.slide-in-right{animation:carouselSlideInRight .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_carousel_slide.slide-out-left{animation:carouselSlideOutLeft .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_carousel_slide.slide-out-right{animation:carouselSlideOutRight .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n\n.webstudio_carousel_image_nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10}\n.webstudio_carousel_image_nav:hover{background:rgba(0,0,0,0.7);transform:translateY(-50%) scale(1.1)}\n.webstudio_carousel_image_nav.prev{left:10px}\n.webstudio_carousel_image_nav.prev::before{content:'\u2190';font-size:24px}\n.webstudio_carousel_image_nav.next{right:10px}\n.webstudio_carousel_image_nav.next::before{content:'\u2192';font-size:24px}\n.webstudio_carousel_thumbnail_nav{display:flex;gap:0.5rem;overflow-x:auto}\n.webstudio_carousel_thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:0.85;transition:opacity 0.3s,transform 0.3s;flex-shrink:0;border:2px solid transparent}\n.webstudio_carousel_thumbnail.active,.webstudio_carousel_thumbnail:hover{opacity:1;border:2px solid #2563eb;transform:scale(1.02)}\n.webstudio_carousel_modal_info h2{font-size:1.5rem;margin-bottom:0.5rem;color:#1f2937}\n.webstudio_carousel_product_price{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}\n.webstudio_carousel_new_price{font-size:1.25rem;font-weight:bold;color:#ef4444}\n.webstudio_carousel_old_price{text-decoration:line-through;color:#6b7280}\n.webstudio_carousel_discount{background:#fee2e2;color:#dc2626;padding:4px 12px;border-radius:6px;font-weight:600;font-size:14px}\n.webstudio_carousel_quantity_selector{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}\n.webstudio_carousel_quantity_controls{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px}\n.webstudio_carousel_quantity_btn{background:none;border:none;padding:0.5rem;cursor:pointer;font-size:1.2rem;transition:background-color 0.3s}\n.webstudio_carousel_quantity_btn:hover{background:#f3f4f6}\n.webstudio_carousel_quantity_input{border:none;width:60px;text-align:center;padding:0.5rem;font-size:1rem}\n.webstudio_carousel_modal_actions{display:flex;flex-direction:column;gap:0.5rem;margin-top:2rem}\n.webstudio_carousel_modal_actions_row{display:flex;gap:1rem}\n.webstudio_carousel_image_dots{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:11;gap:6px}\n.webstudio_carousel_image_dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}\n.webstudio_carousel_image_dot.active{background:white;width:24px;border-radius:4px}\n.webstudio_carousel_color_options{display:flex;gap:0.5rem;margin-bottom:1rem}\n.webstudio_carousel_color_option{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all 0.3s ease}\n.webstudio_carousel_color_option:hover{transform:scale(1.1)}\n.webstudio_carousel_color_option.selected{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,0.2)}\n.webstudio_carousel_variant_section{margin:1rem 0}\n.webstudio_carousel_variant_label{font-weight:500;margin-bottom:0.5rem;color:#374151}\n.webstudio_carousel_size_options{display:flex;gap:0.5rem;margin-bottom:1rem}\n.webstudio_carousel_size_option{padding:0.5rem 1rem;border:2px solid #e5e7eb;background:white;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-weight:500}\n.webstudio_carousel_size_option:hover{border-color:#9ca3af}\n.webstudio_carousel_size_option.selected{background:#1f2937;color:white;border-color:#1f2937}\n.webstudio_carousel_notification{position:fixed;top:20px;right:20px;background:#059669;color:white;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1002;transform:translateX(400px);transition:transform 0.3s ease}\n.webstudio_carousel_notification.show{transform:translateX(0)}\n.webstudio_carousel_btn_primary{background:#4b5563;color:white;flex:1}\n.webstudio_carousel_btn_primary:hover{background:#374151;transform:translateY(-1px)}\n.webstudio_carousel_btn_secondary{background:#f3f4f6;color:#374151;flex:1}\n.webstudio_carousel_btn_secondary:hover{background:#e5e7eb}\n.webstudio_carousel_btn_tertiary{background:#10b981;color:white;flex:1;margin-top:0.5rem}\n.webstudio_carousel_btn_tertiary:hover{background:#059669;transform:translateY(-1px)}\n\n\/* CART SIDEBAR STYLES *\/\n.webstudio_carousel_cart_sidebar{position:fixed;top:0;right:-400px;width:400px;height:100svh;background:white;box-shadow:-5px 0 15px rgba(0,0,0,0.1);z-index:1001;transition:right 0.3s ease;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}\n.webstudio_carousel_cart_sidebar.open{right:0}\n.webstudio_carousel_cart_header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}\n.webstudio_carousel_cart_header h3{font-size:1.25rem;color:#1f2937}\n.webstudio_carousel_cart_close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0.5rem;border-radius:4px;transition:background-color 0.3s}\n.webstudio_carousel_cart_close:hover{background:#f3f4f6}\n.webstudio_carousel_cart_items{flex:1;overflow-y:auto;padding:1rem;max-height:none}\n.webstudio_carousel_cart_item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}\n.webstudio_carousel_cart_item:last-child{border-bottom:none}\n.webstudio_carousel_cart_item_image{width:80px;height:80px;object-fit:cover;border-radius:6px}\n.webstudio_carousel_cart_item_info{flex:1}\n.webstudio_carousel_cart_item_title{font-weight:600;margin-bottom:0.5rem;color:#1f2937}\n.webstudio_carousel_cart_item_price{color:#ef4444;font-weight:bold;margin-bottom:0.5rem}\n.webstudio_carousel_cart_item_controls{display:flex;align-items:center;gap:0.5rem}\n.webstudio_carousel_cart_item_quantity{display:flex;align-items:center;gap:0.25rem}\n.webstudio_carousel_cart_item_quantity button{background:#f3f4f6;border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:0.875rem;transition:background-color 0.3s}\n.webstudio_carousel_cart_item_quantity button:hover{background:#e5e7eb}\n.webstudio_carousel_cart_item_quantity span{min-width:20px;text-align:center;font-weight:500}\n.webstudio_carousel_remove_item{background:#fee2e2;color:#dc2626;border:none;padding:0.25rem 0.5rem;border-radius:4px;cursor:pointer;font-size:0.75rem;transition:background-color 0.3s}\n.webstudio_carousel_remove_item:hover{background:#fecaca}\n.webstudio_carousel_cart_footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;position:sticky;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,0.06);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);background-clip:padding-box}\n.webstudio_carousel_cart_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:bold}\n.webstudio_carousel_checkout_btn{width:100%;background:#059669;color:white;padding:1rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s}\n.webstudio_carousel_checkout_btn:hover{background:#047857}\n.webstudio_carousel_empty_cart{text-align:center;padding:3rem 1rem;color:#6b7280}\n.webstudio_carousel_empty_cart_icon{font-size:4rem;margin-bottom:1rem;opacity:0.5}\n\n\/* Mobile Modal *\/\n@media (max-width: 640px) {\n    .webstudio_carousel_modal{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;margin:0 !important;padding:0 !important;align-items:stretch !important;justify-content:stretch !important}\n    .webstudio_carousel_modal_content{width:100vw !important;max-width:100vw !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;overflow:hidden;padding:0 !important;margin:0 !important;position:relative !important}\n    .webstudio_carousel_modal_body{display:flex;flex-direction:column;gap:0;padding:0 !important;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}\n    .webstudio_carousel_modal_body::-webkit-scrollbar{width:0;height:0;display:none}\n    .webstudio_carousel_modal_close{position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:white;z-index:1001;width:45px;height:45px}\n    .webstudio_carousel_modal_gallery{position:relative;width:100%;height:600px !important;min-height:600px;padding:0;margin:0;overflow:hidden}\n    .webstudio_carousel_modal_slider{height:600px;border-radius:0}\n    .webstudio_carousel_modal_info{padding:15px;margin:0}\n    .webstudio_carousel_image_nav{display:none!important}\n    .webstudio_carousel_image_dots{display:flex;bottom:82px}\n    #carousel_modalThumbnails{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px 10px;background:rgba(0,0,0,0.25);backdrop-filter:blur(4px);border-radius:10px;max-width:95%;overflow-x:auto;z-index:12}\n    .webstudio_carousel_thumbnail{width:56px;height:56px;border-radius:6px;border:2px solid rgba(255,255,255,0.7)}\n    .webstudio_carousel_modal_actions{padding-bottom:15px}\n    .webstudio_carousel_modal_actions_row{flex-direction:column}\n    .webstudio_carousel_btn{width:100%;padding:1rem;white-space:nowrap;overflow:visible;text-overflow:initial}\n    .webstudio_carousel_cart_sidebar{width:100%;right:-100%}\n    .webstudio_carousel_cart_footer{padding:12px 12px calc(env(safe-area-inset-bottom) + 12px)}\n    .webstudio_carousel_checkout_btn{height:52px;font-size:1.05rem}\n}\n\n\/* Tablet Modal *\/\n@media (min-width: 641px) and (max-width: 1024px) {\n    .webstudio_carousel_modal{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;margin:0 !important;padding:0 !important;align-items:stretch !important;justify-content:stretch !important}\n    .webstudio_carousel_modal_content{width:100vw !important;max-width:100vw !important;height:100vh !important;height:100dvh !important;max-height:100vh !important;max-height:100dvh !important;border-radius:0 !important;overflow:hidden;padding:0 !important;margin:0 !important;position:relative !important}\n    .webstudio_carousel_modal_body{display:flex;flex-direction:column;gap:0;padding:0 !important;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}\n    .webstudio_carousel_modal_body::-webkit-scrollbar{width:0;height:0;display:none}\n    .webstudio_carousel_modal_close{position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:white;z-index:1001}\n    #carousel_modalThumbnails{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:10px;padding:6px 12px;background:rgba(0,0,0,0.25);backdrop-filter:blur(4px);border-radius:12px;max-width:90%;overflow-x:auto;z-index:12}\n    .webstudio_carousel_image_dots{display:flex;bottom:90px}\n    .webstudio_carousel_cart_sidebar{width:100%;right:-100%}\n    .webstudio_carousel_cart_footer{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px)}\n}\n\n.webstudio_carousel_wrapper_container {\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0 10px;\n}\n<\/style>\n\n<div class=\"webstudio_carousel_component\">\n    <section class=\"webstudio_carousel_section\" id=\"webstudio_carouselSection\">\n        <div class=\"webstudio_carousel_wrapper_container\">\n                        <h2 class=\"webstudio_carousel_title\"><\/h2>\n                        <div class=\"webstudio_carousel_main_container\">\n                <button class=\"webstudio_carousel_nav_btn prev\" id=\"webstudio_carousel_prevBtn\">\u2190<\/button>\n                <button class=\"webstudio_carousel_nav_btn next\" id=\"webstudio_carousel_nextBtn\">\u2192<\/button>\n                \n                <div class=\"webstudio_carousel_track_wrapper\">\n                    <div class=\"webstudio_carousel_slides_track\" id=\"webstudio_carousel_track\">\n                        <!-- Items will be inserted here -->\n                    <\/div>\n                <\/div>\n                \n                <div class=\"webstudio_carousel_dots_wrapper\" id=\"webstudio_carousel_indicators\">\n                    <!-- Indicators will be inserted here -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- QUICK VIEW MODAL - REMAINS UNCHANGED -->\n    <div class=\"webstudio_carousel_modal\" id=\"carousel_quickViewModal\">\n        <div class=\"webstudio_carousel_modal_content\">\n            <button class=\"webstudio_carousel_modal_close\" onclick=\"carousel_closeModal()\">&times;<\/button>\n            <div class=\"webstudio_carousel_modal_body\">\n                <div class=\"webstudio_carousel_modal_gallery\">\n                    <div class=\"webstudio_carousel_modal_slider\" id=\"carousel_modalSlider\"><\/div>\n                    <button class=\"webstudio_carousel_image_nav prev\" id=\"carousel_prevImageBtn\" onclick=\"carousel_navigateImage(-1)\"><\/button>\n                    <button class=\"webstudio_carousel_image_nav next\" id=\"carousel_nextImageBtn\" onclick=\"carousel_navigateImage(1)\"><\/button>\n                    <div class=\"webstudio_carousel_image_dots\" id=\"carousel_imageDots\"><\/div>\n                    <div class=\"webstudio_carousel_thumbnail_nav\" id=\"carousel_modalThumbnails\"><\/div>\n                <\/div>\n                <div class=\"webstudio_carousel_modal_info\">\n                    <h2 id=\"carousel_modalTitle\"><\/h2>\n                    <p id=\"carousel_modalShortDesc\" style=\"color:#6b7280;font-size:14px;margin:8px 0 15px;line-height:1.4;display:none;\"><\/p>\n                    \n                    <div class=\"webstudio_carousel_product_price\">\n                        <span class=\"webstudio_carousel_new_price\" id=\"carousel_modalNewPrice\"><\/span>\n                        <span class=\"webstudio_carousel_old_price\" id=\"carousel_modalOldPrice\"><\/span>\n                        <span class=\"webstudio_carousel_discount\" id=\"carousel_modalDiscount\"><\/span>\n                    <\/div>\n                    \n                    <div class=\"webstudio_carousel_variant_section\">\n                        <div class=\"webstudio_carousel_variant_label\">Color: <span id=\"carousel_selectedColor\">White<\/span><\/div>\n                        <div class=\"webstudio_carousel_color_options\" id=\"carousel_colorOptions\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"webstudio_carousel_variant_section\">\n                        <div class=\"webstudio_carousel_variant_label\">Size: <span id=\"carousel_selectedSize\">S<\/span><\/div>\n                        <div class=\"webstudio_carousel_size_options\" id=\"carousel_sizeOptions\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"webstudio_carousel_quantity_selector\">\n                        <label>Quantity:<\/label>\n                        <div class=\"webstudio_carousel_quantity_controls\">\n                            <button class=\"webstudio_carousel_quantity_btn\" onclick=\"carousel_changeQuantity(-1)\">-<\/button>\n                            <input type=\"number\" class=\"webstudio_carousel_quantity_input\" id=\"carousel_modalQuantity\" value=\"1\" min=\"1\">\n                            <button class=\"webstudio_carousel_quantity_btn\" onclick=\"carousel_changeQuantity(1)\">+<\/button>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"webstudio_carousel_modal_actions\">\n                        <div class=\"webstudio_carousel_modal_actions_row\">\n                            <button class=\"webstudio_carousel_btn webstudio_carousel_btn_primary\" onclick=\"carousel_addToCartFromModal()\">Add to Cart<\/button>\n                            <button class=\"webstudio_carousel_btn webstudio_carousel_btn_secondary\" onclick=\"carousel_buyNowFromModal()\">Buy Now<\/button>\n                        <\/div>\n                        <button class=\"webstudio_carousel_btn webstudio_carousel_btn_tertiary\" onclick=\"carousel_viewFullDetails()\">View Full Details<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CART SIDEBAR - REMAINS UNCHANGED -->\n    <div class=\"webstudio_carousel_cart_sidebar\" id=\"carousel_cartSidebar\">\n        <div class=\"webstudio_carousel_cart_header\">\n            <h3>Shopping Cart<\/h3>\n            <button class=\"webstudio_carousel_cart_close\" onclick=\"carousel_toggleCart()\">&times;<\/button>\n        <\/div>\n        <div class=\"webstudio_carousel_cart_items\" id=\"carousel_cartItems\"><\/div>\n        <div class=\"webstudio_carousel_cart_footer\">\n            <div class=\"webstudio_carousel_cart_total\">\n                <span>Total: <\/span>\n                <span id=\"carousel_cartTotal\">0.00 \u20ac<\/span>\n            <\/div>\n            <button class=\"webstudio_carousel_checkout_btn\" onclick=\"carousel_proceedToCheckout()\">Proceed to Checkout<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"webstudio_carousel_notification\" id=\"carousel_notification\">Product added to cart!<\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ Namespace t\u00eb ve\u00e7ant\u00eb p\u00ebr carousel\n    const carouselNamespace = 'webstudio_carousel_' + Math.random().toString(36).substr(2, 9);\n    \n    \/\/ Load products from WordPress\n    let carouselProducts = [];\n    let carouselCurrentIndex = 0;\n    let carouselItemsPerView = 4; \/\/ 4 p\u00ebr desktop\n    let carouselAutoPlayInterval;\n    let carouselIsAnimating = false;\n    let carouselTouchStartX = 0;\n    let carouselTouchEndX = 0;\n\n    \/\/ Modal variables\n    let carousel_currentProduct = null;\n    let carousel_currentImageIndex = 0;\n    let carousel_selectedColor = '';\n    let carousel_selectedSize = '';\n    let carousel_touchStartXModal = 0;\n    let carousel_touchEndXModal = 0;\n    let carousel_isAnimatingModal = false;\n    let carousel_cart = [];\n    \n    \/\/ NDRYSHIMI KRYESOR - Variab\u00ebl p\u00ebr t\u00eb ruajtur pozicionin e scroll\n    let carousel_scrollPosition = 0;\n\n    \/\/ Load cart from localStorage\n    const savedCart = localStorage.getItem('webstudio_cart');\n    if(savedCart){ carousel_cart = JSON.parse(savedCart); }\n\n    \/\/ Get checkout URL from PHP\n    const checkoutUrl = 'https:\/\/maisonsavale.al\/sq\/checkout\/';\n    const productBaseUrl = 'https:\/\/maisonsavale.al\/sq\/shop\/';\n    const currencySymbol = '\u20ac';\n\n    \/\/ Load products via AJAX\n    jQuery.ajax({\n        url: 'https:\/\/maisonsavale.al\/wp-admin\/admin-ajax.php',\n        type: 'GET',\n        data: {\n            action: 'swa_get_products',\n            limit: 5        },\n        success: function(response) {\n            if (response.success) {\n                carouselProducts = response.data;\n                initCarouselComponent();\n                carousel_updateCartCount();\n            }\n        }\n    });\n\n    \/\/ CREATE CAROUSEL SLIDE - SIMPLIFIED DESIGN\n    function createCarouselSlide(product) {\n        \/\/ Build hover image HTML\n        const hoverImageHtml = product.images[1] ? \n            `<img decoding=\"async\" src=\"${product.images[1]}\" alt=\"${product.title} hover\" class=\"webstudio_carousel_product_image hover-image\" loading=\"lazy\">` : '';\n        \n        return `\n            <div class=\"webstudio_carousel_single_slide\">\n                <div class=\"webstudio_carousel_product_card\" data-product-id=\"${product.id}\">\n                    <div class=\"webstudio_carousel_product_image_container\">\n                        <img decoding=\"async\" src=\"${product.images[0]}\" alt=\"${product.title}\" class=\"webstudio_carousel_product_image main-image\" loading=\"lazy\">\n                        ${hoverImageHtml}\n                        <div class=\"webstudio_carousel_product_filter\">${product.filterType}<\/div>\n                        <div class=\"webstudio_carousel_discount_badge\">-${product.discount}%<\/div>\n                    <\/div>\n                    <div class=\"webstudio_carousel_product_info\">\n                        <h3 class=\"webstudio_carousel_product_title\">${product.title}<\/h3>\n                        <div class=\"webstudio_carousel_actions_wrapper\">\n                            <button class=\"webstudio_carousel_btn webstudio_carousel_btn_light\" \n                                    onclick=\"carousel_openQuickView('${product.id}')\">Quick View<\/button>\n                            <button class=\"webstudio_carousel_btn webstudio_carousel_btn_dark\" \n                                    onclick=\"carousel_quickAddToCart('${product.id}')\">Add to Cart<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    \/\/ ADD TAP HANDLER FOR MOBILE\/TABLET\n    function setupMobileTapHandlers() {\n        if (window.innerWidth <= 968) {\n            document.addEventListener('click', function(e) {\n                const card = e.target.closest('.webstudio_carousel_product_card');\n                if (card && !e.target.closest('.webstudio_carousel_btn')) {\n                    \/\/ Remove tapped class from all cards\n                    document.querySelectorAll('.webstudio_carousel_product_card').forEach(c => {\n                        if (c !== card) c.classList.remove('tapped');\n                    });\n                    \/\/ Toggle tapped class on clicked card\n                    card.classList.toggle('tapped');\n                }\n            });\n        }\n    }\n\n    \/\/ NDRYSHIMI KRYESOR - Funksioni i p\u00ebrdit\u00ebsuar p\u00ebr hapjen e modal\n    window.carousel_openQuickView = function(productId) {\n        \/\/ RUAJ POZICIONIN E SCROLL PARA SE T\u00cb HAP\u00cbSH MODAL\n        carousel_scrollPosition = window.pageYOffset || document.documentElement.scrollTop;\n        \n        document.body.classList.add('webstudio-modal-open');\n        const product = carouselProducts.find(p => p.id === productId);\n        if (!product) return;\n        \n        carousel_currentProduct = product;\n        carousel_selectedColor = product.colors[0].name;\n        carousel_selectedSize = product.sizes[0];\n        \n        const modal = document.getElementById('carousel_quickViewModal');\n        document.getElementById('carousel_modalTitle').textContent = product.title;\n        \n        const shortDesc = product.description ? \n            (product.description.length > 150 ? \n             product.description.substring(0, 150).replace(\/<[^>]*>\/g, '') + '...' : \n             product.description.replace(\/<[^>]*>\/g, '')) : '';\n        document.getElementById('carousel_modalShortDesc').textContent = shortDesc;\n        document.getElementById('carousel_modalShortDesc').style.display = shortDesc ? 'block' : 'none';\n        \n        document.getElementById('carousel_modalNewPrice').textContent = `${product.newPrice} ${currencySymbol}`;\n        document.getElementById('carousel_modalOldPrice').textContent = `${product.oldPrice} ${currencySymbol}`;\n        document.getElementById('carousel_modalDiscount').textContent = `-${product.discount}%`;\n        document.getElementById('carousel_modalQuantity').value = 1;\n        \n        const colorOptions = document.getElementById('carousel_colorOptions');\n        colorOptions.innerHTML = product.colors.map((color, index) => `\n            <div class=\"webstudio_carousel_color_option ${index === 0 ? 'selected' : ''}\" \n                 style=\"background:${color.value}\" \n                 onclick=\"carousel_selectColor('${color.name}', this)\" \n                 title=\"${color.name}\"><\/div>\n        `).join('');\n        \n        const sizeOptions = document.getElementById('carousel_sizeOptions');\n        sizeOptions.innerHTML = product.sizes.map((size, index) => `\n            <button class=\"webstudio_carousel_size_option ${index === 0 ? 'selected' : ''}\" \n                    onclick=\"carousel_selectSize('${size}', this)\">${size}<\/button>\n        `).join('');\n        \n        document.getElementById('carousel_selectedColor').textContent = carousel_selectedColor;\n        document.getElementById('carousel_selectedSize').textContent = carousel_selectedSize;\n        \n        carousel_currentImageIndex = 0;\n        carousel_buildSlides();\n        \n        const thumbnailsContainer = document.getElementById('carousel_modalThumbnails');\n        thumbnailsContainer.innerHTML = product.images.map((img, index) => `\n            <img decoding=\"async\" src=\"${img}\" alt=\"Thumbnail ${index + 1}\" \n                 class=\"webstudio_carousel_thumbnail ${index === 0 ? 'active' : ''}\" \n                 onclick=\"carousel_changeMainImage(${index})\" loading=\"lazy\">\n        `).join('');\n        \n        const dotsContainer = document.getElementById('carousel_imageDots');\n        dotsContainer.innerHTML = product.images.map((img, index) => `\n            <div class=\"webstudio_carousel_image_dot ${index === 0 ? 'active' : ''}\" \n                 onclick=\"carousel_changeMainImage(${index})\"><\/div>\n        `).join('');\n        \n        carousel_updateNavigationButtons();\n        carousel_setupSwipeListeners();\n        \n        document.body.style.overflow = 'hidden';\n        \n        modal.style.display = 'flex';\n        requestAnimationFrame(() => { modal.classList.add('show'); });\n    };\n\n    \/\/ NDRYSHIMI KRYESOR - Funksioni i p\u00ebrdit\u00ebsuar p\u00ebr mbylljen e modal\n    window.carousel_closeModal = function() {\n        document.body.classList.remove('webstudio-modal-open');\n        const modal = document.getElementById('carousel_quickViewModal');\n        modal.classList.remove('show');\n        \n        \/\/ RIKTHE OVERFLOW DHE POZICIONIN E SCROLL\n        document.body.style.overflow = '';\n        document.documentElement.style.scrollBehavior = 'auto';\n        window.scrollTo(0, carousel_scrollPosition);\n        document.documentElement.style.scrollBehavior = '';\n        \n        setTimeout(() => { modal.style.display = 'none'; }, 300);\n    };\n\n    \/\/ ALL OTHER MODAL AND CART FUNCTIONS REMAIN THE SAME\n    window.carousel_buildSlides = function() {\n        const slider = document.getElementById('carousel_modalSlider');\n        if (!slider || !carousel_currentProduct) return;\n        slider.innerHTML = carousel_currentProduct.images.map((img, i) => `\n            <div class=\"webstudio_carousel_slide ${i === 0 ? 'active' : ''}\" data-index=\"${i}\">\n                <img decoding=\"async\" src=\"${img}\" alt=\"Slide ${i + 1}\" loading=\"${i === 0 ? 'eager' : 'lazy'}\" \/>\n            <\/div>\n        `).join('');\n    };\n\n    window.carousel_setupSwipeListeners = function() {\n        const slider = document.getElementById('carousel_modalSlider');\n        \n        slider.addEventListener('touchstart', function(e) { \n            carousel_touchStartXModal = e.changedTouches[0].screenX; \n        }, {passive: true});\n        \n        slider.addEventListener('touchmove', function(e) { \n            carousel_touchEndXModal = e.changedTouches[0].screenX; \n        }, {passive: true});\n        \n        slider.addEventListener('touchend', function() {\n            const diff = carousel_touchStartXModal - carousel_touchEndXModal;\n            const threshold = 50;\n            if (Math.abs(diff) > threshold) {\n                if (diff > 0) {\n                    carousel_navigateImage(1);\n                } else {\n                    carousel_navigateImage(-1);\n                }\n            }\n            carousel_touchEndXModal = 0;\n        });\n    };\n\n    window.carousel_navigateImage = function(direction) {\n        if (!carousel_currentProduct || carousel_isAnimatingModal) return;\n        const prevIndex = carousel_currentImageIndex;\n        carousel_currentImageIndex += direction;\n        if (carousel_currentImageIndex < 0) {\n            carousel_currentImageIndex = carousel_currentProduct.images.length - 1;\n        }\n        else if (carousel_currentImageIndex >= carousel_currentProduct.images.length) {\n            carousel_currentImageIndex = 0;\n        }\n        carousel_handleSlideTransition(prevIndex, carousel_currentImageIndex, direction);\n    };\n\n    window.carousel_handleSlideTransition = function(fromIdx, toIdx, direction) {\n        if (carousel_isAnimatingModal) return;\n        carousel_isAnimatingModal = true;\n        const slides = document.querySelectorAll('#carousel_modalSlider .webstudio_carousel_slide');\n        const current = slides[fromIdx];\n        const next = slides[toIdx];\n        if (!current || !next) {\n            carousel_isAnimatingModal = false;\n            return;\n        }\n        \n        slides.forEach(s => s.classList.remove('prev', 'next', 'slide-in-left', 'slide-in-right', 'slide-out-left', 'slide-out-right'));\n        \n        if (direction > 0) {\n            current.classList.add('slide-out-left');\n            next.classList.add('slide-in-right');\n        } else {\n            current.classList.add('slide-out-right');\n            next.classList.add('slide-in-left');\n        }\n        \n        setTimeout(() => {\n            slides.forEach((s, i) => s.classList.toggle('active', i === toIdx));\n            carousel_updateThumbnailActive();\n            carousel_updateDotsActive();\n            carousel_isAnimatingModal = false;\n        }, 500);\n    };\n\n    window.carousel_updateNavigationButtons = function() {\n        const prevBtn = document.getElementById('carousel_prevImageBtn');\n        const nextBtn = document.getElementById('carousel_nextImageBtn');\n        const hasMultipleImages = carousel_currentProduct && carousel_currentProduct.images.length > 1;\n        \n        if (window.innerWidth <= 768) {\n            prevBtn.style.display = 'none';\n            nextBtn.style.display = 'none';\n        } else {\n            prevBtn.style.display = hasMultipleImages ? 'flex' : 'none';\n            nextBtn.style.display = hasMultipleImages ? 'flex' : 'none';\n        }\n    };\n\n    window.carousel_updateThumbnailActive = function() {\n        document.querySelectorAll('.webstudio_carousel_thumbnail').forEach((thumb, index) => {\n            thumb.classList.toggle('active', index === carousel_currentImageIndex);\n        });\n    };\n\n    window.carousel_updateDotsActive = function() {\n        document.querySelectorAll('.webstudio_carousel_image_dot').forEach((dot, index) => {\n            dot.classList.toggle('active', index === carousel_currentImageIndex);\n        });\n    };\n\n    window.carousel_changeMainImage = function(index) {\n        const direction = index > carousel_currentImageIndex ? 1 : -1;\n        const prevIndex = carousel_currentImageIndex;\n        carousel_currentImageIndex = index;\n        carousel_handleSlideTransition(prevIndex, index, direction);\n    };\n\n    window.carousel_selectColor = function(colorName, element) {\n        carousel_selectedColor = colorName;\n        document.getElementById('carousel_selectedColor').textContent = colorName;\n        document.querySelectorAll('#carousel_colorOptions .webstudio_carousel_color_option').forEach(opt => opt.classList.remove('selected'));\n        element.classList.add('selected');\n    };\n\n    window.carousel_selectSize = function(size, element) {\n        carousel_selectedSize = size;\n        document.getElementById('carousel_selectedSize').textContent = size;\n        document.querySelectorAll('#carousel_sizeOptions .webstudio_carousel_size_option').forEach(opt => opt.classList.remove('selected'));\n        element.classList.add('selected');\n    };\n\n    window.carousel_changeQuantity = function(delta) {\n        const input = document.getElementById('carousel_modalQuantity');\n        const newValue = parseInt(input.value) + delta;\n        if (newValue >= 1) { input.value = newValue; }\n    };\n\n    window.carousel_addToCartFromModal = function() {\n        if (!carousel_currentProduct) return;\n        const quantity = parseInt(document.getElementById('carousel_modalQuantity').value);\n        \n        const cartKey = `${carousel_currentProduct.id}_${carousel_selectedColor}_${carousel_selectedSize}`;\n        const existingItem = carousel_cart.find(item => item.cartKey === cartKey);\n        \n        if (existingItem) {\n            existingItem.quantity += quantity;\n        } else {\n            carousel_cart.push({\n                ...carousel_currentProduct,\n                quantity,\n                cartKey,\n                selectedColor: carousel_selectedColor,\n                selectedSize: carousel_selectedSize\n            });\n        }\n        \n        localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n        carousel_updateCartCount();\n        carousel_updateCartDisplay();\n        carousel_showNotification('Product added to cart!');\n        carousel_closeModal();\n        \n        setTimeout(() => {\n            carousel_toggleCart();\n        }, 300);\n    };\n\n    window.carousel_buyNowFromModal = function() {\n        if (!carousel_currentProduct) return;\n        const quantity = parseInt(document.getElementById('carousel_modalQuantity').value);\n        \n        carousel_cart = [];\n        carousel_cart.push({\n            ...carousel_currentProduct,\n            quantity,\n            cartKey: `${carousel_currentProduct.id}_${carousel_selectedColor}_${carousel_selectedSize}`,\n            selectedColor: carousel_selectedColor,\n            selectedSize: carousel_selectedSize\n        });\n        \n        localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n        carousel_closeModal();\n        \n        setTimeout(() => {\n            window.location.href = checkoutUrl;\n        }, 300);\n    };\n\n    window.carousel_viewFullDetails = function() {\n        if (!carousel_currentProduct) return;\n        window.location.href = carousel_currentProduct.detailsUrl;\n    };\n\n    window.carousel_quickAddToCart = function(productId) {\n        const product = carouselProducts.find(p => p.id === productId);\n        if (!product) return;\n        \n        const cartKey = `${productId}_${product.colors[0].name}_${product.sizes[0]}`;\n        const existingItem = carousel_cart.find(item => item.cartKey === cartKey);\n        \n        if (existingItem) {\n            existingItem.quantity += 1;\n        } else {\n            carousel_cart.push({\n                ...product,\n                quantity: 1,\n                cartKey,\n                selectedColor: product.colors[0].name,\n                selectedSize: product.sizes[0]\n            });\n        }\n        \n        localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n        carousel_updateCartCount();\n        carousel_updateCartDisplay();\n        carousel_showNotification('Product added to cart!');\n        \n        setTimeout(() => {\n            if (!document.getElementById('carousel_cartSidebar').classList.contains('open')) {\n                carousel_toggleCart();\n            }\n        }, 500);\n    };\n\n    window.carousel_toggleCart = function() {\n        const sidebar = document.getElementById('carousel_cartSidebar');\n        sidebar.classList.toggle('open');\n        carousel_updateCartDisplay();\n    };\n\n    window.carousel_updateCartCount = function() {\n        const count = carousel_cart.reduce((total, item) => total + item.quantity, 0);\n        const cartCountElement = document.getElementById('carousel_cartCount');\n        if (cartCountElement) {\n            cartCountElement.textContent = count;\n        }\n    };\n\n    window.carousel_updateCartDisplay = function() {\n        const cartItems = document.getElementById('carousel_cartItems');\n        if (carousel_cart.length === 0) {\n            cartItems.innerHTML = `<div class=\"webstudio_carousel_empty_cart\"><div class=\"webstudio_carousel_empty_cart_icon\">\ud83d\uded2<\/div><p>Your cart is empty<\/p><\/div>`;\n            document.getElementById('carousel_cartTotal').textContent = `0.00 ${currencySymbol}`;\n            return;\n        }\n        \n        cartItems.innerHTML = carousel_cart.map(item => `\n            <div class=\"webstudio_carousel_cart_item\">\n                <img decoding=\"async\" src=\"${item.images[0]}\" alt=\"${item.title}\" class=\"webstudio_carousel_cart_item_image\" loading=\"lazy\">\n                <div class=\"webstudio_carousel_cart_item_info\">\n                    <div class=\"webstudio_carousel_cart_item_title\">${item.title}<\/div>\n                    <div style=\"font-size:0.875rem;color:#6b7280\">Color: ${item.selectedColor}, Size: ${item.selectedSize}<\/div>\n                    <div class=\"webstudio_carousel_cart_item_price\">${item.newPrice} ${currencySymbol}<\/div>\n                    <div class=\"webstudio_carousel_cart_item_controls\">\n                        <div class=\"webstudio_carousel_cart_item_quantity\">\n                            <button onclick=\"carousel_updateCartQuantity('${item.cartKey}',${item.quantity - 1})\">-<\/button>\n                            <span>${item.quantity}<\/span>\n                            <button onclick=\"carousel_updateCartQuantity('${item.cartKey}',${item.quantity + 1})\">+<\/button>\n                        <\/div>\n                        <button class=\"webstudio_carousel_remove_item\" onclick=\"carousel_removeFromCart('${item.cartKey}')\">Remove<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `).join('');\n        \n        const total = carousel_cart.reduce((sum, item) => sum + (item.newPrice * item.quantity), 0);\n        document.getElementById('carousel_cartTotal').textContent = `${total.toFixed(2)} ${currencySymbol}`;\n    };\n\n    window.carousel_updateCartQuantity = function(cartKey, newQuantity) {\n        if (newQuantity <= 0) {\n            carousel_removeFromCart(cartKey);\n            return;\n        }\n        const item = carousel_cart.find(item => item.cartKey === cartKey);\n        if (item) {\n            item.quantity = newQuantity;\n            localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n            carousel_updateCartCount();\n            carousel_updateCartDisplay();\n        }\n    };\n\n    window.carousel_removeFromCart = function(cartKey) {\n        carousel_cart = carousel_cart.filter(item => item.cartKey !== cartKey);\n        localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n        carousel_updateCartCount();\n        carousel_updateCartDisplay();\n    };\n\n    window.carousel_proceedToCheckout = function() {\n        if (carousel_cart.length === 0) {\n            alert('Your cart is empty!');\n            return;\n        }\n        localStorage.setItem('webstudio_cart', JSON.stringify(carousel_cart));\n        window.location.href = checkoutUrl;\n    };\n\n    window.carousel_showNotification = function(message) {\n        const notification = document.getElementById('carousel_notification');\n        notification.textContent = message;\n        notification.classList.add('show');\n        setTimeout(() => { notification.classList.remove('show'); }, 3000);\n    };\n\n    \/\/ Event listeners\n    document.getElementById('carousel_quickViewModal').addEventListener('click', function(e) {\n        if (e.target === this) { carousel_closeModal(); }\n    });\n\n    document.addEventListener('click', function(e) {\n        const cartSidebar = document.getElementById('carousel_cartSidebar');\n        const floatingCart = document.querySelector('.webstudio_carousel_floating_cart');\n        if (cartSidebar && floatingCart && !cartSidebar.contains(e.target) && !floatingCart.contains(e.target)) {\n            cartSidebar.classList.remove('open');\n        }\n    });\n\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            const modal = document.getElementById('carousel_quickViewModal');\n            if (modal.classList.contains('show')) { carousel_closeModal(); }\n        }\n        if (e.key === 'ArrowLeft' && document.getElementById('carousel_quickViewModal').classList.contains('show')) {\n            carousel_navigateImage(-1);\n        }\n        if (e.key === 'ArrowRight' && document.getElementById('carousel_quickViewModal').classList.contains('show')) {\n            carousel_navigateImage(1);\n        }\n    });\n\n    window.addEventListener('resize', carousel_updateNavigationButtons);\n\n    \/\/ CAROUSEL FUNCTIONALITY\n    function initCarouselComponent() {\n        const track = document.getElementById('webstudio_carousel_track');\n        if (!track || carouselProducts.length === 0) return;\n\n        updateCarouselItemsPerView();\n        \n        const extendedProducts = [...carouselProducts, ...carouselProducts, ...carouselProducts];\n        track.innerHTML = extendedProducts.map(p => createCarouselSlide(p)).join('');\n        \n        carouselCurrentIndex = carouselProducts.length;\n        track.style.transition = 'none';\n        track.style.transform = `translateX(-${(carouselCurrentIndex * 100) \/ carouselItemsPerView}%)`;\n        \n        setTimeout(() => {\n            track.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\n        }, 50);\n        \n        createCarouselIndicators();\n        setupCarouselEventListeners();\n        setupMobileTapHandlers(); \/\/ Add mobile tap handlers\n        startCarouselAutoPlay();\n    }\n\n    \/\/ ===============================================\n    \/\/ NDRYSHIMI KRYESOR P\u00cbR MOBILE: 1 PRODUKT\n    \/\/ ===============================================\n    function updateCarouselItemsPerView() {\n        const width = window.innerWidth;\n        if (width <= 640) {\n            carouselItemsPerView = 1; \/\/ NDRYSHUAR: Mobile: 1 produkt (nga 2)\n        } else if (width <= 968) {\n            carouselItemsPerView = 3; \/\/ Tablet: 3 products\n        } else {\n            carouselItemsPerView = 4; \/\/ Desktop: 4 products\n        }\n    }\n\n    function navigateCarousel(direction) {\n        if (carouselIsAnimating) return;\n        carouselIsAnimating = true;\n        \n        const track = document.getElementById('webstudio_carousel_track');\n        carouselCurrentIndex += direction;\n        track.style.transform = `translateX(-${(carouselCurrentIndex * 100) \/ carouselItemsPerView}%)`;\n        \n        setTimeout(() => {\n            if (carouselCurrentIndex >= carouselProducts.length * 2) {\n                track.style.transition = 'none';\n                carouselCurrentIndex = carouselProducts.length;\n                track.style.transform = `translateX(-${(carouselCurrentIndex * 100) \/ carouselItemsPerView}%)`;\n                setTimeout(() => {\n                    track.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\n                }, 50);\n            } else if (carouselCurrentIndex < carouselProducts.length) {\n                track.style.transition = 'none';\n                carouselCurrentIndex = carouselProducts.length * 2 - 1;\n                track.style.transform = `translateX(-${(carouselCurrentIndex * 100) \/ carouselItemsPerView}%)`;\n                setTimeout(() => {\n                    track.style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)';\n                }, 50);\n            }\n            carouselIsAnimating = false;\n            updateCarouselIndicators();\n        }, 500);\n        \n        resetCarouselAutoPlay();\n    }\n\n    function goToCarouselSlide(index) {\n        if (carouselIsAnimating) return;\n        carouselCurrentIndex = carouselProducts.length + index;\n        const track = document.getElementById('webstudio_carousel_track');\n        track.style.transform = `translateX(-${(carouselCurrentIndex * 100) \/ carouselItemsPerView}%)`;\n        updateCarouselIndicators();\n        resetCarouselAutoPlay();\n    }\n\n    function createCarouselIndicators() {\n        const container = document.getElementById('webstudio_carousel_indicators');\n        if (!container) return;\n        \n        container.innerHTML = carouselProducts.map((_, i) => \n            `<button class=\"webstudio_carousel_dot ${i === 0 ? 'active' : ''}\" \n                     data-carousel-index=\"${i}\"><\/button>`\n        ).join('');\n        \n        container.addEventListener('click', function(e) {\n            if (e.target.classList.contains('webstudio_carousel_dot')) {\n                const index = parseInt(e.target.getAttribute('data-carousel-index'));\n                goToCarouselSlide(index);\n            }\n        });\n    }\n\n    function updateCarouselIndicators() {\n        const indicators = document.querySelectorAll('.webstudio_carousel_dot');\n        const activeIndex = (carouselCurrentIndex % carouselProducts.length);\n        indicators.forEach((indicator, index) => {\n            indicator.classList.toggle('active', index === activeIndex);\n        });\n    }\n\n    function startCarouselAutoPlay() {\n        carouselAutoPlayInterval = setInterval(() => navigateCarousel(1), 3000);\n    }\n\n    function stopCarouselAutoPlay() {\n        clearInterval(carouselAutoPlayInterval);\n    }\n\n    function resetCarouselAutoPlay() {\n        stopCarouselAutoPlay();\n        startCarouselAutoPlay();\n    }\n\n    function handleCarouselTouchStart(e) {\n        carouselTouchStartX = e.changedTouches[0].screenX;\n    }\n\n    function handleCarouselTouchEnd(e) {\n        carouselTouchEndX = e.changedTouches[0].screenX;\n        handleCarouselSwipe();\n    }\n\n    function handleCarouselSwipe() {\n        const swipeThreshold = 50;\n        const diff = carouselTouchStartX - carouselTouchEndX;\n        if (Math.abs(diff) > swipeThreshold) {\n            if (diff > 0) {\n                navigateCarousel(1);\n            } else {\n                navigateCarousel(-1);\n            }\n        }\n    }\n\n    function setupCarouselEventListeners() {\n        const prevBtn = document.getElementById('webstudio_carousel_prevBtn');\n        const nextBtn = document.getElementById('webstudio_carousel_nextBtn');\n        \n        if (prevBtn) prevBtn.onclick = () => navigateCarousel(-1);\n        if (nextBtn) nextBtn.onclick = () => navigateCarousel(1);\n        \n        const wrapper = document.querySelector('.webstudio_carousel_track_wrapper');\n        if (wrapper) {\n            wrapper.addEventListener('touchstart', handleCarouselTouchStart, {passive: true});\n            wrapper.addEventListener('touchend', handleCarouselTouchEnd, {passive: true});\n        }\n        \n        const section = document.getElementById('webstudio_carouselSection');\n        if (section) {\n            section.addEventListener('mouseenter', stopCarouselAutoPlay);\n            section.addEventListener('mouseleave', startCarouselAutoPlay);\n        }\n        \n        let resizeTimer;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(() => {\n                const oldItemsPerView = carouselItemsPerView;\n                updateCarouselItemsPerView();\n                if (oldItemsPerView !== carouselItemsPerView) {\n                    initCarouselComponent();\n                }\n            }, 250);\n        });\n    }\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d03fd00 e-con-full e-flex e-con e-parent\" data-id=\"d03fd00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137f2c6 elementor-widget elementor-widget-html\" data-id=\"137f2c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Stilet origjinale *\/\r\n.webstudio_albaniavSHOPa1{padding-top:100px;padding-bottom:60px}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-container{max-width:1200px;margin:0 auto;padding:0 15px}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-row{display:flex;flex-wrap:wrap;margin:0 -15px;justify-content:space-between}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-col{flex:0 0 calc(25% - 30px);max-width:calc(25% - 30px);padding:0 15px;margin-bottom:30px}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-wrap{display:flex;margin-bottom:30px;align-items:flex-start}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-icon{flex:0 0 50px;margin-right:20px}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-icon img{width:50px;height:50px;transition:all .3s ease 0s}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-wrap:hover .webstudio_albaniavSHOPa1-support-icon img{animation:webstudio_albaniavSHOPa1-tada .5s ease-in-out 0s 1 normal none running}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-content h5{font-size:18px;margin:0 0 5px;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:18px}.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-support-content p{color:#666;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:24px}@keyframes webstudio_albaniavSHOPa1-tada{0%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}\r\n\r\n\/* Rregullime p\u00ebr shp\u00ebrndarje t\u00eb barabart\u00eb *\/\r\n.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-container{\r\n    max-width:100%;\r\n    padding:0 40px;\r\n}\r\n\r\n.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-row{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    margin:0;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n}\r\n\r\n.webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-col{\r\n    flex:1 1 calc(25% - 15px);\r\n    max-width:calc(25% - 15px);\r\n    padding:0;\r\n    margin-bottom:0;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:991px){\r\n    .webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-col{\r\n        flex:1 1 calc(50% - 10px);\r\n        max-width:calc(50% - 10px);\r\n        margin-bottom:20px;\r\n    }\r\n    .webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-container{\r\n        padding:0 20px;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n    .webstudio_albaniavSHOPa1{\r\n        padding-top:60px;\r\n        padding-bottom:40px;\r\n    }\r\n    .webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-col{\r\n        flex:1 1 100%;\r\n        max-width:100%;\r\n        margin-bottom:20px;\r\n    }\r\n    .webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-row{\r\n        gap:0;\r\n    }\r\n    .webstudio_albaniavSHOPa1 .webstudio_albaniavSHOPa1-container{\r\n        padding:0 15px;\r\n    }\r\n}\r\n\r\n\/* Elementor specifike *\/\r\n.hentry .elementor .webstudio_albaniavSHOPa1-container{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.hentry .elementor > .elementor-element{\r\n    padding-left:0;\r\n    padding-right:0;\r\n}\r\n\r\n\/* Desktop dhe m\u00eb t\u00eb m\u00ebdha *\/\r\n@media (min-width:768px){\r\n    .hentry .elementor .webstudio_albaniavSHOPa1{\r\n        padding-top:20px;\r\n        padding-bottom:0px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"webstudio_albaniavSHOPa1\">\r\n    <div class=\"webstudio_albaniavSHOPa1-container\">\r\n        <div class=\"webstudio_albaniavSHOPa1-row\">\r\n            <div class=\"webstudio_albaniavSHOPa1-col\">\r\n                <div class=\"webstudio_albaniavSHOPa1-support-wrap\">\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-icon\">\r\n                        <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/truck.png\" alt=\"Free Shipping\">\r\n                    <\/div>\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-content\">\r\n                        <h5>Free Shipping<\/h5>\r\n                        <p>Free shipping on all order<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPa1-col\">\r\n                <div class=\"webstudio_albaniavSHOPa1-support-wrap\">\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-icon\">\r\n                        <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/online-chat.png\" alt=\"Support 24\/7\">\r\n                    <\/div>\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-content\">\r\n                        <h5>Support 24\/7<\/h5>\r\n                        <p>Free shipping on all order<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPa1-col\">\r\n                <div class=\"webstudio_albaniavSHOPa1-support-wrap\">\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-icon\">\r\n                        <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/business.png\" alt=\"Money Return\">\r\n                    <\/div>\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-content\">\r\n                        <h5>Money Return<\/h5>\r\n                        <p>Free shipping on all order<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"webstudio_albaniavSHOPa1-col\">\r\n                <div class=\"webstudio_albaniavSHOPa1-support-wrap\">\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-icon\">\r\n                        <img decoding=\"async\" src=\"http:\/\/maisonsavale.al\/wp-content\/uploads\/2025\/10\/buy-button.png\" alt=\"Order Discount\">\r\n                    <\/div>\r\n                    <div class=\"webstudio_albaniavSHOPa1-support-content\">\r\n                        <h5>Order Discount<\/h5>\r\n                        <p>Free shipping on all order<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover Authentic Fashion That Defines You Premium Quality Clothing for Every Occasion Where Style Meets Exceptional Value Exclusive Collections You Won&#8217;t Find Anywhere Else Transform Your Wardrobe with Original Designs Free Shipping on Orders Over $50 Join Thousands of Satisfied Customers New Arrivals Every Week Your Trusted Fashion Destination Since 2020 Experience Fashion That Empowers [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":142,"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":2681,"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages\/21\/revisions\/2681"}],"wp:attachment":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}