{"id":1323,"date":"2025-09-22T20:42:39","date_gmt":"2025-09-22T20:42:39","guid":{"rendered":"https:\/\/onlinealbania.al\/?page_id=1323"},"modified":"2025-09-22T20:42:39","modified_gmt":"2025-09-22T20:42:39","slug":"shop","status":"publish","type":"page","link":"https:\/\/maisonsavale.al\/sq\/shop\/","title":{"rendered":"Shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1323\" class=\"elementor elementor-1323\">\n\t\t\t\t<div class=\"elementor-element elementor-element-181871a e-con-full e-flex e-con e-parent\" data-id=\"181871a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83f6e1b elementor-widget elementor-widget-shortcode\" data-id=\"83f6e1b\" 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 (Fixed mobile\/tablet modal scrollbar + right white gap) -->\n<style>\n\/* removed global reset for Elementor scope *\/\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\n\/* MODERN FILTER SIDEBAR - FIXED SCROLLING AND BOTTOM BUTTONS *\/\n.webstudio_filter_sidebar{position:fixed;left:0;top:0;height:100vh;height:100dvh;width:320px;background:white;z-index:999;transform:translateX(-100%);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:5px 0 25px rgba(0,0,0,0.1);display:flex;flex-direction:column}\n.webstudio_filter_sidebar.active{transform:translateX(0)}\n.webstudio_filter_overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:998;opacity:0;pointer-events:none;transition:opacity 0.3s}\n.webstudio_filter_overlay.active{opacity:1;pointer-events:all}\n\n\/* FILTER HEADER *\/\n.webstudio_filter_header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:white;z-index:10;flex-shrink:0}\n.webstudio_filter_title{font-size:1.25rem;font-weight:700;color:#1f2937}\n.webstudio_filter_close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.3s}\n.webstudio_filter_close:hover{background:#f3f4f6;color:#1f2937}\n\n\/* FILTER CONTENT - FIXED SCROLLING *\/\n.webstudio_filter_content{padding:20px;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}\n.webstudio_filter_section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f3f4f6}\n.webstudio_filter_section:last-child{border-bottom:none}\n.webstudio_filter_label{font-weight:600;color:#1f2937;margin-bottom:15px;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.5px}\n\n\/* PRICE SLIDER *\/\n.webstudio_price_slider{margin:20px 0}\n.webstudio_price_range{position:relative;height:6px;background:#e5e7eb;border-radius:3px;margin:30px 0}\n.webstudio_price_track{position:absolute;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;left:0;right:0}\n.webstudio_price_thumb{position:absolute;width:20px;height:20px;background:white;border:3px solid #2563eb;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:box-shadow 0.3s}\n.webstudio_price_thumb:active{cursor:grabbing;box-shadow:0 4px 12px rgba(37,99,235,0.3)}\n.webstudio_price_inputs{display:flex;gap:10px;margin-top:15px}\n.webstudio_price_input_group{flex:1;position:relative}\n.webstudio_price_input{width:100%;padding:10px 10px 10px 25px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color 0.3s}\n.webstudio_price_input:focus{outline:none;border-color:#2563eb}\n.webstudio_price_currency{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}\n\n\/* COLOR FILTERS *\/\n.webstudio_color_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}\n.webstudio_color_option{width:48px;height:48px;border-radius:12px;border:3px solid transparent;cursor:pointer;position:relative;transition:all 0.3s;overflow:hidden}\n.webstudio_color_option::after{content:'\u2713';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:bold;opacity:0;transition:opacity 0.3s;text-shadow:0 1px 3px rgba(0,0,0,0.5)}\n.webstudio_color_option:hover{transform:scale(1.1)}\n.webstudio_color_option.selected{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,0.1)}\n.webstudio_color_option.selected::after{opacity:1}\n\n\/* SIZE FILTERS *\/\n.webstudio_size_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\n.webstudio_size_option{padding:12px;border:2px solid #e5e7eb;background:white;border-radius:8px;text-align:center;cursor:pointer;font-weight:500;transition:all 0.3s}\n.webstudio_size_option:hover{border-color:#9ca3af;background:#f9fafb}\n.webstudio_size_option.selected{background:#1f2937;color:white;border-color:#1f2937}\n\n\/* CATEGORY CHECKBOXES *\/\n.webstudio_checkbox_list{display:flex;flex-direction:column;gap:12px}\n.webstudio_checkbox_item{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:background 0.3s}\n.webstudio_checkbox_item:hover{background:#f9fafb}\n.webstudio_checkbox_item.active{background:#dbeafe}\n.webstudio_custom_checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s}\n.webstudio_checkbox_item.active .webstudio_custom_checkbox{background:#2563eb;border-color:#2563eb}\n.webstudio_checkbox_item.active .webstudio_custom_checkbox::after{content:'\u2713';color:white;font-size:12px;font-weight:bold}\n.webstudio_checkbox_label{flex:1;color:#374151}\n.webstudio_checkbox_count{color:#9ca3af;font-size:14px}\n\n\/* FILTER TYPE STYLES - NDRYSHUAR PLOT\u00cbSISHT *\/\n.webstudio_filtertype_list{display:flex;flex-direction:column;gap:10px}\n.webstudio_filtertype_item{display:flex;align-items:center;padding:10px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all 0.3s;background:#f9fafb}\n.webstudio_filtertype_item:hover{background:#e5f3ff;border-color:#3b82f6}\n.webstudio_filtertype_item.active{background:#dbeafe;border-color:#2563eb}\n.webstudio_filtertype_checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s;background:white}\n.webstudio_filtertype_item.active .webstudio_filtertype_checkbox{background:#2563eb;border-color:#2563eb}\n.webstudio_filtertype_item.active .webstudio_filtertype_checkbox::after{content:'\u2713';color:white;font-size:12px;font-weight:bold}\n.webstudio_filtertype_text{color:#374151;font-size:14px;font-weight:500}\n\n\/* FILTER ACTIONS - FIXED AT BOTTOM *\/\n.webstudio_filter_actions{padding:20px;border-top:1px solid #e5e7eb;display:flex;gap:10px;background:white;flex-shrink:0}\n.webstudio_apply_filters{flex:1;padding:14px;background:#2563eb;color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s}\n.webstudio_apply_filters:hover{background:#1d4ed8;transform:translateY(-1px)}\n.webstudio_clear_filters{flex:1;padding:14px;background:white;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s}\n.webstudio_clear_filters:hover{border-color:#9ca3af;color:#1f2937}\n\n\/* TOP BAR WITH SORT - UPDATED WITH FILTER BUTTON *\/\n.webstudio_shop_topbar{background:white;padding:20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;position:sticky;top:0;z-index:100}\n.webstudio_topbar_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}\n.webstudio_results_info{display:flex;align-items:center;gap:20px}\n.webstudio_results_count{color:#6b7280;font-size:14px}\n\n\/* NEW INTEGRATED FILTER BUTTON IN HEADER - UPDATED WITH TEXT AND ICON *\/\n.webstudio_header_filter_btn{padding:8px 16px;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s;position:relative;font-size:14px;font-weight:500;color:#374151}\n.webstudio_header_filter_btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}\n.webstudio_header_filter_btn.active{background:#2563eb;border-color:#2563eb;color:white}\n.webstudio_header_filter_btn.has-filters::after{content:'';position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid white}\n\n\/* Filter icon SVG styling *\/\n.webstudio_filter_icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}\n.webstudio_filter_btn_text{display:inline-block}\n\n.webstudio_view_switcher{display:flex;gap:8px}\n.webstudio_view_btn{width:40px;height:40px;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}\n.webstudio_view_btn:hover{border-color:#9ca3af}\n.webstudio_view_btn.active{background:#1f2937;border-color:#1f2937;color:white}\n\n\/* Controls group for filter, view, and results *\/\n.webstudio_controls_group{display:flex;align-items:center;gap:12px}\n\n.webstudio_sort_controls{display:flex;align-items:center;gap:15px}\n.webstudio_sort_label{font-weight:500;color:#374151;font-size:14px}\n.webstudio_sort_select{padding:10px 15px;border:2px solid #e5e7eb;border-radius:8px;background:white;cursor:pointer;font-size:14px;min-width:180px;transition:all 0.3s}\n.webstudio_sort_select:hover{border-color:#9ca3af}\n.webstudio_sort_select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}\n\n\/* MAIN LAYOUT WITH SIDEBAR SPACE *\/\n.webstudio_shop_layout{display:flex;gap:30px;position:relative}\n.webstudio_shop_main{flex:1;padding-left:0;transition:padding-left 0.4s}\n.webstudio_shop_layout.filters-open .webstudio_shop_main{padding-left:350px}\n\n\/* PRODUCTS SECTION *\/\n.webstudio_albaniavSHOP_products_section{padding: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\/* HEQJA E LIST VIEW - GJITHMON\u00cb GRID *\/\n.webstudio_albaniavSHOP_products_grid.list-view{\n    display:grid !important;\n    grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;\n    gap:2rem !important;\n}\n\n\/* =============================================== *\/\n\/* NDRYSHIMI KRYESOR - FULL IMAGE CARD DESIGN     *\/\n\/* EXACT COPY FROM CAROUSEL.PHP                   *\/\n\/* =============================================== *\/\n.webstudio_albaniavSHOP_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; \/* SHTUAR: Fixed height si n\u00eb carousel *\/\n}\n\n.webstudio_albaniavSHOP_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_albaniavSHOP_product_image_container{\n    position:relative;\n    width:100%;\n    height:100%; \/* NDRYSHUAR: Full height *\/\n    overflow:hidden;\n}\n\n\/* PRODUCT IMAGE - FULL COVER *\/\n.webstudio_albaniavSHOP_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\/* Image height fix for products grid *\/\n#webstudio_productsGrid .webstudio_albaniavSHOP_product_card img{\n    height:100%;\n}\n.webstudio_albaniavSHOP_product_image.hover-image{\n    opacity:0;\n}\n\n.webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_image{\n    transform:scale(1.05);\n}\n\n.webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_image.main-image{\n    opacity:0;\n}\n\n.webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_image.hover-image{\n    opacity:1;\n}\n\n\/* BADGES *\/\n.webstudio_albaniavSHOP_product_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_albaniavSHOP_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 - EXACT FROM CAROUSEL *\/\n.webstudio_albaniavSHOP_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.7) 0%, rgba(0,0,0,0.3) 70%, transparent 100%);\n    transform:translateY(100%);\n    transition:transform 0.3s ease;\n    z-index:4;\n}\n\n\/* Desktop: Hover n\u00eb t\u00eb gjith\u00eb kart\u00ebn *\/\n@media (min-width:1025px){\n    .webstudio_albaniavSHOP_product_card:hover .webstudio_albaniavSHOP_product_info{\n        transform:translateY(0);\n    }\n}\n\n\/* Mobile\/Tablet: Shfaq me tap - RREGULLUAR *\/\n@media (max-width:1024px){\n    .webstudio_albaniavSHOP_product_card.tapped .webstudio_albaniavSHOP_product_info{\n        transform:translateY(0);\n    }\n}\n\n\n.webstudio_albaniavSHOP_product_title{\n    font-size:1.1rem;\n    font-weight:600;\n    margin-bottom:1rem;\n    color:#ffffff; \/* NDRYSHUAR: White color for overlay *\/\n}\n\n\/* ACTION BUTTONS - EXACT FROM CAROUSEL *\/\n.webstudio_albaniavSHOP_product_actions{\n    display:flex;\n    gap:0.5rem;\n}\n\n.webstudio_albaniavSHOP_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_albaniavSHOP_btn_primary{\n    background:rgba(255,255,255,0.9);\n    color:#1f2937;\n}\n\n.webstudio_albaniavSHOP_btn_primary:hover{\n    background:#ffffff;\n    transform:translateY(-1px);\n}\n\n.webstudio_albaniavSHOP_btn_secondary{\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_albaniavSHOP_btn_secondary:hover{\n    background:rgba(255,255,255,0.3);\n}\n\n\/* HEQJA E LIST VIEW STYLES - MBETET GJITHMON\u00cb CARD DESIGN *\/\n.webstudio_albaniavSHOP_product_card.list-view{\n    display:block !important;\n    height:400px !important;\n}\n\n.webstudio_albaniavSHOP_product_card.list-view .webstudio_albaniavSHOP_product_image_container{\n    height:100% !important;\n}\n\n.webstudio_albaniavSHOP_product_card.list-view .webstudio_albaniavSHOP_product_info{\n    position:absolute !important;\n    bottom:0 !important;\n    transform:translateY(100%) !important;\n    background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, transparent 100%) !important;\n    padding:1.5rem !important;\n}\n\n.webstudio_albaniavSHOP_product_card.list-view:hover .webstudio_albaniavSHOP_product_info,\n.webstudio_albaniavSHOP_product_card.list-view.tapped .webstudio_albaniavSHOP_product_info{\n    transform:translateY(0) !important;\n}\n\n.webstudio_albaniavSHOP_product_card.list-view .webstudio_albaniavSHOP_product_title{\n    color:#ffffff !important;\n}\n\n\/* =============================================== *\/\n\/* END OF CARD DESIGN CHANGES                     *\/\n\/* =============================================== *\/\n\n\/* ACTIVE FILTERS PILLS *\/\n.webstudio_active_filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;background:white;border-radius:8px}\n.webstudio_filter_pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:14px;color:#1e40af}\n.webstudio_filter_pill_remove{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;font-weight:bold;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s}\n.webstudio_filter_pill_remove:hover{background:#dbeafe}\n\n\/* PAGINATION *\/\n.webstudio_pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px}\n.webstudio_page_btn{min-width:40px;height:40px;border:2px solid #e5e7eb;background:white;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.3s;display:flex;align-items:center;justify-content:center}\n.webstudio_page_btn:hover{border-color:#9ca3af;background:#f9fafb}\n.webstudio_page_btn.active{background:#2563eb;border-color:#2563eb;color:white}\n.webstudio_page_btn:disabled{opacity:0.5;cursor:not-allowed}\n\n\/* FIXED Modal Styles - Full Screen Proper Display *\/\n.webstudio_albaniavSHOP_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;height:100dvh;background:rgba(0,0,0,0.8);z-index:10000;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;max-height:90dvh;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}\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;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}\n.webstudio_albaniavSHOP_modal_gallery{display:flex;flex-direction:column;gap:1rem;position:relative}\n\n\/* SLIDER for modal (borrowed from product page animations) *\/\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@keyframes slideInLeft{from{opacity:0;transform:translateX(-100%) scale(0.8)}to{opacity:1;transform:translateX(0) scale(1)}}\n@keyframes slideInRight{from{opacity:0;transform:translateX(100%) scale(0.8)}to{opacity:1;transform:translateX(0) scale(1)}}\n@keyframes slideOutLeft{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100%) scale(0.8)}}\n@keyframes slideOutRight{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(0.8)}}\n.webstudio_albaniavSHOP_slide.slide-in-left{animation:slideInLeft .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_albaniavSHOP_slide.slide-in-right{animation:slideInRight .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_albaniavSHOP_slide.slide-out-left{animation:slideOutLeft .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\n.webstudio_albaniavSHOP_slide.slide-out-right{animation:slideOutRight .5s cubic-bezier(0.25,0.46,0.45,0.94) forwards}\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\n\/* NDRYSHIMET E REJA - Desktop *\/\n#webstudio_modalMainImage{ width:100%; height:500px; }\n#webstudio_quickViewModal .webstudio_albaniavSHOP_modal_body{ padding-left:7px; padding-right:7px; }\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\/* Color Options in Modal *\/\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\/* MODAL BUTTONS STYLES FOR QUICK VIEW *\/\n.webstudio_albaniavSHOP_modal_info .webstudio_albaniavSHOP_btn_primary{\n    background:#4b5563;\n    color:white;\n    flex:1;\n}\n\n.webstudio_albaniavSHOP_modal_info .webstudio_albaniavSHOP_btn_primary:hover{\n    background:#374151;\n    transform:translateY(-1px);\n}\n\n.webstudio_albaniavSHOP_modal_info .webstudio_albaniavSHOP_btn_secondary{\n    background:#f3f4f6;\n    color:#374151;\n    flex:1;\n}\n\n.webstudio_albaniavSHOP_modal_info .webstudio_albaniavSHOP_btn_secondary:hover{\n    background:#e5e7eb;\n}\n\n.webstudio_albaniavSHOP_btn_tertiary{\n    background:#10b981;\n    color:white;\n    flex:1;\n    margin-top:0.5rem;\n}\n\n.webstudio_albaniavSHOP_btn_tertiary:hover{\n    background:#059669;\n    transform:translateY(-1px);\n}\n\n\/* MODAL PRICE STYLES *\/\n.webstudio_albaniavSHOP_product_price{\n    display:flex;\n    align-items:center;\n    gap:0.5rem;\n    margin-bottom:1rem;\n}\n\n.webstudio_albaniavSHOP_new_price{\n    font-size:1.25rem;\n    font-weight:bold;\n    color:#ef4444;\n}\n\n.webstudio_albaniavSHOP_old_price{\n    text-decoration:line-through;\n    color:#6b7280;\n}\n\n.webstudio_albaniavSHOP_discount{\n    background:#fee2e2;\n    color:#dc2626;\n    padding:4px 12px;\n    border-radius:6px;\n    font-weight:600;\n    font-size:14px;\n}\n\n\/* CART SIDEBAR *\/\n.webstudio_albaniavSHOP_cart_sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;height:100dvh;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_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:10002;transform:translateX(400px);transition:transform 0.3s ease}\n.webstudio_albaniavSHOP_notification.show{transform:translateX(0)}\n\n\/* =============================================== *\/\n\/* MOBILE & TABLET - RUAJTJA E DESKTOP DESIGN     *\/\n\/* P\u00cbRDIT\u00cbSUAR ME 1 KART\u00cb N\u00cb RRESHT N\u00cb MOBILE    *\/\n\/* =============================================== *\/\n@media (max-width:768px){\n    \/* Mobile specific header layout *\/\n    .webstudio_topbar_content{flex-direction:column;align-items:stretch;gap:12px}\n    .webstudio_results_info{justify-content:space-between;order:2}\n    .webstudio_controls_group{order:1;justify-content:space-between}\n    .webstudio_header_filter_btn{padding:10px 14px}\n    .webstudio_filter_icon{width:20px;height:20px}\n    .webstudio_sort_controls{width:100%;order:3}\n    .webstudio_sort_select{width:100%}\n    \n    \/* FSHEHJA E VIEW SWITCHER - NUK DUHET M\u00cb *\/\n    .webstudio_view_switcher{display:none!important}\n    \n    \/* Filter sidebar mobile adjustments *\/\n    .webstudio_filter_sidebar{width:100%;max-width:100%}\n    \n    \/* MOBILE CARD ADJUSTMENTS - P\u00cbRDIT\u00cbSUAR P\u00cbR 1 KART\u00cb N\u00cb RRESHT *\/\n    .webstudio_albaniavSHOP_products_grid{\n        grid-template-columns:1fr !important; \/* 1 column mobile - NDRYSHIMI KRYESOR *\/\n        gap:1.5rem !important;\n    }\n    \n    .webstudio_albaniavSHOP_product_card{\n        height:500px !important; \/* Same height as desktop - NDRYSHIMI I DYT\u00cb *\/\n    }\n    \n    .webstudio_albaniavSHOP_product_info{\n        padding:1.5rem !important; \/* Maintain desktop padding *\/\n    }\n    \n    .webstudio_albaniavSHOP_product_title{\n        font-size:1.1rem !important; \/* Maintain desktop font size *\/\n    }\n    \n    .webstudio_albaniavSHOP_btn{\n        padding:0.6rem 1rem !important; \/* Maintain desktop button padding *\/\n        font-size:0.85rem !important; \/* Maintain desktop font size *\/\n    }\n    \n    \/* FIXED Modal adjustments for FULL SCREEN *\/\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;padding-left:0!important;padding-right: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\n    .webstudio_albaniavSHOP_modal_close{position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:white;z-index:10001;width:45px;height:45px}\n\n    .webstudio_albaniavSHOP_modal_gallery,\n    #webstudio_quickViewModal .webstudio_albaniavSHOP_modal_body .webstudio_albaniavSHOP_modal_gallery{position:relative;width:100%;height:600px !important;min-height:600px;padding:0;margin:0;overflow:hidden}\n\n    .webstudio_modal_slider{height:600px;border-radius:0}\n\n    .webstudio_albaniavSHOP_modal_info{padding:15px;margin:0}\n\n    .webstudio_albaniavSHOP_image_nav{display:none!important}\n    .webstudio_albaniavSHOP_image_dots{display:flex;bottom:82px}\n\n    \/* SHOW THUMBS on mobile as overlay bar *\/\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\n    .webstudio_albaniavSHOP_modal_actions{padding-bottom:15px}\n    .webstudio_albaniavSHOP_modal_actions_row{flex-direction:column}\n    .webstudio_albaniavSHOP_btn{width:100%;white-space:nowrap;overflow:visible;text-overflow:initial}\n    .webstudio_albaniavSHOP_container{padding:0 10px} \/* Maintain some padding on container *\/\n    .webstudio_albaniavSHOP_floating_cart{bottom:20px;right:20px;width:50px;height:50px}\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\/* TABLET ADJUSTMENTS - RUAJTJA E DESKTOP DESIGN ME 2 KARTA N\u00cb RRESHT *\/\n@media (min-width:769px) and (max-width:1024px){\n    \/* Tablet specific header layout *\/\n    .webstudio_topbar_content{flex-direction:row;flex-wrap:wrap}\n    .webstudio_results_info{width:100%;margin-bottom:10px}\n    .webstudio_controls_group{flex:1}\n    .webstudio_sort_controls{flex:2}\n    .webstudio_header_filter_btn{padding:10px 16px}\n    \n    \/* FSHEHJA E VIEW SWITCHER - NUK DUHET M\u00cb *\/\n    .webstudio_view_switcher{display:none!important}\n    \n    \/* Filter sidebar tablet adjustments *\/\n    .webstudio_filter_sidebar{width:320px}\n    \n    \/* TABLET CARD ADJUSTMENTS - 2 KARTA N\u00cb RRESHT *\/\n    .webstudio_albaniavSHOP_products_grid{\n        grid-template-columns:repeat(2, 1fr) !important; \/* 2 columns tablet *\/\n        gap:1.5rem !important;\n    }\n    \n    .webstudio_albaniavSHOP_product_card{\n        height:400px !important; \/* Same height as desktop *\/\n    }\n    \n    \/* FIXED Tablet Modal for FULL SCREEN *\/\n    .webstudio_albaniavSHOP_modal_content{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}\n    .webstudio_albaniavSHOP_modal{height:100vh;height:100dvh}\n    .webstudio_albaniavSHOP_modal_body{\n        display:flex;flex-direction:column;gap:0;padding:0 !important;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch\n    }\n    .webstudio_albaniavSHOP_modal_close{position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:white;z-index:10001}\n    \n    \/* Tablet: keep thumbs visible below image area *\/\n    #webstudio_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_albaniavSHOP_image_dots{display:flex;bottom:90px}\n    .webstudio_shop_layout.filters-open .webstudio_shop_main{padding-left:0}\n}\n\n\/* Desktop specific adjustments - FILTER BUTTON ALWAYS VISIBLE *\/\n@media (min-width:1025px){\n    .webstudio_header_filter_btn{display:flex}\n    .webstudio_controls_group{gap:15px}\n}\n\n@media (min-width:769px) and (max-width:1024px) and (orientation:landscape){\n    .webstudio_albaniavSHOP_modal_gallery{height:500px!important}\n    .webstudio_modal_slider{height:500px}\n}\n\n@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){\n    .webstudio_albaniavSHOP_modal_gallery{height:650px!important}\n    .webstudio_modal_slider{height:650px}\n}\n\n\/* HIDE SCROLLBAR ON TABLET TOO AND AVOID RIGHT GAP *\/\n@media (max-width:1024px){\n    .webstudio_albaniavSHOP_modal_body{scrollbar-width:none;-ms-overflow-style:none}\n    .webstudio_albaniavSHOP_modal_body::-webkit-scrollbar{width:0;height:0;display:none}\n    .webstudio_albaniavSHOP_cart_footer{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px)}\n}\n<\/style>\n\n<div class=\"webstudio_albaniavSHOP\">\n    <!-- FLOATING BUTTONS -->\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    <!-- FILTER SIDEBAR -->\n    <div class=\"webstudio_filter_overlay\" onclick=\"webstudio_toggleFilters()\"><\/div>\n    <div class=\"webstudio_filter_sidebar\" id=\"webstudio_filterSidebar\">\n        <div class=\"webstudio_filter_header\">\n            <h3 class=\"webstudio_filter_title\">Filters<\/h3>\n            <button class=\"webstudio_filter_close\" onclick=\"webstudio_toggleFilters()\">\u00d7<\/button>\n        <\/div>\n        \n        <div class=\"webstudio_filter_content\">\n            <!-- CATEGORIES - DYNAMIC FROM WORDPRESS -->\n            <div class=\"webstudio_filter_section\">\n                <div class=\"webstudio_filter_label\">Categories<\/div>\n                <div class=\"webstudio_checkbox_list\">\n                                        <div class=\"webstudio_checkbox_item\" onclick=\"webstudio_toggleCheckbox(this,'clothing')\" data-category=\"clothing\">\n                        <div class=\"webstudio_custom_checkbox\"><\/div>\n                        <span class=\"webstudio_checkbox_label\">clothing<\/span>\n                        <span class=\"webstudio_checkbox_count\">(4)<\/span>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n            <!-- PRICE RANGE -->\n            <div class=\"webstudio_filter_section\">\n                <div class=\"webstudio_filter_label\">Price Range<\/div>\n                <div class=\"webstudio_price_slider\">\n                    <div class=\"webstudio_price_range\">\n                        <div class=\"webstudio_price_track\" id=\"webstudio_priceTrack\"><\/div>\n                        <div class=\"webstudio_price_thumb\" id=\"webstudio_minThumb\" style=\"left:0%\"><\/div>\n                        <div class=\"webstudio_price_thumb\" id=\"webstudio_maxThumb\" style=\"left:100%\"><\/div>\n                    <\/div>\n                    <div class=\"webstudio_price_inputs\">\n                        <div class=\"webstudio_price_input_group\">\n                            <span class=\"webstudio_price_currency\">\u20ac<\/span>\n                            <input type=\"number\" class=\"webstudio_price_input\" id=\"webstudio_minPrice\" value=\"0\" min=\"0\" max=\"1000\">\n                        <\/div>\n                        <div class=\"webstudio_price_input_group\">\n                            <span class=\"webstudio_price_currency\">\u20ac<\/span>\n                            <input type=\"number\" class=\"webstudio_price_input\" id=\"webstudio_maxPrice\" value=\"1000\" min=\"0\" max=\"1000\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- COLORS - DYNAMIC FROM WORDPRESS -->\n            <div class=\"webstudio_filter_section\">\n                <div class=\"webstudio_filter_label\">Colors<\/div>\n                <div class=\"webstudio_color_grid\">\n                                        <div class=\"webstudio_color_option\" \n                         style=\"background:#000000\" \n                         onclick=\"webstudio_toggleColor(this,'black')\" \n                         data-color=\"black\"\n                         title=\"Black\"><\/div>\n                                        <div class=\"webstudio_color_option\" \n                         style=\"background:#ef4444\" \n                         onclick=\"webstudio_toggleColor(this,'red')\" \n                         data-color=\"red\"\n                         title=\"Red\"><\/div>\n                                        <div class=\"webstudio_color_option\" \n                         style=\"background:#ffffff;border:2px solid #e5e7eb\" \n                         onclick=\"webstudio_toggleColor(this,'white')\" \n                         data-color=\"white\"\n                         title=\"White\"><\/div>\n                                    <\/div>\n            <\/div>\n\n            <!-- SIZES - DYNAMIC FROM WORDPRESS -->\n            <div class=\"webstudio_filter_section\">\n                <div class=\"webstudio_filter_label\">Sizes<\/div>\n                <div class=\"webstudio_size_grid\">\n                                        <button class=\"webstudio_size_option\" onclick=\"webstudio_toggleSize(this,'l')\" data-size=\"l\">L<\/button>\n                                        <button class=\"webstudio_size_option\" onclick=\"webstudio_toggleSize(this,'m')\" data-size=\"m\">M<\/button>\n                                        <button class=\"webstudio_size_option\" onclick=\"webstudio_toggleSize(this,'s')\" data-size=\"s\">S<\/button>\n                                        <button class=\"webstudio_size_option\" onclick=\"webstudio_toggleSize(this,'xs')\" data-size=\"xs\">XS<\/button>\n                                    <\/div>\n            <\/div>\n\n            <!-- FILTER TYPE - Z\u00cbVEND\u00cbSON RATING -->\n            <div class=\"webstudio_filter_section\">\n                <div class=\"webstudio_filter_label\">Filter Type<\/div>\n                <div class=\"webstudio_filtertype_list\">\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'best-sellers')\" data-filter-type=\"best-sellers\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Best Sellers<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'best-value')\" data-filter-type=\"best-value\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Best Value<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'clearance')\" data-filter-type=\"clearance\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Clearance<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'featured')\" data-filter-type=\"featured\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Featured<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'latest')\" data-filter-type=\"latest\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Latest<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'limited-edition')\" data-filter-type=\"limited-edition\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Limited Edition<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'most-sold')\" data-filter-type=\"most-sold\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Most Sold<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'new-arrival')\" data-filter-type=\"new-arrival\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">New Arrival<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'premium')\" data-filter-type=\"premium\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Premium<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'sale')\" data-filter-type=\"sale\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Sale<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'top-rated')\" data-filter-type=\"top-rated\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Top Rated<\/span>\n                    <\/div>\n                                        <div class=\"webstudio_filtertype_item\" onclick=\"webstudio_toggleFilterType(this,'trending')\" data-filter-type=\"trending\">\n                        <div class=\"webstudio_filtertype_checkbox\"><\/div>\n                        <span class=\"webstudio_filtertype_text\">Trending<\/span>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"webstudio_filter_actions\">\n            <button class=\"webstudio_apply_filters\" onclick=\"webstudio_applyFilters()\">Apply Filters<\/button>\n            <button class=\"webstudio_clear_filters\" onclick=\"webstudio_clearAllFilters()\">Clear All<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN CONTENT -->\n    <main id=\"webstudio_mainContent\">\n        <!-- TOP BAR WITH INTEGRATED FILTER BUTTON -->\n        <div class=\"webstudio_shop_topbar\">\n            <div class=\"webstudio_albaniavSHOP_container\">\n                <div class=\"webstudio_topbar_content\">\n                    <div class=\"webstudio_results_info\">\n                        <span class=\"webstudio_results_count\">Showing <strong id=\"webstudio_resultsCount\">0<\/strong> products<\/span>\n                        <div class=\"webstudio_controls_group\">\n                            <!-- FILTER BUTTON - INTEGRATED IN HEADER WITH TEXT AND ICON -->\n                            <button class=\"webstudio_header_filter_btn\" id=\"webstudio_headerFilterBtn\" onclick=\"webstudio_toggleFilters()\" title=\"Filter Products\">\n                                <span class=\"webstudio_filter_btn_text\">Filters<\/span>\n                                <svg class=\"webstudio_filter_icon\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M3 4h18v2H3V4zm3 7h12v2H6v-2zm3 7h6v2H9v-2z\"\/>\n                                <\/svg>\n                            <\/button>\n                            <div class=\"webstudio_view_switcher\">\n                                <button class=\"webstudio_view_btn active\" onclick=\"webstudio_setView('grid',this)\" title=\"Grid View\">\n                                    <svg width=\"18\" height=\"18\" fill=\"currentColor\"><rect x=\"0\" y=\"0\" width=\"7\" height=\"7\"\/><rect x=\"11\" y=\"0\" width=\"7\" height=\"7\"\/><rect x=\"0\" y=\"11\" width=\"7\" height=\"7\"\/><rect x=\"11\" y=\"11\" width=\"7\" height=\"7\"\/><\/svg>\n                                <\/button>\n                                <button class=\"webstudio_view_btn\" onclick=\"webstudio_setView('list',this)\" title=\"List View\">\n                                    <svg width=\"18\" height=\"18\" fill=\"currentColor\"><rect x=\"0\" y=\"0\" width=\"18\" height=\"3\"\/><rect x=\"0\" y=\"7\" width=\"18\" height=\"3\"\/><rect x=\"0\" y=\"14\" width=\"18\" height=\"3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"webstudio_sort_controls\">\n                        <label class=\"webstudio_sort_label\">Sort by:<\/label>\n                        <select class=\"webstudio_sort_select\" id=\"webstudio_sortSelect\" onchange=\"webstudio_sortProducts()\">\n                            <option value=\"featured\">Featured<\/option>\n                            <option value=\"price-low\">Price: Low to High<\/option>\n                            <option value=\"price-high\">Price: High to Low<\/option>\n                            <option value=\"name-az\">Name: A to Z<\/option>\n                            <option value=\"name-za\">Name: Z to A<\/option>\n                            <option value=\"newest\">Newest First<\/option>\n                            <option value=\"discount\">Biggest Discount<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ACTIVE FILTERS -->\n        <div class=\"webstudio_albaniavSHOP_container\">\n            <div class=\"webstudio_active_filters\" id=\"webstudio_activeFilters\" style=\"display:none\"><\/div>\n        <\/div>\n\n        <!-- PRODUCTS SECTION -->\n        <section class=\"webstudio_albaniavSHOP_products_section\">\n            <div class=\"webstudio_albaniavSHOP_container\">\n                <div class=\"webstudio_shop_layout\">\n                    <div class=\"webstudio_shop_main\">\n                        <div class=\"webstudio_albaniavSHOP_products_grid\" id=\"webstudio_productsGrid\"><\/div>\n                        <div class=\"webstudio_pagination\" id=\"webstudio_pagination\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- QUICK VIEW MODAL (EXACT FROM INDEX.HTML) -->\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                    <!-- Slider container (animated) -->\n                    <div class=\"webstudio_modal_slider\" id=\"webstudio_modalSlider\"><\/div>\n                    \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\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                    \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                    \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                    \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                    \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    <!-- CART SIDEBAR -->\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\/\/ FULL SHOP FUNCTIONALITY WITH FILTERS AND WORDPRESS INTEGRATION\n\/\/ P\u00cbRDIT\u00cbSUAR P\u00cbR T\u00cb HEQUR LIST VIEW DHE RUAJTUR GJITHMON\u00cb DESKTOP DESIGN\nlet webstudio_products = [];\nlet webstudio_cart=[],webstudio_currentProduct=null,webstudio_currentImageIndex=0,webstudio_selectedColor='',webstudio_selectedSize='',webstudio_currentView='grid',webstudio_filteredProducts=[],webstudio_currentPage=1,webstudio_productsPerPage=12;\n\n\/\/ NDRYSHUAR: Shtuar search n\u00eb activeFilters\nlet webstudio_activeFilters={categories:[],colors:[],sizes:[],minPrice:0,maxPrice:1000,filterTypes:[],search:''};\n\nlet webstudio_touchStartX=0,webstudio_touchEndX=0;\nlet webstudio_scrollPosition = 0;\n\nlet webstudio_isAnimating=false;\n\n\/\/ WordPress URLs\nconst checkoutUrl = 'https:\/\/maisonsavale.al\/sq\/checkout\/';\nconst productBaseUrl = 'https:\/\/maisonsavale.al\/sq\/product\/';\nconst shopUrl = 'https:\/\/maisonsavale.al\/sq\/shop\/';\nconst whatsappNumber = '+355684428131';\nconst currencySymbol = '\u20ac';\n\n\/\/ SHTUAR: Parse URL parameters on page load\nfunction webstudio_parseURLFilters() {\n    const urlParams = new URLSearchParams(window.location.search);\n    \n    \/\/ Check for filter_type parameter (best-seller, new-arrival, etc)\n    if(urlParams.has('filter_type')) {\n        const filterType = urlParams.get('filter_type');\n        webstudio_activeFilters.filterTypes = [filterType];\n        \/\/ Activate visual state\n        setTimeout(() => {\n            const filterElem = document.querySelector(`[data-filter-type=\"${filterType}\"]`);\n            if(filterElem) filterElem.classList.add('active');\n        }, 100);\n    }\n    \n    \/\/ Check for category parameter\n    if(urlParams.has('category')) {\n        const category = urlParams.get('category');\n        webstudio_activeFilters.categories = [category];\n        setTimeout(() => {\n            const catElem = document.querySelector(`[data-category=\"${category}\"]`);\n            if(catElem) catElem.classList.add('active');\n        }, 100);\n    }\n    \n    \/\/ Check for color parameter\n    if(urlParams.has('color')) {\n        const color = urlParams.get('color');\n        webstudio_activeFilters.colors = [color];\n        setTimeout(() => {\n            const colorElem = document.querySelector(`[data-color=\"${color}\"]`);\n            if(colorElem) colorElem.classList.add('selected');\n        }, 100);\n    }\n    \n    \/\/ Check for size parameter\n    if(urlParams.has('size')) {\n        const size = urlParams.get('size');\n        webstudio_activeFilters.sizes = [size];\n        setTimeout(() => {\n            const sizeElem = document.querySelector(`[data-size=\"${size}\"]`);\n            if(sizeElem) sizeElem.classList.add('selected');\n        }, 100);\n    }\n    \n    \/\/ Check for price range\n    if(urlParams.has('min_price')) {\n        webstudio_activeFilters.minPrice = parseInt(urlParams.get('min_price'));\n        setTimeout(() => {\n            document.getElementById('webstudio_minPrice').value = webstudio_activeFilters.minPrice;\n        }, 100);\n    }\n    if(urlParams.has('max_price')) {\n        webstudio_activeFilters.maxPrice = parseInt(urlParams.get('max_price'));\n        setTimeout(() => {\n            document.getElementById('webstudio_maxPrice').value = webstudio_activeFilters.maxPrice;\n        }, 100);\n    }\n    \n    \/\/ Check for search parameter\n    if(urlParams.has('search')) {\n        webstudio_activeFilters.search = urlParams.get('search');\n    }\n    \n    \/\/ Check for sort parameter\n    if(urlParams.has('sort')) {\n        setTimeout(() => {\n            const sortSelect = document.getElementById('webstudio_sortSelect');\n            if(sortSelect) sortSelect.value = urlParams.get('sort');\n        }, 100);\n    }\n}\n\n\n\/\/ Load products from WordPress via AJAX\nfunction webstudio_loadProductsFromWordPress() {\n    \/\/ Build parameters for AJAX\n    const params = new URLSearchParams();\n    \n    \/\/ RREGULLUAR: Add filter parameters p\u00ebr t\u00eb punuar me backend\n    if (webstudio_activeFilters.categories.length > 0) {\n        params.append('categories', webstudio_activeFilters.categories.join(','));\n    }\n    if (webstudio_activeFilters.colors.length > 0) {\n        params.append('colors', webstudio_activeFilters.colors.join(','));\n    }\n    if (webstudio_activeFilters.sizes.length > 0) {\n        params.append('sizes', webstudio_activeFilters.sizes.join(','));\n    }\n    if (webstudio_activeFilters.filterTypes.length > 0) {\n        params.append('filter_types', webstudio_activeFilters.filterTypes.join(','));\n    }\n    if (webstudio_activeFilters.minPrice) {\n        params.append('min_price', webstudio_activeFilters.minPrice);\n    }\n    if (webstudio_activeFilters.maxPrice) {\n        params.append('max_price', webstudio_activeFilters.maxPrice);\n    }\n    if (webstudio_activeFilters.search) {\n        params.append('search', webstudio_activeFilters.search);\n    }\n    \n    \/\/ Get sort value\n    const sortBy = document.getElementById('webstudio_sortSelect') ? document.getElementById('webstudio_sortSelect').value : 'featured';\n    params.append('sort_by', sortBy);\n    params.append('action', 'swa_get_products');\n    \n    jQuery.ajax({\n        url: 'https:\/\/maisonsavale.al\/wp-admin\/admin-ajax.php?' + params.toString(),\n        type: 'GET',\n        success: function(response) {\n            if (response.success) {\n                webstudio_products = response.data;\n                webstudio_filteredProducts = [...webstudio_products];\n                webstudio_loadProducts();\n                webstudio_renderPagination();\n                webstudio_updateFilterButtonState();\n                document.getElementById('webstudio_resultsCount').textContent = webstudio_products.length;\n            }\n        },\n        error: function() {\n            console.error('Failed to load products');\n        }\n    });\n}\n\n\n\/\/ ===============================================\n\/\/ SHTUAR: Mobile\/Tablet tap handler function\nfunction webstudio_setupMobileTapHandlers() {\n    \/\/ Event listener p\u00ebr mobile\/tablet\n    document.addEventListener('click', function(e) {\n        const imageContainer = e.target.closest('.webstudio_albaniavSHOP_product_image_container');\n        const card = e.target.closest('.webstudio_albaniavSHOP_product_card');\n        const isButton = e.target.closest('.webstudio_albaniavSHOP_btn');\n        \n        \/\/ Kontrollo n\u00ebse \u00ebsht\u00eb klikuar n\u00eb imazh dhe jo n\u00eb buton\n        if (imageContainer && card && !isButton) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            \/\/ P\u00ebr mobile\/tablet p\u00ebrdor 'tapped' class\n            if(window.innerWidth <= 1024){\n                \/\/ Remove tapped class nga t\u00eb gjitha kartat e tjera\n                document.querySelectorAll('.webstudio_albaniavSHOP_product_card').forEach(c => {\n                    if (c !== card) c.classList.remove('tapped');\n                });\n                \n                \/\/ Toggle tapped class n\u00eb kart\u00ebn e klikuar\n                card.classList.toggle('tapped');\n            }\n        }\n    });\n    \n    \/\/ Mbyll overlay kur klikon jasht\u00eb\n    document.addEventListener('click', function(e) {\n        if (!e.target.closest('.webstudio_albaniavSHOP_product_card')) {\n            document.querySelectorAll('.webstudio_albaniavSHOP_product_card.tapped').forEach(card => {\n                card.classList.remove('tapped');\n            });\n        }\n    });\n}\n\n\n\ndocument.addEventListener('DOMContentLoaded',()=>{\n    \/\/ Load cart from localStorage\n    const savedCart = localStorage.getItem('webstudio_cart');\n    if(savedCart){ webstudio_cart = JSON.parse(savedCart); }\n    \n    \/\/ HEQUR: Nuk vendosim m\u00eb list view automatikisht\n    \/\/ webstudio_currentView mbetet gjithmon\u00eb 'grid'\n    \n    \/\/ SHTUAR: Setup mobile tap handlers\n    webstudio_setupMobileTapHandlers();\n    \n    \/\/ SHTUAR: Parse URL filters before loading products\n    webstudio_parseURLFilters();\n    \n    webstudio_loadProductsFromWordPress();\n    webstudio_updateCartCount();\n    webstudio_initPriceSlider();\n    \n    \/\/ SHTUAR: Update active filters display if any filters from URL\n    if(window.location.search) {\n        setTimeout(() => {\n            webstudio_updateActiveFiltersPills();\n            webstudio_updateFilterButtonState();\n        }, 500);\n    }\n});\n\n\n\/\/ FILTER FUNCTIONS\nfunction webstudio_toggleFilters(){\n    const sidebar=document.getElementById('webstudio_filterSidebar');\n    const overlay=document.querySelector('.webstudio_filter_overlay');\n    sidebar.classList.toggle('active');\n    overlay.classList.toggle('active');\n    \n    const filterBtn = document.getElementById('webstudio_headerFilterBtn');\n    if(filterBtn){\n        filterBtn.classList.toggle('active');\n    }\n}\n\nfunction webstudio_toggleCheckbox(item,value){\n    const checkbox=item.querySelector('.webstudio_custom_checkbox');\n    item.classList.toggle('active');\n    \n    if(item.classList.contains('active')){\n        if(!webstudio_activeFilters.categories.includes(value)){\n            webstudio_activeFilters.categories.push(value);\n        }\n    }else{\n        webstudio_activeFilters.categories=webstudio_activeFilters.categories.filter(c=>c!==value);\n    }\n}\n\nfunction webstudio_toggleColor(elem,color){\n    elem.classList.toggle('selected');\n    if(elem.classList.contains('selected')){\n        if(!webstudio_activeFilters.colors.includes(color)){\n            webstudio_activeFilters.colors.push(color);\n        }\n    }else{\n        webstudio_activeFilters.colors=webstudio_activeFilters.colors.filter(c=>c!==color);\n    }\n}\n\nfunction webstudio_toggleSize(elem,size){\n    elem.classList.toggle('selected');\n    if(elem.classList.contains('selected')){\n        if(!webstudio_activeFilters.sizes.includes(size)){\n            webstudio_activeFilters.sizes.push(size);\n        }\n    }else{\n        webstudio_activeFilters.sizes=webstudio_activeFilters.sizes.filter(s=>s!==size);\n    }\n}\n\n\/\/ FUNKSION I RI P\u00cbR FILTER TYPE\nfunction webstudio_toggleFilterType(elem,filterType){\n    \/\/ Toggle visual state\n    elem.classList.toggle('active');\n    \n    \/\/ Update filters array\n    if(elem.classList.contains('active')){\n        if(!webstudio_activeFilters.filterTypes.includes(filterType)){\n            webstudio_activeFilters.filterTypes.push(filterType);\n        }\n    }else{\n        webstudio_activeFilters.filterTypes=webstudio_activeFilters.filterTypes.filter(f=>f!==filterType);\n    }\n}\n\nfunction webstudio_initPriceSlider(){\n    const minThumb=document.getElementById('webstudio_minThumb');\n    const maxThumb=document.getElementById('webstudio_maxThumb');\n    const minPrice=document.getElementById('webstudio_minPrice');\n    const maxPrice=document.getElementById('webstudio_maxPrice');\n    const track=document.getElementById('webstudio_priceTrack');\n    \n    function updateSlider(){\n        const min=parseInt(minPrice.value);\n        const max=parseInt(maxPrice.value);\n        const minPercent=(min\/1000)*100;\n        const maxPercent=(max\/1000)*100;\n        \n        minThumb.style.left=minPercent+'%';\n        maxThumb.style.left=maxPercent+'%';\n        track.style.left=minPercent+'%';\n        track.style.right=(100-maxPercent)+'%';\n        \n        webstudio_activeFilters.minPrice=min;\n        webstudio_activeFilters.maxPrice=max;\n    }\n    \n    minPrice.addEventListener('input',updateSlider);\n    maxPrice.addEventListener('input',updateSlider);\n}\n\nfunction webstudio_updateFilterButtonState(){\n    const filterBtn = document.getElementById('webstudio_headerFilterBtn');\n    if(!filterBtn) return;\n    \n    const hasFilters = webstudio_activeFilters.categories.length > 0 ||\n                      webstudio_activeFilters.colors.length > 0 ||\n                      webstudio_activeFilters.sizes.length > 0 ||\n                      webstudio_activeFilters.minPrice > 0 ||\n                      webstudio_activeFilters.maxPrice < 1000 ||\n                      webstudio_activeFilters.filterTypes.length > 0 ||\n                      webstudio_activeFilters.search !== '';\n    \n    if(hasFilters){\n        filterBtn.classList.add('has-filters');\n    } else {\n        filterBtn.classList.remove('has-filters');\n    }\n}\n\n\/\/ RREGULLUAR: Updated applyFilters function\nfunction webstudio_applyFilters(){\n    \/\/ Update price values from inputs\n    webstudio_activeFilters.minPrice = document.getElementById('webstudio_minPrice').value;\n    webstudio_activeFilters.maxPrice = document.getElementById('webstudio_maxPrice').value;\n    \n    \/\/ Reload products with current filters from server\n    webstudio_loadProductsFromWordPress();\n    webstudio_updateActiveFiltersPills();\n    webstudio_toggleFilters();\n}\n\n\/\/ RREGULLUAR: Clear all filters function\nfunction webstudio_clearAllFilters(){\n    \/\/ Clear all active states\n    document.querySelectorAll('.active').forEach(el=>el.classList.remove('active'));\n    document.querySelectorAll('.selected').forEach(el=>el.classList.remove('selected'));\n    \n    \/\/ Clear input values\n    document.getElementById('webstudio_minPrice').value=0;\n    document.getElementById('webstudio_maxPrice').value=1000;\n    \n    \/\/ Reset filters object\n    webstudio_activeFilters={categories:[],colors:[],sizes:[],minPrice:0,maxPrice:1000,filterTypes:[],search:''};\n    \n    \/\/ Reload products\n    webstudio_loadProductsFromWordPress();\n    webstudio_updateActiveFiltersPills();\n    webstudio_updateFilterButtonState();\n}\n\nfunction webstudio_updateActiveFiltersPills(){\n    const container=document.getElementById('webstudio_activeFilters');\n    const pills=[];\n    \n    webstudio_activeFilters.categories.forEach(cat=>{\n        pills.push(`<span class=\"webstudio_filter_pill\">${cat}<button class=\"webstudio_filter_pill_remove\" onclick=\"webstudio_removeFilter('category','${cat}')\">\u00d7<\/button><\/span>`);\n    });\n    \n    webstudio_activeFilters.colors.forEach(color=>{\n        pills.push(`<span class=\"webstudio_filter_pill\">${color}<button class=\"webstudio_filter_pill_remove\" onclick=\"webstudio_removeFilter('color','${color}')\">\u00d7<\/button><\/span>`);\n    });\n    \n    webstudio_activeFilters.sizes.forEach(size=>{\n        pills.push(`<span class=\"webstudio_filter_pill\">Size: ${size}<button class=\"webstudio_filter_pill_remove\" onclick=\"webstudio_removeFilter('size','${size}')\">\u00d7<\/button><\/span>`);\n    });\n    \n    if(webstudio_activeFilters.minPrice>0 || webstudio_activeFilters.maxPrice<1000){\n        pills.push(`<span class=\"webstudio_filter_pill\">$${webstudio_activeFilters.minPrice}-$${webstudio_activeFilters.maxPrice}<button class=\"webstudio_filter_pill_remove\" onclick=\"webstudio_removeFilter('price','')\">\u00d7<\/button><\/span>`);\n    }\n    \n    \/\/ Filter types\n    webstudio_activeFilters.filterTypes.forEach(filterType=>{\n        \/\/ Convert slug back to readable format\n        const displayName = filterType.replace(\/-\/g, ' ').replace(\/\\b\\w\/g, l => l.toUpperCase());\n        pills.push(`<span class=\"webstudio_filter_pill\">${displayName}<button class=\"webstudio_filter_pill_remove\" onclick=\"webstudio_removeFilter('filtertype','${filterType}')\">\u00d7<\/button><\/span>`);\n    });\n    \n    container.innerHTML=pills.join('');\n    container.style.display=pills.length>0?'flex':'none';\n}\n\nfunction webstudio_removeFilter(type,value){\n    switch(type){\n        case 'category':\n            webstudio_activeFilters.categories=webstudio_activeFilters.categories.filter(c=>c!==value);\n            document.querySelectorAll(`[data-category=\"${value}\"]`).forEach(el=>el.classList.remove('active'));\n            break;\n        case 'color':\n            webstudio_activeFilters.colors=webstudio_activeFilters.colors.filter(c=>c!==value);\n            document.querySelectorAll(`[data-color=\"${value}\"]`).forEach(el=>el.classList.remove('selected'));\n            break;\n        case 'size':\n            webstudio_activeFilters.sizes=webstudio_activeFilters.sizes.filter(s=>s!==value);\n            document.querySelectorAll(`[data-size=\"${value}\"]`).forEach(el=>el.classList.remove('selected'));\n            break;\n        case 'price':\n            webstudio_activeFilters.minPrice=0;\n            webstudio_activeFilters.maxPrice=1000;\n            document.getElementById('webstudio_minPrice').value=0;\n            document.getElementById('webstudio_maxPrice').value=1000;\n            break;\n        case 'filtertype':\n            webstudio_activeFilters.filterTypes=webstudio_activeFilters.filterTypes.filter(f=>f!==value);\n            document.querySelectorAll(`[data-filter-type=\"${value}\"]`).forEach(el=>el.classList.remove('active'));\n            break;\n    }\n    webstudio_applyFilters();\n}\n\nfunction webstudio_sortProducts(){\n    \/\/ Just reload products with new sort order\n    webstudio_loadProductsFromWordPress();\n}\n\n\/\/ P\u00cbRDIT\u00cbSUAR: Hequr view switching - mbetet gjithmon\u00eb grid\nfunction webstudio_setView(view,btn){\n    \/\/ Do nothing - always stay in grid view\n    return;\n}\n\nfunction webstudio_renderPagination(){\n    const totalPages=Math.ceil(webstudio_filteredProducts.length\/webstudio_productsPerPage);\n    const pagination=document.getElementById('webstudio_pagination');\n    \n    if(totalPages<=1){\n        pagination.innerHTML='';\n        return;\n    }\n    \n    let pages='';\n    \n    pages+=`<button class=\"webstudio_page_btn\" onclick=\"webstudio_changePage(${webstudio_currentPage-1})\" ${webstudio_currentPage===1?'disabled':''}>&laquo;<\/button>`;\n    \n    for(let i=1;i<=totalPages;i++){\n        if(i===1 || i===totalPages || (i>=webstudio_currentPage-2 && i<=webstudio_currentPage+2)){\n            pages+=`<button class=\"webstudio_page_btn ${i===webstudio_currentPage?'active':''}\" onclick=\"webstudio_changePage(${i})\">${i}<\/button>`;\n        }else if(i===webstudio_currentPage-3 || i===webstudio_currentPage+3){\n            pages+=`<span style=\"padding:0 10px\">...<\/span>`;\n        }\n    }\n    \n    pages+=`<button class=\"webstudio_page_btn\" onclick=\"webstudio_changePage(${webstudio_currentPage+1})\" ${webstudio_currentPage===totalPages?'disabled':''}>&raquo;<\/button>`;\n    \n    pagination.innerHTML=pages;\n}\n\nfunction webstudio_changePage(page){\n    const totalPages=Math.ceil(webstudio_filteredProducts.length\/webstudio_productsPerPage);\n    if(page<1 || page>totalPages) return;\n    \n    webstudio_currentPage=page;\n    webstudio_loadProducts();\n    webstudio_renderPagination();\n    window.scrollTo({top:0,behavior:'smooth'});\n}\n\n\/\/ ===============================================\n\/\/ P\u00cbRDIT\u00cbSUAR: Product display function - HEQUR list view\n\/\/ ===============================================\nfunction webstudio_loadProducts(){\n    const grid=document.getElementById('webstudio_productsGrid');\n    const start=(webstudio_currentPage-1)*webstudio_productsPerPage;\n    const end=start+webstudio_productsPerPage;\n    const productsToShow=webstudio_filteredProducts.slice(start,end);\n    \n    \/\/ SHTUAR: Check if no products found\n    if(productsToShow.length === 0){\n        grid.innerHTML = `\n            <div style=\"grid-column: 1\/-1; text-align: center; padding: 60px 20px;\">\n                <div style=\"font-size: 80px; margin-bottom: 20px; opacity: 0.3;\">\ud83d\udd0d<\/div>\n                <h2 style=\"font-size: 28px; color: #1f2937; margin-bottom: 15px;\">No Products Found<\/h2>\n                <p style=\"color: #6b7280; font-size: 16px; margin-bottom: 30px;\">\n                    Sorry, we couldn't find any products matching your search criteria.\n                <\/p>\n                <button onclick=\"webstudio_clearAllFilters()\" style=\"\n                    padding: 12px 30px;\n                    background: #2563eb;\n                    color: white;\n                    border: none;\n                    border-radius: 8px;\n                    font-size: 16px;\n                    font-weight: 600;\n                    cursor: pointer;\n                    transition: all 0.3s;\n                \">Clear All Filters<\/button>\n            <\/div>\n        `;\n        document.getElementById('webstudio_pagination').innerHTML = '';\n        return;\n    }\n    \n    \/\/ P\u00cbRDIT\u00cbSUAR: HEQUR list-view class - mbetet gjithmon\u00eb card design\n    grid.innerHTML=productsToShow.map(product=>`\n        <div class=\"webstudio_albaniavSHOP_product_card\">\n\n            <div class=\"webstudio_albaniavSHOP_product_image_container\">\n                <img decoding=\"async\" src=\"${product.images[0]}\" alt=\"${product.title}\" class=\"webstudio_albaniavSHOP_product_image main-image\" loading=\"lazy\">\n                ${product.images[1]?`<img decoding=\"async\" src=\"${product.images[1]}\" alt=\"${product.title} hover\" class=\"webstudio_albaniavSHOP_product_image hover-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_info\">\n                <h3 class=\"webstudio_albaniavSHOP_product_title\">${product.title}<\/h3>\n                <div class=\"webstudio_albaniavSHOP_product_actions\">\n                    <button class=\"webstudio_albaniavSHOP_btn webstudio_albaniavSHOP_btn_secondary\" onclick=\"event.stopPropagation();webstudio_openQuickView('${product.id}')\">Quick View<\/button>\n                    <button class=\"webstudio_albaniavSHOP_btn webstudio_albaniavSHOP_btn_primary\" onclick=\"event.stopPropagation();webstudio_addToCart('${product.id}')\">Add to Cart<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    `).join('');\n    \n    document.getElementById('webstudio_resultsCount').textContent=webstudio_filteredProducts.length;\n}\n\n\/\/ NAVIGATION & MODAL FUNCTIONS\nfunction webstudio_goToProductDetails(detailsUrl){window.location.href=detailsUrl}\n\n\/\/ EXACT QUICK VIEW MODAL FUNCTION FROM INDEX.HTML\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\n    const product=webstudio_products.find(p=>p.id===productId);\n    if(!product)return;\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\/\/ SHTUAR: P\u00ebrshkrimi i shkurt\u00ebr\nconst shortDesc = product.description ? \n    (product.description.length > 150 ? \n     product.description.substring(0, 150).replace(\/<[^>]*>\/g, '') + '...' : \n     product.description.replace(\/<[^>]*>\/g, '')) : '';\ndocument.getElementById('webstudio_modalShortDesc').textContent = shortDesc;\ndocument.getElementById('webstudio_modalShortDesc').style.display = shortDesc ? 'block' : 'none';\n\n    document.getElementById('webstudio_modalNewPrice').textContent=`$${product.newPrice}`;\n    document.getElementById('webstudio_modalOldPrice').textContent=`$${product.oldPrice}`;\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\n    \/\/ Build animated slides\n    webstudio_buildSlides();\n\n    \/\/ Build thumbnails\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    \/\/ Dots for mobile\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    \/\/ reset classes\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_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_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_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_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\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_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    localStorage.removeItem('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\n\/\/ CART FUNCTIONS\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    \/\/ Save to localStorage\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.toFixed(2)} ${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\n\/\/ CHECKOUT FUNCTION - REDIRECT TO WORDPRESS CHECKOUT PAGE\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\n\/\/ EVENT LISTENERS\ndocument.getElementById('webstudio_quickViewModal').addEventListener('click',function(e){\n    if(e.target===this){webstudio_closeModal()}\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\n\/\/ P\u00cbRDIT\u00cbSUAR: Window resize handler\nwindow.addEventListener('resize',()=>{\n    webstudio_updateNavigationButtons();\n    \n    \/\/ Clear tapped state when resizing\n    document.querySelectorAll('.webstudio_albaniavSHOP_product_card.tapped').forEach(card => {\n        card.classList.remove('tapped');\n    });\n});\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages\/1323","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=1323"}],"version-history":[{"count":0,"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/pages\/1323\/revisions"}],"wp:attachment":[{"href":"https:\/\/maisonsavale.al\/sq\/wp-json\/wp\/v2\/media?parent=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}