{"id":881,"date":"2025-10-30T07:04:18","date_gmt":"2025-10-30T07:04:18","guid":{"rendered":"https:\/\/test.theonlyoud.com\/?page_id=881"},"modified":"2025-10-30T07:04:18","modified_gmt":"2025-10-30T07:04:18","slug":"create-your-own-box","status":"publish","type":"page","link":"https:\/\/theonlyoud.com\/ar\/create-your-own-box\/","title":{"rendered":"Create Your Own Box"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"881\" class=\"elementor elementor-881\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8493d05 e-flex e-con-boxed e-con e-parent\" data-id=\"8493d05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d7a013 elementor-widget elementor-widget-text-editor\" data-id=\"4d7a013\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Only the finest, meticulously handpicked natural oud of the highest quality<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecbda1e elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ecbda1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/theonlyoud.com\/ar\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6b6de2 e-flex e-con-boxed e-con e-parent\" data-id=\"f6b6de2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1595b8f e-flex e-con-boxed e-con e-child\" data-id=\"1595b8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a33ea02 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a33ea02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose your box\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec15c7 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"8ec15c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"shopify-section-template--22860207751470__rich_text_6ywkqA\" class=\"shopify-section index-section\"><div class=\"text-center page-width page-width--narrow\"><div class=\"theme-block\"><div class=\"rte\"><p>Select a Box and any of our products, then pay at once. Ensure your order totals at least 1900 QAR to avoid delivery issues!<\/p><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"woocommerce elementor-element elementor-element-f43e814 elementor-grid-2 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"f43e814\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_skin&quot;:&quot;product&quot;,&quot;template_id&quot;:&quot;245&quot;,&quot;columns&quot;:2,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.product\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-loop-nothing-found-message\">\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"woocommerce elementor-element elementor-element-d8b0194 elementor-grid-2 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"d8b0194\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_skin&quot;:&quot;product&quot;,&quot;template_id&quot;:&quot;245&quot;,&quot;columns&quot;:2,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.product\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-loop-nothing-found-message\">\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7e6230 e-con-full e-flex e-con e-parent\" data-id=\"f7e6230\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e557788 elementor-widget elementor-widget-shortcode\" data-id=\"e557788\" 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\">    <div class=\"cyob-container\" id=\"cyob-app\">\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n             HERO SECTION\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"cyob-hero\" id=\"cyob-hero\">\n            <span class=\"cyob-hero-eyebrow\">Exclusive Collection<\/span>\n            <h1 class=\"cyob-hero-title\">Create Your Own <span>Perfume Box<\/span><\/h1>\n            <p class=\"cyob-hero-subtitle\">Pick your favorite scents and build your custom bundle, curated just for you.<\/p>\n            <button type=\"button\" id=\"cyob-hero-cta\" class=\"cyob-hero-cta\">\n                Start Building\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/button>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n             STEP PROGRESS BAR\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"cyob-progress-wrap\" id=\"cyob-progress-wrap\" style=\"display:none;\">\n            <div class=\"cyob-progress\">\n                <div class=\"cyob-progress-step active\" id=\"cyob-prog-1\">\n                    <div class=\"cyob-progress-bubble\">1<\/div>\n                    <span class=\"cyob-progress-label\">Choose Box<\/span>\n                <\/div>\n                <div class=\"cyob-progress-step\" id=\"cyob-prog-2\">\n                    <div class=\"cyob-progress-bubble\">2<\/div>\n                    <span class=\"cyob-progress-label\">Select Items<\/span>\n                <\/div>\n                <div class=\"cyob-progress-step\" id=\"cyob-prog-3\">\n                    <div class=\"cyob-progress-bubble\">3<\/div>\n                    <span class=\"cyob-progress-label\">Review<\/span>\n                <\/div>\n                <div class=\"cyob-progress-step\" id=\"cyob-prog-4\">\n                    <div class=\"cyob-progress-bubble\">4<\/div>\n                    <span class=\"cyob-progress-label\">Checkout<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n             STEPS AREA\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"cyob-steps-area\" id=\"cyob-steps-area\" style=\"display:none;\">\n\n            <!-- \u2500\u2500 Step 1: Choose Box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div id=\"cyob-step-1\" class=\"cyob-step active\">\n                <div class=\"cyob-step-header\">\n                    <h2 class=\"cyob-step-title\">Choose Your Box<\/h2>\n                    <p class=\"cyob-step-subtitle\">Select the size that suits your collection<\/p>\n                <\/div>\n                <div class=\"cyob-products-grid\">\n                                                <div class=\"cyob-product-card cyob-selectable-box\"\n                                 data-id=\"1479\"\n                                 data-price=\"350\"\n                                 data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Signature-trat-\u0633\u0642\u0646\u062c\u0631-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                 data-name=\"Signture Trat\">\n                                <div class=\"cyob-check-overlay\">\n                                    <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                <\/div>\n                                <div class=\"cyob-product-image\">\n                                    <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Signature-trat-\u0633\u0642\u0646\u062c\u0631-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                         alt=\"Signture Trat\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         width=\"300\" height=\"300\">\n                                <\/div>\n                                <h3 class=\"cyob-product-title\">Signture Trat<\/h3>\n                                <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>350.00<\/span><\/div>\n                                <button type=\"button\" class=\"cyob-btn-select-box\">Select Box<\/button>\n                            <\/div>\n                                                        <div class=\"cyob-product-card cyob-selectable-box\"\n                                 data-id=\"1490\"\n                                 data-price=\"0\"\n                                 data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/IMG_4132-scaled-1-300x300.webp\"\n                                 data-name=\"Oud box\">\n                                <div class=\"cyob-check-overlay\">\n                                    <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                <\/div>\n                                <div class=\"cyob-product-image\">\n                                    <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/IMG_4132-scaled-1-300x300.webp\"\n                                         alt=\"Oud box\"\n                                         loading=\"lazy\"\n                                         decoding=\"async\"\n                                         width=\"300\" height=\"300\">\n                                <\/div>\n                                <h3 class=\"cyob-product-title\">Oud box<\/h3>\n                                <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>0.00<\/span><\/div>\n                                <button type=\"button\" class=\"cyob-btn-select-box\">Select Box<\/button>\n                            <\/div>\n                                            <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 Step 2: Select Products \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div id=\"cyob-step-2\" class=\"cyob-step\">\n                <div class=\"cyob-step-header\">\n                    <h2 class=\"cyob-step-title\">Select Your Scents<\/h2>\n                    <p class=\"cyob-step-subtitle\">Add your favourite products to fill your box<\/p>\n                <\/div>\n\n                <div class=\"cyob-btn-back-wrap\">\n                    <button type=\"button\" id=\"cyob-btn-back\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\n                        Back to Boxes\n                    <\/button>\n                <\/div>\n\n                <div class=\"cyob-step-layout\">\n                    <!-- Products column -->\n                    <div class=\"cyob-step-content\">\n                                                        <div class=\"cyob-category-header\">\n                                    <div class=\"cyob-category-accent\"><\/div>\n                                    <h3 class=\"cyob-category-title\">Oud<\/h3>\n                                <\/div>\n                                <div class=\"cyob-products-grid cyob-bundles-grid\">                                        <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1478\"\n                                             data-price=\"450\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Royal-Assam-\u0631\u0648\u064a\u0627\u0644-\u0627\u0633\u0627\u0645_-300x300.webp\"\n                                             data-name=\"Royal Assam\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Royal-Assam-\u0631\u0648\u064a\u0627\u0644-\u0627\u0633\u0627\u0645_-300x300.webp\"\n                                                     alt=\"Royal Assam\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Royal Assam<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>450.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1479\"\n                                             data-price=\"350\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Signature-trat-\u0633\u0642\u0646\u062c\u0631-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                             data-name=\"Signture Trat\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Signature-trat-\u0633\u0642\u0646\u062c\u0631-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                                     alt=\"Signture Trat\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Signture Trat<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>350.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1481\"\n                                             data-price=\"220\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Jambo-Trat-\u062c\u0627\u0645\u0628\u0648-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                             data-name=\"Jambo Trat\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Jambo-Trat-\u062c\u0627\u0645\u0628\u0648-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                                     alt=\"Jambo Trat\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Jambo Trat<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>220.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1482\"\n                                             data-price=\"220\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Hwan-trat-\u0648\u0627\u0627\u0646-\u062a\u0631\u0627\u062f-300x300.webp\"\n                                             data-name=\"Hwan trat\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Hwan-trat-\u0648\u0627\u0627\u0646-\u062a\u0631\u0627\u062f-300x300.webp\"\n                                                     alt=\"Hwan trat\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Hwan trat<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>220.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1483\"\n                                             data-price=\"405\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Trat-nader-\u062a\u0631\u0627\u062f-\u0646\u0627\u062f\u0631_-300x300.webp\"\n                                             data-name=\"Trat Nader\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Trat-nader-\u062a\u0631\u0627\u062f-\u0646\u0627\u062f\u0631_-300x300.webp\"\n                                                     alt=\"Trat Nader\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Trat Nader<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>405.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1484\"\n                                             data-price=\"110\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Mori-fakher-\u0645\u0648\u0631\u064a-\u0641\u0627\u062e\u0631-300x300.webp\"\n                                             data-name=\"Mori Fakher\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Mori-fakher-\u0645\u0648\u0631\u064a-\u0641\u0627\u062e\u0631-300x300.webp\"\n                                                     alt=\"Mori Fakher\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Mori Fakher<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>110.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1485\"\n                                             data-price=\"320\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Hindi-fakher-\u0647\u0646\u062f\u064a-\u0641\u0627\u062e\u0631-300x300.webp\"\n                                             data-name=\"Hindi fakher\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Hindi-fakher-\u0647\u0646\u062f\u064a-\u0641\u0627\u062e\u0631-300x300.webp\"\n                                                     alt=\"Hindi fakher\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Hindi fakher<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>320.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1486\"\n                                             data-price=\"285\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Sailani-aldoha-\u0633\u064a\u0644\u0627\u0646\u064a-\u0627\u0644\u062f\u0648\u062d\u0629-300x300.webp\"\n                                             data-name=\"Sailani Aldoha\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Sailani-aldoha-\u0633\u064a\u0644\u0627\u0646\u064a-\u0627\u0644\u062f\u0648\u062d\u0629-300x300.webp\"\n                                                     alt=\"Sailani Aldoha\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Sailani Aldoha<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>285.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1487\"\n                                             data-price=\"160\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Special-Suyufi-\u0633\u064a\u0648\u0641\u064a-\u0645\u0645\u064a\u0632_-300x300.webp\"\n                                             data-name=\"Suyufi\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Special-Suyufi-\u0633\u064a\u0648\u0641\u064a-\u0645\u0645\u064a\u0632_-300x300.webp\"\n                                                     alt=\"Suyufi\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Suyufi<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>160.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1488\"\n                                             data-price=\"265\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Indian-char-\u0686\u0627\u0631-\u0647\u0646\u062f\u064a_-300x300.webp\"\n                                             data-name=\"Indian char\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Indian-char-\u0686\u0627\u0631-\u0647\u0646\u062f\u064a_-300x300.webp\"\n                                                     alt=\"Indian char\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Indian char<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>265.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1489\"\n                                             data-price=\"250\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Mini-trat-\u0645\u064a\u0646\u064a-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                             data-name=\"Mini Trat\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Mini-trat-\u0645\u064a\u0646\u064a-\u062a\u0631\u0627\u062f_-300x300.webp\"\n                                                     alt=\"Mini Trat\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Mini Trat<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>250.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1491\"\n                                             data-price=\"385\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/DSC00454-scaled-1-300x300.jpg\"\n                                             data-name=\"Sailani Adam\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/DSC00454-scaled-1-300x300.jpg\"\n                                                     alt=\"Sailani Adam\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Sailani Adam<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>385.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1492\"\n                                             data-price=\"230\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/DSC00446-scaled-1-300x300.jpg\"\n                                             data-name=\"Moroki\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/DSC00446-scaled-1-300x300.jpg\"\n                                                     alt=\"Moroki\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Moroki<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>230.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                                                                <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1493\"\n                                             data-price=\"275\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Photo-17-02-2026-11-51-00-PM-1-1-300x300.jpg\"\n                                             data-name=\"Package 1\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Photo-17-02-2026-11-51-00-PM-1-1-300x300.jpg\"\n                                                     alt=\"Package 1\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Package 1<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>275.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                        <\/div>                                <div class=\"cyob-category-header\">\n                                    <div class=\"cyob-category-accent\"><\/div>\n                                    <h3 class=\"cyob-category-title\">OUD Oil<\/h3>\n                                <\/div>\n                                <div class=\"cyob-products-grid cyob-bundles-grid\">                                        <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1480\"\n                                             data-price=\"410\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Klakasi-\u0643\u0644\u0627\u0643\u0633\u064a_-e1766543659430-300x300.webp\"\n                                             data-name=\"Klakasi\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Klakasi-\u0643\u0644\u0627\u0643\u0633\u064a_-e1766543659430-300x300.webp\"\n                                                     alt=\"Klakasi\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Klakasi<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>410.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                        <\/div>                                <div class=\"cyob-category-header\">\n                                    <div class=\"cyob-category-accent\"><\/div>\n                                    <h3 class=\"cyob-category-title\">Promotion<\/h3>\n                                <\/div>\n                                <div class=\"cyob-products-grid cyob-bundles-grid\">                                        <div class=\"cyob-product-card cyob-selectable-bundle\"\n                                             data-id=\"1486\"\n                                             data-price=\"285\"\n                                             data-image=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Sailani-aldoha-\u0633\u064a\u0644\u0627\u0646\u064a-\u0627\u0644\u062f\u0648\u062d\u0629-300x300.webp\"\n                                             data-name=\"Sailani Aldoha\">\n                                            <div class=\"cyob-check-overlay\">\n                                                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                                            <\/div>\n                                            <div class=\"cyob-product-image\">\n                                                <img loading=\"lazy\" src=\"https:\/\/theonlyoud.com\/ar\/wp-content\/uploads\/2026\/03\/Sailani-aldoha-\u0633\u064a\u0644\u0627\u0646\u064a-\u0627\u0644\u062f\u0648\u062d\u0629-300x300.webp\"\n                                                     alt=\"Sailani Aldoha\"\n                                                     loading=\"lazy\"\n                                                     decoding=\"async\"\n                                                     width=\"300\" height=\"300\">\n                                            <\/div>\n                                            <h4 class=\"cyob-product-title\">Sailani Aldoha<\/h4>\n                                            <div class=\"cyob-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#x631;.&#x642;<\/span>285.00<\/span><\/div>\n                                            <div class=\"cyob-qty-controls\">\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-minus\">\u2212<\/button>\n                                                <input type=\"number\" class=\"cyob-qty-input\" value=\"0\" min=\"0\" step=\"1\" readonly>\n                                                <button type=\"button\" class=\"cyob-qty-btn cyob-qty-plus\">+<\/button>\n                                            <\/div>\n                                        <\/div>\n                                        <\/div>                    <\/div>\n\n                    <!-- Live Preview Panel -->\n                    <aside class=\"cyob-preview-panel\" id=\"cyob-preview-panel\">\n                        <div class=\"cyob-preview-header\">\n                            <h4 class=\"cyob-preview-title\">Your Box<\/h4>\n                            <span class=\"cyob-preview-count\" id=\"cyob-preview-count\">0 items<\/span>\n                        <\/div>\n                        <div class=\"cyob-preview-items\" id=\"cyob-preview-items\">\n                            <div class=\"cyob-preview-empty\" id=\"cyob-preview-empty\">\n                                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--cyob-text-muted)\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg>\n                                <span>Your box is empty<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"cyob-preview-footer\" id=\"cyob-preview-footer\">\n                            <div class=\"cyob-preview-total-row\">\n                                <span>Box<\/span>\n                                <span id=\"cyob-preview-box-price\">&#x631;.&#x642;0.00<\/span>\n                            <\/div>\n                            <div class=\"cyob-preview-total-row\">\n                                <span>Items<\/span>\n                                <span id=\"cyob-preview-items-price\">&#x631;.&#x642;0.00<\/span>\n                            <\/div>\n                            <div class=\"cyob-preview-total-row main\">\n                                <span>Total<\/span>\n                                <span id=\"cyob-preview-total\">&#x631;.&#x642;0.00<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/aside>\n                <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 Step 3: Review \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div id=\"cyob-step-3\" class=\"cyob-step\">\n                <div class=\"cyob-step-header\">\n                    <h2 class=\"cyob-step-title\">Review Your Box<\/h2>\n                    <p class=\"cyob-step-subtitle\">Confirm your selections before checkout<\/p>\n                <\/div>\n\n                <div class=\"cyob-btn-back-wrap\">\n                    <button type=\"button\" id=\"cyob-btn-back-2\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\n                        Edit Selection\n                    <\/button>\n                <\/div>\n\n                <div class=\"cyob-review-grid\">\n                    <!-- Items list -->\n                    <div>\n                        <span class=\"cyob-section-label\">Items in your box<\/span>\n                        <div class=\"cyob-review-items\" id=\"cyob-review-items\">\n                            <!-- Populated by JS -->\n                        <\/div>\n                    <\/div>\n\n                    <!-- Summary sidebar -->\n                    <div class=\"cyob-review-summary\">\n                        <h4 class=\"cyob-review-summary-title\">Order Summary<\/h4>\n                        <div class=\"cyob-review-summary-row\">\n                            <span>Box<\/span>\n                            <span id=\"cyob-rs-box\">&#x631;.&#x642;0.00<\/span>\n                        <\/div>\n                        <div class=\"cyob-review-summary-row\">\n                            <span>Items subtotal<\/span>\n                            <span id=\"cyob-rs-items\">&#x631;.&#x642;0.00<\/span>\n                        <\/div>\n                        <div class=\"cyob-review-summary-total\">\n                            <span>Total<\/span>\n                            <span id=\"cyob-rs-total\">&#x631;.&#x642;0.00<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- \/.cyob-steps-area -->\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n             FLOATING ACTION BAR\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"cyob-floating-bar\" class=\"cyob-floating-bar\" style=\"display: none;\">\n            <div class=\"cyob-floating-content\">\n                <div class=\"cyob-selected-items-display\" id=\"cyob-selected-items\"><\/div>\n\n                <div class=\"cyob-floating-info\" id=\"cyob-floating-info\" style=\"display:none;\">\n                    <div class=\"cyob-floating-label\">Total<\/div>\n                    <div class=\"cyob-floating-total\">\n                        &#x631;.&#x642;<span id=\"cyob-total-price\">0.00<\/span>\n                    <\/div>\n                <\/div>\n\n                <div id=\"cyob-validation-messages\" class=\"cyob-validation-messages\">\n                    <span id=\"cyob-msg-price\" class=\"cyob-error-msg\" style=\"display: none;\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n                        Add &#x631;.&#x642;<span id=\"cyob-remaining-price\">500.00<\/span> more\n                    <\/span>\n                    <span id=\"cyob-msg-bundles\" class=\"cyob-error-msg\" style=\"display: none;\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n                        Select <span id=\"cyob-remaining-bundles\">2<\/span> more items\n                    <\/span>\n                <\/div>\n\n                <div class=\"cyob-action-area\">\n                    <button type=\"button\" id=\"cyob-btn-action\" class=\"cyob-btn-action\">\n                        <span id=\"cyob-action-text\">Next<\/span>\n                        <svg id=\"cyob-action-icon\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div><!-- \/#cyob-app -->\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Only the finest, meticulously handpicked natural oud of the highest quality Home Choose your box Select a Box and any of our products, then pay at once. Ensure your order totals at least 1900 QAR to avoid delivery issues!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-881","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/pages\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":0,"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"wp:attachment":[{"href":"https:\/\/theonlyoud.com\/ar\/wp-json\/wp\/v2\/media?parent=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}