{"id":259,"date":"2025-03-24T23:03:53","date_gmt":"2025-03-24T23:03:53","guid":{"rendered":"\/?page_id=8"},"modified":"2025-03-24T23:03:53","modified_gmt":"2025-03-24T23:03:53","slug":"hom","status":"publish","type":"page","link":"https:\/\/buyacc.net\/","title":{"rendered":"Hom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"259\" class=\"elementor elementor-259\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b249d6f elementor-section-height-full elementor-section-items-top elementor-section-boxed elementor-section-height-default\" data-id=\"b249d6f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-442dc85\" data-id=\"442dc85\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e8750d5 elementor-widget elementor-widget-shortcode\" data-id=\"e8750d5\" 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\"><style>\n    \/* Main container *\/\n    .macos-app-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n        gap: 30px;\n        margin: 30px auto;\n        padding: 20px;\n        width: 100%;\n        max-width: 1200px;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    \/* Quantity Selector Styles *\/\n    .macos-quantity-selector {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        margin: 25px 0;\n        width: 100%;\n    }\n\n    .macos-quantity-selector label {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 13px;\n        font-weight: 500;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n        margin-bottom: 4px;\n    }\n\n    .macos-quantity-controls {\n        display: flex;\n        align-items: center;\n        background: rgba(60, 60, 65, 0.5);\n        border-radius: 6px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        min-width: 120px;\n        justify-content: center;\n    }\n\n    .macos-quantity-btn {\n        background: none;\n        border: none;\n        color: white;\n        padding: 6px 12px;\n        cursor: pointer;\n        font-size: 15px;\n        transition: background-color 0.2s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 32px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-quantity-btn:hover {\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    .macos-quantity-input {\n        width: 40px;\n        text-align: center;\n        border: none;\n        background: none;\n        color: white;\n        font-size: 13px;\n        padding: 6px 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    \/* Floating Cart Styles *\/\n    .macos-floating-cart {\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        background: rgba(28, 28, 30, 0.95);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 12px;\n        border: 1px solid rgba(70, 70, 75, 0.5);\n        padding: 15px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        z-index: 10050;\n        min-width: 300px;\n        max-width: 400px;\n        transform: translateY(120%);\n        transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);\n    }\n\n    .macos-floating-cart.active {\n        transform: translateY(0);\n    }\n\n    .macos-cart-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 15px;\n        padding-bottom: 10px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .macos-cart-title {\n        color: white;\n        font-size: 16px;\n        font-weight: 500;\n        margin: 0;\n    }\n\n    .macos-cart-close {\n        background: none;\n        border: none;\n        color: rgba(255, 255, 255, 0.6);\n        cursor: pointer;\n        padding: 5px;\n    }\n\n    .macos-cart-items {\n        max-height: 300px;\n        overflow-y: auto;\n        margin-bottom: 15px;\n    }\n\n    .macos-cart-item {\n        display: flex;\n        align-items: center;\n        padding: 10px 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .macos-cart-item-image {\n        width: 40px;\n        height: 40px;\n        border-radius: 8px;\n        margin-right: 12px;\n    }\n\n    .macos-cart-item-details {\n        flex: 1;\n    }\n\n    .macos-cart-item-title {\n        color: white;\n        font-size: 14px;\n        margin: 0 0 4px;\n    }\n\n    .macos-cart-item-price {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 13px;\n    }\n\n    .macos-cart-item-quantity {\n        color: rgba(255, 255, 255, 0.6);\n        font-size: 12px;\n    }\n\n    .macos-cart-total {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-top: 15px;\n        padding-top: 15px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .macos-cart-total-text {\n        color: white;\n        font-size: 15px;\n        font-weight: 500;\n    }\n\n    .macos-cart-total-amount {\n        color: white;\n        font-size: 15px;\n        font-weight: 500;\n    }\n\n    .macos-cart-checkout {\n        background: #5a74b7;\n        color: white;\n        border: none;\n        padding: 12px;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        width: 100%;\n        cursor: pointer;\n        transition: all 0.2s;\n        margin-top: 10px;\n        display: block;\n    }\n\n    .macos-cart-checkout:hover {\n        background: #6984c7;\n        transform: scale(1.02);\n    }\n\n    .macos-cart-badge {\n        position: absolute;\n        top: -8px;\n        right: -8px;\n        background: #ff3b30;\n        color: white;\n        font-size: 12px;\n        font-weight: 500;\n        padding: 2px 6px;\n        border-radius: 10px;\n        min-width: 20px;\n        text-align: center;\n    }\n\n    \/* App icon styles *\/\n    .macos-app {\n        text-align: center;\n        transition: transform 0.2s ease;\n        cursor: pointer;\n        width: 100%;\n        padding: 8px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .macos-app:hover {\n        transform: scale(1.05);\n    }\n\n    .macos-app-icon {\n        width: 64px;\n        height: 64px;\n        margin: 0 auto 8px;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .macos-app-icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .macos-app-name {\n        font-size: 12px;\n        color: #fff;\n        margin: 0;\n        font-weight: normal;\n        text-align: center;\n        width: 100%;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n        padding: 0 4px;\n        box-sizing: border-box;\n    }\n\n    \/* Preloader styles *\/\n    .macos-preloader {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.4);\n        backdrop-filter: blur(25px) saturate(180%);\n        -webkit-backdrop-filter: blur(25px) saturate(180%);\n        z-index: 10000;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        transition: opacity 0.5s ease, visibility 0.5s ease;\n    }\n\n    .macos-preloader.hidden {\n        opacity: 0;\n        visibility: hidden;\n    }\n\n    .macos-login-container {\n        text-align: center;\n        padding: 24px;\n        width: 340px;\n        position: relative;\n    }\n\n    .macos-avatar {\n        width: 80px;\n        height: 80px;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.1);\n        margin: 0 auto 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    .macos-avatar svg {\n        width: 50px;\n        height: 50px;\n        fill: rgba(255, 255, 255, 0.5);\n    }\n\n    .macos-username {\n        color: rgba(255, 255, 255, 0.95);\n        font-size: 17px;\n        margin: 0 0 14px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        font-weight: 400;\n    }\n\n    .macos-password-field {\n        background: rgba(255, 255, 255, 0.1);\n        border: none;\n        border-radius: 5px;\n        padding: 0;\n        width: 260px;\n        height: 32px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto;\n        transition: background-color 0.2s ease;\n    }\n\n    .macos-password-field:hover {\n        background: rgba(255, 255, 255, 0.15);\n    }\n\n    .macos-password-dots {\n        display: flex;\n        gap: 3px;\n        align-items: center;\n        justify-content: center;\n        padding: 0 12px;\n        height: 100%;\n    }\n\n    .macos-dot {\n        width: 5px;\n        height: 5px;\n        background: rgba(255, 255, 255, 0.95);\n        border-radius: 50%;\n        opacity: 0;\n        transform: scale(0.5);\n    }\n\n    @keyframes dotAppear {\n        0% {\n            opacity: 0;\n            transform: scale(0.5);\n        }\n\n        40% {\n            transform: scale(1.2);\n        }\n\n        100% {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    .macos-dot:nth-child(1) {\n        animation: dotAppear 0.15s ease forwards 0.1s;\n    }\n\n    .macos-dot:nth-child(2) {\n        animation: dotAppear 0.15s ease forwards 0.25s;\n    }\n\n    .macos-dot:nth-child(3) {\n        animation: dotAppear 0.15s ease forwards 0.4s;\n    }\n\n    .macos-dot:nth-child(4) {\n        animation: dotAppear 0.15s ease forwards 0.55s;\n    }\n\n    .macos-dot:nth-child(5) {\n        animation: dotAppear 0.15s ease forwards 0.7s;\n    }\n\n    .macos-dot:nth-child(6) {\n        animation: dotAppear 0.15s ease forwards 0.85s;\n    }\n\n    \/* Modal\/Popup Styles - Enhanced for smooth animations *\/\n    .macos-modal {\n        display: flex;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 10000;\n        justify-content: center;\n        align-items: center;\n        opacity: 0;\n        visibility: hidden;\n        pointer-events: none;\n        transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);\n    }\n\n    .macos-modal.active {\n        opacity: 1;\n        visibility: visible;\n        pointer-events: auto;\n    }\n\n    .macos-modal-backdrop {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.65);\n        backdrop-filter: blur(5px);\n        -webkit-backdrop-filter: blur(5px);\n        opacity: 0;\n        transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0.05s;\n    }\n\n    .macos-modal.active .macos-modal-backdrop {\n        opacity: 1;\n    }\n\n    .macos-modal-content {\n        position: relative;\n        width: 90%;\n        max-width: 480px;\n        max-height: 85vh;\n        background: rgba(28, 28, 30, 0.95);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 12px;\n        border: 1px solid rgba(70, 70, 75, 0.5);\n        padding: 25px;\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);\n        color: #fff;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n        transform: scale(0.85) translateY(10px);\n        opacity: 0;\n        transition: all 0.26s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;\n        display: flex;\n        flex-direction: column;\n        will-change: transform, opacity;\n        overflow: hidden;\n    }\n\n    .macos-modal.active .macos-modal-content {\n        transform: scale(1) translateY(0);\n        opacity: 1;\n    }\n\n    .macos-modal-header {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 24px;\n        gap: 20px;\n    }\n\n    .macos-modal-app-icon {\n        width: 80px;\n        height: 80px;\n        flex-shrink: 0;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    }\n\n    .macos-modal-app-icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .macos-modal-app-info {\n        flex: 1;\n        min-width: 0;\n    }\n\n    .macos-modal-app-name {\n        font-size: 24px;\n        font-weight: 600;\n        letter-spacing: -0.5px;\n        margin: 0 0 8px;\n        color: #ffffff;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-modal-description {\n        margin: 8px 0;\n        color: rgba(255, 255, 255, 0.75);\n        font-size: 13px;\n        line-height: 1.5;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-modal-app-price {\n        font-size: 15px;\n        color: rgba(255, 255, 255, 0.85);\n        margin-top: 12px;\n        font-weight: 500;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-modal-variations {\n        margin: 20px 0;\n    }\n\n    .macos-modal-variations h3 {\n        margin-bottom: 15px;\n        font-size: 13px;\n        font-weight: 500;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.8);\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-variation-list {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        max-height: 200px;\n        overflow-y: auto;\n        padding: 0 10px;\n    }\n\n    .macos-variation {\n        background: rgba(60, 60, 65, 0.5);\n        padding: 10px 14px;\n        border-radius: 6px;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border: 1px solid transparent;\n        font-size: 13px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .macos-variation-price {\n        white-space: nowrap;\n        flex-shrink: 0;\n        margin-left: 12px;\n    }\n\n    .macos-variation:hover {\n        background: rgba(70, 70, 75, 0.7);\n        transform: translateY(-1px);\n    }\n\n    .macos-variation.selected {\n        background: rgba(80, 80, 85, 0.9);\n        border: 1px solid rgba(0, 122, 255, 0.5);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    }\n\n    .macos-variation.is-disabled {\n        background: rgba(90, 90, 95, 0.25);\n        color: rgba(255, 255, 255, 0.45);\n        cursor: not-allowed;\n        border-color: rgba(255, 255, 255, 0.08);\n    }\n\n    .macos-variation.is-disabled:hover {\n        background: rgba(90, 90, 95, 0.25);\n        transform: none;\n    }\n\n    .macos-variation-stock {\n        font-size: 11px;\n        opacity: 0.8;\n        margin-left: 10px;\n        white-space: nowrap;\n    }\n\n    .macos-payment-frame-wrap {\n        margin-top: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 12px;\n        overflow: hidden;\n        background: rgba(20, 20, 24, 0.9);\n    }\n\n    .macos-payment-frame {\n        width: 100%;\n        min-height: 70vh;\n        border: 0;\n        background: #fff;\n    }\n\n    \/* WooCommerce checkout inside popup: force single-column layout *\/\n    .macos-modal-content .woocommerce-checkout .col2-set,\n    .macos-modal-content .woocommerce-checkout #customer_details,\n    .macos-modal-content .col2-set {\n        display: block !important;\n    }\n\n    .macos-modal-content .woocommerce-checkout .col2-set .col-1,\n    .macos-modal-content .woocommerce-checkout .col2-set .col-2,\n    .macos-modal-content .col2-set .col-1,\n    .macos-modal-content .col2-set .col-2 {\n        float: none !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        display: block !important;\n    }\n\n    .macos-modal-content .woocommerce-checkout .form-row-first,\n    .macos-modal-content .woocommerce-checkout .form-row-last,\n    .macos-modal-content #customer_details .form-row-first,\n    .macos-modal-content #customer_details .form-row-last {\n        float: none !important;\n        width: 100% !important;\n        display: block !important;\n        max-width: 100% !important;\n    }\n\n    .macos-modal-content .woocommerce-checkout #customer_details input,\n    .macos-modal-content .woocommerce-checkout #customer_details select,\n    .macos-modal-content .woocommerce-checkout #customer_details textarea {\n        width: 100% !important;\n        box-sizing: border-box;\n    }\n\n    \/* Extra Woo checkout\/order-received styling for popup *\/\n    .macos-modal-content .col2-set,\n    .macos-modal-content .woocommerce-checkout #customer_details {\n        width: 100% !important;\n        float: none !important;\n    }\n    .macos-modal-content #order_review,\n    .macos-modal-content #order_review_heading {\n        width: 100% !important;\n        float: none !important;\n        clear: both;\n    }\n    .macos-modal-content #site-header,\n    .macos-modal-content #site-footer {\n        display: none;\n    }\n    .macos-modal-content .entry-title,\n    .macos-modal-content .page-header {\n        padding: 20px;\n        background: #000;\n        color: #fff;\n    }\n\n    .macos-modal-actions {\n        margin-top: 10px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .macos-modal-add-to-cart {\n        background: linear-gradient(180deg, #0B84FF 0%, #0063E1 100%);\n        color: white;\n        border: none;\n        padding: 8px 20px;\n        border-radius: 6px;\n        font-size: 13px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        min-width: 120px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        -webkit-font-smoothing: antialiased;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .macos-modal-add-to-cart:hover {\n        background: linear-gradient(180deg, #2091FF 0%, #0D6FED 100%);\n        transform: scale(1.02);\n    }\n\n    .macos-modal-add-to-cart:active {\n        background: linear-gradient(180deg, #0063E1 0%, #0B84FF 100%);\n        transform: scale(0.98);\n    }\n\n    \/* MacOS window controls - updated positioning *\/\n    .macos-window-controls {\n        position: absolute;\n        top: 16px;\n        right: 16px;\n        z-index: 10;\n        display: flex;\n        gap: 8px;\n        padding: 0;\n        margin: 0;\n    }\n\n    .macos-control {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        position: relative;\n        transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);\n        display: inline-block;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    \/* Red close button with X that appears on hover *\/\n    .macos-close {\n        background: #FF5F57;\n        border: 1px solid #E0443E;\n        position: relative;\n        z-index: 11;\n    }\n\n    .macos-close:hover {\n        background: #FF7B74;\n    }\n\n    .macos-close:hover::before,\n    .macos-close:hover::after {\n        content: \"\";\n        position: absolute;\n        width: 6px;\n        height: 1.5px;\n        background: rgba(0, 0, 0, 0.4);\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    .macos-close:hover::after {\n        transform: translate(-50%, -50%) rotate(-45deg);\n    }\n\n    .macos-minimize {\n        background: #FFBD2E;\n        border: 1px solid #DEA123;\n    }\n\n    .macos-minimize:hover::before {\n        content: \"\";\n        position: absolute;\n        width: 6px;\n        height: 1.5px;\n        background: rgba(0, 0, 0, 0.4);\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .macos-expand {\n        background: #28CA42;\n        border: 1px solid #1AAB29;\n    }\n\n    .macos-expand:hover::before {\n        content: \"\";\n        position: absolute;\n        width: 6px;\n        height: 6px;\n        border: 1.5px solid rgba(0, 0, 0, 0.4);\n        top: 40%;\n        left: 40%;\n        transform: translate(-50%, -50%);\n    }\n\n    \/* Modal Content Styles *\/\n    .macos-modal-content {\n        max-height: 90vh;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .macos-checkout-container {\n        padding: 30px;\n        padding-top: 50px;\n        position: relative;\n        height: 100%;\n        overflow-y: auto;\n    }\n\n    .macos-checkout-container h2 {\n        font-size: 22px;\n        margin: 0 0 20px;\n        font-weight: 500;\n        color: #fff;\n    }\n\n    \/* Custom Scrollbar Styles *\/\n    .macos-checkout-container::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n    }\n\n    .macos-checkout-container::-webkit-scrollbar-track {\n        background: rgba(255, 255, 255, 0.1);\n        border-radius: 4px;\n    }\n\n    .macos-checkout-container::-webkit-scrollbar-thumb {\n        background: rgba(255, 255, 255, 0.3);\n        border-radius: 4px;\n        transition: background 0.2s ease;\n    }\n\n    .macos-checkout-container::-webkit-scrollbar-thumb:hover {\n        background: rgba(255, 255, 255, 0.4);\n    }\n\n    \/* Firefox Scrollbar *\/\n    .macos-checkout-container {\n        scrollbar-width: thin;\n        scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1);\n    }\n\n    \/* Form Layout *\/\n    .macos-checkout-form {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px;\n    }\n\n    .macos-checkout-form-full {\n        grid-column: span 2;\n    }\n\n    .macos-form-group {\n        margin-bottom: 15px;\n    }\n\n    .macos-form-group label {\n        display: block;\n        margin-bottom: 5px;\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    .macos-form-group input,\n    .macos-form-group select {\n        width: 100%;\n        padding: 10px 12px;\n        background: rgba(40, 40, 45, 0.5);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 8px;\n        color: #fff;\n        font-size: 14px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        outline: none;\n        transition: all 0.2s ease;\n    }\n\n    .macos-form-group input:focus,\n    .macos-form-group select:focus {\n        border-color: rgba(255, 255, 255, 0.4);\n        background: rgba(45, 45, 50, 0.6);\n    }\n\n    \/* Select element styling *\/\n    .macos-form-group select {\n        cursor: pointer;\n        appearance: none;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22%3E%3Cpath d=%22M4 6L0 2h8z%22 fill=%22white%22\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        background-position: right 12px center;\n        background-size: 8px 8px;\n        padding-right: 36px;\n    }\n\n    .macos-form-group select:hover {\n        background-color: rgba(50, 50, 55, 0.7);\n    }\n\n    \/* Order Summary Styles *\/\n    .macos-checkout-summary {\n        margin-top: 20px;\n        background: rgba(0, 0, 0, 0.2);\n        border-radius: 10px;\n        padding: 15px;\n    }\n\n    .macos-checkout-summary h3 {\n        margin: 0 0 10px;\n        font-size: 16px;\n        font-weight: 500;\n        color: #fff;\n    }\n\n    .macos-checkout-item {\n        display: flex;\n        justify-content: space-between;\n        padding: 8px 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .macos-checkout-item:last-child {\n        border-bottom: none;\n    }\n\n    .macos-checkout-total {\n        display: flex;\n        justify-content: space-between;\n        padding: 12px 0;\n        font-weight: 500;\n        margin-top: 10px;\n        border-top: 1px solid rgba(255, 255, 255, 0.2);\n        color: #fff;\n    }\n\n    \/* Button Styles *\/\n    .macos-back-button {\n        background: rgba(255, 255, 255, 0.1);\n        color: white;\n        border: none;\n        padding: 12px 25px;\n        border-radius: 8px;\n        font-size: 14px;\n        cursor: pointer;\n        transition: all 0.2s;\n        display: inline-block;\n    }\n\n    .macos-back-button:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: translateY(-1px);\n    }\n\n    .macos-place-order {\n        background: linear-gradient(180deg, #0B84FF 0%, #0063E1 100%);\n        color: white;\n        border: none;\n        padding: 12px 25px;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        margin-left: 10px;\n        display: inline-block;\n    }\n\n    .macos-place-order:hover {\n        background: linear-gradient(180deg, #2091FF 0%, #0D6FED 100%);\n        transform: translateY(-1px);\n    }\n\n    .macos-place-order:active {\n        transform: translateY(1px);\n    }\n\n    \/* Sticky Footer *\/\n    .macos-checkout-form-full:last-child {\n        position: sticky;\n        bottom: 0;\n        background: rgba(28, 28, 30, 0.95);\n        padding: 15px 0;\n        margin-bottom: 0;\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        z-index: 2;\n    }\n\n    \/* Spinner *\/\n    .macos-spinner {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        border-top: 2px solid #fff;\n        width: 20px;\n        height: 20px;\n        animation: spin 1s linear infinite;\n        margin: 0 auto;\n    }\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* Update media queries to maintain proper layout on smaller screens *\/\n    @media (max-width: 1200px) {\n        .macos-app-grid {\n            grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n            gap: 24px;\n        }\n    }\n\n    \/* Enhanced Mobile Responsiveness *\/\n    @media (max-width: 768px) {\n        .macos-modal-content {\n            width: 100%;\n            max-width: 100%;\n            height: 100%;\n            max-height: 100%;\n            border-radius: 0;\n            padding: 15px;\n            margin: 0;\n        }\n\n        .macos-modal-header {\n            padding-top: 25px;\n        }\n\n        .macos-modal-app-icon {\n            width: 50px;\n            height: 50px;\n        }\n\n        .macos-modal-app-name {\n            font-size: 18px;\n        }\n\n        .macos-modal-description {\n            font-size: 12px;\n        }\n\n        .macos-variation {\n            padding: 8px 12px;\n        }\n\n        .macos-quantity-controls {\n            min-width: 100px;\n        }\n\n        .macos-floating-cart {\n            width: 100%;\n            max-width: none;\n            bottom: 0;\n            right: 0;\n            border-radius: 12px 12px 0 0;\n            transform: translateY(100%);\n        }\n\n        .macos-floating-cart.active {\n            transform: translateY(0);\n        }\n\n        .macos-cart-toggle {\n            bottom: 20px;\n            right: 20px;\n        }\n\n        \/* Checkout form mobile improvements *\/\n        .macos-checkout-form {\n            grid-template-columns: 1fr;\n        }\n\n        .macos-checkout-form-full {\n            grid-column: 1;\n        }\n\n        .macos-checkout-container {\n            padding: 15px;\n            padding-top: 40px;\n        }\n\n        .macos-form-group input,\n        .macos-form-group select,\n        .macos-form-group textarea {\n            font-size: 16px;\n            \/* Prevent zoom on iOS *\/\n            padding: 12px;\n        }\n\n        .macos-checkout-form-full:last-child {\n            padding: 10px;\n        }\n\n        .macos-back-button,\n        .macos-place-order {\n            width: 100%;\n            margin: 5px 0;\n        }\n\n        \/* Navigation buttons adjustment for mobile *\/\n        .macos-modal-navigation {\n            bottom: 10px;\n            padding: 0 10px;\n        }\n\n        .macos-nav-btn {\n            width: 36px;\n            height: 36px;\n        }\n    }\n\n    \/* Additional tablet breakpoint *\/\n    @media (min-width: 769px) and (max-width: 1024px) {\n        .macos-modal-content {\n            width: 95%;\n            max-width: 600px;\n            padding: 20px;\n        }\n\n        .macos-floating-cart {\n            max-width: 350px;\n        }\n    }\n\n    \/* Add these styles to the existing CSS *\/\n    .macos-modal-navigation {\n        position: absolute;\n        bottom: 20px;\n        left: 0;\n        right: 0;\n        display: flex;\n        justify-content: space-between;\n        padding: 0 20px;\n        pointer-events: none;\n    }\n\n    .macos-nav-btn {\n        background: rgba(255, 255, 255, 0.1);\n        border: none;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.2s;\n        pointer-events: auto;\n        color: white;\n    }\n\n    .macos-nav-btn:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: scale(1.1);\n    }\n\n    .macos-nav-btn:disabled {\n        opacity: 0.3;\n        cursor: not-allowed;\n        transform: none;\n    }\n\n    .macos-nav-btn svg {\n        width: 24px;\n        height: 24px;\n        stroke: currentColor;\n        stroke-width: 2;\n        fill: none;\n    }\n\n    \/* Add CSS for remove button *\/\n    .macos-cart-item {\n        position: relative;\n        padding-right: 30px;\n    }\n\n    .macos-cart-item-remove {\n        position: absolute;\n        right: 0;\n        top: 50%;\n        transform: translateY(-50%);\n        background: none;\n        border: none;\n        color: rgba(255, 255, 255, 0.6);\n        font-size: 18px;\n        cursor: pointer;\n        padding: 5px 8px;\n        transition: color 0.2s;\n    }\n\n    .macos-cart-item-remove:hover {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    \/* Add this CSS after the existing cart styles *\/\n    .macos-cart-toggle {\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        width: 50px;\n        height: 50px;\n        background: rgba(28, 28, 30, 0.95);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 25px;\n        border: 1px solid rgba(70, 70, 75, 0.5);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        z-index: 10051;\n        cursor: pointer;\n        display: none;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.2s;\n    }\n\n    .macos-cart-toggle:hover {\n        transform: scale(1.05);\n    }\n\n    .macos-cart-toggle.active {\n        display: flex;\n    }\n\n    .macos-cart-toggle svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n    }\n\n    .macos-ads-button {\n        position: fixed;\n        left: 30px;\n        bottom: 100px;\n        width: 50px;\n        height: 50px;\n        background: rgba(28, 28, 30, 0.95);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 25px;\n        border: 1px solid rgba(70, 70, 75, 0.5);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        z-index: 9996;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.2s;\n    }\n\n    .macos-ads-button:hover {\n        transform: scale(1.05);\n    }\n\n    .macos-ads-button svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n    }\n\n    .macos-ads-popup {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 9999;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.3s, visibility 0.3s;\n    }\n\n    .macos-ads-popup.active {\n        display: flex;\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .macos-ads-popup-backdrop {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.65);\n        backdrop-filter: blur(5px);\n        -webkit-backdrop-filter: blur(5px);\n    }\n\n    .macos-ads-popup-content {\n        position: relative;\n        width: 90%;\n        max-width: 800px;\n        margin: auto;\n        background: rgba(28, 28, 30, 0.95);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border-radius: 12px;\n        border: 1px solid rgba(70, 70, 75, 0.5);\n        padding: 25px;\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);\n        transform: scale(0.95);\n        transition: transform 0.3s;\n    }\n\n    .macos-ads-popup.active .macos-ads-popup-content {\n        transform: scale(1);\n    }\n\n    \/* Add or update carousel styles *\/\n    .macos-ads-carousel {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        border-radius: 8px;\n        margin-top: 20px;\n    }\n\n    .macos-ad-slide {\n        display: none;\n        animation: fadeEffect 0.5s ease-out;\n        opacity: 0;\n    }\n\n    .macos-ad-slide.active {\n        display: block;\n        opacity: 1;\n    }\n\n    .macos-ad-image {\n        width: 100%;\n        height: 300px;\n        overflow: hidden;\n        margin-bottom: 20px;\n        border-radius: 8px;\n    }\n\n    .macos-ad-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .macos-ad-content {\n        padding: 0 20px;\n        text-align: center;\n    }\n\n    .macos-ad-content h3 {\n        font-size: 24px;\n        margin: 0 0 15px;\n        color: #fff;\n        font-weight: 500;\n    }\n\n    .macos-ad-description {\n        font-size: 16px;\n        line-height: 1.5;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    .macos-ad-prev,\n    .macos-ad-next {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255, 255, 255, 0.1);\n        border: none;\n        color: white;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        z-index: 2;\n        opacity: 0.7;\n    }\n\n    .macos-ad-prev {\n        left: 10px;\n    }\n\n    .macos-ad-next {\n        right: 10px;\n    }\n\n    .macos-ad-prev:hover,\n    .macos-ad-next:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: translateY(-50%) scale(1.1);\n        opacity: 1;\n    }\n\n    @keyframes fadeEffect {\n        from {\n            opacity: 0;\n            transform: translateX(20px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .macos-ad-image {\n            height: 200px;\n        }\n\n        .macos-ad-content h3 {\n            font-size: 20px;\n        }\n\n        .macos-ad-description {\n            font-size: 14px;\n        }\n\n        .macos-ad-prev,\n        .macos-ad-next {\n            width: 32px;\n            height: 32px;\n            font-size: 16px;\n        }\n    }\n\n    \/* FAQ Icon Styles *\/\n    .macos-faq-icon .macos-app-icon svg {\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #4D7FFF 0%, #3461FF 100%);\n        border-radius: 12px;\n        padding: 14px;\n        box-sizing: border-box;\n    }\n\n    \/* FAQ Modal Styles *\/\n    .macos-faq-container {\n        padding: 25px;\n        max-height: 85vh;\n        overflow-y: auto;\n    }\n\n    .macos-faq-title {\n        font-size: 24px;\n        font-weight: 500;\n        color: #ffffff;\n        margin-bottom: 25px;\n        text-align: center;\n    }\n\n    .macos-faq-list {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .macos-faq-item {\n        background: rgba(40, 40, 45, 0.5);\n        border-radius: 8px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.3s ease;\n    }\n\n    .macos-faq-item.active {\n        background: rgba(50, 50, 55, 0.7);\n        border-color: rgba(255, 255, 255, 0.2);\n    }\n\n    .macos-faq-question {\n        padding: 16px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        font-weight: 500;\n        color: white;\n        font-size: 15px;\n    }\n\n    .macos-faq-toggle {\n        width: 20px;\n        height: 20px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .macos-faq-plus, .macos-faq-minus {\n        width: 20px;\n        height: 20px;\n        position: absolute;\n        top: 0;\n        left: 0;\n        transition: opacity 0.3s ease, transform 0.3s ease;\n        color: rgba(255, 255, 255, 0.7);\n    }\n\n    .macos-faq-minus {\n        opacity: 0;\n        transform: rotate(-90deg);\n    }\n\n    .macos-faq-item.active .macos-faq-plus {\n        opacity: 0;\n        transform: rotate(90deg);\n    }\n\n    .macos-faq-item.active .macos-faq-minus {\n        opacity: 1;\n        transform: rotate(0);\n    }\n\n    .macos-faq-answer {\n        height: 0;\n        overflow: hidden;\n        transition: height 0.3s ease;\n    }\n\n    .macos-faq-answer-content {\n        padding: 0 16px 16px;\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    .macos-faq-answer-content p {\n        margin: 0 0 10px;\n    }\n\n    .macos-faq-answer-content p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Custom scrollbar for FAQ container *\/\n    .macos-faq-container::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n    }\n\n    .macos-faq-container::-webkit-scrollbar-track {\n        background: rgba(255, 255, 255, 0.1);\n        border-radius: 4px;\n    }\n\n    .macos-faq-container::-webkit-scrollbar-thumb {\n        background: rgba(255, 255, 255, 0.3);\n        border-radius: 4px;\n        transition: background 0.2s ease;\n    }\n\n    .macos-faq-container::-webkit-scrollbar-thumb:hover {\n        background: rgba(255, 255, 255, 0.4);\n    }\n\n    \/* Firefox Scrollbar *\/\n    .macos-faq-container {\n        scrollbar-width: thin;\n        scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1);\n    }\n\n    @media (max-width: 768px) {\n        .macos-faq-question {\n            padding: 14px;\n            font-size: 14px;\n        }\n\n        .macos-faq-answer-content {\n            padding: 0 14px 14px;\n            font-size: 13px;\n        }\n    }\n\n    \/* Contact Icon Styles *\/\n    .macos-contact-icon .macos-app-icon svg {\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #00C853 0%, #009688 100%);\n        border-radius: 12px;\n        padding: 14px;\n        box-sizing: border-box;\n    }\n\n    \/* Contact Form Modal Styles *\/\n    .macos-contact-container {\n        padding: 25px;\n        max-height: 85vh;\n        overflow-y: auto;\n    }\n\n    .macos-contact-title {\n        font-size: 24px;\n        font-weight: 500;\n        color: #ffffff;\n        margin-bottom: 25px;\n        text-align: center;\n    }\n\n    .macos-contact-form {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px;\n    }\n\n    .macos-contact-form-full {\n        grid-column: span 2;\n    }\n\n    .macos-contact-group {\n        margin-bottom: 15px;\n    }\n\n    .macos-contact-group label {\n        display: block;\n        margin-bottom: 5px;\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    .macos-contact-group input,\n    .macos-contact-group select,\n    .macos-contact-group textarea {\n        width: 100%;\n        padding: 10px 12px;\n        background: rgba(40, 40, 45, 0.5);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 8px;\n        color: #fff;\n        font-size: 14px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        outline: none;\n        transition: all 0.2s ease;\n    }\n\n    .macos-contact-group input:focus,\n    .macos-contact-group select:focus,\n    .macos-contact-group textarea:focus {\n        border-color: rgba(255, 255, 255, 0.4);\n        background: rgba(45, 45, 50, 0.6);\n    }\n\n    .macos-contact-group textarea {\n        resize: vertical;\n        min-height: 100px;\n    }\n\n    .macos-contact-submit {\n        background: linear-gradient(180deg, #00C853 0%, #009688 100%);\n        color: white;\n        border: none;\n        padding: 12px 24px;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        justify-self: end;\n        margin-top: 10px;\n    }\n\n    .macos-contact-submit:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    }\n\n    .macos-contact-submit:active {\n        transform: translateY(1px);\n    }\n\n    .macos-contact-response {\n        grid-column: span 2;\n        padding: 15px;\n        border-radius: 8px;\n        margin-top: 15px;\n        font-size: 14px;\n        display: none;\n    }\n\n    .macos-contact-response.success {\n        background: rgba(0, 200, 83, 0.2);\n        border: 1px solid rgba(0, 200, 83, 0.3);\n        color: #00C853;\n        display: block;\n    }\n\n    .macos-contact-response.error {\n        background: rgba(255, 59, 48, 0.2);\n        border: 1px solid rgba(255, 59, 48, 0.3);\n        color: #FF3B30;\n        display: block;\n    }\n\n    @media (max-width: 768px) {\n        .macos-contact-form {\n            grid-template-columns: 1fr;\n        }\n\n        .macos-contact-form-full {\n            grid-column: span 1;\n        }\n\n        .macos-contact-submit {\n            width: 100%;\n            justify-self: center;\n        }\n    }\n\n    .macos-ads-button {\n<\/style><div class=\"macos-app-grid\">\n    <div class=\"macos-app\" data-product-id=\"233\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Zee5\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Zee5<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Zee5\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Indian streaming platform offering movies, TV shows, and originals.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":234,\"product_id\":233,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":235,\"product_id\":233,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":236,\"product_id\":233,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"225\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"SonyLiv\">\n        <\/div>\n        <h3 class=\"macos-app-name\">SonyLiv<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"SonyLiv\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Indian OTT service with live TV, movies, and sports streaming.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":226,\"product_id\":225,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":227,\"product_id\":225,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":228,\"product_id\":225,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"220\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Ms &#8211; Office 365\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Ms &#8211; Office 365<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Ms &#8211; Office 365\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Cloud-based productivity suite including Word, Excel, and PowerPoint.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":221,\"product_id\":220,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":222,\"product_id\":220,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":223,\"product_id\":220,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"213\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Linkedin Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Linkedin Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Linkedin Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Advanced LinkedIn features for networking, job search, and learning.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":214,\"product_id\":213,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":215,\"product_id\":213,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":216,\"product_id\":213,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"208\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Canva\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Canva<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Canva\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Graphic design tool for creating social media posts, presentations, and more.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":209,\"product_id\":208,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":210,\"product_id\":208,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":211,\"product_id\":208,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"202\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"LeetCode Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">LeetCode Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"LeetCode Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Coding practice platform with interview questions and solutions.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":203,\"product_id\":202,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":204,\"product_id\":202,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":205,\"product_id\":202,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app macos-ad\" data-ad-id=\"260\" data-slides='[{\"image\":false,\"title\":\"HELLOWINE PARTY\",\"content\":\"Your Business, Supercharged with AI!\\nTired of manual tasks slowing you down? Our AI-powered software automates workflows so you can focus on what matters.\"}]'>\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"\" alt=\"Commercial\">\n            <div class=\"macos-ad-badge\">Ad<\/div>\n        <\/div>\n        <h3 class=\"macos-app-name\">Commercial<\/h3>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"195\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Quilbot Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Quilbot Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Quilbot Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"AI-powered writing and paraphrasing tool for better content creation.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":196,\"product_id\":195,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":197,\"product_id\":195,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":198,\"product_id\":195,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"190\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Notion Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Notion Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Notion Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Productivity app for note-taking, databases, and team collaboration.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":191,\"product_id\":190,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":192,\"product_id\":190,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":193,\"product_id\":190,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"183\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Autodesk premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Autodesk premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Autodesk premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"Software suite for 3D design, architecture, and engineering.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":184,\"product_id\":183,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":185,\"product_id\":183,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":186,\"product_id\":183,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"178\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Express VPN\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Express VPN<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Express VPN\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"High-speed VPN for secure and private internet browsing.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":179,\"product_id\":178,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":180,\"product_id\":178,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":181,\"product_id\":178,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"173\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Nord VPN Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Nord VPN Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Nord VPN Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Secure VPN service with encrypted connections and global servers.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":174,\"product_id\":173,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":175,\"product_id\":173,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":176,\"product_id\":173,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"168\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Trading View\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Trading View<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Trading View\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Charting platform for traders with real-time market analysis tools.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":169,\"product_id\":168,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":170,\"product_id\":168,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":171,\"product_id\":168,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"163\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Tinder Plus\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Tinder Plus<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Tinder Plus\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Premium version of Tinder with unlimited swipes and location changes.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":164,\"product_id\":163,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":165,\"product_id\":163,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":166,\"product_id\":163,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"157\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Fx Replay\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Fx Replay<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Fx Replay\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"Trading simulator for forex and crypto market analysis.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":158,\"product_id\":157,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":159,\"product_id\":157,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":160,\"product_id\":157,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"152\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Coursera Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Coursera Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Coursera Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"Online learning platform with courses from top universities.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":153,\"product_id\":152,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":154,\"product_id\":152,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":155,\"product_id\":152,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"147\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Perplexity\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Perplexity<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Perplexity\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"AI-powered search assistant for quick and relevant information.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":148,\"product_id\":147,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":149,\"product_id\":147,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":150,\"product_id\":147,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"141\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Youtube Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Youtube Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Youtube Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Ad-free YouTube with background play and video downloads.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":142,\"product_id\":141,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":143,\"product_id\":141,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":144,\"product_id\":141,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"121\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Amazon Prime\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Amazon Prime<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Amazon Prime\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"Membership with free shipping, Prime Video, and other benefits.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":122,\"product_id\":121,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":123,\"product_id\":121,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":124,\"product_id\":121,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"114\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Spotify Premium\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Spotify Premium<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Spotify Premium\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"15\"\n            data-desc=\"Ad-free music streaming with offline playback and better audio quality.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":115,\"product_id\":114,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":116,\"product_id\":114,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":117,\"product_id\":114,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"110\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Adobe Suite\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Adobe Suite<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Adobe Suite\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Professional design software including Photoshop, Illustrator, and more.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":111,\"product_id\":110,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":112,\"product_id\":110,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":113,\"product_id\":110,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n    <div class=\"macos-app\" data-product-id=\"83\">\n        <div class=\"macos-app-icon\">\n            <img decoding=\"async\" src=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\" alt=\"Netflix\">\n        <\/div>\n        <h3 class=\"macos-app-name\">Netflix<\/h3>\n        <div class=\"macos-app-data\" style=\"display:none;\"\n            data-title=\"Netflix\"\n            data-image=\"https:\/\/buyacc.net\/wp-content\/uploads\/woocommerce-placeholder-300x300.webp\"\n            data-price=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;15.00&lt;\/bdi&gt;&lt;\/span&gt; &lt;span aria-hidden=&quot;true&quot;&gt;&ndash;&lt;\/span&gt; &lt;span class=&quot;woocommerce-Price-amount amount&quot; aria-hidden=&quot;true&quot;&gt;&lt;bdi&gt;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;&#036;&lt;\/span&gt;50.00&lt;\/bdi&gt;&lt;\/span&gt;&lt;span class=&quot;screen-reader-text&quot;&gt;Price range: &#036;15.00 through &#036;50.00&lt;\/span&gt;\"\n            data-price-raw=\"50\"\n            data-desc=\"Popular streaming service with movies, TV shows, and original content.\"\n            data-variable=\"1\"\n            data-variations='[{\"id\":85,\"product_id\":83,\"name\":\"1 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>15.00<\\\/bdi><\\\/span>\",\"price_value\":15,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":86,\"product_id\":83,\"name\":\"6 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>25.00<\\\/bdi><\\\/span>\",\"price_value\":25,\"in_stock\":true,\"stock_label\":\"\"},{\"id\":87,\"product_id\":83,\"name\":\"12 Month\",\"price\":\"<span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>50.00<\\\/bdi><\\\/span>\",\"price_value\":50,\"in_stock\":true,\"stock_label\":\"\"}]'><\/div>\n    <\/div>\n<div class=\"macos-app macos-faq-icon\">\n    <div class=\"macos-app-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"white\" stroke-width=\"2\"\/>\n            <path d=\"M12 17H12.01\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M9.09009 9.00008C9.32519 8.33175 9.78924 7.76819 10.4 7.40921C11.0108 7.05024 11.729 6.91902 12.4273 7.03879C13.1255 7.15857 13.7588 7.52161 14.2151 8.06361C14.6714 8.60561 14.9211 9.2916 14.9201 10.0001C14.9201 12.0001 11.9201 13.0001 11.9201 13.0001\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n    <\/div>\n    <h3 class=\"macos-app-name\">FAQ<\/h3>\n<\/div>\n<div class=\"macos-app macos-contact-icon\">\n    <div class=\"macos-app-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" stroke=\"white\" stroke-width=\"2\"\/>\n            <path d=\"M2 7L9.5 12.5C10.8807 13.4404 13.1193 13.4404 14.5 12.5L22 7\" stroke=\"white\" stroke-width=\"2\"\/>\n        <\/svg>\n    <\/div>\n    <h3 class=\"macos-app-name\">Contact<\/h3>\n<\/div><\/div>\n<div class=\"macos-modal\">\n    <div class=\"macos-modal-backdrop\"><\/div>\n    <div class=\"macos-modal-content\">\n        <!-- Content will be dynamically loaded -->\n    <\/div>\n<\/div>\n\n<div class=\"macos-floating-cart\">\n    <div class=\"macos-cart-header\">\n        <h3 class=\"macos-cart-title\">Shopping Cart<\/h3>\n        <button class=\"macos-cart-close\">\u00d7<\/button>\n    <\/div>\n    <div class=\"macos-cart-items\">\n        <!-- Cart items will be dynamically loaded -->\n    <\/div>\n    <div class=\"macos-cart-total\">\n        <span class=\"macos-cart-total-text\">Total:<\/span>\n        <span class=\"macos-cart-total-amount\">$0.00<\/span>\n    <\/div>\n    <button class=\"macos-cart-checkout\">Proceed to Checkout<\/button>\n<\/div>\n\n<div class=\"macos-cart-toggle\">\n    <svg viewBox=\"0 0 24 24\">\n        <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\" \/>\n    <\/svg>\n    <div class=\"macos-cart-badge\"><\/div>\n<\/div>\n\n<div class=\"macos-preloader\">\n    <div class=\"macos-login-container\">\n        <div class=\"macos-avatar\">\n            <svg viewBox=\"0 0 24 24\">\n                <path fill=\"rgba(255, 255, 255, 0.5)\" d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" \/>\n            <\/svg>\n        <\/div>\n        <h2 class=\"macos-username\">Buy Acc<\/h2>\n        <div class=\"macos-password-field\">\n            <div class=\"macos-password-dots\">\n                <div class=\"macos-dot\"><\/div>\n                <div class=\"macos-dot\"><\/div>\n                <div class=\"macos-dot\"><\/div>\n                <div class=\"macos-dot\"><\/div>\n                <div class=\"macos-dot\"><\/div>\n                <div class=\"macos-dot\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n    \/* Ad styles *\/\n    .macos-ad {\n        position: relative;\n    }\n\n    .macos-ad-badge {\n        position: absolute;\n        top: 4px;\n        right: 4px;\n        background: rgba(255, 59, 48, 0.9);\n        color: white;\n        font-size: 10px;\n        padding: 2px 6px;\n        border-radius: 10px;\n        font-weight: 500;\n        backdrop-filter: blur(4px);\n        -webkit-backdrop-filter: blur(4px);\n    }\n\n    .macos-ad .macos-app-icon {\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    }\n\n    .macos-ad .macos-app-name {\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    \/* Modal styles for ads *\/\n    .macos-ad .macos-modal-header {\n        text-align: center;\n    }\n\n    .macos-ad .macos-modal-app-icon {\n        margin: 0 auto 20px;\n    }\n\n    .macos-ad .macos-modal-description {\n        text-align: center;\n        padding: 20px;\n    }\n<\/style>\n<script>\n    jQuery(document).ready(function($) {\n        \/\/ Global modal close function\n        function closeModal() {\n            const $modal = $(\".macos-modal\");\n            const $content = $(\".macos-modal-content\");\n\n            \/\/ Add fade out animation\n            $content.css({\n                \"transform\": \"scale(0.96)\",\n                \"opacity\": \"0\",\n                \"transition\": \"all 0.2s cubic-bezier(0.19, 1, 0.22, 1)\"\n            });\n\n            \/\/ Remove active class after animation\n            setTimeout(function() {\n                $modal.removeClass(\"active\");\n                \/\/ Reset styles after modal is hidden\n                setTimeout(function() {\n                    $content.removeAttr(\"style\");\n                }, 300);\n            }, 180);\n        }\n\n        \/\/ Global click handlers for modal closing\n        $(document).on(\"click\", \".macos-modal-backdrop, .macos-window-controls .macos-control.macos-close\", function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            closeModal();\n        });\n\n        \/\/ Prevent clicks inside modal from closing\n        $(document).on(\"click\", \".macos-modal-content\", function(e) {\n            e.stopPropagation();\n        });\n\n        \/\/ Global escape key handler\n        $(document).on(\"keyup\", function(e) {\n            if (e.key === \"Escape\") {\n                closeModal();\n            }\n        });\n\n        \/\/ Style close button\n        function styleCloseButton() {\n            $(\".macos-window-controls .macos-control.macos-close\").css({\n                \"cursor\": \"pointer\",\n                \"z-index\": \"100\",\n                \"background\": \"#FF5F57\",\n                \"border\": \"1px solid #E0443E\"\n            });\n        }\n\n        \/\/ Call this function whenever a modal is opened\n        function initializeModal() {\n            styleCloseButton();\n        }\n\n        \/\/ Update the app click handler\n        $(\".macos-app:not(.macos-ad)\").on(\"click\", function() {\n            \/\/ ... existing app click handler code ...\n            initializeModal();\n        });\n\n        \/\/ Update the ad click handler\n        $(\".macos-ad\").on(\"click\", function(e) {\n            \/\/ ... existing ad click handler code ...\n            initializeModal();\n        });\n\n        \/\/ Handle ad clicks\n        $(\".macos-ad\").on(\"click\", function(e) {\n            e.preventDefault();\n            const $ad = $(this);\n            const slides = $ad.data(\"slides\");\n            let currentSlide = 0;\n\n            \/\/ Create modal content for ad with carousel\n            const modalContent = `\n            <div class=\"macos-window-controls\">\n                <div class=\"macos-control macos-expand\"><\/div>\n                <div class=\"macos-control macos-minimize\"><\/div>\n                <div class=\"macos-control macos-close\"><\/div>\n            <\/div>\n            <div class=\"macos-ads-carousel\">\n                ${slides.map((slide, index) => `\n                    <div class=\"macos-ad-slide ${index === 0 ? \"active\" : \"\"}\">\n                        <div class=\"macos-ad-image\">\n                            <img decoding=\"async\" src=\"${slide.image}\" alt=\"${slide.title}\">\n                        <\/div>\n                        <div class=\"macos-ad-content\">\n                            <h3>${slide.title}<\/h3>\n                            <div class=\"macos-ad-description\">${slide.content}<\/div>\n                        <\/div>\n                    <\/div>\n                `).join(\"\")}\n                ${slides.length > 1 ? `\n                    <button class=\"macos-ad-prev\">\u276e<\/button>\n                    <button class=\"macos-ad-next\">\u276f<\/button>\n                ` : \"\"}\n            <\/div>`;\n\n            $(\".macos-modal-content\").html(modalContent);\n            $(\".macos-modal\").addClass(\"active\");\n\n            \/\/ Initialize modal handlers\n            initializeModalHandlers();\n\n            if (slides.length > 1) {\n                \/\/ Handle carousel navigation\n                $(\".macos-ad-prev\").off(\"click\").on(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    currentSlide = (currentSlide - 1 + slides.length) % slides.length;\n                    updateSlide();\n                });\n\n                $(\".macos-ad-next\").off(\"click\").on(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    currentSlide = (currentSlide + 1) % slides.length;\n                    updateSlide();\n                });\n\n                \/\/ Handle swipe gestures for carousel\n                let touchStartX = 0;\n                let touchEndX = 0;\n\n                $(\".macos-ads-carousel\").on(\"touchstart\", function(e) {\n                    touchStartX = e.originalEvent.touches[0].clientX;\n                });\n\n                $(\".macos-ads-carousel\").on(\"touchend\", function(e) {\n                    touchEndX = e.originalEvent.changedTouches[0].clientX;\n                    handleSwipe();\n                });\n\n                function handleSwipe() {\n                    const swipeThreshold = 50;\n                    const diff = touchStartX - touchEndX;\n\n                    if (Math.abs(diff) > swipeThreshold) {\n                        if (diff > 0) {\n                            \/\/ Swipe left\n                            $(\".macos-ad-next\").trigger(\"click\");\n                        } else {\n                            \/\/ Swipe right\n                            $(\".macos-ad-prev\").trigger(\"click\");\n                        }\n                    }\n                }\n\n                function updateSlide() {\n                    $(\".macos-ad-slide\").fadeOut(300).removeClass(\"active\");\n                    $(\".macos-ad-slide\").eq(currentSlide).fadeIn(300).addClass(\"active\");\n                }\n            }\n\n            \/\/ Update close button handling\n            $(\".macos-control.macos-close, .macos-modal-backdrop\").off(\"click\").on(\"click\", function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                closeModal();\n            });\n\n            \/\/ Make close button more prominent\n            $(\".macos-control.macos-close\").css({\n                \"cursor\": \"pointer\",\n                \"z-index\": \"100\"\n            });\n\n            \/\/ Prevent clicks inside modal content from closing the modal\n            $(\".macos-modal-content\").off(\"click\").on(\"click\", function(e) {\n                e.stopPropagation();\n            });\n\n            \/\/ Add escape key handler\n            $(document).off(\"keyup\").on(\"keyup\", function(e) {\n                if (e.key === \"Escape\") {\n                    closeModal();\n                }\n            });\n        });\n\n        function closeModal() {\n            const $modal = $(\".macos-modal\");\n            const $content = $(\".macos-modal-content\");\n\n            \/\/ Add fade out animation\n            $content.css({\n                \"transform\": \"scale(0.96)\",\n                \"opacity\": \"0\",\n                \"transition\": \"all 0.2s cubic-bezier(0.19, 1, 0.22, 1)\"\n            });\n\n            \/\/ Remove active class after animation\n            setTimeout(function() {\n                $modal.removeClass(\"active\");\n                \/\/ Reset styles after modal is hidden\n                setTimeout(function() {\n                    $content.removeAttr(\"style\");\n                }, 300);\n            }, 180);\n        }\n    });\n<\/script>\n\n<style>\n    \/* Add or update carousel styles *\/\n    .macos-ads-carousel {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        border-radius: 8px;\n        margin-top: 20px;\n    }\n\n    .macos-ad-slide {\n        display: none;\n        animation: fadeEffect 0.5s ease-out;\n        opacity: 0;\n    }\n\n    .macos-ad-slide.active {\n        display: block;\n        opacity: 1;\n    }\n\n    .macos-ad-image {\n        width: 100%;\n        height: 300px;\n        overflow: hidden;\n        margin-bottom: 20px;\n        border-radius: 8px;\n    }\n\n    .macos-ad-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .macos-ad-content {\n        padding: 0 20px;\n        text-align: center;\n    }\n\n    .macos-ad-content h3 {\n        font-size: 24px;\n        margin: 0 0 15px;\n        color: #fff;\n        font-weight: 500;\n    }\n\n    .macos-ad-description {\n        font-size: 16px;\n        line-height: 1.5;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    .macos-ad-prev,\n    .macos-ad-next {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255, 255, 255, 0.1);\n        border: none;\n        color: white;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        z-index: 2;\n        opacity: 0.7;\n    }\n\n    .macos-ad-prev {\n        left: 10px;\n    }\n\n    .macos-ad-next {\n        right: 10px;\n    }\n\n    .macos-ad-prev:hover,\n    .macos-ad-next:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: translateY(-50%) scale(1.1);\n        opacity: 1;\n    }\n\n    @keyframes fadeEffect {\n        from {\n            opacity: 0;\n            transform: translateX(20px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .macos-ad-image {\n            height: 200px;\n        }\n\n        .macos-ad-content h3 {\n            font-size: 20px;\n        }\n\n        .macos-ad-description {\n            font-size: 14px;\n        }\n\n        .macos-ad-prev,\n        .macos-ad-next {\n            width: 32px;\n            height: 32px;\n            font-size: 16px;\n        }\n    }\n<\/style><script type=\"text\/javascript\">\n    jQuery(document).ready(function($) {\n        \/\/ Initialize cart\n        let cart = {\n            items: [],\n            total: 0\n        };\n\n        \/\/ Page load handling with preloader\n        const preloader = $(\".macos-preloader\");\n        const floatingCart = $(\".macos-floating-cart\");\n\n        \/\/ Hide preloader after content is loaded\n        $(window).on(\"load\", function() {\n            setTimeout(function() {\n                preloader.addClass(\"hidden\");\n            }, 800);\n        });\n\n        \/\/ If window.load already fired, hide preloader\n        if (document.readyState === \"complete\") {\n            setTimeout(function() {\n                preloader.addClass(\"hidden\");\n            }, 800);\n        }\n\n        \/\/ Open modal when clicking on an app\n        $(\".macos-app\").on(\"click\", function() {\n            if ($(this).hasClass(\"macos-faq-icon\")) {\n                showFAQModal();\n                return;\n            }\n            \n            if ($(this).hasClass(\"macos-contact-icon\")) {\n                showContactModal();\n                return;\n            }\n            \n            $(\".macos-app\").removeClass(\"active\");\n            $(this).addClass(\"active\");\n            const $data = $(this).find(\".macos-app-data\");\n            const productId = $(this).data(\"product-id\");\n            const title = $data.data(\"title\");\n            const image = $data.data(\"image\");\n            const price = $data.data(\"price\");\n            const desc = $data.data(\"desc\");\n            const isVariable = $data.data(\"variable\") === 1;\n            const variations = $data.data(\"variations\");\n            const priceRaw = parseFloat($data.data(\"price-raw\"));\n\n            \/\/ Store current product index\n            const currentIndex = $(\".macos-app\").index(this);\n            const totalProducts = $(\".macos-app\").length;\n\n            let modalContent = `\n                <div class=\"macos-window-controls\">\n                    <div class=\"macos-control macos-expand\"><\/div>\n                    <div class=\"macos-control macos-minimize\"><\/div>\n                    <div class=\"macos-control macos-close\"><\/div>\n                <\/div>\n                <div class=\"macos-modal-header\">\n                    <div class=\"macos-modal-app-icon\">\n                        <img decoding=\"async\" src=\"${image}\" alt=\"${title}\">\n                    <\/div>\n                    <div class=\"macos-modal-app-info\">\n                        <h2 class=\"macos-modal-app-name\">${title}<\/h2>\n                        <div class=\"macos-modal-description\">\n                            <p>${desc}<\/p>\n                        <\/div>\n                        <div class=\"macos-modal-app-price\">${price}<\/div>\n                    <\/div>\n                <\/div>\n            `;\n\n            if (isVariable && variations && variations.length > 0) {\n                const firstAvailableVariation = variations.find(variation => variation.in_stock);\n                modalContent += `\n                    <div class=\"macos-modal-variations\">\n                        <h3>Choose your package:<\/h3>\n                        <div class=\"macos-variation-list\">\n                `;\n\n                variations.forEach((variation) => {\n                    const isSelected = firstAvailableVariation && firstAvailableVariation.id === variation.id;\n                    const className = \"macos-variation\" + (isSelected ? \" selected\" : \"\") + (variation.in_stock ? \"\" : \" is-disabled\");\n                    modalContent += `\n                        <div class=\"${className}\" data-product-id=\"${variation.product_id}\" data-variation-id=\"${variation.id}\" data-price=\"${variation.price_value}\" data-in-stock=\"${variation.in_stock ? 1 : 0}\">\n                            <span>${variation.name}${variation.stock_label ? `<span class=\"macos-variation-stock\">${variation.stock_label}<\/span>` : \"\"}<\/span>\n                            <span class=\"macos-variation-price\">${variation.price}<\/span>\n                        <\/div>\n                    `;\n                });\n\n                modalContent += `\n                        <\/div>\n                    <\/div>\n                `;\n            }\n\n            \/\/ Add quantity selector and Add to Cart button\n            modalContent += `\n                <div class=\"macos-quantity-selector\">\n                    <label>Quantity<\/label>\n                    <div class=\"macos-quantity-controls\">\n                        <button class=\"macos-quantity-btn minus\">-<\/button>\n                        <input type=\"number\" class=\"macos-quantity-input\" value=\"1\" min=\"1\" max=\"99\">\n                        <button class=\"macos-quantity-btn plus\">+<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"macos-modal-actions\">\n                    <button class=\"macos-modal-add-to-cart\">Add to Cart<\/button>\n                <\/div>\n                <div class=\"macos-modal-navigation\">\n                    <button class=\"macos-nav-btn prev\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M15 18l-6-6 6-6\"\/>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"macos-nav-btn next\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M9 18l6-6-6-6\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            `;\n\n            $(\".macos-modal-content\").html(modalContent);\n            $(\".macos-modal\").addClass(\"active\");\n\n            if (isVariable && variations && variations.length > 0) {\n                const firstAvailableVariation = variations.find(variation => variation.in_stock);\n                const priceDisplay = $(\".macos-modal-app-price\");\n                const $addToCartButton = $(\".macos-modal-add-to-cart\");\n\n                if (firstAvailableVariation) {\n                    priceDisplay.html(firstAvailableVariation.price);\n                } else {\n                    priceDisplay.html(\"Out of stock\");\n                    $addToCartButton.prop(\"disabled\", true).text(\"Out of Stock\");\n                }\n            }\n\n            \/\/ Set disabled state for navigation buttons after rendering\n            if (currentIndex === 0) {\n                $(\".macos-nav-btn.prev\").attr(\"disabled\", \"disabled\");\n            }\n            if (currentIndex === totalProducts - 1) {\n                $(\".macos-nav-btn.next\").attr(\"disabled\", \"disabled\");\n            }\n\n            \/\/ Initialize all modal handlers\n            initializeModalHandlers();\n\n            \/\/ Handle navigation buttons\n            $(\".macos-nav-btn.prev\").on(\"click\", function() {\n                if (currentIndex > 0) {\n                    $(\".macos-app\").eq(currentIndex - 1).click();\n                }\n            });\n\n            $(\".macos-nav-btn.next\").on(\"click\", function() {\n                if (currentIndex < totalProducts - 1) {\n                    $(\".macos-app\").eq(currentIndex + 1).click();\n                }\n            });\n\n            \/\/ Handle swipe gestures\n            let touchStartX = 0;\n            let touchEndX = 0;\n\n            $(\".macos-modal-content\").on(\"touchstart\", function(e) {\n                touchStartX = e.originalEvent.touches[0].clientX;\n            });\n\n            $(\".macos-modal-content\").on(\"touchend\", function(e) {\n                touchEndX = e.originalEvent.changedTouches[0].clientX;\n                handleSwipe();\n            });\n\n            function handleSwipe() {\n                const swipeThreshold = 50;\n                const diff = touchStartX - touchEndX;\n\n                if (Math.abs(diff) > swipeThreshold) {\n                    if (diff > 0 && currentIndex < totalProducts - 1) {\n                        \/\/ Swipe left\n                        $(\".macos-app\").eq(currentIndex + 1).click();\n                    } else if (diff < 0 && currentIndex > 0) {\n                        \/\/ Swipe right\n                        $(\".macos-app\").eq(currentIndex - 1).click();\n                    }\n                }\n            }\n\n            \/\/ Handle quantity buttons\n            $(\".macos-quantity-btn.minus\").on(\"click\", function() {\n                let $input = $(\".macos-quantity-input\");\n                let value = parseInt($input.val()) - 1;\n                if (value >= 1) {\n                    $input.val(value);\n                }\n            });\n\n            $(\".macos-quantity-btn.plus\").on(\"click\", function() {\n                let $input = $(\".macos-quantity-input\");\n                let value = parseInt($input.val()) + 1;\n                if (value <= 99) {\n                    $input.val(value);\n                }\n            });\n\n            $(\".macos-variation\").on(\"click\", function() {\n                const $variation = $(this);\n                if (parseInt($variation.data(\"inStock\"), 10) !== 1) {\n                    return;\n                }\n\n                const selectedVariationId = parseInt($variation.data(\"variationId\"), 10);\n                const selectedVariationData = variations.find(variation => parseInt(variation.id, 10) === selectedVariationId);\n\n                $(\".macos-variation\").removeClass(\"selected\");\n                $variation.addClass(\"selected\");\n                if (selectedVariationData) {\n                    $(\".macos-modal-app-price\").html(selectedVariationData.price);\n                }\n                $(\".macos-modal-add-to-cart\").prop(\"disabled\", false).text(\"Add to Cart\");\n            });\n\n            \/\/ Handle add to cart\n            $(\".macos-modal-add-to-cart\").on(\"click\", function() {\n                const quantity = parseInt($(\".macos-quantity-input\").val());\n                const selectedVariation = $(\".macos-variation.selected\").data();\n\n                if (isVariable && (!selectedVariation || parseInt(selectedVariation.inStock, 10) !== 1)) {\n                    return;\n                }\n\n                let finalPrice;\n                if (selectedVariation && selectedVariation.price) {\n                    finalPrice = parseFloat(selectedVariation.price);\n                } else {\n                    finalPrice = priceRaw;\n                }\n\n                const cartItem = {\n                    id: selectedVariation ? `variation-${selectedVariation.variationId}` : `product-${productId}`,\n                    productId: selectedVariation ? selectedVariation.productId : productId,\n                    variationId: selectedVariation ? selectedVariation.variationId : 0,\n                    title: title + (selectedVariation ? ` - ${$(\".macos-variation.selected\").find(\"span\").first().text()}` : \"\"),\n                    price: finalPrice,\n                    quantity: quantity,\n                    image: image\n                };\n\n                addToCart(cartItem);\n                closeModal();\n                showCart();\n            });\n        });\n\n        \/\/ Function to handle FAQ modal display\n        function showFAQModal() {\n            \/\/ AJAX call to get FAQs\n            $.ajax({\n                type: \"POST\",\n                url: \"https:\/\/buyacc.net\/wp-admin\/admin-ajax.php\",\n                data: {\n                    action: \"get_macos_faqs\"\n                },\n                success: function(response) {\n                    if (response.success && response.data && response.data.length > 0) {\n                        renderFAQModal(response.data);\n                    } else {\n                        renderFAQModal([{\n                            title: \"No FAQs Found\",\n                            content: \"Please add some FAQ entries in the WordPress admin.\"\n                        }]);\n                    }\n                },\n                error: function() {\n                    renderFAQModal([{\n                        title: \"Error Loading FAQs\",\n                        content: \"There was an error loading the FAQs. Please try again later.\"\n                    }]);\n                }\n            });\n        }\n\n        \/\/ Function to render the FAQ modal content\n        function renderFAQModal(faqs) {\n            const faqContent = `\n                <div class=\"macos-window-controls\">\n                    <div class=\"macos-control macos-expand\"><\/div>\n                    <div class=\"macos-control macos-minimize\"><\/div>\n                    <div class=\"macos-control macos-close\"><\/div>\n                <\/div>\n                <div class=\"macos-faq-container\">\n                    <h2 class=\"macos-faq-title\">Frequently Asked Questions<\/h2>\n                    <div class=\"macos-faq-list\">\n                        ${faqs.map((faq, index) => `\n                            <div class=\"macos-faq-item\">\n                                <div class=\"macos-faq-question\">\n                                    <span>${faq.title}<\/span>\n                                    <div class=\"macos-faq-toggle\">\n                                        <svg class=\"macos-faq-plus\" viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                        <\/svg>\n                                        <svg class=\"macos-faq-minus\" viewBox=\"0 0 24 24\">\n                                            <path d=\"M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"macos-faq-answer\">\n                                    <div class=\"macos-faq-answer-content\">${faq.content}<\/div>\n                                <\/div>\n                            <\/div>\n                        `).join(\"\")}\n                    <\/div>\n                <\/div>`;\n\n            $(\".macos-modal-content\").html(faqContent);\n            $(\".macos-modal\").addClass(\"active\");\n\n            \/\/ Initialize modal handlers\n            initializeModalHandlers();\n\n            \/\/ Add FAQ toggle functionality\n            $(\".macos-faq-question\").on(\"click\", function() {\n                const $faqItem = $(this).parent();\n                $faqItem.toggleClass(\"active\");\n                \n                \/\/ Toggle animation for answer\n                const $answer = $faqItem.find(\".macos-faq-answer\");\n                if ($faqItem.hasClass(\"active\")) {\n                    const height = $answer.find(\".macos-faq-answer-content\").outerHeight();\n                    $answer.css(\"height\", height + \"px\");\n                } else {\n                    $answer.css(\"height\", \"0px\");\n                }\n            });\n        }\n\n        function addToCart(item) {\n            const existingItem = cart.items.find(i => i.id === item.id);\n\n            if (existingItem) {\n                existingItem.quantity += item.quantity;\n            } else {\n                cart.items.push(item);\n            }\n\n            updateCart();\n        }\n\n        function updateCart() {\n            const $items = $(\".macos-cart-items\");\n            $items.empty();\n\n            cart.total = 0;\n\n            cart.items.forEach(item => {\n                cart.total += item.price * item.quantity;\n\n                $items.append(`\n                    <div class=\"macos-cart-item\" data-id=\"${item.id}\">\n                        <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.title}\" class=\"macos-cart-item-image\">\n                        <div class=\"macos-cart-item-details\">\n                            <h4 class=\"macos-cart-item-title\">${item.title}<\/h4>\n                            <div class=\"macos-cart-item-price\">$${item.price.toFixed(2)}<\/div>\n                            <div class=\"macos-cart-item-quantity\">Qty: ${item.quantity}<\/div>\n                        <\/div>\n                        <button class=\"macos-cart-item-remove\">\u00d7<\/button>\n                    <\/div>\n                `);\n            });\n\n            $(\".macos-cart-total-amount\").text(`$${cart.total.toFixed(2)}`);\n\n            \/\/ Update cart badge and toggle button visibility\n            const totalItems = cart.items.reduce((sum, item) => sum + item.quantity, 0);\n            updateCartBadge(totalItems);\n\n            \/\/ Show\/hide cart toggle button and checkout button based on items\n            if (totalItems > 0) {\n                $(\".macos-cart-toggle\").addClass(\"active\");\n                $(\".macos-cart-checkout\").show();\n            } else {\n                $(\".macos-cart-toggle\").removeClass(\"active\");\n                $(\".macos-cart-checkout\").hide();\n                hideCart();\n            }\n        }\n\n        function updateCartBadge(count) {\n            let badge = $(\".macos-cart-badge\");\n            if (count > 0) {\n                if (badge.length === 0) {\n                    floatingCart.append(`<div class=\"macos-cart-badge\">${count}<\/div>`);\n                } else {\n                    badge.text(count);\n                }\n            } else {\n                badge.remove();\n            }\n        }\n\n        function showCart() {\n            floatingCart.addClass(\"active\");\n        }\n\n        function hideCart() {\n            floatingCart.removeClass(\"active\");\n        }\n\n        \/\/ Cart controls\n        $(\".macos-cart-close\").on(\"click\", function() {\n            hideCart();\n        });\n\n        $(\".macos-cart-checkout\").on(\"click\", function() {\n            if (cart.items.length > 0) {\n                openWooCheckoutPopup();\n            }\n        });\n\n        function openWooCheckoutPopup() {\n            const $button = $(\".macos-cart-checkout\");\n            const originalText = $button.text();\n            const orderItems = cart.items.map(item => ({\n                product_id: item.productId,\n                variation_id: item.variationId || 0,\n                quantity: item.quantity\n            }));\n\n            $button.html(`<div class=\"macos-spinner\" style=\"width: 16px; height: 16px; margin: 0 auto;\"><\/div>`);\n            $button.prop(\"disabled\", true);\n\n            $.ajax({\n                type: \"POST\",\n                url: \"https:\/\/buyacc.net\/wp-admin\/admin-ajax.php\",\n                data: {\n                    action: \"prepare_macos_popup_checkout\",\n                    security: \"38e19d6fa5\",\n                    items: orderItems\n                },\n                success: function(response) {\n                    if (response.success && response.html) {\n                        const checkoutContent = `\n                            <div class=\"macos-window-controls\">\n                                <div class=\"macos-control macos-expand\"><\/div>\n                                <div class=\"macos-control macos-minimize\"><\/div>\n                                <div class=\"macos-control macos-close\"><\/div>\n                            <\/div>\n                            <div class=\"macos-checkout-container\">\n                                <h2>Checkout<\/h2>\n                                <div class=\"macos-popup-checkout-html\">\n                                    ${response.html}\n                                <\/div>\n                            <\/div>`;\n\n                        $(\".macos-modal-content\").html(checkoutContent);\n                        $(\".macos-modal\").addClass(\"active\");\n                        hideCart();\n                        initializeModalHandlers();\n                        bindPopupCheckoutHandlers();\n                        installPopupCheckoutSubmitHandler();\n                        $(document.body).trigger(\"init_checkout\");\n                        $(document.body).trigger(\"update_checkout\");\n                    } else {\n                        alert(response.message || \"There was an error preparing checkout. Please try again.\");\n                    }\n\n                    $button.text(originalText);\n                    $button.prop(\"disabled\", false);\n                },\n                error: function() {\n                    alert(\"There was an error preparing checkout. Please try again.\");\n                    $button.text(originalText);\n                    $button.prop(\"disabled\", false);\n                }\n            });\n        }\n\n        function bindPopupCheckoutHandlers() {\n            $(document.body).off(\"checkout_place_order_success.macosPopup\").on(\"checkout_place_order_success.macosPopup\", function(e, result) {\n                if (!result || !result.redirect) {\n                    return true;\n                }\n\n                let redirectUrl;\n                try {\n                    redirectUrl = new URL(result.redirect, window.location.origin);\n                } catch (error) {\n                    return true;\n                }\n\n                if (redirectUrl.origin !== window.location.origin || redirectUrl.pathname.indexOf(\"order-received\") === -1) {\n                    return true;\n                }\n\n                \/\/ Prevent WooCommerce from navigating away; we will render the order received content in the popup instead.\n                result.redirect = \"\";\n\n                renderOrderReceivedInPopup(redirectUrl.toString());\n                return false;\n            });\n        }\n\n        function installPopupCheckoutSubmitHandler() {\n            const existingHandler = window.macosPopupCheckoutSubmitCaptureHandler;\n            if (existingHandler) {\n                document.removeEventListener(\"submit\", existingHandler, true);\n            }\n\n            window.macosPopupCheckoutSubmitCaptureHandler = function(ev) {\n                const form = ev.target;\n                if (!form || !(form.matches && form.matches(\"form.checkout\"))) {\n                    return;\n                }\n\n                const $form = $(form);\n                const $modalContent = $form.closest(\".macos-modal-content\");\n                if ($modalContent.length === 0) {\n                    return;\n                }\n\n                ev.preventDefault();\n                ev.stopImmediatePropagation();\n\n                if (form.dataset.macosProcessing === \"1\") {\n                    return;\n                }\n                form.dataset.macosProcessing = \"1\";\n\n                \/\/ Loading overlay (so user sees it instantly, even if Woo re-renders the form)\n                $modalContent.find(\".macos-checkout-loading-overlay\").remove();\n                $modalContent.append(`\n                    <div class=\"macos-checkout-loading-overlay\" style=\"position:absolute; inset:0; z-index:999999; background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display:flex; align-items:center; justify-content:center; padding: 20px;\">\n                        <div style=\"text-align:center;\">\n                            <h2 style=\"margin: 0 0 10px; font-size: 20px;\">Processing order...<\/h2>\n                            <p style=\"margin: 0 0 15px; opacity: 0.85;\">Please wait while we confirm your order.<\/p>\n                            <div class=\"macos-spinner\" style=\"margin: 20px auto;\"><\/div>\n                        <\/div>\n                    <\/div>\n                `);\n\n                $form.find(\"#place_order, button[name=\\\"woocommerce_checkout_place_order\\\"], button[name=\\\"woocommerce_checkout_place_order\\\"]\").prop(\"disabled\", true);\n\n                const ajaxUrl =\n                    window.wc_checkout_params && window.wc_checkout_params.wc_ajax_url\n                        ? window.wc_checkout_params.wc_ajax_url.toString().replace(\"%%endpoint%%\", \"checkout\")\n                        : \"\";\n\n                if (!ajaxUrl) {\n                    form.dataset.macosProcessing = \"0\";\n                    window.location.href = form.action;\n                    return;\n                }\n\n                $.ajax({\n                    type: \"POST\",\n                    url: ajaxUrl,\n                    data: $form.serialize(),\n                    dataType: \"json\",\n                    success: function(result) {\n                        form.dataset.macosProcessing = \"0\";\n                        $modalContent.find(\".macos-checkout-loading-overlay\").remove();\n\n                        if (result && result.result === \"success\") {\n                            if (result.redirect && result.redirect.indexOf(\"order-received\") !== -1) {\n                                renderOrderReceivedInPopup(result.redirect);\n                                return;\n                            }\n                            if (result.redirect) {\n                                window.location.href = result.redirect;\n                                return;\n                            }\n\n                            \/\/ Fallback: reload popup cart cleared state\n                            cart.items = [];\n                            cart.total = 0;\n                            updateCart();\n                            hideCart();\n                            initializeModalHandlers();\n                            return;\n                        }\n\n                        \/\/ Show Woo checkout error messages inside the form\n                        const $notice = $form.find(\".woocommerce-NoticeGroup, .woocommerce-notices-wrapper\").first();\n                        if ($notice.length) {\n                            $notice.empty();\n                        }\n                        if (result && result.messages) {\n                            $form.prepend(result.messages);\n                        }\n                    },\n                    error: function() {\n                        form.dataset.macosProcessing = \"0\";\n                        $modalContent.find(\".macos-checkout-loading-overlay\").remove();\n                        window.location.href = form.action;\n                    }\n                });\n            };\n\n            document.addEventListener(\"submit\", window.macosPopupCheckoutSubmitCaptureHandler, true);\n        }\n\n        function renderOrderReceivedInPopup(url) {\n            const loadingContent = `\n                <div class=\"macos-window-controls\">\n                    <div class=\"macos-control macos-expand\"><\/div>\n                    <div class=\"macos-control macos-minimize\"><\/div>\n                    <div class=\"macos-control macos-close\"><\/div>\n                <\/div>\n                <div class=\"macos-checkout-container\">\n                    <h2>Order received<\/h2>\n                    <p style=\"margin-bottom: 15px;\">Loading your order details...<\/p>\n                    <div class=\"macos-spinner\" style=\"margin: 20px auto;\"><\/div>\n                <\/div>`;\n\n            $(\".macos-modal-content\").html(loadingContent);\n            $(\".macos-modal\").addClass(\"active\");\n            initializeModalHandlers();\n\n            $.get(url, function(responseHtml) {\n                const $response = $(\"<div>\").html(responseHtml);\n                const $thankyouSection = $response.find(\".woocommerce-thankyou\").first();\n                const fallbackHtml = $response.find(\".entry-content, .site-main, main\").first().html();\n\n                if ($thankyouSection.length) {\n                    $(\".macos-modal-content\").html(`\n                        <div class=\"macos-window-controls\">\n                            <div class=\"macos-control macos-expand\"><\/div>\n                            <div class=\"macos-control macos-minimize\"><\/div>\n                            <div class=\"macos-control macos-close\"><\/div>\n                        <\/div>\n                        <div class=\"macos-checkout-container\">\n                            <h2>Order received<\/h2>\n                            <div class=\"macos-popup-checkout-html\">\n                                ${$thankyouSection.prop(\"outerHTML\")}\n                            <\/div>\n                        <\/div>\n                    `);\n                } else if (fallbackHtml) {\n                    $(\".macos-modal-content\").html(`\n                        <div class=\"macos-window-controls\">\n                            <div class=\"macos-control macos-expand\"><\/div>\n                            <div class=\"macos-control macos-minimize\"><\/div>\n                            <div class=\"macos-control macos-close\"><\/div>\n                        <\/div>\n                        <div class=\"macos-checkout-container\">\n                            <h2>Order received<\/h2>\n                            <div class=\"macos-popup-checkout-html\">\n                                ${fallbackHtml}\n                            <\/div>\n                        <\/div>\n                    `);\n                } else {\n                    window.location.href = url;\n                    return;\n                }\n\n                cart.items = [];\n                cart.total = 0;\n                updateCart();\n                hideCart();\n                initializeModalHandlers();\n            }).fail(function() {\n                window.location.href = url;\n            });\n        }\n\n        \/\/ Global modal close handler\n        function initializeModalHandlers() {\n            \/\/ Window controls (close, minimize, expand)\n            $(\".macos-modal-backdrop, .macos-window-controls .macos-control.macos-close\").off(\"click\").on(\"click\", function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                const $modal = $(\".macos-modal\");\n                const $content = $(\".macos-modal-content\");\n\n                \/\/ Add fade out animation\n                $content.css({\n                    \"transform\": \"scale(0.96)\",\n                    \"opacity\": \"0\",\n                    \"transition\": \"all 0.2s cubic-bezier(0.19, 1, 0.22, 1)\"\n                });\n\n                \/\/ Remove active class after animation\n                setTimeout(function() {\n                    $modal.removeClass(\"active\");\n                    \/\/ Reset styles after modal is hidden\n                    setTimeout(function() {\n                        $content.removeAttr(\"style\");\n                    }, 300);\n                }, 180);\n            });\n\n            \/\/ Make close button more prominent\n            $(\".macos-window-controls .macos-control.macos-close\").css({\n                \"cursor\": \"pointer\",\n                \"z-index\": \"100\"\n            });\n\n            \/\/ Prevent modal content clicks from bubbling\n            $(\".macos-modal-content\").off(\"click\").on(\"click\", function(e) {\n                e.stopPropagation();\n            });\n\n            \/\/ Add escape key handler\n            $(document).off(\"keyup.modal\").on(\"keyup.modal\", function(e) {\n                if (e.key === \"Escape\") {\n                    $(\".macos-window-controls .macos-control.macos-close\").trigger(\"click\");\n                }\n            });\n        }\n\n        \/\/ Initialize handlers when document is ready\n        initializeModalHandlers();\n\n        \/\/ Handle remove item from cart\n        $(document).on(\"click\", \".macos-cart-item-remove\", function() {\n            const itemId = $(this).closest(\".macos-cart-item\").data(\"id\");\n            cart.items = cart.items.filter(item => item.id !== itemId);\n            updateCart();\n\n            \/\/ Hide cart if empty\n            if (cart.items.length === 0) {\n                hideCart();\n            }\n        });\n\n        \/\/ Add click handler for the cart toggle button\n        $(\".macos-cart-toggle\").on(\"click\", function() {\n            showCart();\n        });\n\n        \/\/ Function to show the contact form modal\n        function showContactModal() {\n            const contactContent = `\n                <div class=\"macos-window-controls\">\n                    <div class=\"macos-control macos-expand\"><\/div>\n                    <div class=\"macos-control macos-minimize\"><\/div>\n                    <div class=\"macos-control macos-close\"><\/div>\n                <\/div>\n                <div class=\"macos-contact-container\">\n                    <h2 class=\"macos-contact-title\">Contact Us<\/h2>\n                    <form id=\"macos-contact-form\" class=\"macos-contact-form\">\n                        <div class=\"macos-contact-group\">\n                            <label for=\"name\">Name<\/label>\n                            <input type=\"text\" id=\"contact-name\" name=\"name\" required>\n                        <\/div>\n                        <div class=\"macos-contact-group\">\n                            <label for=\"email\">Email Address<\/label>\n                            <input type=\"email\" id=\"contact-email\" name=\"email\" required>\n                        <\/div>\n                        <div class=\"macos-contact-group macos-contact-form-full\">\n                            <label for=\"subject\">Subject<\/label>\n                            <input type=\"text\" id=\"contact-subject\" name=\"subject\" required>\n                        <\/div>\n                        <div class=\"macos-contact-group macos-contact-form-full\">\n                            <label for=\"message\">Message<\/label>\n                            <textarea id=\"contact-message\" name=\"message\" rows=\"5\" required><\/textarea>\n                        <\/div>\n                        <div class=\"macos-contact-form-full\" style=\"text-align: right;\">\n                            <button type=\"submit\" class=\"macos-contact-submit\">Send Message<\/button>\n                        <\/div>\n                        <div class=\"macos-contact-response\"><\/div>\n                    <\/form>\n                <\/div>`;\n\n            $(\".macos-modal-content\").html(contactContent);\n            $(\".macos-modal\").addClass(\"active\");\n\n            \/\/ Initialize modal handlers\n            initializeModalHandlers();\n\n            \/\/ Handle form submission\n            $(\"#macos-contact-form\").on(\"submit\", function(e) {\n                e.preventDefault();\n                \n                const $submitButton = $(\".macos-contact-submit\");\n                const $response = $(\".macos-contact-response\");\n                \n                \/\/ Disable button and show loading state\n                $submitButton.prop(\"disabled\", true).text(\"Sending...\");\n                \n                \/\/ Get form data\n                const formData = {\n                    action: \"process_macos_contact\",\n                    name: $(\"#contact-name\").val(),\n                    email: $(\"#contact-email\").val(),\n                    subject: $(\"#contact-subject\").val(),\n                    message: $(\"#contact-message\").val()\n                };\n                \n                \/\/ Send AJAX request\n                $.ajax({\n                    type: \"POST\",\n                    url: \"https:\/\/buyacc.net\/wp-admin\/admin-ajax.php\",\n                    data: formData,\n                    success: function(response) {\n                        if (response.success) {\n                            \/\/ Show success message\n                            $response.removeClass(\"error\").addClass(\"success\").html(\"Thank you for your message! We'll respond as soon as possible.\").show();\n                            \n                            \/\/ Reset form\n                            $(\"#macos-contact-form\")[0].reset();\n                        } else {\n                            \/\/ Show error message\n                            $response.removeClass(\"success\").addClass(\"error\").html(response.message || \"There was an error sending your message. Please try again.\").show();\n                        }\n                        \n                        \/\/ Re-enable button\n                        $submitButton.prop(\"disabled\", false).text(\"Send Message\");\n                    },\n                    error: function() {\n                        \/\/ Show error message\n                        $response.removeClass(\"success\").addClass(\"error\").html(\"There was an error sending your message. Please try again.\").show();\n                        \n                        \/\/ Re-enable button\n                        $submitButton.prop(\"disabled\", false).text(\"Send Message\");\n                    }\n                });\n            });\n        }\n\n        function addToCart(item) {\n            const existingItem = cart.items.find(i => i.id === item.id);\n\n            if (existingItem) {\n                existingItem.quantity += item.quantity;\n            } else {\n                cart.items.push(item);\n            }\n\n            updateCart();\n        }\n    });\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buyacc.net\/index.php?rest_route=\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyacc.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyacc.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyacc.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyacc.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=259"}],"version-history":[{"count":0,"href":"https:\/\/buyacc.net\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions"}],"wp:attachment":[{"href":"https:\/\/buyacc.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}