1 2 3 4 5 6 7 8<!DOCTYPE html> 9 10<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" 11 lang="ar" 12 dir="rtl"> 13 14<head> 15 16 17 18 19 20 21 22 23 24 25 26 27 28<!-- Snap Pixel Code --> 29
29<script type="text/javascript"> 30 (function (e, t, n) { 31 if (e.snaptr) return; 32 var a = (e.snaptr = function () { 33 a.handleRequest ? a.handleRequest.apply(a, arguments) : a.queue.push(arguments); 34 }); 35 a.queue = []; 36 var s = 'script'; 37 r = t.createElement(s); 38 r.async = !0; 39 r.src = n; 40 var u = t.getElementsByTagName(s)[0]; 41 u.parentNode.insertBefore(r, u); 42 })(window, document, 'https://sc-static.net/scevent.min.js'); 43 44 snaptr('init', '18de90b9-9f1a-4fe7-9fbd-4cf57147ed07', {}); 45 46 snaptr('track', 'PAGE_VIEW'); 47 </script>
47 48 <!-- End Snap Pixel Code --> 49 50 51 52 53 54 55 56 57 58 <meta charset="utf-8" /> 59 <title> house of HM </title> 60 <meta name="description" 61 content=" Default description for house of HM website " /> 62 <meta name="keywords" content="" /> 63 64 65 66 <meta name="author" content="Al7osam" /> 67 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 68 69 <!-- Twitter Meta Tags --> 70 <meta name="twitter:card" content="summary_large_image"> 71 <meta name="twitter:title" 72 content=" house of HM "> 73 <meta name="twitter:description" 74 content="Default description for house of HM website"> 75 76 77 78 79 80 81 82 83 84 85 <meta name="twitter:image" content="https://houseofhm.com/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/storeScreenshots/0901e432-6c0a-4a2e-9c19-9126f6c8dc26.png" /> 86 87 <!-- Canonical URL (helps prevent duplicate content issues) --> 88 <link rel="canonical" href="https://houseofhm.com/products" /> 89 90 91 <!-- Open Graph / Facebook Meta Tags (for social sharing) --> 92 <meta property="og:title" 93 content=" house of HM " /> 94 <meta property="og:description" 95 content="Default description for house of HM website" /> 96 <meta property="og:image" content="https://houseofhm.com/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/storeScreenshots/0901e432-6c0a-4a2e-9c19-9126f6c8dc26.png" /> 97 <meta property="og:image:width" content="1200" /> 98 <meta property="og:image:height" content="630" /> 99 <meta property="og:image:type" content="image/jpeg" /> 100 101 102 103 104 <meta property="og:type" content="product" /> 105 106 <meta property="og:url" content="https://houseofhm.com/products" /> 107 <meta property="og:site_name" content="house of HM" /> 108 <meta property="og:locale" content="ar_SA" /> 109 <link rel="stylesheet" 110 href="https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css"> 111 <link rel="stylesheet" href="/Views/Themes/decor/V1/Assets/fonts/font-icons.css" /> 112 <link rel="stylesheet" href="/Views/Themes/decor/V1/Assets/css/bootstrap.min.css" /> 113 <link rel="stylesheet" href="/Views/Themes/decor/V1/Assets/css/swiper-bundle.min.css" /> 114 <link rel="stylesheet" href="/Views/Themes/decor/V1/Assets/css/animate.css" media="print" onload="this.media='all'" /> 115 <link rel="preload" href="/Views/Themes/decor/V1/Assets/css/styles.css" as="style" /> 116 <link rel="stylesheet" type="text/css" href="/Views/Themes/decor/V1/Assets/css/styles.css" /> 117 <link rel="stylesheet" type="text/css" href="/Views/Themes/decor/V1/Assets/css/style-rtl.css" /> 118 119 120 121 122 <!-- Favicon and Touch Icons - absolute URL from current domain --> 123 <link rel="shortcut icon" href="https://houseofhm.com/favicon.ico" type="image/x-icon" /> 124 <link rel="icon" href="https://houseofhm.com/favicon.ico" type="image/x-icon" /> 125 <link rel="apple-touch-icon" href="https://houseofhm.com/favicon.ico" /> 126 127 128 129 130 131 132
132<script src="/__bundles/LeptonXLite.Global.B846B3168EDD81627CD98A42A8109A0A.js" defer></script>
132 133 134
134<script src="/libs/jquery-validation/localization/messages_ar.js" defer></script>
134 135 136
136<script src="/libs/select2/js/i18n/ar.js" defer></script>
136 137 138
138<script src="/libs/timeago/locales/jquery.timeago.ar.js" defer></script>
138 139 140
140<script src="/libs/bootstrap-datepicker/locales/bootstrap-datepicker.ar.min.js" defer></script>
140 141 142
142<script src="/libs/moment/locale/ar.js" defer></script>
142 143 144
144<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js" defer></script>
144 145 146 147 148
148<script> 149 150 window.cultureInfo = { 151 currentLang: "ar", 152 }; 153 154 </script>
154 155 156 157 158 159 160 161 162 163 164 165
166<script src="https://cdn.jsdelivr.net/npm/@microsoft/[email protected]/dist/browser/signalr.min.js" defer></script>
166 167
168<script src="https://cdn.jsdelivr.net/npm/disable-devtool" defer></script>
168 169 170 171 172<!-- // Live Environment For Saudi Arabia -->
173<script src="https://sa.myfatoorah.com/payment/v1/session.js" defer></script>
173 174 175 176 177 178 179
180<script src="https://cdn.jsdelivr.net/npm/paymob-pixel@latest/main.js" type="module"></script>
180 181 182 183<!-- ===== AI-CHANGE START [LIQUID][AI-DONE][LIQUID-20260203-01] ===== 184reason: load MISpay widget SDK once in shared head based on tenant MISpay settings 185scope: add conditional script tag that references sandbox MISpay widget SDK using store.MisPayAccessKey when MISpay and widget are enabled 186risk: low 187===== AI-CHANGE END ===== --> 188 189 190 191 192 193 194 195 196 197 198 <style> 199 .myfatoorah-payment-section { 200 border-radius: 12px; 201 padding: 20px; 202 margin-top: 20px; 203 } 204 205 .payment-methods-accordion .card { 206 border: unset; 207 background-color: #fbfbfc; 208 border-radius: 10px; 209 } 210 211 #cardPaymentHeader .btn { 212 text-decoration: none; 213 } 214 215 #cardPaymentHeader { 216 background: #f7f7f7; 217 border: none; 218 } 219 220 #applePayHeader .btn, 221 #stcPayHeader .btn { 222 text-decoration: unset; 223 color: black; 224 font-size: 18px; 225 font-weight: 600; 226 } 227 228 #applePayHeade, 229 .card-header { 230 border: unset !important; 231 } 232 233 #stcPayHeader { 234 border: unset !important; 235 } 236 237 .variant-picker-item.variant-size .variant-picker-values input:checked+label.style-text:not(.color-btn) { 238 background-color: var(--text); 239 } 240 241 .variant-picker-item.variant-size .variant-picker-values input:checked+label.style-text:not(.color-btn) p { 242 color: var(--white); 243 } 244 245 .statistics-icon { 246 max-width: 100px; 247 margin: auto; 248 background-color: aliceblue; 249 padding: 20px; 250 border-radius: 20px; 251 } 252 253 .justify-center { 254 justify-content: center; 255 align-items: center; 256 gap: 10px; 257 } 258 259 .accordion-button::after { 260 margin-left: unset; 261 margin-right: auto; 262 } 263 264 .accordion-button { 265 background-color: unset !important 266 } 267 268 .accordion-item { 269 border: unset; 270 border-bottom: 1px solid black; 271 272 } 273 274 .selected-address-summary { 275 padding: 15px !important; 276 border-radius: 10px !important; 277 } 278 279 .accordion-button span { 280 line-height: 1; 281 font-weight: 600; 282 font-size: 20px; 283 } 284 285 .accordion-item { 286 border-radius: 0 !important; 287 border-bottom: 1px solid #e1e1e1; 288 margin-bottom: 15px !important 289 } 290 291 292 .accordion-button:focus { 293 border-color: unset; 294 outline: 0; 295 box-shadow: unset; 296 } 297 298 .tab-reviews .rating-score .number-2 { 299 width: 45px !important; 300 } 301 302 .div-aligned-footer{ 303 flex-direction: column; 304 align-items: center; 305 display: flex; 306 gap:5px; 307 justify-content: center; 308 } 309 310 .gap-20px{ 311 gap:20px !important; 312 313 } 314 315 .div-aligned-footer span{ 316 font-size: 13px!important; 317 text-align: center; 318 color: var(--text); 319 } 320 321 .mt-20px{ 322 margin-top:20px !important; 323 324 } 325 326 .btn-close{ 327 margin-right: auto!important; 328 margin-left: unset!important; 329 } 330 331 332 .wrap-slider .box-content{ 333 top: 85%; 334 } 335 336 .wrap-slider .box-content .fade-item a.tf-btn { 337 margin-top: 0; 338 } 339 340</style> 341 342 343 344<style> 345 .btn-underline{ 346 text-decoration: underline; 347 color: var(--footer-bg) !important; 348 349 } 350 .bg-soft-primary { 351 background-color: rgb(251 251 252) !important; 352 } 353 354 .bg-soft-success { 355 background-color: rgba(40, 167, 69, 0.1) !important; 356 } 357 358 /* Address Card Styles */ 359 .address-card { 360 transition: all 0.3s ease; 361 } 362 363 .address-card-inner { 364 transition: all 0.3s ease; 365 position: relative; 366 overflow: hidden; 367 } 368 369 .address-card-inner:hover { 370 transform: translateY(-2px); 371 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; 372 } 373 374 .address-card-selected .address-card-inner { 375 border-color: var(--bs-primary, #007bff) !important; 376 box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2) !important; 377 background: linear-gradient(135deg, rgb(231 231 231) 0%, rgba(255, 255, 255, 1) 100%); 378 ; 379 } 380 381 .address-card-selected .address-card-inner:hover { 382 box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3) !important; 383 } 384 385 .address-actions { 386 transition: opacity 0.3s ease; 387 } 388 389 .address-card:hover .address-actions { 390 opacity: 1; 391 } 392 393 .contact-info { 394 display: flex; 395 flex-direction: column; 396 gap: 4px; 397 } 398 399 .address-details { 400 background: #f8f9fa; 401 padding: 12px; 402 border-radius: 6px; 403 border-left: 3px solid var(--secondary); 404 } 405 406 .selected-address-summary { 407 animation: slideIn 0.3s ease; 408 } 409 410 @keyframes slideIn { 411 from { 412 opacity: 0; 413 transform: translateY(-10px); 414 } 415 416 to { 417 opacity: 1;
418 transform: translateY(0); 419 } 420 } 421 422 /* Radio button styling */ 423 .radio-wrapper input[type="radio"] { 424 cursor: pointer; 425 } 426 427 428 /* Button hover effects */ 429 .address-actions .btn { 430 transition: all 0.2s ease; 431 } 432 433 .address-actions .btn:hover { 434 transform: translateY(-1px); 435 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 436 } 437 438 .address-actions .btn-outline-danger:hover { 439 background-color: var(--bs-danger); 440 color: white; 441 } 442 443 .address-actions .btn-outline-primary:hover { 444 background-color: var(--bs-primary); 445 color: white; 446 } 447 448 .address-actions .btn-outline-secondary:hover { 449 background-color: var(--secondary) !important; 450 border: unset !important; 451 color: white; 452 } 453 454 /* Responsive adjustments */ 455 @media (max-width: 768px) { 456 .address-card-inner { 457 padding: 15px !important; 458 } 459 460 .address-actions { 461 flex-direction: column; 462 } 463 464 .address-actions .btn { 465 width: 100%; 466 } 467 } 468 469 470 .address-card .address-card-inner { 471 box-shadow: 0 0 20px #00000021 !important; 472 background-color: #fbfbfc !important; 473 border: 1px solid #d5d5d5 !important; 474 padding: 20px !important; 475 } 476 477 .main-location { 478 top: 15px; 479 left: 15px; 480 padding: 6px 12px; 481 font-size: 11px; 482 font-weight: 600; 483 border-radius: 20px; 484 } 485 486 .radio-address-btn { 487 width: 20px; 488 height: 20px; 489 cursor: pointer; 490 accent-color: #000000 !important; 491 492 } 493 494 .close-address-modal { 495 margin-right: auto !important; 496 margin-left: unset !important; 497 } 498 499 .btn { 500 border-radius: 50px !important; 501 } 502 503 .box-location-address { 504 padding: 15px !important; 505 margin-top: 15px !important; 506 } 507 508 .btn-loc { 509 background-color: var(--secondary) !important; 510 border: unset !important; 511 color: var(--white) !important; 512 gap: 10px !important; 513 } 514 515 .location-details { 516 padding: 15px !important; 517 } 518 519 .model-address label { 520 font-weight: 600 !important; 521 font-size: 16px !important; 522 color: var(--text) !important; 523 } 524 525 .form-check .form-check-input { 526 margin-left: unset !important; 527 margin-right: 0em !important; 528 } 529 530 531 .selected-address-summary { 532 background-color: rgba(var(--secondary), 0.5) !important; 533 border: 1px solid var(--secondary) !important; 534 535 } 536 537 538 .delivery-rate { 539 font-size: 16px !important; 540 } 541 542 .selected-courier { 543 border: 2px solid var(--secondary) !important; 544 background: linear-gradient(135deg, rgb(231 231 231) 0%, rgba(255, 255, 255, 1) 100%); 545 } 546 547 .courier-logo-img { 548 width: 120px; 549 height: 50px; 550 position: relative; 551 border-radius: 50px; 552 overflow: hidden; 553 } 554 555 .courier-logo-img img { 556 width: 100%; 557 height: 100%; 558 object-fit: cover; 559 } 560 .attach-div { 561 align-items: start!important; 562 border-bottom: 1px solid #e1e1e1!important; 563 } 564 565 .attach-div .content{ 566 width: 100%!important; 567 } 568 .attachment-item{ 569 margin-bottom: 15px!important; 570 justify-content: space-between!important; 571 } 572 573 .text-darkk{ 574 color: var(--text)!important; 575 } 576 body .widget-tabs .widget-content-tab .text-darkk .fs-25{ 577 font-size: 25px!important; 578 } 579 580 /* Add this to your stylesheet */ 581 .veri01, .veri02, .veri03 { 582 flex: 1 1 0; /* Equal width for all items */ 583 min-width: 120px; /* Minimum width for each item */ 584 } 585 586 .icon-container { 587 height: 40px; /* Fixed height for icons */ 588 display: flex; 589 align-items: center; 590 justify-content: center; 591 } 592 593 .div-aligned-footer { 594 padding: 15px 10px; 595 border-radius: 8px; 596 transition: all 0.3s ease; 597 } 598 599 .decor-slider { 600 position: relative; 601 } 602 603 .container.wrap-navigation { 604 display: flex; 605 width: 100%; 606 flex-direction: row-reverse; 607 position: absolute; 608 top: 50%; 609 left: 0; 610 z-index: 999; 611 justify-content: space-between; 612 align-items: center; 613 } 614 .snap-icon svg {
615 fill:var(--footer-text); 616 } 617 .snap-icon a:hover{ 618 background:#f7f200; 619 border:1px solid #f7f200 !important; 620 } 621 622 .snap-icon a:hover { 623 background: #f7f200!important; 624 } 625 626 .Paymentscreen{ 627 min-height: 100vh; 628 display: flex; 629 justify-content: center; 630 align-items: center; 631 632 } 633 634 .confii{ 635 background:url('/Images/confii.png') no-repeat center center fixed; 636 background-size: cover;) 637 } 638 639 .img-payment-result svg{ 640 width: 138px; 641 height: auto; 642 margin-bottom: 20px; 643 } 644 645 .login-tabs-main{ 646 647 display: inline-block; 648 649 } 650 651 .login-tabs{ 652 background-color: #f5f5f5; 653 padding: 12px 20px; 654 border-radius: 50px; 655 font-weight: 600; 656 display: flex; 657 align-items: center; 658 justify-content: center; 659 } 660 661 .login-tab-btn.active{ 662 background-color:var(--footer-bg); 663 padding:9px 20px 5px; 664 border-radius: 50px; 665 color: white; 666 667 } 668 669 #loginForm{ 670 text-align: center; 671 672 } 673 674 #loginForm .tf-field{ 675 text-align: right; 676 } 677 678 #bankTransferFile{ 679 width: 100%; 680 border-radius: 0; 681 height: 100%; 682 } 683 684 .card-product .card-product-wrapper .on-sale-wrap.promo-item { 685 bottom: 0 !important; 686 top: unset; 687 } 688 689 /* ===== AI-CHANGE START [UI][AI-DONE][FEATURE-20260917-33] ===== */ 690 .card-product .card-product-wrapper .on-sale-wrap.offer-list-badges { 691 display: flex; 692 flex-direction: column; 693 align-items: flex-end; 694 gap: 4px; 695 } 696 697 .card-product .card-product-wrapper .on-sale-wrap.offer-list-badges .on-sale-item, 698 .rtl .card-product .card-product-wrapper .on-sale-wrap.offer-list-badges .on-sale-item { 699 display: inline-flex; 700 align-items: center; 701 justify-content: center; 702 gap: 4px; 703 width: auto; 704 max-width: 100%; 705 min-width: 0; 706 padding: 4px 10px; 707 line-height: 1; 708 white-space: nowrap; 709 word-break: normal; 710 direction: rtl; 711 overflow: visible; 712 } 713 714 .card-product .card-product-wrapper .on-sale-wrap.offer-list-badges .on-sale-item .icon-saudi_riyal { 715 font-size: 18px !important; 716 width: 1em; 717 height: 1em; 718 line-height: 1; 719 display: inline-block; 720 flex: 0 0 auto; 721 } 722 723 .tf-product-info-price .badges-on-sale { 724 display: inline-flex; 725 align-items: center; 726 gap: 4px; 727 direction: rtl; 728 white-space: nowrap; 729 } 730 731 .tf-product-info-price .badges-on-sale .icon-saudi_riyal { 732 font-size: 18px !important; 733 width: 1em; 734 height: 1em; 735 line-height: 1; 736 display: inline-block; 737 flex: 0 0 auto; 738 } 739 /* ===== AI-CHANGE END ===== */ 740 741 /* ===== AI-CHANGE START [UI][AI-DONE][FEATURE-20260917-36] ===== */ 742 .tf-page-cart-checkout .tf-cart-totals-discounts .total-value, 743 .tf-mini-cart-bottom-wrap .tf-cart-totals-discounts .price, 744 .cart-money, 745 .cart-price { 746 display: inline-flex !important; 747 flex-direction: row !important; 748 flex-wrap: nowrap !important; 749 align-items: center !important; 750 gap: 4px; 751 white-space: nowrap !important; 752 min-width: max-content; 753 } 754 755 .tf-page-cart-checkout .tf-cart-totals-discounts .total-value .icon-saudi_riyal, 756 .tf-mini-cart-bottom-wrap .tf-cart-totals-discounts .price .icon-saudi_riyal, 757 .cart-money .icon-saudi_riyal, 758 .cart-price .icon-saudi_riyal { 759 font-size: 18px !important; 760 width: 18px !important; 761 height: 18px !important; 762 line-height: 1 !important; 763 display: inline-block !important; 764 flex: 0 0 18px !important; 765 order: unset !important; 766 } 767 768 .tf-mini-cart-bottom-wrap .tf-cart-totals-discounts .price .totalCartPrice { 769 display: inline !important; 770 } 771 /* ===== AI-CHANGE END ===== */ 772 773 .card-product .card-product-wrapper .on-sale-wrap.promo-item .on-sale-item { 774 background-color: var(--primary); 775 color: var(--white); 776 font-size: 12px !important; 777 } 778 779 780 781 782 .tf-social-icon .social-youtube:hover { 783 background: var(--youtube-cl) !important; 784 color: var(--white); 785 } 786 787 .tf-social-icon .social-line.social-facebook:hover { 788 background: transparent; 789 color: white !important; 790 border-color: var(--facebook-cl); 791 } 792 793 .tf-social-icon .social-line.social-twiter:hover { 794 background: transparent; 795 color: white; 796 border-color: var(--twitter-cl); 797 } 798 799 .tf-social-icon .social-line.social-instagram:hover { 800 background: transparent; 801 color: var(--threads-cl); 802 border-color: var(--threads-cl); 803 } 804 805 .tf-social-icon .social-line.social-tiktok:hover { 806 background: transparent; 807 color: var(--tiktok-cl2); 808 border-color: var(--tiktok-cl2); 809 } 810 811 .tf-social-icon .social-line.social-pinterest:hover { 812 background: transparent; 813 color: var(--pinterest-cl); 814 border-color: var(--pinterest-cl); 815 } 816 817 .tf-social-icon .social-line.social-youtube:hover { 818 background: transparent; 819 color: white !important; 820 border-color: var(--youtube-cl); 821 } 822 823 .tf-social-icon.style-default li { 824 display: inline-flex; 825 } 826 827 .tf-social-icon.style-default li a { 828 border: 0 !important; 829 } 830 831 .tf-social-icon.style-default li a:hover { 832 background: unset !important; 833 } 834 835 .tf-social-icon.style-default li .social-facebook:hover { 836 color: var(--facebook-cl); 837 } 838 839 .tf-social-icon.style-default li .social-twiter:hover { 840 color: var(--twitter-cl); 841 } 842 843 .tf-social-icon.style-default li .social-instagram:hover { 844 color: var(--threads-cl); 845 } 846 847 .tf-social-icon.style-default li .social-tiktok:hover { 848 color: var(--tiktok-cl2); 849 } 850 851 .tf-social-icon.style-default li .social-pinterest:hover { 852 color: var(--pinterest-cl); 853 } 854 855 .tf-social-icon.style-default li .social-youtube:hover { 856 color: var(--youtube-cl); 857 } 858 859 /* ===== AI-CHANGE START [UI][AI-DONE][NOTIF-20260909-05] ===== */ 860 .notify-outline { 861 display: block; 862 width: 18px;
863 height: 18px; 864 background-color: currentColor; 865 /* ===== AI-CHANGE START [UI][AI-DONE][NOTIF-20260909-07] ===== */ 866 /* reason: bell stroke was thinner than bag/heart/account/search icomoon glyphs */ 867 /* scope: raise SVG mask stroke-width from 1.7 to 2.4 */ 868 /* risk: low */ 869 /* ===== AI-CHANGE END ===== */ 870 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'%3E%3C/path%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; 871 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'%3E%3C/path%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat; 872 } 873 .tf-toolbar-bottom .toolbar-item a .toolbar-icon .notify-outline { 874 color: var(--text); 875 } 876 /* ===== AI-CHANGE START [UI][AI-DONE][NOTIF-20260909-12] ===== */ 877 .notification-item.notification-unread { 878 cursor: pointer; 879 } 880 /* ===== AI-CHANGE END ===== */ 881 /* ===== AI-CHANGE END ===== */ 882 883 /* ===== AI-CHANGE START [UI][AI-DONE][UI-20260922-01] ===== 884 reason: address map needs a search field and a visible location-access hint 885 scope: checkout address map search and hint overlay 886 risk: low 887 ===== AI-CHANGE END ===== */ 888 .address-map-tools { 889 display: flex; 890 flex-direction: column; 891 gap: 10px; 892 } 893 894 .address-map-search { 895 display: flex; 896 align-items: stretch; 897 gap: 8px; 898 } 899 900 .address-map-search .form-control { 901 flex: 1 1 auto; 902 min-width: 0; 903 min-height: 44px; 904 } 905 906 .address-map-search-btn { 907 flex: 0 0 auto; 908 min-height: 44px; 909 padding-inline: 16px; 910 border: 0; 911 border-radius: 50px; 912 background: var(--secondary); 913 color: var(--white); 914 font-weight: 600; 915 } 916 917 .address-map-search-error { 918 margin: 0; 919 font-size: 13px; 920 } 921 922 .address-map-frame { 923 position: relative; 924 height: 300px; 925 border-radius: 8px; 926 border: 1px solid var(--line); 927 overflow: hidden; 928 } 929 930 #address-modal-map { 931 height: 100%; 932 width: 100%; 933 } 934 935 .map-location-hint-backdrop { 936 position: absolute; 937 inset: 0; 938 z-index: 3; 939 display: flex; 940 align-items: center; 941 justify-content: center; 942 padding: 12px; 943 background: rgba(0, 0, 0, 0.28); 944 } 945 946 .map-location-hint { 947 width: min(100%, 340px); 948 max-height: 100%; 949 overflow: auto; 950 display: flex; 951 flex-direction: column; 952 gap: 8px; 953 padding: 14px; 954 border-radius: 12px; 955 background: var(--white); 956 text-align: center; 957 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); 958 } 959 960 .map-location-hint-title { 961 margin: 0; 962 font-size: 16px; 963 font-weight: 700; 964 color: var(--text); 965 } 966 967 .map-location-hint-text { 968 margin: 0; 969 font-size: 14px; 970 line-height: 1.5; 971 color: var(--text); 972 } 973 974 .map-location-hint-actions { 975 display: flex; 976 flex-wrap: wrap; 977 justify-content: center; 978 gap: 8px; 979 margin-top: 4px; 980 } 981 982 .map-location-hint-actions .tf-btn, 983 .map-location-hint-actions .btn { 984 min-height: 40px; 985 padding-inline: 18px; 986 } 987 988 .pac-container { 989 z-index: 2000 !important; 990 } 991 992 @media (max-width: 430px) { 993 .map-location-hint-actions { 994 flex-direction: column; 995 } 996 997 .map-location-hint-actions .tf-btn, 998 .map-location-hint-actions .btn { 999 width: 100%; 1000 } 1001 } 1002</style> 1003 1004 1005 1006 1007 1008<style> 1009 .oc-page { 1010 width: 100%; 1011 padding: 28px 0 56px; 1012 } 1013 1014 .oc-page .oc-hero, 1015 .oc-page .oc-card, 1016 .oc-page .oc-layout, 1017 .oc-page .oc-actions, 1018 .oc-page .oc-steps { 1019 width: 100%; 1020 box-sizing: border-box; 1021 } 1022 1023 .oc-page .oc-hero { 1024 text-align: center; 1025 background: color-mix(in srgb, var(--primary) 16%, var(--white)); 1026 border: 1px solid var(--line); 1027 border-radius: 20px; 1028 padding: 36px 20px 28px; 1029 margin-bottom: 20px; 1030 } 1031 1032 .oc-page .oc-check { 1033 width: 72px; 1034 height: 72px; 1035 margin: 0 auto 14px; 1036 border-radius: 50%; 1037 display: flex; 1038 align-items: center; 1039 justify-content: center; 1040 background: var(--primary); 1041 color: var(--white); 1042 } 1043 1044 .oc-page .oc-title { 1045 margin: 0 0 8px; 1046 font-size: 32px !important; 1047 line-height: 1.35 !important; 1048 font-weight: 700 !important; 1049 color: var(--text); 1050 } 1051 1052 .oc-page .oc-subtitle { 1053 margin: 0; 1054 font-size: 16px; 1055 line-height: 1.6; 1056 color: #0d1f46 !important; 1057 } 1058 1059 .oc-page .oc-chips { 1060 display: flex; 1061 flex-wrap: wrap; 1062 justify-content: center; 1063 gap: 8px; 1064 margin-top: 18px;
1065 } 1066 1067 .oc-page .oc-chip { 1068 display: inline-flex; 1069 align-items: center; 1070 background: var(--white); 1071 border: 1px solid var(--line); 1072 border-radius: 999px; 1073 padding: 8px 14px; 1074 font-size: 14px; 1075 line-height: 1.4; 1076 color: var(--text); 1077 } 1078 1079 .oc-page .oc-chip-ok { 1080 background: var(--primary); 1081 border-color: var(--primary); 1082 color: var(--white); 1083 } 1084 1085 .oc-page .oc-layout { 1086 display: grid; 1087 grid-template-columns: minmax(0, 1fr); 1088 gap: 16px; 1089 } 1090 1091 .oc-page .oc-card { 1092 display: block; 1093 background: var(--white); 1094 border: 1px solid var(--line); 1095 border-radius: 16px; 1096 padding: 20px; 1097 } 1098 1099 .oc-page .oc-card-title { 1100 display: block; 1101 margin: 0 0 8px; 1102 font-size: 20px !important; 1103 line-height: 1.4 !important; 1104 font-weight: 700 !important; 1105 color: var(--text); 1106 } 1107 1108 .oc-page .oc-map { 1109 display: block; 1110 width: 100%; 1111 height: 180px; 1112 border: 0; 1113 border-radius: 12px; 1114 margin: 12px 0; 1115 background: var(--bg-2); 1116 } 1117 1118 .oc-page .oc-line, 1119 .oc-page .oc-stack, 1120 .oc-page .oc-note { 1121 display: block; 1122 width: 100%; 1123 padding: 12px 0; 1124 border-bottom: 1px solid var(--line); 1125 } 1126 1127 .oc-page .oc-line { 1128 display: flex; 1129 justify-content: space-between; 1130 align-items: flex-start; 1131 gap: 16px; 1132 } 1133 1134 .oc-page .oc-label { 1135 display: block; 1136 color: var(--text-2); 1137 font-size: 14px; 1138 line-height: 1.6; 1139 font-weight: 500; 1140 } 1141 1142 .oc-page .oc-value { 1143 display: block; 1144 color: var(--text); 1145 font-size: 15px; 1146 line-height: 1.7; 1147 font-weight: 600; 1148 text-align: start; 1149 } 1150 1151 .oc-page .oc-line .oc-value { 1152 text-align: end; 1153 } 1154 1155 .oc-page .oc-note { 1156 color: var(--text-2); 1157 font-size: 14px; 1158 line-height: 1.7; 1159 } 1160 1161 .oc-page .oc-products { 1162 display: flex; 1163 flex-direction: column; 1164 gap: 14px; 1165 margin-top: 12px; 1166 } 1167 1168 .oc-page .oc-product { 1169 display: flex; 1170 align-items: center; 1171 gap: 12px; 1172 width: 100%; 1173 } 1174 1175 .oc-page .oc-product img { 1176 width: 84px; 1177 height: 84px; 1178 max-width: 84px; 1179 object-fit: cover; 1180 border-radius: 12px; 1181 background: var(--bg-2); 1182 flex: 0 0 84px; 1183 } 1184 1185 .oc-page .oc-product-info { 1186 display: flex; 1187 flex-direction: column; 1188 gap: 4px; 1189 flex: 1 1 auto; 1190 min-width: 0; 1191 } 1192 1193 .oc-page .oc-product-name { 1194 display: block; 1195 color: var(--text); 1196 font-size: 15px; 1197 font-weight: 700; 1198 line-height: 1.5; 1199 } 1200 1201 .oc-page .oc-meta { 1202 display: block; 1203 color: var(--text-2); 1204 font-size: 13px; 1205 line-height: 1.5; 1206 } 1207 1208 .oc-page .oc-gift { 1209 display: inline-flex; 1210 width: fit-content; 1211 background: color-mix(in srgb, var(--primary) 18%, var(--white)); 1212 color: var(--text); 1213 border-radius: 999px; 1214 padding: 2px 8px; 1215 font-size: 12px; 1216 } 1217 1218 .oc-page .oc-product-price { 1219 flex: 0 0 auto; 1220 color: var(--text); 1221 font-size: 15px; 1222 font-weight: 700; 1223 white-space: nowrap; 1224 } 1225 1226 .oc-page .oc-totals { 1227 list-style: none; 1228 margin: 16px 0 0; 1229 padding: 0; 1230 } 1231 1232 .oc-page .oc-totals li { 1233 display: flex; 1234 justify-content: space-between; 1235 align-items: center; 1236 gap: 12px; 1237 padding: 8px 0; 1238 color: var(--text-2); 1239 font-size: 14px; 1240 } 1241 1242 .oc-page .oc-totals strong { 1243 color: var(--text); 1244 font-weight: 700; 1245 } 1246 1247 .oc-page .oc-grand { 1248 margin-top: 6px; 1249 padding: 14px 12px !important; 1250 border-radius: 12px; 1251 background: color-mix(in srgb, var(--primary) 14%, var(--white)); 1252 font-size: 16px; 1253 } 1254 1255 .oc-page .oc-actions { 1256 display: flex; 1257 flex-wrap: wrap; 1258 gap: 12px; 1259 margin-top: 16px; 1260 } 1261 1262 .oc-page .oc-actions .tf-btn { 1263 flex: 1 1 220px; 1264 min-height: 48px; 1265 padding: 12px 20px; 1266 } 1267 1268 .oc-page .oc-steps-card { 1269 margin-top: 16px; 1270 } 1271 1272 .oc-page .oc-steps { 1273 list-style: none; 1274 display: grid; 1275 grid-template-columns: 1fr; 1276 gap: 12px; 1277 margin: 12px 0 0; 1278 padding: 0; 1279 } 1280 1281 .oc-page .oc-steps li { 1282 display: flex; 1283 align-items: center; 1284 gap: 10px; 1285 color: var(--text-2); 1286 font-size: 14px; 1287 } 1288 1289 .oc-page .oc-steps span { 1290 width: 28px; 1291 height: 28px; 1292 border-radius: 50%; 1293 display: flex; 1294 align-items: center; 1295 justify-content: center; 1296 border: 1px solid var(--line); 1297 background: var(--white); 1298 color: var(--text-2); 1299 font-size: 13px; 1300 flex: 0 0 28px; 1301 } 1302 1303 .oc-page .oc-steps .is-done, 1304 .oc-page .oc-steps .is-current { 1305 color: var(--text); 1306 font-weight: 700; 1307 } 1308 1309 .oc-page .oc-steps .is-done span, 1310 .oc-page .oc-steps .is-current span { 1311 background: var(--primary); 1312 border-color: var(--primary); 1313 color: var(--white); 1314 } 1315 1316 .oc-page .oc-help { 1317 display: block; 1318 width: 100%; 1319 text-align: center; 1320 margin: 20px 0 0; 1321 color: var(--text-2); 1322 font-size: 15px; 1323 } 1324 1325 .oc-page .oc-help a { 1326 color: var(--text); 1327 font-weight: 700; 1328 margin-inline-start: 6px; 1329 } 1330 1331 @media (min-width: 992px) { 1332 .oc-page .oc-layout { 1333 grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); 1334 align-items: start; 1335 } 1336 1337 .oc-page .oc-steps { 1338 grid-template-columns: repeat(4, minmax(0, 1fr)); 1339 } 1340 } 1341</style> 1342 1343 1344 1345<style> 1346 :root { --primary: #AB4429; --secondary: #4e1b0e; --secondary-lignt-bg: #4e1b0e33; --text-2: #AB4429; --text: #AB4429; --footer-bg: #AB4429; --fontar: "PingAR", sans-serif; --footer-text: #4e1b0e; } 1347</style> 1348 1349 1350 1351 1352 1353<style> 1354 body:after,body:before{z-index:999999999999999999;position:fixed;content:"";opacity:0;top:0;height:100%}body:before,header{background-color:var(--body)}.flat-title .heading,.nav-cart .count-box,.variant-picker-item .variant-picker-values input:checked+label.style-text:not(.color-btn) p{color:var(--third-color)!important}.card,.flat-title{position:relative}.card,footer{overflow:hidden}:root{--main-color:#4e1b0e;--second-color:#AB4429;--third-color:white;--fourth-color:black;--body:white;--logo:url(https://houseofhm.com/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/storeScreenshots/0901e432-6c0a-4a2e-9c19-9126f6c8dc26.png)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body#app{background:var(--body)!important}::-webkit-scrollbar{width:12px;height:12px;background:var(--body)}::-webkit-scrollbar-track{background:var(--body);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--second-color),var(--main-color));border-radius:10px;border:2px solid var(--body);transition:background .3s}.card,.d-flex img{transition:.5s cubic-bezier(.23, 1, .32, 1)}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}::selection{color:var(--main-color);background:var(--second-color)}body:before{left:0;width:0;animation:2.7s intro}body:after{background-image:var(--logo)!important;background-position-y:center;background-position-x:center;background-size:25%;background-repeat:no-repeat;width:0%;right:0;animation:2.5s intro_logo}@keyframes intro{0%{width:100%;opacity:1}40%,80%{opacity:1}99%{width:100%}100%{width:0;opacity:0;display:none}}@keyframes intro_logo{0%{width:100%;height:110%;opacity:0}
135450%,70%,80%{opacity:1}99%{width:100%;height:100%}100%{width:0;opacity:0;display:none}}.nav-cart .count-box{background:linear-gradient(135deg,var(--second-color),color-mix(in srgb,var(--second-color) 80%,var(--fourth-color)))!important;font-weight:700;transition:.3s;animation:2.5s ease-in-out infinite goldenPulse;box-shadow:0 0 15px rgb(from var(--second-color) r g b / .4)}.card::after,.card::before{transition:opacity .5s;opacity:0}@keyframes goldenPulse{0%,100%{transform:scale(1);box-shadow:0 0 15px rgb(from var(--second-color) r g b / .4)}50%{transform:scale(1.12);box-shadow:0 0 25px rgb(from var(--second-color) r g b / .7)}}.nav-cart:hover .count-box{animation:none;transform:scale(1.25);box-shadow:0 0 30px rgb(from var(--second-color) r g b / .9)}.nav-search .nav-icon-item:hover i{animation:.6s searchRotate}@keyframes searchRotate{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}.nav-account .nav-icon-item:hover i{animation:.5s accountJump}@keyframes accountJump{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.nav-cart .nav-icon-item:hover i{animation:.5s cartShake}@keyframes cartShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.wrap-slider img{max-height:100%!important}.swiper-slide a.tf-btn.btn-sm.radius-3.btn-fill.btn-icon,section.flat-spacing-18.decor-slider{display:none}.footer .footer-infor>a,.nav-sw.style-var(--third-color).nav-next-slider.navigation-next-slider.box-icon.w_46.round,.nav-sw.style-var(--third-color).nav-prev-slider.navigation-prev-slider.box-icon.w_46.round,.tf-product-info-delivery-return{display:none!important}.decor-slider{margin:0!important;border-radius:0!important}.flat-title{padding-bottom:25px;margin-bottom:50px}.flat-title .heading{font-size:42px!important;font-weight:700!important;text-align:center;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,var(--third-color) 0,var(--second-color) 50%,var(--third-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;animation:3s ease-in-out infinite titleShine}@keyframes titleShine{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.flat-title .heading::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0,rgb(from var(--second-color) r g b / .3) 50%,transparent 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(10px);opacity:.7;z-index:-1}.flat-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,var(--second-color),transparent);border-radius:10px;box-shadow:0 0 20px rgb(from var(--second-color) r g b / .6),0 0 40px rgb(from var(--second-color) r g b / .3);animation:2s ease-in-out infinite lineGrow}.flat-title .heading::after,.flat-title::before{content:'â¦';top:50%;transform:translateY(-50%);color:var(--second-color);font-size:24px}@keyframes lineGrow{0%,100%{width:120px;box-shadow:0 0 20px rgb(from var(--second-color) r g b / .6),0 0 40px rgb(from var(--second-color) r g b / .3)}50%{width:180px;box-shadow:0 0 30px rgb(from var(--second-color) r g b / .8),0 0 60px rgb(from var(--second-color) r g b / .5)}}.flat-title::before{position:absolute;left:-50px;animation:2s ease-in-out infinite starTwinkle}.card::before,section.subscribe-form::before{position:absolute;top:0;left:0;pointer-events:none;content:''}.flat-title .heading::after{position:absolute;right:-50px;animation:2s ease-in-out 1s infinite starTwinkle}@keyframes starTwinkle{0%,100%{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}@media (max-width:768px){.flat-title .heading{font-size:28px!important}.flat-title .heading::after,.flat-title::before{display:none}section:has(.tf-slideshow){padding:40px 0 60px}}.card{border:none!important;border-radius:20px!important;background:var(--third-color)!important;box-shadow:0 8px 32px rgb(from var(--fourth-color) r g b / .08),0 2px 12px rgb(from var(--fourth-color) r g b / .04)!important;height:100%!important;animation:.6s ease-out forwards slideUp}.card::before{right:0;bottom:0;background:linear-gradient(135deg,rgb(from var(--third-color) r g b / .4) 0,rgba(240,247,255,.2) 100%);z-index:1}
1354.card:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 24px 48px rgb(from var(--fourth-color) r g b / .15),0 12px 24px rgb(from var(--fourth-color) r g b / .1)!important}.card:hover::after,.card:hover::before{opacity:1}.card:hover .d-flex.justify-content-center{transform:scale(1.08) rotate(-2deg)}.d-flex img{filter:drop-shadow(0 8px 16px rgb(from var(--fourth-color) r g b / .1))}.card:hover .d-flex img{transform:scale(1.1);filter:drop-shadow(0 12px 24px rgb(from var(--fourth-color) r g b / .15))}.card-title{font-size:22px!important;font-weight:700!important;color:#1a202c!important;margin-bottom:12px!important;transition:.4s}.card:hover .card-title{color:var(--main-color)!important;transform:scale(1.05)}.card:hover .card-text,.testimonial-item .text{color:#2d3748!important}.card-text{font-size:15px!important;color:#718096!important;line-height:1.6!important;transition:color .4s}.card::after{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgb(from var(--third-color) r g b / .6) 0,transparent 70%);pointer-events:none}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.col-md-4:first-child .card{animation-delay:.1s}.col-md-4:nth-child(2) .card{animation-delay:.2s}.col-md-4:nth-child(3) .card{animation-delay:.3s}.testimonial-item.style-column{background:var(--third-color)!important;border-radius:20px!important;padding:30px 25px!important;position:relative;overflow:hidden!important;transition:.4s!important;border:2px solid #f0f0f0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-shadow:0 8px 20px rgb(from var(--fourth-color) r g b / .08)!important;margin:20px 12px!important}.testimonial-item.style-column:hover{transform:translateY(-8px)!important;border-color:var(--main-color)!important;box-shadow:0 16px 32px rgba(69,142,137,.15)!important}.testimonial-item .text{font-size:15px!important;font-weight:500!important;line-height:1.7!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-grow:1!important}.testimonial-item .text::before{content:'"';font-size:35px;color:var(--second-color);opacity:.4;position:absolute;top:5px;right:15px}.nav-sw,.testimonial-item .author .name,.testimonial-item:hover .author .metas,.testimonial-item:hover .text{color:var(--main-color)!important}.testimonial-item .author{display:flex!important;align-items:center!important;gap:12px!important;margin-top:auto!important}.testimonial-item .image.auther-img{min-width:50px!important;width:50px!important;height:50px!important;border-radius:50%!important;border:3px solid #f5f5f5!important;box-shadow:0 4px 12px rgb(from var(--fourth-color) r g b / .08)!important;transition:.3s!important;flex-shrink:0!important}.testimonial-item:hover .image.auther-img{border-color:var(--second-color)!important;box-shadow:0 6px 16px rgba(225,116,149,.2)!important}.testimonial-item .author-info{display:flex!important;flex-direction:column!important;gap:2px!important}.testimonial-item .author .name{font-size:15px!important;font-weight:700!important;transition:color .3s!important;line-height:1.3!important}.testimonial-item:hover .author .name{color:var(--second-color)!important}.testimonial-item .author .metas{font-size:12px!important;color:#a0aec0!important;transition:color .3s!important;line-height:1.3!important}p.sub-title{background:var(--secondary-lignt-bg);padding:5px 20px;border-radius:24px;margin-bottom:10px!important;width:max-content;font-weight:500;color:var(--primary)}.nav-sw{background:#f5f5f5!important;border:2px solid #e0e0e0!important;border-radius:50%!important;width:48px!important;height:48px!important;transition:.3s!important;display:flex!important;align-items:center!important;justify-content:center!important}.faq-container .accordion-button span,.statistics-content h5,.statistics-number{color:var(--main-color)}.nav-sw:hover:not(.swiper-button-disabled){background:var(--main-color)!important;border-color:var(--main-color)!important;color:var(--third-color)!important;transform:scale(1.1)}.sw-dots.sw-pagination-testimonial .swiper-pagination-bullet{width:10px!important;height:10px!important;background:#d0d8e0!important;opacity:.6!important;transition:.3s!important;cursor:pointer!important}.sw-dots.sw-pagination-testimonial .swiper-pagination-bullet-active{background:var(--main-color)!important;opacity:1!important;width:28px!important;border-radius:5px!important}.statistics-container{justify-content:center;gap:1.8rem;margin-block:2.5rem}.statistics-item-wrapper{margin-bottom:0}.statistics-item-card{background-color:var(--third-color);border-radius:20px;padding:34px 32px;box-shadow:0 22px 60px rgb(from var(--fourth-color) r g b / .06);border:1px solid color-mix(in srgb,var(--main-color) 7%,transparent);transition:transform .25s,box-shadow .25s}.statistics-item-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgb(from var(--fourth-color) r g b / .08)}.statistics-icon{width:120px;height:120px;border-radius:999px;background:var(--third-color);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.bg_black,.widget-card-store,.widget-card-store.bg_black,.widget-card-store.type-4{background:rgb(from var(--third-color) r g b / .04)!important}.statistics-image{width:110px;height:110px;max-width:max-content;object-fit:contain;display:block}.statistics-content .d-flex{justify-content:center;align-items:baseline;gap:6px}.statistics-number{font-size:2.6rem;font-weight:800;margin:0}.statistics-content h5{font-size:1.4rem;margin:0}.statistics-title{margin-top:12px;font-size:1.05rem;color:var(--second-color)}@media (max-width:992px){.statistics-item-card{padding:30px 26px}.statistics-icon{width:110px;height:110px;margin-bottom:20px}.statistics-image{width:100px;height:100px}.statistics-number{font-size:2.3rem}.statistics-content h5{font-size:1.25rem}}section.subscribe-form{position:relative;padding:80px 0!important;background:linear-gradient(135deg,var(--second-color) 0,var(--second-color) 100%)!important;overflow:hidden;margin:0!important}section.subscribe-form::before{width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgb(from var(--second-color) r g b / .08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgb(from var(--second-color) r g b / .06) 0,transparent 50%);animation:15s ease-in-out infinite bgPulse;z-index:0}.store-img,.store-item-info{z-index:2;position:relative}@keyframes bgPulse{0%,100%{opacity:.5}50%{opacity:1}}section.subscribe-form .container{position:relative;z-index:2}.widget-card-store,.widget-card-store.type-4{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px!important;border:2px solid rgb(from var(--second-color) r g b / .25)!important;padding:50px!important;box-shadow:0 20px 60px rgb(from var(--fourth-color) r g b / .4),inset 0 1px 0 rgb(from var(--third-color) r g b / .1)!important;position:relative;overflow:visible!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:center!important}.widget-card-store::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--second-color),transparent 40%,transparent 60%,var(--second-color));border-radius:25px;opacity:0;z-index:-1;transition:opacity .5s;filter:blur(10px)}.footer-heading h6,.store-item-info .sec-title,.store-item-info h3.sec-title{font-weight:800!important;background:linear-gradient(135deg,var(--third-color) 0,var(--third-color) 100%);-webkit-text-fill-color:transparent;line-height:1.3!important}.widget-card-store:hover::before{opacity:.3}.store-item-info{color:var(--third-color)!important}.store-item-info .sec-title,.store-item-info h3.sec-title{color:var(--third-color)!important;font-size:36px!important;margin-bottom:20px!important;-webkit-background-clip:text;background-clip:text;text-shadow:none!important;position:relative;display:inline-block}.store-item-info .description{color:rgb(from var(--third-color) r g b / .85)!important;font-size:16px!important;line-height:1.7!important;margin-bottom:30px!important;text-shadow:0 2px 8px rgb(from var(--fourth-color) r g b / .5)}#newsletterForm,.store-item-info form{margin-top:25px}#newsletterForm label,.store-item-info form label{color:rgb(from var(--third-color) r g b / .9)!important;font-size:14px!important;font-weight:600!important;margin-bottom:10px!important;display:block;text-shadow:0 2px 8px rgb(from var(--fourth-color) r g b / .5)}
1354.form-group{display:flex!important;gap:12px!important;align-items:stretch!important;flex-wrap:nowrap!important}#newsletterForm input[type=email],.form-group input[type=email]{flex:1!important;background:rgb(from var(--third-color) r g b / .95)!important;backdrop-filter:blur(10px);border:2px solid rgb(from var(--second-color) r g b / .4)!important;color:var(--fourth-color)!important;border-radius:12px!important;padding:16px 24px!important;font-size:15px!important;transition:.3s;outline:0!important;box-shadow:0 4px 15px rgb(from var(--fourth-color) r g b / .1)}#newsletterForm input[type=email]::placeholder,.form-group input[type=email]::placeholder{color:rgb(from var(--fourth-color) r g b / .5)!important;opacity:1!important}#newsletterForm input[type=email]:focus,.form-group input[type=email]:focus{background:rgb(from var(--third-color) r g b / 1)!important;border-color:var(--second-color)!important;box-shadow:0 0 0 4px rgb(from var(--second-color) r g b / .2),0 4px 20px rgb(from var(--second-color) r g b / .3)!important;transform:translateY(-2px)}#newsletterForm button[type=submit],.form-group .tf-btn{background:linear-gradient(135deg,var(--second-color),color-mix(in srgb,var(--second-color) 80%,var(--fourth-color)))!important;color:var(--third-color)!important;border:2px solid var(--second-color)!important;border-radius:12px!important;padding:16px 35px!important;font-weight:700!important;font-size:15px!important;transition:.3s;cursor:pointer;box-shadow:0 8px 25px rgb(from var(--second-color) r g b / .4),inset 0 1px 0 rgb(from var(--third-color) r g b / .3)!important;text-transform:uppercase;letter-spacing:.5px;line-height:normal!important}#newsletterForm button[type=submit]:hover,.form-group .tf-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--second-color) 80%,var(--fourth-color)),var(--second-color))!important;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgb(from var(--second-color) r g b / .5),inset 0 1px 0 rgb(from var(--third-color) r g b / .4)!important;border-color:color-mix(in srgb,var(--second-color) 80%,var(--fourth-color))!important}#newsletterForm button[type=submit]:active,.form-group .tf-btn:active{transform:translateY(-1px) scale(1)}.store-img{display:flex;align-items:center;justify-content:center}.footer-bottom,.footer-wrap{position:relative;z-index:3}.store-img img{width:100%!important;max-width:450px!important;height:auto!important;transition:.5s;filter:drop-shadow(0 10px 30px rgb(from var(--fourth-color) r g b / .3))}.store-img img:hover{transform:scale(1.05) rotate(2deg)}.tf-grid-layout.md-col-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important}.coupon-box .form-group,.subscribe-form .form-group{background:0 0;border-radius:0;padding:0;border:none}.footer-bottom .footer-menu_item,.footer-infor ul li p{background:rgb(from var(--third-color) r g b / .06)!important}.footer-infor ul li p,.footer-logo img,a.footer-menu_item{border-radius:12px!important}@media (max-width:991px){section.subscribe-form{padding:60px 0!important}.tf-grid-layout.md-col-2,.widget-card-store,.widget-card-store.type-4{grid-template-columns:1fr!important;gap:30px!important;padding:40px 30px!important}.store-item-info .sec-title,.store-item-info h3.sec-title{font-size:30px!important}.store-img{order:-1}.store-img img{max-width:350px!important}}footer{position:relative;background-color:var(--second-color)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;padding-top:0!important;padding-bottom:0!important;min-height:600px;margin-top:0!important}.footer-wrap{padding-top:100px}.footer-body{border-bottom:none!important;padding:60px 0 50px!important;position:relative}.footer-infor ul li p:hover,a.footer-menu_item:hover{border-color:rgb(from var(--third-color) r g b / .4)!important;transform:translateX(-5px);box-shadow:0 5px 20px rgb(from var(--second-color) r g b / .2)}.footer-logo,.footer-logo img{padding:0!important;transition:.4s}.footer-logo{background:0 0!important;backdrop-filter:none;border-radius:20px!important;box-shadow:none!important;display:inline-block;margin-bottom:20px}.footer-logo:hover{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 10px 25px rgb(from var(--second-color) r g b / .4))}.footer-logo img{filter:drop-shadow(0 4px 15px rgb(from var(--fourth-color) r g b / .3))}.footer-logo:hover img{filter:drop-shadow(0 8px 25px rgb(from var(--second-color) r g b / .5))}.footer-heading h6{color:var(--third-color)!important;font-size:20px!important;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px!important;padding-bottom:12px;position:relative;-webkit-background-clip:text;background-clip:text;display:inline-block}.footer-bottom .footer-menu_item,a.footer-menu_item{color:rgb(from var(--third-color) r g b / .9)!important;display:inline-block}.footer-bottom .footer-menu_item,.footer-infor ul li a,.footer-infor ul li p,a.footer-menu_item{font-size:15px!important;text-shadow:0 2px 10px rgb(from var(--fourth-color) r g b / .6);transition:.3s}.footer-infor{position:relative}.footer-infor ul,.footer-menu-list{list-style:none!important;padding:0!important;margin:0!important}.footer-infor ul li{margin-bottom:15px!important}.footer-infor ul li a,.footer-infor ul li p{color:rgb(from var(--third-color) r g b / .95)!important}.footer-infor ul li p{padding:14px 20px!important;border:2px solid rgb(from var(--third-color) r g b / .1)!important;backdrop-filter:blur(10px);margin:0!important;transition:.3s}.footer-infor ul li p:hover{background:rgb(from var(--third-color) r g b / .1)!important}.footer-infor ul li a,.footer-infor ul li p a{color:var(--third-color)!important;font-weight:600!important}.footer-infor ul li a:hover,.footer-infor ul li p a:hover{color:var(--third-color)!important;text-shadow:0 0 20px var(--second-color)}.footer-menu-list li{margin-bottom:12px!important}a.footer-menu_item{padding:12px 18px!important;background:rgb(from var(--third-color) r g b / .05)!important;border:2px solid rgb(from var(--third-color) r g b / .1)!important;backdrop-filter:blur(10px);width:100%;text-align:right}a.footer-menu_item:hover{color:var(--third-color)!important;background:rgb(from var(--second-color) r g b / .12)!important;text-shadow:0 0 20px var(--second-color)}.tf-payment{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:15px}.tf-payment img{width:auto!important;background:rgb(from var(--third-color) r g b / .98)!important;border-radius:12px!important;border:2px solid rgb(from var(--second-color) r g b / .25)!important;transition:.3s;box-shadow:0 8px 25px rgb(from var(--second-color) r g b / .2),inset 0 1px 0 rgb(from var(--third-color) r g b / .3)!important}.tf-payment img:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgb(from var(--second-color) r g b / .4),inset 0 1px 0 rgb(from var(--third-color) r g b / .4)!important;border-color:var(--second-color)!important}.footer-bottom{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:2px solid rgb(from var(--second-color) r g b / .2);padding:30px 0!important;margin-top:0!important}.footer-bottom .footer-menu_item:hover,.tf-social-icon a:hover{background:linear-gradient(135deg,var(--second-color),color-mix(in srgb,var(--second-color) 80%,var(--fourth-color)))!important;border-color:var(--second-color)!important}.footer-bottom-wrap{text-align:center}.footer-bottom .footer-menu_item{font-weight:600!important;padding:12px 30px!important;border-radius:25px!important;border:2px solid rgb(from var(--third-color) r g b / .12)!important;width:auto!important;backdrop-filter:blur(10px)}.footer-bottom .footer-menu_item:hover{color:var(--third-color)!important;transform:scale(1.05);box-shadow:0 8px 25px rgb(from var(--second-color) r g b / .4),inset 0 1px 0 rgb(from var(--third-color) r g b / .3)!important;text-shadow:none}.tf-social-icon{display:flex!important;gap:12px!important;margin-top:20px!important;list-style:none!important;padding:0!important}.tf-social-icon a{width:45px!important;height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgb(from var(--third-color) r g b / .08)!important;backdrop-filter:blur(10px);border:2px solid rgb(from var(--third-color) r g b / .15)!important;border-radius:50%!important;color:var(--third-color)!important;transition:.3s}.tf-social-icon a:hover{color:var(--main-color)!important;transform:translateY(-3px) rotate(5deg);box-shadow:0 8px 25px rgb(from var(--second-color) r g b / .4)}.footer-wrap *{visibility:visible!important;opacity:1!important}@media (min-width:1150px){.footer .col-xl-2{width:20%}}@media (max-width:991px){footer{min-height:500px;padding-bottom:40px!important}.footer-wrap{padding-top:80px}.footer-body{padding:50px 0 40px!important;border-radius:20px 20px 0 0!important}.footer-heading h6{font-size:20px!important;margin-top:30px!important;margin-bottom:20px!important}.footer-col-block:first-child .footer-heading h6{margin-top:0!important}}@media (max-width:576px){.card{padding-block:5px!important}.statistics-container{gap:1.4rem;margin-block:2rem}.statistics-item-card{padding:26px 22px;border-radius:18px}.statistics-icon{width:110px;height:110px;margin-bottom:18px}.statistics-image{width:100px;height:100px}.statistics-number{font-size:2.1rem}.statistics-content h5{font-size:1.15rem}.statistics-title{font-size:.98rem}section.subscribe-form{padding:40px 0!important}section.subscribe-form.pt_0{padding-top:40px!important}section.subscribe-form.px-2{padding-left:15px!important;padding-right:15px!important}.widget-card-store,.widget-card-store.type-4{padding:30px 20px!important;border-radius:20px!important;gap:25px!important}.store-item-info .sec-title,.store-item-info h3.sec-title{font-size:24px!important;margin-bottom:15px!important}.store-item-info .description{font-size:14px!important;margin-bottom:20px!important}.form-group{flex-direction:column!important;gap:10px!important}#newsletterForm input[type=email],.form-group input[type=email]{padding:14px 20px!important;font-size:14px!important;width:100%!important}#newsletterForm button[type=submit],.form-group .tf-btn{width:100%!important;padding:14px 25px!important;font-size:14px!important}.store-img img{max-width:280px!important}.footer-body,.footer-body .row>
1354div,.footer-bottom-wrap,.footer-heading,.footer-infor{text-align:center!important}.footer-logo,.tf-payment,.tf-social-icon{margin-left:auto!important;margin-right:auto!important}footer{padding-top:0!important;min-height:auto}.footer-wrap{padding-top:60px}.footer-body{border-radius:20px 20px 0 0!important;padding:40px 0 35px!important}.footer-logo{margin-bottom:20px!important}.tf-payment,.tf-social-icon{justify-content:center!important}.footer-heading h6{font-size:20px!important;margin:25px auto 18px!important}.footer-infor ul li a,.footer-infor ul li p,a.footer-menu_item{font-size:14px!important;text-align:center!important}.footer-heading h6::after{left:50%!important;transform:translateX(-50%)}.footer-infor ul,.footer-menu-list{display:inline-block;text-align:center!important}.footer-infor ul li p{padding:12px 16px!important}.footer-infor ul li p:hover,a.footer-menu_item:hover{transform:translateY(-3px)!important}a.footer-menu_item{padding:10px 14px!important;margin:0 auto 12px!important;display:block!important;max-width:280px}.footer-bottom{padding:25px 0!important;text-align:center!important}.footer-bottom .footer-menu_item{font-size:13px!important;padding:10px 22px!important;margin:0 auto!important}}@media (max-width:400px){.widget-card-store,.widget-card-store.type-4{padding:25px 15px!important}.footer-heading h6,.store-item-info .sec-title,.store-item-info h3.sec-title{font-size:20px!important}.store-item-info .description{font-size:13px!important}.store-img img{max-width:240px!important}.tf-payment{justify-content:center!important}.footer-body{padding:35px 0 30px!important}a.footer-menu_item{max-width:250px;font-size:13px!important}}@media only screen and (max-width:767px){.tf-payment img{max-width:50px}}.whatsapp-button{background:var(--second-color)}.accordion-item{background:var(--body)}.collection-item-circle.style-2{padding:0!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-width:280px!important;margin:0 auto!important;position:relative!important;filter:drop-shadow(0px 15px 20px rgb(from var(--fourth-color) r g b / .15))!important}.collection-item-circle .collection-image,.hover-img .img-style{display:flex!important;height:100%!important;width:100%!important}.collection-item-circle .collection-image{border-radius:0!important;overflow:visible!important;align-items:center!important;justify-content:center!important;margin:0!important;background:0 0!important;box-shadow:none!important;position:relative!important}.hover-img .img-style{align-items:center!important;justify-content:center!important}.hover-img .img-style img{border-radius:10px!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;display:block!important}.collection-content{text-align:center!important;margin-top:20px!important;position:relative!important}.collection-content .title{font-size:16px!important;line-height:1.5!important;font-weight:600!important}.collection-item-v3,.has-saleoff-wrap,.hover-img,.swiper-slide,.swiper-wrapper{overflow:visible!important}@media (max-width:991px){.collection-item-circle.style-2{max-width:240px!important}.collection-content .title{font-size:15px!important}}@media (max-width:750px){.collection-item-circle.style-2{max-width:180px!important;filter:drop-shadow(0px 10px 15px rgb(from var(--fourth-color) r g b / .15))!important}.collection-content{margin-top:15px!important}.collection-content .title{font-size:14px!important}}@media (max-width:480px){.collection-item-circle.style-2{max-width:150px!important;filter:drop-shadow(0px 8px 12px rgb(from var(--fourth-color) r g b / .15))!important}.collection-content{margin-top:12px!important}.collection-content .title{font-size:13px!important}}.tf-top-bar.bg-secondary{background:var(--second-color)!important} 1355</style> 1356 1357 1358 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum/build/pannellum.css" /> 1359
1359<script src="https://cdn.jsdelivr.net/npm/pannellum/build/pannellum.js"></script>
1359 1360 1361</head> 1362 1363<body class="preload-wrapper rtl color-primary-2" id="app"> 1364 1365
1365<script> 1366 window.LocalizationKeys = { 1367 Dashboard: "ÙÙØØ© Ø§ÙØªØÙÙ ", 1368 FillVerificationCode: "ÙØ±Ø¬Ù إدخا٠ر٠ز Ø§ÙØªØÙ٠باÙÙØ§Ù Ù", 1369 InvalidLogin: "ÙØ´Ù تسجÙÙ Ø§ÙØ¯Ø®ÙÙ.", 1370 Accept: "Ù ÙØ§ÙÙ", 1371 RateRequired: "Ø§ÙØªÙÙÙ٠إجبارÙ", 1372 1373 AddSuccessfully: "ت٠ت Ø§ÙØ¥Ø¶Ø§ÙØ©", 1374 ProductSuccessfullyCart: "ت٠ت Ø¥Ø¶Ø§ÙØ© اÙÙ ÙØªØ¬ Ø¥ÙÙ Ø§ÙØ³ÙØ© Ø¨ÙØ¬Ø§Ø", 1375 AcceptTerms: "ÙØ±Ø¬Ù ÙØ¨ÙÙ Ø§ÙØ´Ø±ÙØ· ÙØ§ÙØ£ØÙا٠ÙÙ٠تابعة.", 1376 UploadReceiptRequired: "ÙØ±Ø¬Ù Ø±ÙØ¹ إثبات Ø§ÙØ¯Ùع", 1377 SaudiArabia: "اÙÙ Ù ÙÙØ© Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ³Ø¹ÙدÙÙ", 1378 EnterCode: "ÙØ±Ø¬Ù إدخا٠ر٠ز Ø§ÙØ®ØµÙ ", 1379 InvalidCode: "ر٠ز Ø§ÙØ®ØµÙ ØºÙØ± ØµØ§ÙØ", 1380 ErrOccurred: "ØØ¯Ø« خطأ Ø£Ø«ÙØ§Ø¡ Ø§ÙØªØÙ٠٠٠اÙÙÙØ¨ÙÙ", 1381 LinkCopy: "ØªÙ ÙØ³Ø® رابط اÙÙ ÙØªØ¬!", 1382 Now: "Ø§ÙØ¢Ù", 1383 Validation: "ÙØ±Ø¬Ù Ø¥Ø¯Ø®Ø§Ù Ø¨Ø±ÙØ¯ Ø¥ÙÙØªØ±ÙÙ٠صØÙØ (٠ثاÙ: [email protected])", 1384 SendSucc: "ØªÙ Ø¥Ø±Ø³Ø§Ù Ø§ÙØ·Ùب Ø¨ÙØ¬Ø§Ø.", 1385 ErrorOccurred: "ØØ¯Ø« خطأ", 1386 NewNotiFication: "إشعار Ø¬Ø¯ÙØ¯", 1387 MobileValidation: "ÙØ±Ø¬Ù إدخا٠رÙÙ Ø¬ÙØ§Ù صØÙØ Ù ÙÙÙ Ù Ù 9 Ø£Ø±ÙØ§Ù ÙØ¨Ø¯Ø£ بÙ5", 1388 NotExist: "Ø§ÙØ¹Ùصر ØºÙØ± Ù ÙØ¬Ùد!", 1389 1390 ErrorInOrder: "خطأ ÙÙ Ø§ÙØ·Ùب", 1391 PhoneNumberFirst: "ÙØ§Ø¨Ø¯ ٠٠إدخا٠رÙÙ Ø§ÙØ¬Ùا٠اÙÙØ§Ù", 1392 Phone: "رÙÙ Ø§ÙØªÙÙÙÙÙ :", 1393 Email: " Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ", 1394 ErrorInCode: "ØØ¯Ø« خطأ Ø£Ø«ÙØ§Ø¡ إعادة إرسا٠اÙÙÙØ¯", 1395 1396 UnknownError: "خطأ ØºÙØ± ٠عرÙÙ", 1397 ConnectError: "ØØ¯Ø« خطأ Ø£Ø«ÙØ§Ø¡ Ø§ÙØ§ØªØµØ§Ù Ø¨Ø§ÙØ³ÙØ±ÙØ±.", 1398 CompletedSuccessfully: "ت٠ت Ø§ÙØ¹Ù ÙÙØ© Ø¨ÙØ¬Ø§Ø!", 1399 Success: "ÙØ¬Ø§Ø", 1400 Warning: "ØªØØ°Ùر", 1401 Error: "خطأ", 1402 CheckData: "ÙØ±Ø¬Ù Ø§ÙØªØÙÙ Ù Ù Ø§ÙØ¨ÙØ§ÙØ§Øª اÙÙ Ø¯Ø®ÙØ©.", 1403 Ago: "Ù ÙØ°", 1404 Year: "Ø³ÙØ©", 1405 Month: "Ø´ÙØ±", 1406 Day: "ÙÙÙ ", 1407 Hour: "ساعة", 1408 Minute: "دÙÙÙØ©", 1409 Second: "ثاÙÙØ©", 1410 1411 IsRequired: "ÙØ°Ø§ Ø§ÙØÙÙ Ù Ø·ÙÙØ¨", 1412 FirstNameValidation: "Ø§ÙØ§Ø³Ù Ø§ÙØ£ÙÙ ÙØ¬Ø¨ Ø£Ù ÙÙÙ٠عÙÙ Ø§ÙØ£ÙÙ ØØ±ÙÙÙ", 1413 SurNameValidation: "Ø§Ø³Ù Ø§ÙØ¹Ø§Ø¦ÙØ© ÙØ¬Ø¨ Ø£Ù ÙÙÙ٠عÙÙ Ø§ÙØ£ÙÙ ØØ±ÙÙÙ", 1414 InvalidEmail: "Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ ØºÙØ± ØµØ§ÙØ", 1415 SelectCourier: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± Ø´Ø±ÙØ© Ø´ØÙ", 1416 SelectCourierMessage: "ÙØ¬Ø¨ Ø§Ø®ØªÙØ§Ø± Ø´Ø±ÙØ© Ø´ØÙ ÙÙ٠تابعة", 1417 SelectLocationFirst: "اختر اÙÙ ÙÙØ¹", 1418 PleaseSelectLocationOnMap: "اÙÙØ± عÙÙ Ø§ÙØ®Ø±Ùطة ÙØªØØ¯Ùد Ù ÙÙØ¹ Ø§ÙØªÙصÙÙ", 1419 RequiredFields: "ÙØ±Ø¬Ù Ø§ÙØªØÙÙ Ù Ù Ø§ÙØ¨ÙØ§ÙØ§Øª اÙÙ Ø¯Ø®ÙØ©.", 1420 PleaseEnterRequiredFields: "ÙØ°Ø§ Ø§ÙØÙÙ Ù Ø·ÙÙØ¨", 1421 SelectCity: "اختر اÙ٠دÙÙØ©", 1422 PleaseSelectCity: "اختر اÙ٠دÙÙØ©", 1423 ChooseShipmentAddress: "اختر عÙÙØ§Ù Ø§ÙØ´ØÙ", 1424 ChooseCountryForShipping: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± Ø§ÙØ¯ÙÙØ© ÙÙØªÙصÙÙ", 1425 ChooseCityForShipping: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± اÙ٠دÙÙØ© ÙÙØªÙصÙÙ", 1426 ChooseAddressAndCity: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± عÙÙØ§Ù Ø§ÙØ´ØÙ ÙØªØØ¯Ùد اÙ٠دÙÙØ©", 1427 ChooseRegionForShipping: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± اÙÙ ÙØ·ÙØ© ÙÙØªÙصÙÙ", 1428 ChooseDistrictForShipping: "ÙØ±Ø¬Ù Ø§Ø®ØªÙØ§Ø± Ø§ÙØÙ ÙÙØªÙصÙÙ", 1429 EnterDistrictForShipping: "ÙØ±Ø¬Ù Ø¥Ø¯Ø®Ø§Ù Ø§ÙØÙ ÙÙØªÙصÙÙ", 1430 AddressSaved: "ØÙظ Ø§ÙØ¹ÙÙØ§Ù", 1431 AddressUpdated: "ØªØØ¯ÙØ« Ø§ÙØ¹ÙÙØ§Ù", 1432 ErrorSavingAddress: "خطأ ØºÙØ± ٠عرÙÙ", 1433 ConfirmDelete: "تأÙÙØ¯ Ø§ÙØØ°Ù", 1434 DeleteAddressConfirm: "ÙÙ Ø£ÙØª Ù ØªØ£ÙØ¯ Ù Ù Ø§ÙØØ°Ù", 1435 Delete: "ØØ°Ù", 1436 Cancel: "Ø¥ÙØºØ§Ø¡", 1437 Deleted: "ÙØ¬Ø§Ø", 1438 AddressDeleted: "ت٠ت Ø§ÙØ¹Ù ÙÙØ© Ø¨ÙØ¬Ø§Ø!", 1439 DefaultAddressSet: "ت٠ت Ø§ÙØ¹Ù ÙÙØ© Ø¨ÙØ¬Ø§Ø!", 1440 1441 FailedLoad: "ÙØ´Ù تØÙ ÙÙ Ø§ÙØ¨ÙØ§ÙØ§Øª", 1442 NoChange: "Ù٠تÙ٠بإجراء أ٠تغÙÙØ±Ø§Øª", 1443 Save: "Ø¬Ø§Ø±Ù Ø§ÙØÙØ¸", 1444 FailedUpdate: "ÙØ´Ù ØªØØ¯ÙØ« Ø§ÙØ¨ÙØ§ÙØ§Øª", 1445 SaveChanges: "ØÙظ Ø§ÙØªØºÙÙØ±Ø§Øª", 1446 FirstNameReq: "Ø§ÙØ§Ø³Ù Ø§ÙØ£ÙÙ Ù Ø·ÙÙØ¨", 1447 LastNameReq: "Ø§ÙØ§Ø³Ù Ø§ÙØ£Ø®Ùر Ù Ø·ÙÙØ¨", 1448 LastNameValidation: "Ø§ÙØ§Ø³Ù Ø§ÙØ£Ø®Ùر ÙØ¬Ø¨ Ø£Ù ÙÙÙ٠عÙÙ Ø§ÙØ£ÙÙ ØØ±ÙÙÙ", 1449 EmailReq: "Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ Ù Ø·ÙÙØ¨", 1450 1451 OneSec: "Ù ÙØ° ثاÙÙØ© ÙØ§ØØ¯Ø©", 1452 MinAgo: "Ù ÙØ° دÙÙÙØ© ÙØ§ØØ¯Ø©", 1453 MinTwoAgo: "Ù ÙØ° دÙÙÙØªÙÙ", 1454 HourAgo: "Ù ÙØ° ساعة ÙØ§ØØ¯Ø©", 1455 HoursTwoAgo: "Ù ÙØ° ساعتÙÙ", 1456 DayAgo: "Ù ÙØ° ÙÙÙ ÙØ§ØØ¯", 1457 DaysTwoAgo: "Ù ÙØ° ÙÙÙ ÙÙ", 1458 WeekAgo: "Ù ÙØ° Ø£Ø³Ø¨ÙØ¹ ÙØ§ØØ¯", 1459 WeeksTwoAgo: "Ù ÙØ° Ø£Ø³Ø¨ÙØ¹ÙÙ", 1460 MonthAgo: "Ù ÙØ° Ø´ÙØ± ÙØ§ØØ¯", 1461 MonthsTwoAgo: "Ù ÙØ° Ø´ÙØ±ÙÙ", 1462 YearAgo: "Ù ÙØ° Ø³ÙØ© ÙØ§ØØ¯Ø©", 1463 YearsTwoAgo: "Ù ÙØ° Ø³ÙØªÙÙ", 1464 Year: "Ø³ÙØ©", 1465 Years: "سÙÙØ§Øª", 1466 Month: "Ø´ÙØ±Ø§Ù", 1467 Months: "Ø£Ø´ÙØ±", 1468 Week: "Ø£Ø³Ø¨ÙØ¹Ø§Ù", 1469 Weeks: "Ø£Ø³Ø§Ø¨ÙØ¹", 1470 Day: "ÙÙ٠اÙ", 1471 Days: "Ø£ÙØ§Ù ", 1472 Hour: "ساعة", 1473 Hours: "ساعات", 1474 Minute: "دÙÙÙØ©", 1475 Minutes: "Ø¯ÙØ§Ø¦Ù", 1476 PhoneReq: "رÙ٠اÙÙØ§ØªÙ إجبارÙ", 1477 PhoneNumberInvalid: "رÙ٠اÙÙØ§ØªÙ إجبارÙ", 1478 PhoneNumberInvalid: "رÙ٠اÙÙØ§ØªÙ إجبارÙ", 1479 ChoosePhoto: "اختر ØµÙØ±Ø© Ø£ÙÙØ§Ù", 1480 ErrorUploading: "Pages.Customers.ErrorUploading",
1481 SuccessUploading: "ØªÙ Ø±ÙØ¹ Ø§ÙØµÙرة Ø¨ÙØ¬Ø§Ø", 1482 PaymentSuccessMessage: "ØªÙ Ø§ÙØ¯Ùع Ø¨ÙØ¬Ø§Ø!", 1483 CartHaveAdiffrentType: "ÙØ§ ÙÙ ÙÙÙ Ø¥Ø¶Ø§ÙØ© Ù ÙØªØ¬Ø§Øª ٠٠اÙÙØ§Ø¹ ٠ختÙÙØ© Ø¥Ù٠عربة Ø§ÙØªØ³ÙÙ ÙÙØ³Ùا. ÙØ±Ø¬Ù Ø¥ÙÙ Ø§Ù Ø§ÙØ·Ùب Ø§ÙØØ§ÙÙ Ø£Ù Ø¥Ø²Ø§ÙØ© اÙÙ ÙØªØ¬Ø§Øª Ù Ù Ø§ÙØ³ÙØ© Ø§ÙØ¢Ø®Ø± ÙØ¥Ø¶Ø§ÙØ© ÙØ°Ø§ اÙÙ ÙØªØ¬.", 1484 PreventChangeOptions: "ÙØ§ ÙÙ ÙÙÙ Ø§Ø®ØªÙØ§Ø± ÙØ°Ø§ Ø§ÙØ®Ùار ÙØ£Ù ÙØ°Ù Ø§ÙØ¹Ø±Ø¨Ø© ØªØØªÙ٠عÙÙ Ù ÙØªØ¬ رÙÙ Ù", 1485 AddressIsRequired: "Ø§ÙØ¹ÙÙØ§Ù Ù Ø·ÙÙØ¨", 1486 1487 TamaraUnavailable: "ت٠ارا ØºÙØ± Ù ØªØ§ØØ© ØØ§ÙÙØ§Ù ÙÙØ°Ø§ Ø§ÙØ·Ùب.", 1488 1489 Pages_Login_InvalidCaptcha: "ÙØ´Ù Ø§ÙØªØÙÙ Ø§ÙØ£Ù ÙÙ. ÙØ±Ø¬Ù Ø¥ÙÙ Ø§Ù Ø§ÙØªØÙÙ ÙØ§ÙÙ ØØ§ÙÙØ© ٠رة أخرÙ.", 1490 }; 1491</script>
1491 1492 1493 <div class="loading-overlay" id="loadingOverlay"> 1494 <div class="loading-modal"> 1495 <div class="loading-spinner"></div> 1496 1497 </div> 1498 </div> 1499 1500 <!-- preload --> 1501 <div class="preload preload-container"> 1502 <div class="preload-logo"> 1503 <div class="spinner"></div> 1504 </div> 1505 </div> 1506 1507 <!-- /preload --> 1508 <div id="wrapper"> 1509 1510 <div class="tf-top-bar bg-secondary"> 1511 <div class="px_15 lg-px_40"> 1512 <div class="tf-top-bar_wrap grid-3 gap-30 align-items-center"> 1513 <ul class="tf-top-bar_item tf-social-icon d-flex gap-10 list-none"> 1514 1515 1516 1517 1518 1519 1520 1521 </ul> 1522 <div class="text-center text-white overflow-hidden d-lg-block d-none"> 1523 <div dir="ltr" class="swiper tf-sw-top_bar" data-preview="1" data-space="0" data-loop="true" 1524 data-speed="1000" data-delay="2000"> 1525 <div class="swiper-wrapper"> 1526 <div class="swiper-slide"> 1527 <p class="top-bar-text fw-5"> 1528 اهلاً بك نتمني لك تجربة شراء ممتعة 1529 1530 </p> 1531 </div> 1532 <div class="swiper-slide"> 1533 <p class="top-bar-text fw-5">ابتكارات جديدة تنتظرك!</p> 1534 </div> 1535 <div class="swiper-slide"> 1536 <p class="top-bar-text fw-5">اكتشف أحدث المنتجات ✨</p> 1537 </div> 1538 </div> 1539 </div> 1540 </div> 1541 1542 <div class="top-bar-language tf-cur justify-content-end"> 1543 <div class="tf-languages text-white"> 1544 <select class=" image-select center style-default type-languages" 1545 id="language-selection" onchange="changeLanguage()"> 1546 <option value="en" >English</option> 1547 <option value="ar" selected>Ø§ÙØ¹Ø±Ø¨ÙØ©</option> 1548 </select> 1549 </div> 1550 </div> 1551 </div> 1552 </div> 1553</div> 1554<!-- /Top Bar --> 1555 1556<!-- Header --> 1557<header id="header" class="header-default"> 1558 <div class="px_15 lg-px_40"> 1559 <div class="row wrapper-header align-items-center"> 1560 <div class="col-md-4 col-3 tf-lg-hidden"> 1561 <a href="#mobileMenu" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> 1562 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" 1563 fill="none"> 1564 <path 1565 d="M2.00056 2.28571H16.8577C17.1608 2.28571 17.4515 2.16531 17.6658 1.95098C17.8802 1.73665 18.0006 1.44596 18.0006 1.14286C18.0006 0.839753 17.8802 0.549063 17.6658 0.334735C17.4515 0.120408 17.1608 0 16.8577 0H2.00056C1.69745 0 1.40676 0.120408 1.19244 0.334735C0.978109 0.549063 0.857702 0.839753 0.857702 1.14286C0.857702 1.44596 0.978109 1.73665 1.19244 1.95098C1.40676 2.16531 1.69745 2.28571 2.00056 2.28571ZM0.857702 8C0.857702 7.6969 0.978109 7.40621 1.19244 7.19188C1.40676 6.97755 1.69745 6.85714 2.00056 6.85714H22.572C22.8751 6.85714 23.1658 6.97755 23.3801 7.19188C23.5944 7.40621 23.7148 7.6969 23.7148 8C23.7148 8.30311 23.5944 8.59379 23.3801 8.80812C23.1658 9.02245 22.8751 9.14286 22.572 9.14286H2.00056C1.69745 9.14286 1.40676 9.02245 1.19244 8.80812C0.978109 8.59379 0.857702 8.30311 0.857702 8ZM0.857702 14.8571C0.857702 14.554 0.978109 14.2633 1.19244 14.049C1.40676 13.8347 1.69745 13.7143 2.00056 13.7143H12.2863C12.5894 13.7143 12.8801 13.8347 13.0944 14.049C13.3087 14.2633 13.4291 14.554 13.4291 14.8571C13.4291 15.1602 13.3087 15.4509 13.0944 15.6653C12.8801 15.8796 12.5894 16 12.2863 16H2.00056C1.69745 16 1.40676 15.8796 1.19244 15.6653C0.978109 15.4509 0.857702 15.1602 0.857702 14.8571Z" 1566 fill="currentColor"></path> 1567 </svg> 1568 </a> 1569 </div> 1570 <div class="col-xl-2 col-md-4 col-6"> 1571 <a href="/" class="logo-header"> 1572 <img src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/storeScreenshots/0901e432-6c0a-4a2e-9c19-9126f6c8dc26.png" alt="logo" class="logo" /> 1573 </a> 1574 </div> 1575 <div class="col-xl-8 tf-md-hidden"> 1576 <nav class="box-navigation text-center"> 1577 1578 <ul id="category-menu" class="box-nav-ul d-flex align-items-center justify-content-center gap-30 list-none"> 1579 <li> 1580 <a class="item-link" href="/products"> 1581 كل المنتجات 1582 </a> 1583 </li> 1584 1585 1586 <li class="menu-item position-relative menu-inner"> 1587 <a href="/عبايات-الموسم" class="item-link"> 1588 عبايات الموسم 1589 1590 </a> 1591 1592 1593 </li> 1594 1595 <li class="menu-item position-relative menu-inner"> 1596 <a href="/فخامة-العباية" class="item-link"> 1597 فخامة العباية 1598 1599 </a> 1600 1601 1602 </li> 1603 1604 <!-- باÙÙ Ø§ÙØ£Ùسا٠--> 1605 <li id="more-categories" class="menu-item position-relative more-categories" style="display:none;"> 1606 <a href="#" class="item-link"> 1607 باقي الأقسام <i class="icon icon-arrow-down"></i></a> 1608 <div class="sub-menu submenu-default"> 1609 <ul class="menu-list"></ul> 1610 </div> 1611 </li> 1612 1613 1614 </ul> 1615 1616 </nav> 1617 </div> 1618 <div class="col-xl-2 col-md-4 col-3"> 1619 <ul class="nav-icon d-flex justify-content-end align-items-center gap-20"> 1620 <li class="nav-search"> 1621 <a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" 1622 class="nav-icon-item"> 1623 <i class="icon icon-search"></i> 1624 </a> 1625 </li> 1626 <li class="nav-account"> 1627 1628 <a href="#login" 1629 data-bs-toggle="modal" 1630 class="nav-icon-item"> 1631 <!-- تسجيل الدخول --> 1632 <i class="icon icon-account"></i> 1633 </a> 1634 1635 1636 1637 </li> 1638 1639 1640 1641 <li class="nav-cart"> 1642 <a href="#shoppingCart" data-bs-toggle="modal" class="nav-icon-item"> 1643 <i class="icon icon-bag"></i>
1644 <span class="count-box" v-text="cartCount"></span> 1645 </a> 1646 </li> 1647 1648 </ul> 1649 </div> 1650 </div> 1651 </div> 1652</header> 1653<!-- /Header -->
1654<script src="/Views/Themes/decor/V1/Components/Header/Header.js"></script>
1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752
1753<script> 1754(function() { 1755 const urlParams = new URLSearchParams(window.location.search); 1756 const searchTerm = urlParams.get('search'); 1757 if (searchTerm) { 1758 window.dataLayer = window.dataLayer || []; 1759 window.dataLayer.push({ 1760 event: 'search', 1761 search_term: searchTerm, 1762 results_count: 25 1763 }); 1764 // ===== AI-CHANGE START [LIQUID][AI-DONE][TIKTOK-20260512-01] ===== 1765 // reason: mirror search page analytics to TikTok using the App.js helper shape 1766 // scope: fire TikTok Search when ttq is available 1767 // risk: low 1768 const searchPayload = { 1769 query: searchTerm, 1770 search_string: searchTerm, 1771 value: 25, 1772 currency: 'SAR' 1773 }; 1774 1775 if (window.LAKTikTokPixel && typeof window.LAKTikTokPixel.search === 'function') { 1776 window.LAKTikTokPixel.search(searchPayload); 1777 } else if (window.ttq && typeof window.ttq.track === 'function') { 1778 window.ttq.track('Search', searchPayload); 1779 } 1780 // ===== AI-CHANGE END ===== 1781 } 1782})(); 1783</script>
1783 1784<!-- page-title --> 1785<div class="tf-page-title"> 1786 <div class="container-full"> 1787 <h1 class="heading text-center"> </h1> 1788 <p class="text-center text-2 text_black-2 mt_5"> تسوق من خلال أحدث تشكيلاتنا</p> 1789 </div> 1790</div> 1791<!-- /page-title --> 1792 1793<!-- Section Product --> 1794<section class="flat-spacing-2"> 1795 <div class="container"> 1796 <div class="tf-shop-control grid-3 align-items-center"> 1797 <div class="tf-control-filter"> 1798 <!-- <a href="#filterShop" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-btn-filter"><span class="icon icon-filter"></span><span class="text">Filter</span></a> --> 1799 </div> 1800 <ul class="tf-control-layout d-flex justify-content-center list-none"> 1801 1802 <li class="tf-view-layout-switch sw-layout-2" data-value-layout="tf-col-2"> 1803 <div class="item"><span class="icon icon-grid-2"></span></div> 1804 </li> 1805 <li class="tf-view-layout-switch sw-layout-3" data-value-layout="tf-col-3"> 1806 <div class="item"><span class="icon icon-grid-3"></span></div> 1807 </li> 1808 <li class="tf-view-layout-switch sw-layout-4 active" data-value-layout="tf-col-4"> 1809 <div class="item"><span class="icon icon-grid-4"></span></div> 1810 </li> 1811 <li class="tf-view-layout-switch sw-layout-5" data-value-layout="tf-col-5"> 1812 <div class="item"><span class="icon icon-grid-5"></span></div> 1813 </li> 1814 <li class="tf-view-layout-switch sw-layout-6" data-value-layout="tf-col-6"> 1815 <div class="item"><span class="icon icon-grid-6"></span></div> 1816 </li> 1817 </ul> 1818 <div class="tf-control-sorting d-flex justify-content-end"> 1819 <div class="tf-dropdown-sort" data-bs-toggle="dropdown"> 1820 <div class="btn-select"> 1821 <span class="text-sort-value"> الفرز حسب</span> 1822 <span class="icon icon-arrow-down"></span> 1823 </div> 1824 <div class="dropdown-menu"> 1825 <div class="select-item" data-sort-value="1"> 1826 <span class="text-value-item"> الأكثر مبيعاً</span> 1827 </div> 1828 <div class="select-item" data-sort-value="2"> 1829 <span class="text-value-item"> الترتيب أبجديًا: من A إلى Z</span> 1830 </div> 1831 <div class="select-item" data-sort-value="3"> 1832 <span class="text-value-item"> الترتيب أبجديًا: من Z إلى A</span> 1833 </div> 1834 <div class="select-item" data-sort-value="4"> 1835 <span class="text-value-item"> السعر: من الأقل إلى الأعلى</span> 1836 </div> 1837 <div class="select-item" data-sort-value="5"> 1838 <span class="text-value-item"> السعر: من الأعلى إلى الأقل</span> 1839 </div> 1840 <div class="select-item" data-sort-value="6"> 1841 <span class="text-value-item"> التاريخ: من الأقدم إلى الأحدث</span> 1842 </div> 1843 <div class="select-item" data-sort-value="7">
1844 <span class="text-value-item"> التاريخ: من الأحدث إلى الأقدم</span> 1845 </div> 1846 </div> 1847 </div> 1848 </div> 1849 </div> 1850 <div class="wrapper-control-shop"> 1851 <div class="meta-filter-shop"> 1852 <div id="product-count-grid" class="count-text"></div> 1853 <div id="product-count-list" class="count-text"></div> 1854 <div id="applied-filters"></div> 1855 <button id="remove-all" class="remove-all-filters" style="display: none;"> 1856 إزالة الكل <i 1857 class="icon icon-close"></i></button> 1858 </div> 1859 1860 <div class="tf-grid-layout wrapper-shop tf-col-4" id="gridLayout"> 1861 1862 1863 1864 1865<div class="card-product style-decor" 1866 data-lak-sort-price="395.00" 1867 data-lak-sort-name="Hm 06" 1868 data-lak-sort-time=""> 1869 <div class="card-product-wrapper"> 1870 <a href="/ProductDetail?productId=bb22b21a-cb74-b4f7-e839-3a2096bbcae4" class="product-img"> 1871 1872 <img class="lazyload img-product" 1873 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp" 1874 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp" 1875 alt="image-product" /> 1876 <img class="lazyload img-hover" 1877 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp" 1878 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp" 1879 alt="image-product" /> 1880 1881 </a> 1882 1883 <div class="list-product-btn"> 1884 1885 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('bb22b21a-cb74-b4f7-e839-3a2096bbcae4')"> 1886 <span class="icon icon-heart"></span> 1887 <span class="tooltip"> أضف إلى المفضلة </span> 1888 <span class="icon icon-delete"></span> 1889 </a> 1890 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 06","SubTitle":"","PromoTitle":"","Price":395.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp","FullFilePaths":[],"SKU":"","DiscountPrice":395.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"bb22b21a-cb74-b4f7-e839-3a2096bbcae4"})" 1891 class="box-icon bg_white quickview tf-btn-loading"> 1892 <span class="icon icon-view"></span> 1893 <span class="tooltip">عرض سريع</span> 1894 </a> 1895 </div> 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 <div class="on-sale-wrap promo-item text-end"> 1910 <div class="on-sale-item "></div> 1911 </div> 1912 1913 </div> 1914 1915 <div class="card-product-info text-center"> 1916 <div class="flex items-center gap-1 rate-item"> 1917 <i class="icon icon-star text-orange"></i> 1918 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 1919 1920 </div> 1921 <h3 href="/ProductDetail?productId=bb22b21a-cb74-b4f7-e839-3a2096bbcae4" class="title link">Hm 06</h3> 1922 1923 <span> 1924 1925 </span> 1926 1927 <div class="d-flex mt-2 gap-5 justify-content-center"> 1928 1929 1930 1931 1932 1933 <span class="price"> 1934 395.00 1935 <span class="icon-saudi_riyal"></span> 1936 </span> 1937 1938 </div> 1939 <div class="tf-product-btns"> 1940 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 06","SubTitle":"","PromoTitle":"","Price":395.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c
19407d61a00-2405-4bf3-b10c-c63afdbbd161.webp","FullFilePaths":[],"SKU":"","DiscountPrice":395.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"bb22b21a-cb74-b4f7-e839-3a2096bbcae4"})"> 1941 أضف للسلة 1942 </a> 1943 </div> 1944 </div> 1945 </div> 1946 1947 1948<div class="card-product style-decor" 1949 data-lak-sort-price="355.00" 1950 data-lak-sort-name="Hm 08" 1951 data-lak-sort-time=""> 1952 <div class="card-product-wrapper"> 1953 <a href="/ProductDetail?productId=681d89ba-6d8a-6863-2889-3a2096bf4057" class="product-img"> 1954 1955 <img class="lazyload img-product" 1956 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp" 1957 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp" 1958 alt="image-product" /> 1959 <img class="lazyload img-hover" 1960 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp" 1961 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp" 1962 alt="image-product" /> 1963 1964 </a> 1965 1966 <div class="list-product-btn"> 1967 1968 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('681d89ba-6d8a-6863-2889-3a2096bf4057')"> 1969 <span class="icon icon-heart"></span> 1970 <span class="tooltip"> أضف إلى المفضلة </span> 1971 <span class="icon icon-delete"></span> 1972 </a> 1973 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 08","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"681d89ba-6d8a-6863-2889-3a2096bf4057"})" 1974 class="box-icon bg_white quickview tf-btn-loading"> 1975 <span class="icon icon-view"></span> 1976 <span class="tooltip">عرض سريع</span> 1977 </a> 1978 </div> 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 <div class="on-sale-wrap promo-item text-end"> 1993 <div class="on-sale-item "></div> 1994 </div> 1995 1996 </div> 1997 1998 <div class="card-product-info text-center"> 1999 <div class="flex items-center gap-1 rate-item"> 2000 <i class="icon icon-star text-orange"></i> 2001 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2002 2003 </div> 2004 <h3 href="/ProductDetail?productId=681d89ba-6d8a-6863-2889-3a2096bf4057" class="title link">Hm 08</h3> 2005 2006 <span> 2007 2008 </span> 2009 2010 <div class="d-flex mt-2 gap-5 justify-content-center"> 2011 2012 2013 2014 2015 2016 <span class="price"> 2017 355.00 2018 <span class="icon-saudi_riyal"></span> 2019 </span> 2020 2021 </div> 2022 <div class="tf-product-btns"> 2023 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 08","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"681d89ba-6d8a-6863-2889-3a2096bf4057"})"> 2024 أضف للسلة 2025 </a> 2026 </div> 2027 </div> 2028 </div> 2029 2030 2031<div class="card-product style-decor" 2032 data-lak-sort-price="405.00" 2033 data-lak-sort-name="Hm 66" 2034 data-lak-sort-time=""> 2035 <div class="card-product-wrapper"> 2036 <a href="/ProductDetail?productId=05747c58-5a86-7005-fa30-3a2096c0db06" class="product-img"> 2037 2038 <img class="lazyload img-product" 2039 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp" 2040 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp" 2041 alt="image-product" /> 2042 <img class="lazyload img-hover" 2043 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp" 2044 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp" 2045 alt="image-product" /> 2046 2047 </a> 2048 2049 <div class="list-product-btn"> 2050 2051 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('05747c58-5a86-7005-fa30-3a2096c0db06')">
2052 <span class="icon icon-heart"></span> 2053 <span class="tooltip"> أضف إلى المفضلة </span> 2054 <span class="icon icon-delete"></span> 2055 </a> 2056 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 66","SubTitle":"","PromoTitle":"","Price":405.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp","FullFilePaths":[],"SKU":"","DiscountPrice":405.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"05747c58-5a86-7005-fa30-3a2096c0db06"})" 2057 class="box-icon bg_white quickview tf-btn-loading"> 2058 <span class="icon icon-view"></span> 2059 <span class="tooltip">عرض سريع</span> 2060 </a> 2061 </div> 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 <div class="on-sale-wrap promo-item text-end"> 2076 <div class="on-sale-item "></div> 2077 </div> 2078 2079 </div> 2080 2081 <div class="card-product-info text-center"> 2082 <div class="flex items-center gap-1 rate-item"> 2083 <i class="icon icon-star text-orange"></i> 2084 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2085 2086 </div> 2087 <h3 href="/ProductDetail?productId=05747c58-5a86-7005-fa30-3a2096c0db06" class="title link">Hm 66</h3> 2088 2089 <span> 2090 2091 </span> 2092 2093 <div class="d-flex mt-2 gap-5 justify-content-center"> 2094 2095 2096 2097 2098 2099 <span class="price"> 2100 405.00 2101 <span class="icon-saudi_riyal"></span> 2102 </span> 2103 2104 </div> 2105 <div class="tf-product-btns"> 2106 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 66","SubTitle":"","PromoTitle":"","Price":405.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp","FullFilePaths":[],"SKU":"","DiscountPrice":405.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"05747c58-5a86-7005-fa30-3a2096c0db06"})"> 2107 أضف للسلة 2108 </a> 2109 </div> 2110 </div> 2111 </div> 2112 2113 2114<div class="card-product style-decor" 2115 data-lak-sort-price="355.00" 2116 data-lak-sort-name="Hm 02" 2117 data-lak-sort-time=""> 2118 <div class="card-product-wrapper"> 2119 <a href="/ProductDetail?productId=2a569044-86e3-ca62-abaf-3a2096c2a52c" class="product-img"> 2120 2121 <img class="lazyload img-product" 2122 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp" 2123 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp" 2124 alt="image-product" /> 2125 <img class="lazyload img-hover" 2126 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp" 2127 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp" 2128 alt="image-product" /> 2129 2130 </a> 2131 2132 <div class="list-product-btn"> 2133 2134 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('2a569044-86e3-ca62-abaf-3a2096c2a52c')"> 2135 <span class="icon icon-heart"></span> 2136 <span class="tooltip"> أضف إلى المفضلة </span> 2137 <span class="icon icon-delete"></span> 2138 </a> 2139 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 02","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"2a569044-86e3-ca62-abaf-3a2096c2a52c"})" 2140 class="box-icon bg_white quickview tf-btn-loading">
2141 <span class="icon icon-view"></span> 2142 <span class="tooltip">عرض سريع</span> 2143 </a> 2144 </div> 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 <div class="on-sale-wrap promo-item text-end"> 2159 <div class="on-sale-item "></div> 2160 </div> 2161 2162 </div> 2163 2164 <div class="card-product-info text-center"> 2165 <div class="flex items-center gap-1 rate-item"> 2166 <i class="icon icon-star text-orange"></i> 2167 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2168 2169 </div> 2170 <h3 href="/ProductDetail?productId=2a569044-86e3-ca62-abaf-3a2096c2a52c" class="title link">Hm 02</h3> 2171 2172 <span> 2173 2174 </span> 2175 2176 <div class="d-flex mt-2 gap-5 justify-content-center"> 2177 2178 2179 2180 2181 2182 <span class="price"> 2183 355.00 2184 <span class="icon-saudi_riyal"></span> 2185 </span> 2186 2187 </div> 2188 <div class="tf-product-btns"> 2189 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 02","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"2a569044-86e3-ca62-abaf-3a2096c2a52c"})"> 2190 أضف للسلة 2191 </a> 2192 </div> 2193 </div> 2194 </div> 2195 2196 2197<div class="card-product style-decor" 2198 data-lak-sort-price="355.00" 2199 data-lak-sort-name="Hm 03" 2200 data-lak-sort-time=""> 2201 <div class="card-product-wrapper"> 2202 <a href="/ProductDetail?productId=c57679a8-6230-e6ab-010f-3a2096c33ac1" class="product-img"> 2203 2204 <img class="lazyload img-product" 2205 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp" 2206 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp" 2207 alt="image-product" /> 2208 <img class="lazyload img-hover" 2209 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp" 2210 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp" 2211 alt="image-product" /> 2212 2213 </a> 2214 2215 <div class="list-product-btn"> 2216 2217 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('c57679a8-6230-e6ab-010f-3a2096c33ac1')"> 2218 <span class="icon icon-heart"></span> 2219 <span class="tooltip"> أضف إلى المفضلة </span> 2220 <span class="icon icon-delete"></span> 2221 </a> 2222 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 03","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"c57679a8-6230-e6ab-010f-3a2096c33ac1"})" 2223 class="box-icon bg_white quickview tf-btn-loading"> 2224 <span class="icon icon-view"></span> 2225 <span class="tooltip">عرض سريع</span> 2226 </a> 2227 </div> 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 <div class="on-sale-wrap promo-item text-end"> 2242 <div class="on-sale-item "></div> 2243 </div> 2244 2245 </div> 2246 2247 <div class="card-product-info text-center"> 2248 <div class="flex items-center gap-1 rate-item"> 2249 <i class="icon icon-star text-orange"></i>
2250 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2251 2252 </div> 2253 <h3 href="/ProductDetail?productId=c57679a8-6230-e6ab-010f-3a2096c33ac1" class="title link">Hm 03</h3> 2254 2255 <span> 2256 2257 </span> 2258 2259 <div class="d-flex mt-2 gap-5 justify-content-center"> 2260 2261 2262 2263 2264 2265 <span class="price"> 2266 355.00 2267 <span class="icon-saudi_riyal"></span> 2268 </span> 2269 2270 </div> 2271 <div class="tf-product-btns"> 2272 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 03","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"c57679a8-6230-e6ab-010f-3a2096c33ac1"})"> 2273 أضف للسلة 2274 </a> 2275 </div> 2276 </div> 2277 </div> 2278 2279 2280<div class="card-product style-decor" 2281 data-lak-sort-price="355.00" 2282 data-lak-sort-name="Hm 82" 2283 data-lak-sort-time=""> 2284 <div class="card-product-wrapper"> 2285 <a href="/ProductDetail?productId=949a2099-2960-d86a-fd4e-3a2096c4bec4" class="product-img"> 2286 2287 <img class="lazyload img-product" 2288 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp" 2289 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp" 2290 alt="image-product" /> 2291 <img class="lazyload img-hover" 2292 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp" 2293 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp" 2294 alt="image-product" /> 2295 2296 </a> 2297 2298 <div class="list-product-btn"> 2299 2300 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('949a2099-2960-d86a-fd4e-3a2096c4bec4')"> 2301 <span class="icon icon-heart"></span> 2302 <span class="tooltip"> أضف إلى المفضلة </span> 2303 <span class="icon icon-delete"></span> 2304 </a> 2305 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 82","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"949a2099-2960-d86a-fd4e-3a2096c4bec4"})" 2306 class="box-icon bg_white quickview tf-btn-loading"> 2307 <span class="icon icon-view"></span> 2308 <span class="tooltip">عرض سريع</span> 2309 </a> 2310 </div> 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 <div class="on-sale-wrap promo-item text-end"> 2325 <div class="on-sale-item "></div> 2326 </div> 2327 2328 </div> 2329 2330 <div class="card-product-info text-center"> 2331 <div class="flex items-center gap-1 rate-item"> 2332 <i class="icon icon-star text-orange"></i> 2333 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2334 2335 </div> 2336 <h3 href="/ProductDetail?productId=949a2099-2960-d86a-fd4e-3a2096c4bec4" class="title link">Hm 82</h3> 2337 2338 <span> 2339 2340 </span> 2341 2342 <div class="d-flex mt-2 gap-5 justify-content-center"> 2343 2344 2345 2346 2347 2348 <span class="price"> 2349 355.00 2350 <span class="icon-saudi_riyal"></span> 2351 </span> 2352 2353 </div> 2354 <div class="tf-product-btns"> 2355 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 82","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"949a2099-2960-d86a-fd4e-3a2096c4bec4"})"> 2356 أضف للسلة 2357 </a> 2358 </div> 2359 </div> 2360 </div> 2361 2362 2363<div class="card-product style-decor" 2364 data-lak-sort-price="355.00" 2365 data-lak-sort-name="Hm 05" 2366 data-lak-sort-time=""> 2367 <div class="card-product-wrapper"> 2368 <a href="/ProductDetail?productId=6082e023-b9dd-3d9b-6b3b-3a2096c5ad77" class="product-img"> 2369 2370 <img class="lazyload img-product" 2371 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp" 2372 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp" 2373 alt="image-product" /> 2374 <img class="lazyload img-hover" 2375 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp" 2376 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp" 2377 alt="image-product" /> 2378 2379 </a> 2380 2381 <div class="list-product-btn"> 2382 2383 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('6082e023-b9dd-3d9b-6b3b-3a2096c5ad77')">
2384 <span class="icon icon-heart"></span> 2385 <span class="tooltip"> أضف إلى المفضلة </span> 2386 <span class="icon icon-delete"></span> 2387 </a> 2388 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 05","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"6082e023-b9dd-3d9b-6b3b-3a2096c5ad77"})" 2389 class="box-icon bg_white quickview tf-btn-loading"> 2390 <span class="icon icon-view"></span> 2391 <span class="tooltip">عرض سريع</span> 2392 </a> 2393 </div> 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 <div class="on-sale-wrap promo-item text-end"> 2408 <div class="on-sale-item "></div> 2409 </div> 2410 2411 </div> 2412 2413 <div class="card-product-info text-center"> 2414 <div class="flex items-center gap-1 rate-item"> 2415 <i class="icon icon-star text-orange"></i> 2416 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2417 2418 </div> 2419 <h3 href="/ProductDetail?productId=6082e023-b9dd-3d9b-6b3b-3a2096c5ad77" class="title link">Hm 05</h3> 2420 2421 <span> 2422 2423 </span> 2424 2425 <div class="d-flex mt-2 gap-5 justify-content-center"> 2426 2427 2428 2429 2430 2431 <span class="price"> 2432 355.00 2433 <span class="icon-saudi_riyal"></span> 2434 </span> 2435 2436 </div> 2437 <div class="tf-product-btns"> 2438 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 05","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"6082e023-b9dd-3d9b-6b3b-3a2096c5ad77"})"> 2439 أضف للسلة 2440 </a> 2441 </div> 2442 </div> 2443 </div> 2444 2445 2446<div class="card-product style-decor" 2447 data-lak-sort-price="355.00" 2448 data-lak-sort-name="Hm 09" 2449 data-lak-sort-time=""> 2450 <div class="card-product-wrapper"> 2451 <a href="/ProductDetail?productId=625bdac1-79c8-e035-fc52-3a2096c5ba30" class="product-img"> 2452 2453 <img class="lazyload img-product" 2454 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp" 2455 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp" 2456 alt="image-product" /> 2457 <img class="lazyload img-hover" 2458 data-src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp" 2459 src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp" 2460 alt="image-product" /> 2461 2462 </a> 2463 2464 <div class="list-product-btn"> 2465 2466 <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action " @click="manageFavorite('625bdac1-79c8-e035-fc52-3a2096c5ba30')"> 2467 <span class="icon icon-heart"></span> 2468 <span class="tooltip"> أضف إلى المفضلة </span> 2469 <span class="icon icon-delete"></span> 2470 </a> 2471 <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({"Name":"Hm 09","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"625bdac1-79c8-e035-fc52-3a2096c5ba30"})" 2472 class="box-icon bg_white quickview tf-btn-loading">
2473 <span class="icon icon-view"></span> 2474 <span class="tooltip">عرض سريع</span> 2475 </a> 2476 </div> 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 <div class="on-sale-wrap promo-item text-end"> 2491 <div class="on-sale-item "></div> 2492 </div> 2493 2494 </div> 2495 2496 <div class="card-product-info text-center"> 2497 <div class="flex items-center gap-1 rate-item"> 2498 <i class="icon icon-star text-orange"></i> 2499 <span class="opacity-60 d-inline-block text-sm leading-1 -mb-0.5">5</span> 2500 2501 </div> 2502 <h3 href="/ProductDetail?productId=625bdac1-79c8-e035-fc52-3a2096c5ba30" class="title link">Hm 09</h3> 2503 2504 <span> 2505 2506 </span> 2507 2508 <div class="d-flex mt-2 gap-5 justify-content-center"> 2509 2510 2511 2512 2513 2514 <span class="price"> 2515 355.00 2516 <span class="icon-saudi_riyal"></span> 2517 </span> 2518 2519 </div> 2520 <div class="tf-product-btns"> 2521 <a href="#quick_add" data-bs-toggle="modal" class="tf-btn style-3 btn-fill animate-hover-btn" @click="setProductDetails({"Name":"Hm 09","SubTitle":"","PromoTitle":"","Price":355.00,"FullDefualtFilePath":"lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp","FullFilePaths":[],"SKU":"","DiscountPrice":355.00,"DiscountPercentage":0,"RateValue":5,"RateCount":0,"IsFav":false,"Id":"625bdac1-79c8-e035-fc52-3a2096c5ba30"})"> 2522 أضف للسلة 2523 </a> 2524 </div> 2525 </div> 2526 </div> 2527 2528 2529 2530 2531 2532 2533 2534 <ul class="wg-pagination tf-pagination-list"> 2535 <!-- Previous Page --> 2536 2537 2538 <!-- Page Numbers --> 2539 2540 <li class="active"> 2541 <a href="/products?pageSize=8&pageNumber=1" 2542 class="pagination-link "> 2543 1 2544 </a> 2545 </li> 2546 2547 <li class=""> 2548 <a href="/products?pageSize=8&pageNumber=2" 2549 class="pagination-link animate-hover-btn"> 2550 2 2551 </a> 2552 </li> 2553 2554 <li class=""> 2555 <a href="/products?pageSize=8&pageNumber=3" 2556 class="pagination-link animate-hover-btn"> 2557 3 2558 </a> 2559 </li> 2560 2561 <li class=""> 2562 <a href="/products?pageSize=8&pageNumber=4" 2563 class="pagination-link animate-hover-btn"> 2564 4 2565 </a> 2566 </li> 2567 2568 2569 <!-- Next Page --> 2570 <li> 2571 <a href="/products?pageSize=8&pageNumber=2" 2572 class="pagination-link animate-hover-btn" aria-label="Next"> 2573 <span class="icon icon-arrow-right"></span> 2574 </a> 2575 </li> 2576 2577 </ul> 2578 2579 2580 2581 2582 2583 2584 2585 </div> 2586 <div class="tf-grid-layout tf-col-1" id="gridLayout"></div> 2587 2588 </div> 2589 </div> 2590</section> 2591<!-- /Section Product --> 2592 2593
2594<script src="/Views/Themes/decor/V1/Products/Products.js"></script>
2594 2595 2596 2597 2598 <!-- form --> 2599<section class="subscribe-form pt_0 px-2"> 2600 <div class="container"> 2601 <div class="widget-card-store type-4 overflow-hidden align-items-center tf-grid-layout md-col-2 bg_black"> 2602 <div class="store-item-info"> 2603 <h3 class="sec-title mb-4"> 2604 اشترك بالنشرة البريدية 2605 2606 </h3> 2607 <div class="description"> 2608 اشترك لتكون أول من يعلم بالعروض، والمنتجات الجديدة، والمحتوى الحصري، والفعاليات! 2609 2610 </div> 2611 <form class="" id="newsletterForm" @submit.prevent="submitNewsLetter"> 2612 <label for="exampleInputEmail1" class="mb-2">البريد الإلكتروني</label> 2613 <div class="form-group d-flex justify-content-between align-items-center"> 2614 <input 2615 type="email" 2616 name="email" 2617 id="email" 2618 placeholder="أدخل بريدك الإلكتروني..." 2619 required="true" 2620 v-model="newsLetter.email" 2621 @input="validateEmail" 2622 title="يرجى إدخال بريد إلكتروني صحيح (مثال: [email protected])" 2623 ref="emailInput"/> 2624 2625 <div class=""> 2626 <button type="submit" class="tf-btn style-3 btn-fill animate-hover-btn"> 2627 اشترك 2628 </button> 2629 </div> 2630 </div> 2631 </form> 2632 2633 </div> 2634 <div class="store-img"> 2635 <img class="lazyload" src="/Views/Themes/decor/V1/Assets/images/newsletter-1.jpg" alt="newsletter-Banner"/> 2636 </div> 2637 </div> 2638 </div> 2639</section> 2640<!-- /form --> 2641<!-- Footer --> 2642<footer id="footer" class="footer"> 2643 <div class="footer-wrap wow fadeIn" data-wow-delay="0s"> 2644 <div class="footer-body"> 2645 <div class="container"> 2646 <div class="row justify-content-between"> 2647 <!-- اÙÙÙØ¬Ù --> 2648 <div class="col-xl-2 col-md-6 col-12"> 2649 <div class="footer-infor"> 2650 <div class="footer-logo"> 2651 <a href="/"> 2652 <!-- <img width="150" src="/Views/Themes/decor/V1/Assets/images/logo/logo-white.svg" alt="" /> --> 2653 2654 <img width="150" src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/storeScreenshots/0901e432-6c0a-4a2e-9c19-9126f6c8dc26.png" alt="" /> 2655 </a> 2656 </div> 2657 <!-- Ø±ÙØ§Ø¨Ø· Ø§ÙØªÙØ§ØµÙ Ø§ÙØ§Ø¬ØªÙ اع٠--> 2658 2659 <ul class="tf-social-icon d-flex gap-10 style-white list-none"> 2660 2661 <li> 2662 <a href="" target="_blank" class="box-icon w_34 round social-youtube social-line"> 2663 <i 2664 class="icon fs-14 icon-youtube"></i> 2665 </a> 2666 </li> 2667 2668 2669 2670 2671 2672 2673 2674 2675 </ul> 2676 </div> 2677 </div> 2678 <!-- ٠عÙÙ٠ات Ø§ÙØ§ØªØµØ§Ù --> 2679 <div class="col-xl-2 col-md-6 col-12"> 2680 <div class="footer-infor"> 2681 2682 <ul class="list-none"> 2683 2684 2685 <li> 2686 <p> 2687 <span class="fw-6">البريد الإلكتروني </span>: <a href="/cdn-cgi/l/email-protection#452427243c242d6b2d28052228242c296b262a28"><span class="__cf_email__" data-cfemail="e38281829a828bcd8b8ea3848e828a8fcd808c8e">[email protected]</span></a> 2688 </p> 2689 </li> 2690 2691 2692 <li> 2693 <p> 2694 <span class="fw-6">رقم الجوال</span>: <a class="fw-5" href="tel:+966597307117">+966597307117</a> 2695 </p> 2696 </li> 2697 2698 </ul> 2699 2700 </div> 2701 </div> 2702 2703 <!-- اÙ٠ساعدة --> 2704 2705 <div class="col-xl-2 col-md-6 col-12 footer-col-block"> 2706 <div class="footer-heading"> 2707 <h6>انتقال سريع</h6> 2708 </div> 2709 2710 2711 2712 <ul class="footer-menu-list tf-collapse-content"> 2713 2714 2715 2716 2717 <li> 2718 <a href="/page/sys-lstkhdm-wlkhswsy" class="footer-menu_item">سياسة الاستخدام والخصوصية</a> 2719 </li> 2720 2721 2722 2723 </ul> 2724 </div> 2725 2726 2727 2728 2729 2730 <div class="col-xl-2 col-md-6 col-12"> 2731 2732 <!--Ø§ÙØ¯Ùع Ø±ÙØ§Ø¨Ø· --> 2733 2734 2735 2736 2737 2738 2739 <div class="footer-heading"> 2740 <h6>يمكنك الدفع عن طريق </h6> 2741 </div> 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 <div class="tf-payment"> 2775 2776 <img src="/Views/Themes/decor/V1/Assets/images/payments/mada.png" alt="Mada"/> 2777 <img src="/Views/Themes/decor/V1/Assets/images/payments/visa.png" alt="Visa"/> 2778 <img src="/Views/Themes/decor/V1/Assets/images/payments/masterCard.png" alt="MasterCard"/> 2779 <img src="/Views/Themes/decor/V1/Assets/images/payments/applePay.png" alt="Apple Pay"/> 2780 2781 2782 2783 2784 2785 2786 2787 </div> 2788 2789 2790 2791 2792 2793 <div class="d-flex gap-10px mt-20px"> 2794 2795 2796 2797 2798 2799 </div> 2800 </div> 2801 </div> 2802 </div> 2803 </div> 2804 2805 <!-- Ø§ÙØªØ°ÙÙÙ Ø§ÙØ³ÙÙÙ --> 2806 <div class="footer-bottom"> 2807 <div class="container"> 2808 <div class="row"> 2809 <div class="col-12"> 2810 <div 2811 class="footer-bottom-wrap d-flex gap-20 flex-wrap justify-content-center align-items-center"> 2812 <div class="footer-menu_item">تم التطوير بواسطة لك | LAK</div> 2813 2814 2815 </div> 2816 </div> 2817 </div> 2818 </div> 2819 </div> 2820 </div> 2821</footer> 2822<!-- /Footer --> 2823 2824 </div> 2825 2826 2827 <!-- gotop --> 2828 <div class="progress-wrap"> 2829 <svg class="progress-circle svg-content" width="100%" height="100%" viewB
2829ox="-1 -1 102 102"> 2830 <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" 2831 style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;"> 2832 </path> 2833 </svg> 2834 </div> 2835 <!-- /gotop --> 2836 2837 <!-- toolbar-bottom --> 2838 <!-- toolbar-bottom --> 2839<div class="tf-toolbar-bottom type-1150"> 2840 <div class="toolbar-item"> 2841 <a href="#toolbarShopmb" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> 2842 <div class="toolbar-icon"> 2843 <i class="icon-shop"></i> 2844 </div> 2845 <div class="toolbar-label">تسوّق</div> 2846 </a> 2847 </div> 2848 2849 <div class="toolbar-item"> 2850 <a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> 2851 <div class="toolbar-icon"> 2852 <i class="icon-search"></i> 2853 </div> 2854 <div class="toolbar-label">بحث</div> 2855 </a> 2856 </div> 2857 2858 <div class="toolbar-item"> 2859 2860 2861 <a href="#login" data-bs-toggle="modal"> 2862 <div class="toolbar-icon"> 2863 <i class="icon-account"></i> 2864 </div> 2865 <div class="toolbar-label">الحساب</div> 2866 </a> 2867 2868 </div> 2869 2870 2871 <div class="toolbar-item"> 2872 <a href="#shoppingCart" data-bs-toggle="modal"> 2873 <div class="toolbar-icon"> 2874 <i class="icon-bag"></i> 2875 2876 2877 2878 2879 <div class="toolbar-count" v-text="cartCount"></div> 2880 2881 </div> 2882 <div class="toolbar-label">سلة المشتريات</div> 2883 </a> 2884 </div> 2885</div> 2886<!-- /toolbar-bottom --> 2887 <!-- /toolbar-bottom --> 2888 2889 2890 2891 <!-- mobile menu --> 2892 <div class="offcanvas offcanvas-start canvas-mb" id="mobileMenu"> 2893 <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> 2894 <div class="mb-canvas-content"> 2895 <div class="mb-body"> 2896 <ul class="nav-ul-mb mb-3" id="wrapper-menu-navigation"> 2897 <!-- Home --> 2898 <li class="nav-mb-item"> 2899 <a href="/" class="mb-menu-link current"> 2900 <span>الصفحة الرئيسية</span> 2901 </a> 2902 </li> 2903 2904 <!-- All products --> 2905 <li class="nav-mb-item"> 2906 <a href="/products" class="mb-menu-link current"> 2907 <span>كل المنتجات</span> 2908 </a> 2909 </li> 2910 2911 <!-- Dynamic Categories --> 2912 2913 <li class="nav-mb-item"> 2914 <div class="mainn-li"> 2915 <a href="/عبايات-الموسم">عبايات الموسم</a> 2916 <a 2917 href="#dropdown-4c77536f-5941-dc38-7606-3a221e01df89" 2918 class="collapsed mb-menu-link" 2919 data-bs-toggle="collapse" 2920 aria-expanded="false" 2921 aria-controls="dropdown-4c77536f-5941-dc38-7606-3a221e01df89" 2922 > 2923 2924 2925 </a> 2926 </div> 2927 2928 2929 2930 2931 </li> 2932 2933 <li class="nav-mb-item"> 2934 <div class="mainn-li"> 2935 <a href="/فخامة-العباية">فخامة العباية</a> 2936 <a 2937 href="#dropdown-1a4d4c98-b50b-c137-3146-3a2096b85a4c" 2938 class="collapsed mb-menu-link" 2939 data-bs-toggle="collapse" 2940 aria-expanded="false" 2941 aria-controls="dropdown-1a4d4c98-b50b-c137-3146-3a2096b85a4c" 2942 > 2943 2944 2945 </a> 2946 </div> 2947 2948 2949 2950 2951 </li> 2952 2953 </ul> 2954 <div class="mb-other-content"> 2955 <div class="d-flex group-icon"> 2956 2957 </div> 2958 <div class="mb-notice"> 2959 <a href="https://wa.me/" class="text-need">هل تحتاج إلى مساعدة؟</a> 2960 </div> 2961 <ul class="mb-info"> 2962 2963 <li> 2964 البريد الإلكتروني : <b><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b7b4b7afb7bef8bebb96b1bbb7bfbaf8b5b9bb">[email protected]</a></b> 2965 </li> 2966 <li> 2967 رقم الجوال: <b>+966597307117</b> 2968 </li> 2969 </ul> 2970 </div> 2971 2972 </div> 2973 <div class="mb-bottom"> 2974 <a @click="logout" v-if="session.phoneNumber" class="site-nav-icon"> 2975 <i class="icon icon-account"></i>تسجيل الخروج 2976 </a> 2977 <div class="bottom-bar-language"> 2978 </div> 2979 </div> 2980 </div> 2981</div> 2982 2983 <!-- /mobile menu --> 2984 2985 2986 <!-- canvasSearch --> 2987 <div class="offcanvas offcanvas-end canvas-search" id="canvasSearch"> 2988 <div class="canvas-wrapper"> 2989 <header class="tf-search-head"> 2990 <div class="title fw-5"> 2991ابحث في موقعنا <div class="close"> 2992 <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Ø¥ØºÙØ§Ù"></span> 2993 </div>
2994 </div> 2995 <div class="tf-search-sticky"> 2996 <form class="tf-mini-search-frm" onsubmit="handleSearch(); return false;"> 2997 <fieldset class="text"> 2998 <input type="text" id="search-input" placeholder="ابحث هنا..." name="search" tabindex="0" value="" 2999 aria-required="true" /> 3000 </fieldset> 3001 <button type="button" onclick="handleSearch()"><i class="icon-search"></i></button> 3002 </form> 3003 </div> 3004 </header> 3005 3006 <div class="canvas-body p-0"> 3007 <div class="tf-search-content"> 3008 <div class="tf-cart-hide-has-results"> 3009 3010 <!-- Ø±ÙØ§Ø¨Ø· Ø³Ø±ÙØ¹Ø© --> 3011 <div class="tf-col-quicklink"> 3012 3013 3014 3015 <div class="tf-search-content-title fw-5">انتقال سريع </div> 3016 3017 <ul class="tf-quicklink-list"> 3018 3019 3020 3021 <li class="tf-quicklink-item"> 3022 <a href="/page/sys-lstkhdm-wlkhswsy">سياسة الاستخدام والخصوصية</a> 3023 </li> 3024 3025 3026 3027 3028 3029 </ul> 3030 3031 3032 3033 3034 3035 3036 3037 </div> 3038 3039 3040 </div> 3041 </div> 3042 </div> 3043 3044 </div> 3045 </div>
vendor: 111 bytes, lines 3045-3048
3045 3046 3047 3048<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3048<script src="/Views/Themes/decor/V1/Components/CanvasSearch/CanvasSearch.js"></script>
3048 3049 3050 <!-- /canvasSearch --> 3051 3052 3053 3054 <!-- toolbarShopmb --> 3055 <div class="offcanvas offcanvas-start canvas-mb toolbar-shop-mobile" id="toolbarShopmb"> 3056 <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> 3057 <div class="mb-canvas-content"> 3058 <div class="mb-body"> 3059 <ul class="nav-ul-mb" id="wrapper-menu-navigation"> 3060 3061 <li class="nav-mb-item"> 3062 3063 <a href="/عبايات-الموسم" class="tf-category-link mb-menu-link"> 3064 <div class="image"> 3065 <img src="/images/nophoto/category-nophoto.png" alt="" /> 3066 </div> 3067 <span>عبايات الموسم</span> 3068 </a> 3069 3070 </li> 3071 3072 <li class="nav-mb-item"> 3073 3074 <a href="/فخامة-العباية" class="tf-category-link mb-menu-link"> 3075 <div class="image"> 3076 <img src="/lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/categories/08d74377-4175-4406-a4ad-cf889364349c.webp" alt="" /> 3077 </div> 3078 <span>فخامة العباية</span> 3079 </a> 3080 3081 </li> 3082 3083 </ul> 3084 </div> 3085 3086 3087 3088 <div class="mb-bottom"> 3089 <a href="/products" class="tf-btn fw-5 btn-line"> 3090 تصفح كل الفئات <i 3091 class="icon icon-arrow1-top-left"></i></a> 3092 </div> 3093 </div> 3094 </div> 3095 3096 <!-- /toolbarShopmb --> 3097 3098 <!-- modal login --> 3099 <div class="modal modalCentered fade form-sign-in modal-part-content" id="login"> 3100 <div class="modal-dialog modal-dialog-centered"> 3101 <div class="modal-content"> 3102 <div class="image-login"> 3103 <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24" fill="none" class="injected-svg" data-src="https://cdn.hugeicons.com/icons/user-sharing-bulk-rounded.svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" color="#000000"> 3104 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 10.9286C3.25 6.1356 7.16751 2.25012 12 2.25012C16.8325 2.25012 20.75 6.1356 20.75 10.9286C20.75 12.5077 20.3239 13.9911 19.5788 15.2685C19.3099 15.7295 18.7152 15.887 18.2504 15.6204C17.7857 15.3537 17.6268 14.7638 17.8957 14.3029C18.4742 13.311 18.8056 12.1596 18.8056 10.9286C18.8056 7.20071 15.7586 4.17867 12 4.17867C8.2414 4.17867 5.19444 7.20071 5.19444 10.9286C5.19444 12.1596 5.52583 13.311 6.10431 14.3029C6.37317 14.7638 6.21435 15.3537 5.74957 15.6204C5.28479 15.887 4.69005 15.7295 4.42119 15.2685C3.67612 13.9911 3.25 12.5077 3.25 10.9286Z" fill="#000000"></path> 3105 <path opacity="0.4" d="M10.4034 14.4399C7.44608 15.1571 5.25 17.8221 5.25 21C5.25 21.4142 5.58579 21.75 6 21.75H18C18.4142 21.75 18.75 21.4142 18.75 21C18.75 17.8221 16.5539 15.1571 13.5966 14.4399C15.1526 13.8088 16.25 12.2825 16.25 10.5C16.25 8.15279 14.3472 6.25 12 6.25C9.65279 6.25 7.75 8.15279 7.75 10.5C7.75 12.2825 8.84739 13.8088 10.4034 14.4399Z" fill="#000000"></path> 3106 </svg> 3107 </div> 3108 <div class="header"> 3109 3110 <div class="demo-title">تسجيل الدخول</div> 3111 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3112 </div> 3113 <div class="tf-login-form"> 3114 <form id="loginForm" @submit.prevent="login"> 3115 3116 <div class="login-tabs-main"> 3117 <div class="login-tabs d-flex gap-2 mb-2"> 3118 3119 <a type="button" class="login-tab-btn" :class="{'active': loginType === 'phone'}" @click="loginType = 'phone'; emailLogin = ''"> 3120 رقم الجوال 3121 </a> 3122 3123 3124 <a type="button" class="login-tab-btn" :class="{'active': loginType === 'email'}" @click="loginType = 'email'; phoneNumber = ''"> 3125 البريد الالكتروني 3126 </a> 3127 3128 </div> 3129 </div> 3130 3131 3132 <div class="tf-field style-1" v-if="loginType === 'phone'"> 3133 <div class="number-input"> 3134 <label class="tf-field-label">رقم الجوال * </label> 3135 <div class="position-relative"> 3136 <input 3137 id="phoneNumber" 3138 name="phoneNumber" 3139 v-model="phoneNumber" 3140 class="tf-field-input tf-input" 3141 placeholder="رقم الجوال" 3142 type="tel" 3143 maxlength="9" 3144 pattern="^5[0-9]{8}$"
3145 @input="handlePhoneInput" 3146 @invalid="setPhoneValidation" 3147 @keyup="handlePhoneInput" 3148 /> 3149 <div class="number-tag">+966</div> 3150 </div> 3151 </div> 3152 </div> 3153 3154 <div class="tf-field style-1" v-else=""> 3155 <label class="tf-field-label">البريد الالكتروني *</label> 3156 <input 3157 id="emailAddress" 3158 name="emailAddress" 3159 v-model="emailLogin" 3160 class="tf-field-input tf-input" 3161 placeholder="البريد الالكتروني" 3162 type="email" 3163 required="" 3164 /> 3165 </div> 3166 3167 <div class="bottom"> 3168 <div class="w-100"> 3169 <button type="submit" 3170 class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"> 3171 <span>تسجيل الدخول</span> 3172 </button> 3173 </div> 3174 </div> 3175 </form> 3176 </div> 3177 </div> 3178 </div> 3179 </div> 3180 3181
3181<script type="text/javascript" src="/Views/Themes/decor/V1/Components/Account/Login/Login.js"></script>
3181 3182<style> 3183 .login-tabs { 3184 border-bottom: 1px solid #d7d9de; 3185 padding-bottom: 10px; 3186 } 3187 .login-tab-btn { 3188 flex: 1; 3189 background: transparent; 3190 border: none; 3191 padding: 10px 0; 3192 font-weight: 600; 3193 color: #6c6f78; 3194 position: relative; 3195 } 3196 .login-tab-btn.active { 3197 color: #000; 3198 } 3199 .login-tab-btn.active::after { 3200 content: ""; 3201 position: absolute; 3202 left: 10%; 3203 right: 10%; 3204 bottom: -11px; 3205 height: 3px; 3206 background: #000; 3207 border-radius: 999px; 3208 } 3209</style> 3210 3211 3212 <div class="modal modalCentered fade form-sign-in modal-part-content" id="verification"> 3213 <div class="modal-dialog modal-dialog-centered"> 3214 <div class="modal-content" id="verificationModalBody"> 3215 <div class="header"> 3216 <div class="demo-title"> تأكيد رقم الجوال</div> 3217 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3218 </div> 3219 <div class="tf-login-form"> 3220 <div class="text-center"> 3221 <h6 class="text-center"> 3222 رقم التحقق مطلوب لاكمال العملية لقد تم إرسال رمز التحقق فى رسالة إليكم 3223 </h6> 3224 <h6 class="email-display"></h6> 3225 <h6 class="code-display"></h6> 3226 </div> 3227 <form id="verificationForm" > 3228 <input name="phoneNumber" type="hidden" value="+966597307117" /> 3229 <input name="isNewUser" type="hidden" value="" /> 3230 <input name="code" type="hidden" value="" /> 3231 <input name="loginType" type="hidden" value="phone" /> 3232 <input name="userNameOrEmailAddress" type="hidden" value="" /> 3233 3234 <div class="d-flex justify-content-center gap-2 mb-3" dir="ltr"> 3235 3236 <input type="text" class="code-input form-control text-center" maxlength="1" inputmode="numeric" pattern="[0-9]*" /> 3237 3238 <input type="text" class="code-input form-control text-center" maxlength="1" inputmode="numeric" pattern="[0-9]*" /> 3239 3240 <input type="text" class="code-input form-control text-center" maxlength="1" inputmode="numeric" pattern="[0-9]*" /> 3241 3242 <input type="text" class="code-input form-control text-center" maxlength="1" inputmode="numeric" pattern="[0-9]*" /> 3243 3244 </div> 3245 <!-- Ø§ÙØÙ٠اÙÙ Ø®Ù٠اÙÙÙ ÙÙØ¬Ù ع اÙÙÙØ¯ --> 3246 <input type="hidden" id="_code" name="_code" value="" /> 3247 3248 <div class="bottom"> 3249 <div class=" mb-2"> 3250 <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"> 3251 <span>التحقق</span> 3252 </button> 3253 </div> 3254 <div class="d-flex justify-content-center align-items-center gap-1" > 3255 <span> 3256 لم يتم إرسال الكود 3257 </span> 3258 <button type="button" id="resendBtn" class=" radius-3 justify-content-center button-style" disabled=""> 3259 <span class="text-primary"> 3260 إعادة إرسال الكود 3261 </span> 3262 </button> 3263 </div> 3264 <div class="w-100 text-center"> 3265 <p> 3266 يمكنك إعادة الإرسال بعد 3267 <span id="countdown">60</span> 3268 ثواني 3269 </p> 3270 </div> 3271 </div> 3272 </form> 3273 </div> 3274 </div> 3275 </div> 3276</div> 3277 3278 3279 3280 <!-- /modal register --> 3281 <div class="modal modalCentered fade form-sign-in modal-part-content" id="register"> 3282 <div class="modal-dialog modal-dialog-centered"> 3283 <div class="modal-content"> 3284 <div class="header"> 3285 <div class="demo-title">تسجيل حساب جديد</div>
3286 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3287 </div> 3288 <div class="tf-login-form"> 3289 <form id="registerForm" @submit.prevent="register"> 3290 <input name="phoneNumber" id="phoneNumber" type="hidden" v-model="phoneNumber" value="+966597307117" /> 3291 3292 <div class="tf-field style-1"> 3293 <input name="firstName" id="firstName" v-model="firstName" class="tf-field-input tf-input" placeholder=" " type="text" required /> 3294 <label class="tf-field-label">الاسم الأول</label> 3295 </div> 3296 3297 <div class="tf-field style-1"> 3298 <input name="lastName" id="lastName" v-model="lastName" class="tf-field-input tf-input" placeholder=" " type="text" required /> 3299 <label class="tf-field-label">اسم العائلة</label> 3300 </div> 3301 3302 <div class="tf-field style-1" v-if="loginType === 'phone'"> 3303 <input id="emailAddress" name="emailAddress" v-model="emailAddress" class="tf-field-input tf-input" placeholder=" " type="email" /> 3304 <label class="tf-field-label">البريد الإلكتروني</label> 3305 </div> 3306 3307 <div class="tf-field style-1" v-else=""> 3308 <div class="number-input"> 3309 <label class="tf-field-label">رقم الجوال</label> 3310 <div class="position-relative"> 3311 <input 3312 id="registerPhoneNumber" 3313 name="phoneNumber" 3314 v-model="phoneNumber" 3315 class="tf-field-input tf-input" 3316 placeholder="رقم الجوال" 3317 type="tel" 3318 maxlength="9" 3319 pattern="^5[0-9]{8}$" 3320 @input="handlePhoneInput" 3321 @invalid="setPhoneValidation" 3322 @keyup="handlePhoneInput" 3323 /> 3324 <div class="number-tag">+966</div> 3325 </div> 3326 </div> 3327 </div> 3328 3329 <div class="bottom"> 3330 <div class="w-100"> 3331 <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"> 3332 <span>تسجيل</span> 3333 </button> 3334 </div> 3335 </div> 3336 </form> 3337 </div> 3338 </div> 3339 </div> 3340</div> 3341 3342 3343 3344 <!-- /modal register --> 3345 3346 3347 <!-- shoppingCart --> 3348 <div class="modal fullRight fade modal-shopping-cart" id="shoppingCart"> 3349 <div class="modal-dialog"> 3350 <div class="modal-content"> 3351 <div class="header"> 3352 <div class="title fw-5"> سلة المشتريات</div> 3353 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3354 </div> 3355 <div class="wrap"> 3356 <div class="tf-mini-cart-threshold" v-if="enableFreeShippingOnValue && freeShippingValue"> 3357 <div class="tf-progress-bar"> 3358 <span :style="{ width: freeShippingProgress + '%' }"> 3359 <div class="progress-car"> 3360 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" 3361 fill="currentColor"> 3362 <path fill-rule="evenodd" clip-rule="evenodd" 3363 d="M0 0.875C0 0.391751 0.391751 0 0.875 0H13.5625C14.0457 0 14.4375 0.391751 14.4375 0.875V3.0625H17.3125C17.5867 3.0625 17.845 3.19101 18.0104 3.40969L20.8229 7.12844C20.9378 7.2804 21 7.46572 21 7.65625V11.375C21 11.8582 20.6082 12.25 20.125 12.25H17.7881C17.4278 13.2695 16.4554 14 15.3125 14C14.1696 14 13.1972 13.2695 12.8369 12.25H7.72563C7.36527 13.2695 6.39293 14 5.25 14C4.10706 14 3.13473 13.2695 2.77437 12.25H0.875C0.391751 12.25 0 11.8582 0 11.375V0.875ZM2.77437 10.5C3.13473 9.48047 4.10706 8.75 5.25 8.75C6.39293 8.75 7.36527 9.48046 7.72563 10.5H12.6875V1.75H1.75V10.5H2.77437ZM14.4375 8.89937V4.8125H16.8772L19.25 7.94987V10.5H17.7881C17.4278 9.48046 16.4554 8.75 15.3125 8.75C15.0057 8.75 14.7112 8.80264 14.4375 8.89937ZM5.25 10.5C4.76676 10.5 4.375 10.8918 4.375 11.375C4.375 11.8582 4.76676 12.25 5.25 12.25C5.73323 12.25 6.125 11.8582 6.125 11.375C6.125 10.8918 5.73323 10.5 5.25 10.5
3363ZM15.3125 10.5C14.8293 10.5 14.4375 10.8918 14.4375 11.375C14.4375 11.8582 14.8293 12.25 15.3125 12.25C15.7957 12.25 16.1875 11.8582 16.1875 11.375C16.1875 10.8918 15.7957 10.5 15.3125 10.5Z"> 3364 </path> 3365 </svg> 3366 </div> 3367 </span> 3368 </div> 3369 <div class="tf-progress-msg"> 3370 <span> 3371 <span v-text="freeShippingMessage"></span> 3372 <span v-if="freeShippingRemaining > 0" class=" " style="color: black;"> 3373 اشتر٠بÙÙÙ Ø© <span class="icon-saudi_riyal"></span> 3374 <span v-text="freeShippingRemaining"></span> 3375 </span> 3376 <span v-text="freeShippingEmoji"></span> 3377 </span> 3378 </div> 3379 </div> 3380 3381 3382 3383 <!--<div class="tf-progress-msg"> 3384 اشتري بـ <span class="price"> <div class="totalCartPrice" v-text="formatCartMoney(totalPrice)"></div> 3385 <span class="icon-saudi_riyal" v-if="!item.isOfferGift"></span> 3386 </span> لكي تحصل على 3387 <span class="fw-6">توصيل مجاني </span> 3388 3389 </div>--> 3390 <div class="tf-mini-cart-wrap"> 3391 <div class="tf-mini-cart-main"> 3392 <div class="tf-mini-cart-sroll"> 3393 <div class="tf-mini-cart-items"> 3394 3395 <div class="tf-mini-cart-item" v-for="(item, index) in cart"> 3396 <div class="tf-mini-cart-image"> 3397 <a :href="'/ProductDetail?productId=' + item.productId"> 3398 <img :src="getCartItemImageSrc(item, '/Views/Themes/decor/V1/Assets/images/nophoto/1000x1000.png')" alt="" /> 3399 3400 </a> 3401 </div> 3402 <div class="tf-mini-cart-info"> 3403 <a class="title link" :href="'/ProductDetail?productId=' + item.productId" v-text="item.name"></a> 3404 <span class="badges-on-sale" v-if="item.isOfferGift || item.IsOfferGift">مجاناً</span> 3405 <div class="meta-variant" v-text="item.optionNames"> </div> 3406 <span class="price d-flex gap-2 align-items-center flex-wrap"> 3407 3408<template v-if="item.isOfferGift || item.IsOfferGift"> 3409 <span class="price-value">مجاناً</span> 3410</template> 3411<template v-else> 3412 <span class="cart-money"> 3413 <span class="before-price text-gray-400 line-through" v-if="cartItemCompareAt(item) > Number(item.discountPrice)" v-text="formatCartMoney(cartItemCompareAt(item))"></span> 3414 <span class="price-value" v-text="formatCartMoney(item.discountPrice)"></span> 3415 <span class="icon-saudi_riyal"></span> 3416 </span> 3417</template> 3418 3419 3420 </span> 3421 <div class="tf-mini-cart-btns"> 3422 <div class="wg-quantity small"> 3423 <span class="btn-quantity minus-btn" v-if="!item.isOfferGift" @click="decreaseQuantity(item)"><i class="fi fi-rr-minus-small"></i></span> 3424 <input type="number" name="number" :value="item.quantity" disabled="true"/> 3425 <span class="btn-quantity plus-btn" v-if="!item.isOfferGift" @click="increaseQuantity(item)"><i class="fi fi-rr-plus-small"></i></span> 3426 </div> 3427 <div class="tf-mini-cart-remove" v-if="!item.isOfferGift" @click="removeFromCart(item)">مسح</div> 3428 </div> 3429 </div> 3430 </div> 3431 3432 3433 3434 </div> 3435 </div> 3436 </div> 3437 <div class="tf-mini-cart-bottom"> 3438 <div class="tf-mini-cart-tool" v-if="false"> 3439 <div class="tf-mini-cart-tool-btn btn-add-note"> 3440 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" 3441 fill="currentColor"> 3442 <path 3443 d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"> 3444 </path> 3445 <path 3446 d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553
344614.6739 11.7977 14.4025 12.0692Z"> 3447 </path> 3448 </svg> 3449 </div> 3450 <div class="tf-mini-cart-tool-btn btn-add-gift"> 3451 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" 3452 fill="currentColor"> 3453 <path fill-rule="evenodd" clip-rule="evenodd" 3454 d="M2.99566 2.73409C2.99566 0.55401 5.42538 -0.746668 7.23916 0.463462L8.50073 1.30516L9.7623 0.463462C11.5761 -0.746668 14.0058 0.55401 14.0058 2.73409V3.24744H14.8225C15.9633 3.24744 16.8881 4.17233 16.8881 5.31312V6.82566C16.8881 7.21396 16.5734 7.52873 16.1851 7.52873H15.8905V15.1877C15.8905 15.1905 15.8905 15.1933 15.8905 15.196C15.886 16.7454 14.6286 18 13.0782 18H3.92323C2.37003 18 1.11091 16.7409 1.11091 15.1877V7.52877H0.81636C0.42806 7.52877 0.113281 7.21399 0.113281 6.82569V5.31316C0.113281 4.17228 1.03812 3.24744 2.179 3.24744H2.99566V2.73409ZM4.40181 3.24744H7.79765V2.52647L6.45874 1.63317C5.57987 1.0468 4.40181 1.67677 4.40181 2.73409V3.24744ZM9.20381 2.52647V3.24744H12.5996V2.73409C12.5996 1.67677 11.4216 1.0468 10.5427 1.63317L9.20381 2.52647ZM2.179 4.6536C1.81472 4.6536 1.51944 4.94888 1.51944 5.31316V6.12261H5.73398L5.734 4.6536H2.179ZM5.73401 7.52877V13.9306C5.73401 14.1806 5.86682 14.4119 6.08281 14.5379C6.29879 14.6639 6.56545 14.6657 6.78312 14.5426L8.50073 13.5715L10.2183 14.5426C10.436 14.6657 10.7027 14.6639 10.9187 14.5379C11.1346 14.4119 11.2674 14.1806 11.2674 13.9306V7.52873H14.4844V15.1603C14.4844 15.1627 14.4843 15.1651 14.4843 15.1675V15.1877C14.4843 15.9643 13.8548 16.5938 13.0782 16.5938H3.92323C3.14663 16.5938 2.51707 15.9643 2.51707 15.1877V7.52877H5.73401ZM15.482 6.12258V5.31312C15.482 4.94891 15.1867 4.6536 14.8225 4.6536H11.2674V6.12258H15.482ZM9.86129 4.6536H7.14017V12.7254L8.15469 12.1518C8.36941 12.0304 8.63204 12.0304 8.84676 12.1518L9.86129 12.7254V4.6536Z"> 3455 </path> 3456 </svg> 3457 </div> 3458 <div class="tf-mini-cart-tool-btn btn-estimate-shipping"> 3459 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" 3460 fill="currentColor"> 3461 <path fill-rule="evenodd" clip-rule="evenodd" 3462 d="M0 0.811989C0 0.36354 0.36354 0 0.811989 0H15.4278C15.8763 0 16.2398 0.36354 16.2398 0.811989V3.10596H21.0144C23.6241 3.10596 25.8643 5.05894 25.8643 7.61523V14.6414C25.8643 15.0899 25.5007 15.4534 25.0523 15.4534H23.545C23.2139 16.9115 21.9098 18 20.3514 18C18.7931 18 17.4889 16.9115 17.1578 15.4534H8.69534C8.36423 16.9115 7.0601 18 5.50175 18C3.9434 18 2.63927 16.9115 2.30815 15.4534H0.811989C0.36354 15.4534 0 15.0899 0 14.6414V0.811989ZM2.35089 13.8294C2.74052 12.4562 4.00366 11.4503 5.50175 11.4503C6.99983 11.4503 8.26298 12.4562 8.6526 13.8294H14.6158V1.62398H1.62398V13.8294H2.35089ZM16.2398 4.72994V7.95749H24.2403V7.61523C24.2403 6.08759 22.8649 4.72994 21.0144 4.72994H16.2398ZM24.2403 9.58147H16.2398V13.8294H17.2006C17.5902 12.4562 18.8533 11.4503 20.3514 11.4503C21.8495 11.4503 23.1126 12.4562 23.5023 13.8294H24.2403V9.58147ZM5.50175 13.0743C4.58999 13.0743 3.85087 13.8134 3.85087 14.7251C3.85087 15.6369 4.58999 16.376 5.50175 16.376C6.41351 16.376 7.15263 15.6369 7.15263 14.7251C7.15263 13.8134 6.41351 13.0743 5.50175 13.0743ZM20.3514 13.0743C19.4397 13.0743 18.7005 13.8134 18.7005 14.7251C18.7005 15.6369 19.4397 16.376 20.3514 16.376C21.2632 16.376 22.0023 15.6369 22.0023 14.7251C22.0023 13.8134 21.2632 13.0743 20.3514 13.0743Z"> 3463 </path> 3464 </svg> 3465 </div> 3466 </div> 3467 <div class="tf-mini-cart-bottom-wrap"> 3468 <div class="tf-cart-totals-discounts"> 3469 <div class="tf-cart-total">المجموع الفرعي</div> 3470 <span class="price "> 3471 <div class="totalCartPrice" v-text="formatCartMoney(checkout.priceBeforeVat)"></div> 3472 <span class="icon-saudi_riyal"></span> 3473 </span> 3474 </div> 3475 <div class="tf-cart-tax" v-if="false"> 3476 يتم احتساب الضرائب و<a href="#">الشحن</a> عند إنهاء الطلب 3477 3478 </div> 3479 <div class="tf-mini-cart-line"></div> 3480 <!--<div class="tf-cart-checkbox"> 3481 <div class="tf-checkbox-wrapp">
3482 <input class="" type="checkbox" id="CartDrawer-Form_agree" name="agree_checkbox" v-model="acceptTermsInShoppingCart"/> 3483 <div> 3484 <i class="icon-check"></i> 3485 </div> 3486 </div> 3487 <label for="CartDrawer-Form_agree"> 3488 أوافق على <a href="/page/الشروط والأحكام" title="Terms of Service" target="_blank"> الشروط والأحكام 3489 3490 </label> 3491 </div>--> 3492 <div class="tf-mini-cart-view-checkout" v-show="checkout.priceBeforeVat > 0"> 3493 <a href="javascript:void(0);" @click="goPageFromShoppingCart('cart')" 3494 class="tf-btn btn-outline radius-3 link w-100 justify-content-center"> 3495 عرض السلة 3496 </a> 3497 <a href="javascript:void(0);" @click="goPageFromShoppingCart('checkout')" 3498 class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"> 3499 <span>إتمام الشراء</span> 3500 </a> 3501</div> 3502 3503 </div> 3504 </div> 3505 <!--<div class="tf-mini-cart-tool-openable add-note"> 3506 <div class="overplay tf-mini-cart-tool-close"></div> 3507 <div class="tf-mini-cart-tool-content"> 3508 <label for="Cart-note" class="tf-mini-cart-tool-text"> 3509 <div class="icon"> 3510 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" 3511 viewBox="0 0 16 18" fill="currentColor"> 3512 <path 3513 d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"> 3514 </path> 3515 <path 3516 d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553 14.6739 11.7977 14.4025 12.0692Z"> 3517 </path> 3518 </svg> 3519 </div> 3520 <span>أضف ملاحظة للطلب</span> 3521 3522 </label> 3523 <textarea name="note" id="Cart-note" 3524 placeholder="يرجى كتابة أي ملاحظات ترغب بها بخصوص طلبك"></textarea> 3525 <div class="tf-cart-tool-btns justify-content-center"> 3526 <div 3527 class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close"> 3528 إغلاق 3529 </div> 3530 </div> 3531 </div> 3532 </div> 3533 <div class="tf-mini-cart-tool-openable add-gift"> 3534 <div class="overplay tf-mini-cart-tool-close"></div> 3535 <form class="tf-product-form-addgift"> 3536 <div class="tf-mini-cart-tool-content"> 3537 <div class="tf-mini-cart-tool-text"> 3538 <div class="icon"> 3539 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
3540 viewBox="0 0 24 24" fill="currentColor"> 3541 <path fill-rule="evenodd" clip-rule="evenodd" 3542 d="M4.65957 3.64545C4.65957 0.73868 7.89921 -0.995558 10.3176 0.617949L11.9997 1.74021L13.6818 0.617949C16.1001 -0.995558 19.3398 0.73868 19.3398 3.64545V4.32992H20.4286C21.9498 4.32992 23.1829 5.56311 23.1829 7.08416V9.10087C23.1829 9.61861 22.7632 10.0383 22.2454 10.0383H21.8528V20.2502C21.8528 20.254 21.8527 20.2577 21.8527 20.2614C21.8467 22.3272 20.1702 24 18.103 24H5.89634C3.82541 24 2.14658 22.3212 2.14658 20.2502V10.0384H1.75384C1.23611 10.0384 0.816406 9.61865 0.816406 9.10092V7.08421C0.816406 5.56304 2.04953 4.32992 3.57069 4.32992H4.65957V3.64545ZM6.53445 4.32992H11.0622V3.36863L9.27702 2.17757C8.10519 1.39573 6.53445 2.2357 6.53445 3.64545V4.32992ZM12.9371 3.36863V4.32992H17.4649V3.64545C17.4649 2.2357 15.8942 1.39573 14.7223 2.17756L12.9371 3.36863ZM3.57069 6.2048C3.08499 6.2048 2.69128 6.59851 2.69128 7.08421V8.16348H8.31067L8.3107 6.2048H3.57069ZM8.31071 10.0384V18.5741C8.31071 18.9075 8.48779 19.2158 8.77577 19.3838C9.06376 19.5518 9.4193 19.5542 9.70953 19.3901L11.9997 18.0953L14.2898 19.3901C14.58 19.5542 14.9356 19.5518 15.2236 19.3838C15.5115 19.2158 15.6886 18.9075 15.6886 18.5741V10.0383H19.9779V20.2137C19.9778 20.2169 19.9778 20.2201 19.9778 20.2233V20.2502C19.9778 21.2857 19.1384 22.1251 18.103 22.1251H5.89634C4.86088 22.1251 4.02146 21.2857 4.02146 20.2502V10.0384H8.31071ZM21.308 8.16344V7.08416C21.308 6.59854 20.9143 6.2048 20.4286 6.2048H15.6886V8.16344H21.308ZM13.8138 6.2048H10.1856V16.9672L11.5383 16.2024C11.8246 16.0405 12.1748 16.0405 12.461 16.2024L13.8138 16.9672V6.2048Z"> 3543 </path> 3544 </svg> 3545 </div> 3546 <div class="tf-gift-wrap-infos"> 3547 <p>هل ترغب في تغليف كهدية؟</p> 3548 فقط 3549 <span class="price fw-6">5.00$</span> 3550 </div> 3551 3552 </div> 3553 <div class="tf-cart-tool-btns"> 3554 <button type="submit" 3555 class="tf-btn fw-6 w-100 justify-content-center btn-fill animate-hover-btn radius-3"> 3556 <span>أضف تغليف كهدية</span> 3557 </button> 3558 <div 3559 class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close"> 3560 إلغاء 3561 </div> 3562 </div> 3563 3564 </div> 3565 </form> 3566 </div> 3567 <div class="tf-mini-cart-tool-openable estimate-shipping"> 3568 <div class="overplay tf-mini-cart-tool-close"></div> 3569 <div class="tf-mini-cart-tool-content"> 3570 <div class="tf-mini-cart-tool-text"> 3571 <div class="icon"> 3572 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" 3573 viewBox="0 0 21 15" fill="currentColor"> 3574 <path fill-rule="evenodd" clip-rule="evenodd" 3575 d="M0.441406 1.13155C0.441406 0.782753 0.724159 0.5 1.07295 0.5H12.4408C12.7896 0.5 13.0724 0.782753 13.0724 1.13155V2.91575H16.7859C18.8157 2.91575 20.5581 4.43473 20.5581 6.42296V11.8878C20.5581 12.2366 20.2753 12.5193 19.9265 12.5193H18.7542C18.4967 13.6534 17.4823 14.5 16.2703 14.5C15.0582 14.5 14.0439 13.6534 13.7864 12.5193H7.20445C6.94692 13.6534 5.93259 14.5 4.72054 14.5C3.50849 14.5 2.49417 13.6534 2.23664 12.5193H1.07295C0.724159 12.5193 0.441406 12.2366 0.441406 11.8878V1.13155ZM2.26988 11.2562C2.57292 10.1881 3.55537 9.40578 4.72054 9.40578C5.88572 9.40578 6.86817 10.1881 7.17121 11.2562H11.8093V1.76309H1.7045V11.2562H2.26988ZM13.0724 4.17884V6.68916H19.295V6.42296C19.295 5.2348 18.2252 4.17884 16.7859 4.17884H13.0724ZM19.295 7.95226H13.0724V11.2562H13.8196C14.1227 10.1881 15.1051 9.40578 16.2703 9.40578C17.4355 9.40578 18.4179 10.1881 18.7209 11.2562H19.295V7.95226ZM4.72054 10.6689C4.0114 10.6689 3.43652 11.2437 3.43652 11.9529C3.43652 12.662 4.0114 13.2369 4.72054 13.2369C5.42969 13.2369 6.00456 12.662 6.00456 11.9529C6.00456 11.2437 5.42969 10.6689 4.72054 10.6689ZM16.2703 10.6689C15.5611 10.6689 14.9863 11.2437 14.9863 11.9529C14.9863 12.662 15.5611 13.2369 16.2703 13.2369C16.9794 13.2369 17.5543 12.662 17.5543 11.9529C17.5543 11.2437 16.9794 10.6689 16.2703 10.6689Z"> 3576 </path> 3577 </svg> 3578 </div> 3579 <span class="fw-6">تقدير تكلفة الشحن
3579</span> 3580 </div> 3581 <div class="field"> 3582 <p>الدولة</p> 3583 <select class="tf-select w-100" id="ShippingCountry_CartDrawer-Form" 3584 name="address[country]" data-default=""> 3585 <option value="---" data-provinces="[]">---</option> 3586 3587 </select> 3588 </div> 3589 <div class="field"> 3590 <p>الرمز البريدي</p> 3591 <input type="text" name="text" placeholder="" /> 3592 </div> 3593 <div class="tf-cart-tool-btns"> 3594 <a href="#" 3595 class="tf-btn fw-6 justify-content-center btn-fill w-100 animate-hover-btn radius-3"> 3596 <span>احسب</span> 3597 </a> 3598 <div 3599 class="tf-mini-cart-tool-primary text-center fw-6 w-100 tf-mini-cart-tool-close"> 3600 إلغاء 3601 </div> 3602 </div> 3603 3604 </div> 3605 </div>--> 3606 </div> 3607 3608 3609 3610 3611 3612 </div> 3613 </div> 3614 </div> 3615 </div> 3616 3617 <!-- /shoppingCart --> 3618 3619 <!--Quick add--> 3620 <div class="modal fade modalDemo" id="quick_add"> 3621 <div class="modal-dialog modal-dialog-centered"> 3622 <div class="modal-content"> 3623 <div class="header"> 3624 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3625 </div> 3626 <div class="wrap"> 3627 3628 <!-- ٠عÙÙ٠ات اÙÙ ÙØªØ¬ --> 3629 <div class="tf-product-info-item"> 3630 <div class="image"> 3631 <img :src="getSelectedProductImageSrc('/Views/Themes/decor/V1/Assets/images/nophoto/1000x1000.png')" alt="image-product" /> 3632 </div> 3633 <div class="content"> 3634 <a href="" v-text="product.Name"></a> 3635 <div class="tf-product-info-price"> 3636 <div class="price" v-text="totalPriceProduct"></div><span 3637 class="icon-saudi_riyal"></span> 3638 </div> 3639 </div> 3640 </div> 3641 <div class="tf-product-info-variant-picker"> 3642 <!-- عرض ÙÙØ§Ø¦Ù Ø© Ù ÙØ³Ø¯ÙØ© --> 3643 <template v-if="enableProductOptionsAsDropdown"> 3644 <div class="variant-picker-item variant-dropdown" v-for="(optionHeader, headerIndex) in optionHeaders" :key="optionHeader.id"> 3645 <div class="variant-picker-label"> 3646 <label :for="`dropdown-${optionHeader.id}-1`" v-text="optionHeader.name + ': '"></label> 3647 </div> 3648 <select 3649 :id="`dropdown-${optionHeader.id}-1`" 3650 class="variant-picker-select form-select" 3651 :value="getSelectedValueForHeader(optionHeader.id)?.id" 3652 @change="onOptionDropdownChange(optionHeader, $event)" 3653 > 3654 <option value="" disabled>اختر</option> 3655 <option v-for="detail in optionHeader.productOptionDetails" :key="detail.id" :value="detail.id" v-text="detail.name"></option> 3656 </select> 3657 </div> 3658 </template> 3659 3660 <!-- Ø§ÙØ¹Ø±Ø¶ Ø§ÙØ¹Ø§Ø¯Ù (أزرار/رادÙÙ) --> 3661 <template v-else> 3662 <!-- Ø§Ø®ØªÙØ§Ø± اÙÙÙÙ --> 3663 <div class="variant-picker-item variant-color" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 2)" :key="optionHeader.id"> 3664 <div class="variant-picker-label"> 3665 <span v-text="optionHeader.name + ': '"></span> 3666 <span class="fw-6 variant-picker-label-value" v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3667 </div> 3668 <div class="variant-picker-values" > 3669 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3670 <input 3671 type="radio" 3672 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3673 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3674 :value="detail.id" 3675 :checked="isSelected(detail.id, optionHeader.id)" 3676 @click="selectColor(detail, optionHeader)" 3677 /> 3678 <label 3679 class="hover-tooltip radius-60" 3680 :for="`value-${detail.id}-${headerIndex}-${index}-1`" 3681 :data-value="detail.id"> 3682 <span class="btn-checkbox" :style="{ backgroundColor: detail.value }"></span>
3683 <span class="tooltip" v-text="detail.name"></span> 3684 </label> 3685 </div> 3686 </div> 3687 </div> 3688 3689 <!-- Ø§Ø®ØªÙØ§Ø± اÙÙ ÙØ§Ø³ --> 3690 <div class="variant-picker-item variant-size" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 1)" :key="optionHeader.id" > 3691 <div class="d-flex justify-content-between align-items-center"> 3692 <div class="variant-picker-label"> 3693 <span v-text="optionHeader.name + ': '"></span> 3694 <span class="fw-6 variant-picker-label-value" 3695 v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3696 </div> 3697 </div> 3698 <div class="variant-picker-values"> 3699 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3700 <input type="radio" 3701 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3702 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3703 :value="detail.id" 3704 :checked="isSelected(detail.id, optionHeader.id)" 3705 @click="selectValue(detail, optionHeader)" /> 3706 <label class="style-text" :for="`value-${detail.id}-${headerIndex}-${index}-1`"> 3707 <p v-text="detail.name"></p> 3708 </label> 3709 </div> 3710 </div> 3711 </div> 3712 3713 <!-- Ø§Ø®ØªÙØ§Ø± ØµÙØ±Ø© --> 3714 <div class="variant-picker-item variant-image" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 3)" :key="optionHeader.id" > 3715 <div class="d-flex justify-content-between align-items-center"> 3716 <div class="variant-picker-label"> 3717 <span v-text="optionHeader.name + ': '"></span> 3718 <span class="fw-6 variant-picker-label-value" 3719 v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3720 </div> 3721 </div> 3722 <div class="variant-picker-values"> 3723 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3724 <input type="radio" 3725 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3726 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3727 :value="detail.id" 3728 :checked="isSelected(detail.id, optionHeader.id)" 3729 @click="selectValue(detail, optionHeader)" /> 3730 <label class="style-text" :for="`value-${detail.id}-${headerIndex}-${index}-1`" style="width: 78px;height: 60px;"> 3731 <img :src="'/' + detail.fullFilePath" :data-src="'/' + detail.fullFilePath" alt="ØµÙØ± اÙÙ ÙØªØ¬ ÙÙØ¥Ø®ØªÙار" style="width: 50px;"/> 3732 <p v-text="detail.name"></p> 3733 </label> 3734 </div> 3735 </div> 3736 </div> 3737 </template> 3738</div> 3739 3740 3741 <!-- اÙÙÙ ÙØ© --> 3742 <div class="tf-product-info-quantity mb_15"> 3743 <div class="quantity-title fw-6">الكمية</div> 3744 <div class="wg-quantity w-100"> 3745 <span class="btn-quantity minus-btn" @click="decreaseQuantity"><i 3746 class="fi fi-rr-minus-small"></i></span> 3747 <input type="number" name="number" value="1" disabled v-model="quantity" 3748 @change="changeQuantity()" /> 3749 <span class="btn-quantity plus-btn" @click="increaseQuantity"><i 3750 class="fi fi-rr-plus-small"></i></span> 3751 </div> 3752 </div> 3753 3754 <!-- زر Ø§ÙØ¥Ø¶Ø§ÙØ© ÙÙØ³ÙØ© --> 3755 <div class="tf-product-info-buy-button"> 3756 <form> 3757 <a href="javascript:void(0);" @click="addToCart()" 3758 class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"> 3759 <span>أضف للسلة </span> 3760 <span class="space-between" style="padding: 5px;"></span> 3761 <span class="tf-qty-price totalProductPrice" v-text="totalPriceProduct"> 3762 </span> <span class="icon-saudi_riyal"></span> 3763 </a> 3764 3765 <!-- اÙÙ ÙØ¶ÙØ© --> 3766 <div class="tf-product-btn-wishlist btn-icon-action"> 3767 <i class="icon-heart"></i> 3768 <i class="icon-delete"></i> 3769 </div> 3770 3771 3772 </form> 3773 </div> 3774 3775 </div> 3776 </div> 3777 </div> 3778 </div> 3779 <!--Quick add--> 3780 3781 3782 <div class="modal fade modalDemo" id="quick_view"> 3783 <div class="modal-dialog modal-dialog-centered"> 3784 <div class="modal-content"> 3785 <div class="header"> 3786 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 3787 </div> 3788 <div class="row"> 3789 3790 <!-- ØµÙØ± اÙÙ ÙØªØ¬ --> 3791 <div class="tf-product-media-wrap col-md-6"> 3792 <div dir="ltr" class="swiper tf-single-slide"> 3793 <div class="swiper-wrapper"> 3794 <div class="swiper-slide" v-for="item in productPictures" 3795 :data-option-detail-id="item.productOptionDetailId" 3796 :data-filename="item.fileName" 3797 v-show="productPictures.length"> 3798 <div class="item"> 3799 <!-- Check if media is an image or video --> 3800 <template v-if="item.mediaType === 1"> 3801 <!-- Render image --> 3802 <img :src="item.fullFilePath.startsWith('/') ? item.fullFilePath : '/' + item.fullFilePath" 3803 alt="" /> 3804 </template> 3805 3806 <template v-if="item.mediaType === 2"> 3807 <!-- Render video --> 3808 <div class="item video-wrapper"> 3809 3810 <iframe width="560" height="315" 3811 src="https://www.youtube.com/embed/" frameborder="0" 3812 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 3813 allowfullscreen=""> 3814 </iframe> 3815 </div> 3816 </template> 3817 </div> 3818 </div> 3819 <div class="swiper-slide" v-show="!productPictures.length"> 3820 <div class="item"> 3821 3822 <img src="/Views/Themes/decor/V1/Assets/images/nophoto/1000x1000.png" 3823 alt="" /> 3824 </div> 3825 </div> 3826 </div> 3827 <div class="swiper-button-next button-style-arrow single-slide-prev"></div> 3828 <div class="swiper-button-prev button-style-arrow single-slide-next"></div> 3829 </div> 3830 </div> 3831 3832 <!-- ٠عÙÙ٠ات اÙÙ ÙØªØ¬ --> 3833 <div class="tf-product-info-wrap position-relative col-md-6"> 3834 <div class="tf-product-info-list"> 3835 <div class="tf-product-info-title"> 3836 <h5><a class="link" :href="ProductDetailUrl" v-text="product.Name"></a></h5> 3837 </div> 3838 3839 <div class="tf-product-info-badges"> 3840 الأكثر مبيعاً 3841 <div class="product-status-content"> 3842 <i class="icon-lightning"></i> 3843 <p class="fw-6">الطلب مرتفع! شخصًا أضافوه إلى سلتهم.</p> 3844 </div> 3845 </div> 3846 3847 <div class="tf-product-info-price"> 3848 <div class="price" v-text="totalPriceProduct"></div> <span 3849 class="icon-saudi_riyal"></span> 3850 </div> 3851 3852 <!--<div class="tf-product-description"> 3853 <p v-html="product.Desc"> 3854 </p> 3855 </div>--> 3856 3857 <div class="tf-product-info-variant-picker"> 3858 <!-- عرض ÙÙØ§Ø¦Ù Ø© Ù ÙØ³Ø¯ÙØ© --> 3859 <template v-if="enableProductOptionsAsDropdown"> 3860 <div class="variant-picker-item variant-dropdown" v-for="(optionHeader, headerIndex) in optionHeaders" :key="optionHeader.id"> 3861 <div class="variant-picker-label"> 3862 <label :for="`dropdown-${optionHeader.id}-1`" v-text="optionHeader.name + ': '"></label> 3863 </div> 3864 <select 3865 :id="`dropdown-${optionHeader.id}-1`" 3866 class="variant-picker-select form-select" 3867 :value="getSelectedValueForHeader(optionHeader.id)?.id" 3868 @change="onOptionDropdownChange(optionHeader, $event)" 3869 > 3870 <option value="" disabled>اختر</option> 3871 <option v-for="detail in optionHeader.productOptionDetail
3871s" :key="detail.id" :value="detail.id" v-text="detail.name"></option> 3872 </select> 3873 </div> 3874 </template> 3875 3876 <!-- Ø§ÙØ¹Ø±Ø¶ Ø§ÙØ¹Ø§Ø¯Ù (أزرار/رادÙÙ) --> 3877 <template v-else> 3878 <!-- Ø§Ø®ØªÙØ§Ø± اÙÙÙÙ --> 3879 <div class="variant-picker-item variant-color" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 2)" :key="optionHeader.id"> 3880 <div class="variant-picker-label"> 3881 <span v-text="optionHeader.name + ': '"></span> 3882 <span class="fw-6 variant-picker-label-value" v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3883 </div> 3884 <div class="variant-picker-values" > 3885 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3886 <input 3887 type="radio" 3888 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3889 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3890 :value="detail.id" 3891 :checked="isSelected(detail.id, optionHeader.id)" 3892 @click="selectColor(detail, optionHeader)" 3893 /> 3894 <label 3895 class="hover-tooltip radius-60" 3896 :for="`value-${detail.id}-${headerIndex}-${index}-1`" 3897 :data-value="detail.id"> 3898 <span class="btn-checkbox" :style="{ backgroundColor: detail.value }"></span> 3899 <span class="tooltip" v-text="detail.name"></span> 3900 </label> 3901 </div> 3902 </div> 3903 </div> 3904 3905 <!-- Ø§Ø®ØªÙØ§Ø± اÙÙ ÙØ§Ø³ --> 3906 <div class="variant-picker-item variant-size" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 1)" :key="optionHeader.id" > 3907 <div class="d-flex justify-content-between align-items-center"> 3908 <div class="variant-picker-label"> 3909 <span v-text="optionHeader.name + ': '"></span> 3910 <span class="fw-6 variant-picker-label-value" 3911 v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3912 </div> 3913 </div> 3914 <div class="variant-picker-values"> 3915 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3916 <input type="radio" 3917 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3918 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3919 :value="detail.id" 3920 :checked="isSelected(detail.id, optionHeader.id)" 3921 @click="selectValue(detail, optionHeader)" /> 3922 <label class="style-text" :for="`value-${detail.id}-${headerIndex}-${index}-1`"> 3923 <p v-text="detail.name"></p> 3924 </label> 3925 </div> 3926 </div> 3927 </div> 3928 3929 <!-- Ø§Ø®ØªÙØ§Ø± ØµÙØ±Ø© --> 3930 <div class="variant-picker-item variant-image" v-for="(optionHeader, headerIndex) in optionHeaders.filter(p => p.type === 3)" :key="optionHeader.id" > 3931 <div class="d-flex justify-content-between align-items-center"> 3932 <div class="variant-picker-label"> 3933 <span v-text="optionHeader.name + ': '"></span> 3934 <span class="fw-6 variant-picker-label-value" 3935 v-text="getSelectedValueForHeader(optionHeader.id)?.name"></span> 3936 </div> 3937 </div> 3938 <div class="variant-picker-values"> 3939 <div v-for="(detail, index) in optionHeader.productOptionDetails" :key="detail.id"> 3940 <input type="radio" 3941 :id="`value-${detail.id}-${headerIndex}-${index}-1`" 3942 :name="`value-${detail.id}-${headerIndex}-${index}-1`" 3943 :value="detail.id" 3944 :checked="isSelected(detail.id, optionHeader.id)" 3945 @click="selectValue(detail, optionHeader)" /> 3946 <label class="style-text" :for="`value-${detail.id}-${headerIndex}-${index}-1`" style="width: 78px;height: 60px;"> 3947 <img :src="'/' + detail.fullFilePath" :data-src="'/' + detail.fullFilePath" alt="ØµÙØ± اÙÙ ÙØªØ¬ ÙÙØ¥Ø®ØªÙار" style="width: 50px;"/> 3948 <p v-text="detail.name"></p> 3949 </label> 3950 </div> 3951 </div> 3952 </div> 3953 </template> 3954</div> 3955 3956 3957 <!-- اÙÙÙ ÙØ© --> 3958 <div class="tf-product-info-quantity"> 3959 <div class="quantity-title fw-6">الكمية</div> 3960 <div class="wg-quantity"> 3961 <span class="btn-quantity minus-btn" @click="decreaseQuantity({})"><i 3962 class="fi fi-rr-minus-small"></i></span> 3963 <input type="number" name="number" value="1" disabled v-model="quantity" 3964 @change="changeQuantity()" /> 3965 <span class="btn-quantity plus-btn" @click="increaseQuantity({})"><i 3966 class="fi fi-rr-plus-small"></i></span> 3967 </div> 3968 </div> 3969 3970 <!-- أزرار Ø§ÙØ¥Ø¬Ø±Ø§Ø¡ --> 3971 <div class="tf-product-info-buy-button"> 3972 <form> 3973 <a href="javascript:void(0);" @click="addToCart()" 3974 class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"> 3975 <span>أضف للسلة </span> 3976 <span class="space-between" style="padding: 5px;"></span> 3977 <span class="tf-qty-price" v-text="totalPriceProduct"></span> 3978 <span class="icon-saudi_riyal"></span> 3979 </a> 3980 3981 <a href="javascript:void(0);" 3982 class="tf-product-btn-wishlist hover-tooltip box-icon bg_white wishlist btn-icon-action"> 3983 <span class="icon icon-heart"></span> 3984 <span class="tooltip">أضف إلى المفضلة</span> 3985 <span class="icon icon-delete"></span> 3986 </a> 3987 3988 3989 3990 3991 </form> 3992 </div> 3993 3994 <!-- عرض Ø§ÙØªÙاصÙÙ --> 3995 <div> 3996 <a :href="ProductDetailUrl" class="tf-btn fw-6 btn-line"> 3997 عرض التفاصيل الكاملة <i class="icon icon-arrow1-top-left"></i> 3998 </a> 3999 </div> 4000 4001 </div> 4002 </div> 4003 4004 </div> 4005 </div> 4006 </div> 4007 </div> 4008 <!-- /modal quick_view --> 4009 4010 <!-- modal find_size --> 4011 <div class="modal fade modalDemo tf-product-modal" id="find_size">
4012 <div class="modal-dialog modal-dialog-centered"> 4013 <div class="modal-content"> 4014 <div class="header"> 4015 <div class="demo-title">دليل المقاسات</div> 4016 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 4017 </div> 4018 <div class="tf-rte"> 4019 <div class="tf-table-res-df"> 4020 <h6>جدول مقاسات الأثاث</h6> 4021 <table class="tf-sizeguide-table"> 4022 <thead> 4023 <tr> 4024 <th>المقاس</th> 4025 <th>النوع الأمريكي</th> 4026 <th>العرض (سم)</th> 4027 <th>العمق (سم)</th> 4028 <th>الارتفاع (سم)</th> 4029 </tr> 4030 </thead> 4031 <tbody> 4032 <tr> 4033 <td>صغير جدًا (XS)</td> 4034 <td>2</td> 4035 <td>60</td> 4036 <td>50</td> 4037 <td>40</td> 4038 </tr> 4039 <tr> 4040 <td>صغير (S)</td> 4041 <td>4</td> 4042 <td>80</td> 4043 <td>60</td> 4044 <td>45</td> 4045 </tr> 4046 <tr> 4047 <td>متوسط (M)</td> 4048 <td>6</td> 4049 <td>100</td> 4050 <td>70</td> 4051 <td>50</td> 4052 </tr> 4053 <tr> 4054 <td>كبير (L)</td> 4055 <td>8</td> 4056 <td>120</td> 4057 <td>80</td> 4058 <td>55</td> 4059 </tr> 4060 <tr> 4061 <td>كبير جدً (XL)</td> 4062 <td>10</td> 4063 <td>140</td> 4064 <td>90</td> 4065 <td>60</td> 4066 </tr> 4067 <tr> 4068 <td>ضخم (XXL)</td> 4069 <td>12</td> 4070 <td>160</td> 4071 <td>100</td> 4072 <td>70</td> 4073 </tr> 4074 </tbody> 4075 </table> 4076 </div> 4077 4078 <div class="tf-page-size-chart-content"> 4079 <div> 4080 <h6>نصائح القياس</h6> 4081 <div class="title">العرض</div> 4082 <p>قم بقياس المسافة من الحافة اليسرى إلى الحافة اليمنى للقطعة.</p> 4083 4084 <div class="title">العمق</div> 4085 <p>قم بقياس المسافة من مقدمة القطعة إلى الخلف.</p> 4086 4087 <div class="title">الارتفاع</div> 4088 <p class="mb-0">قم بقياس من الأرض إلى أعلى نقطة في القطعة.</p> 4089 </div> 4090 4091 4092 </div> 4093 </div> 4094 </div> 4095 </div> 4096 </div> 4097 4098 4099 <!-- modal share social --> 4100 <div class="modal modalCentered fade modalDemo tf-product-modal modal-part-content" id="share_social"> 4101 <div class="modal-dialog modal-dialog-centered"> 4102 <div class="modal-content"> 4103 <div class="header"> 4104 <div class="demo-title">مشاركة </div> 4105 <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> 4106 </div> 4107 <div class="overflow-y-auto"> 4108 <ul class="tf-social-icon d-flex gap-10"> 4109 4110 4111 4112 <li><a href="https://www.tiktok.com/" class="box-icon social-tiktok bg_line" target="_blank"><i 4113 class="icon icon-tiktok"></i></a></li> 4114 4115 </ul> 4116 <form class="form-share" method="post" accept-charset="utf-8"> 4117 <fieldset> 4118 <input type="text" value="" tabindex="0" aria-required="true" v-model="sharUrl" disabled> 4119 </fieldset> 4120 <div class="button-submit"> 4121 <button class="tf-btn btn-sm radius-3 btn-fill btn-icon animate-hover-btn" type="button" 4122 @click="copyLink()"> نسخ الرابط 4123 </button> 4124 </div> 4125 </form> 4126 </div> 4127 </div> 4128 </div> 4129 </div> 4130 <!-- /modal share social --> 4131 4132 4133 <a href="https://wa.me/" target="_blank" class="whatsapp-button" aria-label="WhatsApp"> 4134 <i class="icon icon-whatsapp"></i> 4135 </a> 4136 4137 <a href="tel:" target="_blank" class="phone-button" aria-label="call"> 4138 <i class="icon "> 4139 <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="22" 4140 height="22"> 4141 <path 4142 d="M22.17,1.82l-1.05-.91c-1.21-1.21-3.17-1.21-4.38,0-.03,.03-1.88,2.44-1.88,2.44-1.14,1.2-1.14,3.09,0,4.28l1.16,1.46c-1.46,3.31-3.73,5.59-6.93,6.95l-1.46-1.17c-1.19-1.15-3.09-1.15-4.28,0,0,0-2.41,1.85-2.44,1.88-1.21,1.21-1.21,3.17-.05,4.33l1,1.15c1.15,1.15,2.7,1.78,4.38,1.78,7.64,0,17.76-10.13,17.76-17.76,0-1.67-.63-3.23-1.83-4.42ZM6.24,22c-1.14,0-2.19-.42-2.91-1.15l-1-1.15c-.41-.41-.43-1.08-.04-1.51,0,0,2.39-1.84,2.42-1.87,.41-.41,1.13
4142-.41,1.55,0,.03,.03,2.04,1.64,2.04,1.64,.28,.22,.65,.28,.98,.15,4.14-1.58,7.11-4.54,8.82-8.81,.13-.33,.08-.71-.15-1,0,0-1.61-2.02-1.63-2.04-.43-.43-.43-1.12,0-1.55,.03-.03,1.87-2.42,1.87-2.42,.43-.39,1.1-.38,1.56,.08l1.05,.91c.77,.77,1.2,1.82,1.2,2.96,0,6.96-9.77,15.76-15.76,15.76Z" /> 4143 </svg> 4144 </i> 4145 </a> 4146 4147 4148 4149 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8OkjBRrcfUVOmNlc-QG_ReQpUIE6dMgUZdbGCcsS9xG6-4is6oOrb46rms0j3L9IgILxt9sdYgKTRTQp4Yx85xMd5mBd1Cdwbibv7VJYu38Nkbo-ed9kDiXGvhXvV38nOwNgZh-pbjGRRgUv-x3DC4U" /> 4150 4151
4151<script src="/Views/ThemesCommonJs/Common/UiLocker.js?v=154" defer></script>
4151 4152
4152<script src="/Views/ThemesCommonJs/Common/LocalizationHelper.js?v=154" defer></script>
4152 4153 4154 <!-- Javascript --> 4155
4155<script type="text/javascript" src="/Views/ThemesCommonJs/Common/Helper.js?v=154" defer></script>
4155 4156
4156<script type="text/javascript" src="/Views/ThemesCommonJs/Common/Account.js?v=154" defer></script>
4156 4157
4157<script type="text/javascript" src="/Views/ThemesCommonJs/App.js?v=154" defer></script>
4157 4158 4159
4159<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/swiper-bundle.min.js" defer></script>
4159 4160
4160<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/carousel.js" defer></script>
4160 4161
4161<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/bootstrap-select.min.js" defer></script>
4161 4162
4162<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/lazysize.min.js" defer></script>
4162 4163
4163<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/drift.min.js" defer></script>
4163 4164
4164<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/count-down.js" defer></script>
4164 4165
4165<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/wow.min.js" defer></script>
4165 4166
4166<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/multiple-modal.js" defer></script>
4166 4167 4168
4168<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/nouislider.min.js" defer></script>
4168 4169
4169<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/shop.js" defer></script>
4169 4170 4171 4172
4172<script type="text/javascript" src="/Views/Themes/decor/V1/Assets/js/main.js" defer></script>
4172 4173 4174 4175 4176
4176<script> 4177 window.AppSession = { 4178 userName: "", 4179 email: "", 4180 phoneNumber: "", 4181 name: "", 4182 avatar: "lak/host/nophoto/400x400-user.png", 4183 enableVat: "false", 4184 lastName: "", 4185 shippingAmount: "30", 4186 enableShipping: "true", 4187 enableLakLogisticsIntegration: "false", 4188 lakLogisticsShippingViaSupplier: "false", 4189 isLiveMyFatoorahPayment: "true", 4190 isLivePaymobPayment: "true", 4191 messagesGateWayType: "1", 4192 isMisPayEnabled: "false", 4193 4194 isTamaraEnabled: "false", 4195 misPayWidgetEnabled: "false", 4196 misPayAccessKey: "", 4197 showTermsAndConditions: "false", 4198 currentLang: "ar", 4199 enableProductOptionsAsDropdown: "" 4200 }; 4201 4202 window.tenantObj = { 4203 tenantUrlPrefix: "", 4204 currentTenantId: "12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde" 4205 }; 4206 4207 window.loginMethodsobj = { 4208 loginByPhone: "true", 4209 loginByEmail: "true" 4210 }; 4211</script>
4211 4212 4213 4214 4215 4216
4217<script> 4218 function injectStyleOnce(t,e){if(document.getElementById(t))return;let o=document.createElement("style");o.id=t,o.textContent=e,document.head.appendChild(o)}function rafThrottle(t){let e=!1;return function(){e||(e=!0,requestAnimationFrame(()=>{e=!1,t()}))}}function updateDeliveryAndReturnText(){let t=document.querySelector(".tf-product-info-delivery-return");if(!t)return;function e(t,e,o,n){if(!t)return;t.textContent="",e&&t.append(document.createTextNode(e));let i=document.createElement("span");i.className="fw-7",i.textContent=o||"",t.append(i),n&&t.append(document.createTextNode(n))}let o=t.querySelector(".tf-product-delivery p");o&&o.textContent.includes("٠دة Ø§ÙØªÙصÙ٠اÙ٠تÙÙØ¹Ø©")&&e(o,"٠دة Ø§ÙØªÙصÙ٠اÙ٠تÙÙØ¹Ø©: ","7-14 ÙÙÙ ÙØ§",""),t.querySelectorAll(".tf-product-delivery p").forEach(t=>{t.textContent.includes("Ø§ÙØ¥Ø±Ø¬Ø§Ø¹ Ø®ÙØ§Ù")&&e(t,"Ø§ÙØ¥Ø±Ø¬Ø§Ø¹ Ø®ÙØ§Ù ","7 Ø£ÙØ§Ù "," Ù Ù ØªØ§Ø±ÙØ® Ø§ÙØ´Ø±Ø§Ø¡. Ø§ÙØ±Ø³ÙÙ ÙØ§Ùضرائب ØºÙØ± ÙØ§Ø¨ÙØ© ÙÙØ§Ø³ØªØ±Ø¯Ø§Ø¯.")})}document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".subscribe-form .store-img img");t&&(t.src="https://iili.io/BgL4vG1.webp",t.alt="newsletter-Banner")}),document.addEventListener("DOMContentLoaded",updateDeliveryAndReturnText),function(){let t="top-scrolling-bar";if(document.getElementById(t))return;let e=document.createElement("div");e.id=t,e.className="top-scrolling-bar";let o=` 4219 <span class="scrolling-text">Ù Ø±ØØ¨Ø§Ù بÙÙ ÙÙ Ù ØªØ¬Ø±ÙØ§</span> 4220 <span class="scrolling-logo" aria-hidden="true"></span> 4221 <span class="scrolling-text">Ø¹Ø±ÙØ¶ Ù Ù ÙØ²Ø© â¢ Ù ÙØªØ¬Ø§Øª ٠ختارة Ø¨Ø¹ÙØ§ÙØ©</span> 4222 <span class="scrolling-logo" aria-hidden="true"></span> 4223 <span class="scrolling-text">Ø¬ÙØ¯Ø© Ù ÙØ«ÙÙØ© ⢠أسعار Ù ÙØ§Ø³Ø¨Ø© â¢ ØªÙØµÙÙ Ø³Ø±ÙØ¹</span> 4224 <span class="scrolling-logo" aria-hidden="true"></span> 4225 <span class="scrolling-text">Ø·Ø±Ù Ø¯ÙØ¹ Ø¢Ù ÙØ© ⢠خد٠ة Ø¹Ù ÙØ§Ø¡ Ù ØªØ§ØØ©</span> 4226 <span class="scrolling-logo" aria-hidden="true"></span> 4227 <span class="scrolling-text">Ø§Ø³ØªØ¨Ø¯Ø§Ù ÙØ¥Ø±Ø¬Ø§Ø¹ ÙÙÙ Ø³ÙØ§Ø³Ø© اÙ٠تجر</span> 4228 <span class="scrolling-logo" aria-hidden="true"></span> 4229 `;e.innerHTML=` 4230 <div class="marquee">${o}</div> 4231 <div class="marquee marquee2">${o}</div> 4232 `,document.body.insertBefore(e,document.body.firstChild),injectStyleOnce("top-scrolling-bar-style",` 4233 .top-scrolling-bar { 4234 width: 100%; 4235 position: relative; 4236 backdrop-filter: blur(20px); 4237 box-shadow: rgb(from var(--second-color) r g b / 0.2) 0px 4px 30px; 4238 z-index: 1000; 4239 background: var(--body) !important; 4240 overflow: hidden; 4241 height: 45px; 4242 } 4243 .marquee { 4244 position: absolute; 4245 top: 0; 4246 left: 0; 4247 width: max-content; 4248 height: 100%; 4249 display: flex; 4250 align-items: center; 4251 gap: 60px; 4252 white-space: nowrap; 4253 animation: marquee 25s linear infinite; 4254 padding-right: 60px; 4255 } 4256 .marquee2 { animation-delay: -12.5s; } 4257 4258 .scrolling-text { 4259 font-size: 15px; 4260 font-weight: 600; 4261 letter-spacing: 0.5px; 4262 text-shadow: 0 2px 10px rgb(from var(--fourth-color) r g b / 0.5); 4263 background: var(--third-color); 4264 -webkit-background-clip: text; 4265 color: var(--second-color); 4266 background-clip: text; 4267 flex-shrink: 0; 4268 } 4269 .scrolling-logo { 4270 height: 60px; 4271 width: 60px; 4272 display: inline-block; 4273 background-image: var(--logo); 4274 background-repeat: no-repeat; 4275 background-position: center; 4276 background-size: contain; 4277 filter: drop-shadow(0 0 10px rgb(from var(--second-color) r g b / 0.5)); 4278 animation: logoGlow 2s ease-in-out infinite; 4279 flex-shrink: 0; 4280 } 4281 @keyframes marquee { from { transform: translateX(100%); } to { transform: translateX(-100%); } } 4282 @keyframes logoGlow { 4283 0%, 100% { filter: drop-shadow(0 0 10px rgb(from var(--second-color) r g b / 0.5)); } 4284 50% { filter: drop-shadow(0 0 20px rgb(from var(--second-color) r g b / 0.8)); } 4285 } 4286 .top-scrolling-bar:hover .marquee { animation-play-state: paused; } 4287 4288 @media (max-width: 576px) { 4289 .top-scrolling-bar { height: 40px; } 4290 .marquee { gap: 80px; padding-right: 80px; animation: marquee 30s linear infinite; } 4291 .marquee2 { animation-delay: -15s; } 4292 .scrolling-text { font-size: 14px; }
4293 .scrolling-logo { height: 26px; width: 26px; } 4294 } 4295 `)}(),document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".label-title");t&&"تأÙÙ٠٠ع Ù ÙØªØ¬Ø§ØªÙا"===t.textContent.trim()&&(t.textContent="Ø§ÙØªØ´Ù Ø£ÙØ¶Ù Ù ÙØªØ¬Ø§ØªÙا")}),document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".top-bar-language.tf-cur");t&&t.remove()}),document.addEventListener("DOMContentLoaded",function(){injectStyleOnce("mobile-topbar-swiper-style",` 4296 .text-center.text-white.overflow-hidden { 4297 display: block !important; 4298 visibility: visible !important; 4299 } 4300 @media (max-width: 991px) { 4301 .tf-top-bar_wrap .tf-social-icon { display: none !important; } 4302 .tf-top-bar_wrap { grid-template-columns: 1fr !important; } 4303 .tf-top-bar .text-center.text-white.overflow-hidden { 4304 padding: 0 !important; 4305 height: 32px !important; 4306 display: flex !important; 4307 align-items: center !important; 4308 justify-content: center !important; 4309 } 4310 .tf-top-bar .swiper.tf-sw-top_bar { height: 32px !important; } 4311 .tf-top-bar .swiper-wrapper { align-items: center !important; } 4312 .tf-top-bar .swiper-slide { 4313 display: flex !important; 4314 align-items: center !important; 4315 justify-content: center !important; 4316 height: 32px !important; 4317 } 4318 .tf-top-bar .top-bar-text.fw-5 { 4319 font-size: 14px !important; 4320 line-height: 1.3 !important; 4321 margin: 0 !important; 4322 padding: 0 5px !important; 4323 } 4324 .tf-top-bar { 4325 min-height: 32px !important; 4326 padding-top: 5px !important; 4327 padding-bottom: 5px !important; 4328 } 4329 } 4330 `),setTimeout(function(){let t=document.querySelector(".tf-sw-top_bar");if(t){if(t.swiper){t.swiper.params.autoplay={delay:2e3,disableOnInteraction:!1},t.swiper.autoplay&&"function"==typeof t.swiper.autoplay.start&&t.swiper.autoplay.start(),"function"==typeof t.swiper.update&&t.swiper.update();return}"undefined"!=typeof Swiper&&new Swiper(".tf-sw-top_bar",{slidesPerView:1,spaceBetween:0,loop:!0,speed:1e3,autoplay:{delay:5e3,disableOnInteraction:!1}})}},1e3)}),document.addEventListener("DOMContentLoaded",function(){let t=document.querySelector(".footer-logo");if(t&&!document.querySelector(".footer-description")){let e=document.createElement("p");e.className="footer-description",e.textContent="ÙØÙ ÙÙØ¯Ù Ù٠تجربة تسÙÙ Ø§Ø³ØªØ«ÙØ§Ø¦ÙØ©Ø ØÙØ« ØªÙØªØ´Ù عاÙÙ ÙØ§ ٠٠اÙÙ ÙØªØ¬Ø§Øª اÙÙØ±Ùدة Ø§ÙØªÙ ØªÙØ¨Ù ذÙÙÙ Ø§ÙØ±ÙÙØ¹. ÙÙ ÙØ·Ø¹Ø© ÙÙ Ù ØªØ¬Ø±ÙØ§ تØÙ ٠بص٠ة Ø´Ø®ØµÙØ©Ø ÙÙØÙ ÙØ³Ø¹Ù Ø¯Ø§Ø¦Ù ÙØ§ ÙØªÙدÙÙ Ø§ÙØ£Ùض٠ÙÙ.",t.insertAdjacentElement("afterend",e)}injectStyleOnce("footer-description-style",` 4331 .footer-description { 4332 font-size: 17px; 4333 line-height: 1.7; 4334 max-width: 280px; 4335 font-weight: 400; 4336 letter-spacing: 0.2px; 4337 background: var(--third-color); 4338 background-size: 200% auto; 4339 -webkit-background-clip: text; 4340 -webkit-text-fill-color: transparent; 4341 background-clip: text; 4342 animation: gradientShift 8s ease-in-out infinite; 4343 filter: drop-shadow(0 0 8px rgba(237, 211, 151, 0.3)); 4344 } 4345 @keyframes gradientShift { 4346 0%, 100% { background-position: 0% center; } 4347 50% { background-position: 100% center; } 4348 } 4349 .footer-logo { margin-bottom: 0; } 4350 .footer-infor .tf-social-icon { margin-top: 0; } 4351 4352 @media (max-width: 991px) and (min-width: 768px) { 4353 .footer-description { font-size: 16px; max-width: 100%; margin-bottom: 20px; } 4354 } 4355 @media (max-width: 767px) { 4356 .footer-description { 4357 font-size: 16px; 4358 line-height: 1.6; 4359 max-width: 100%; 4360 margin-bottom: 20px; 4361 text-align: center; 4362 } 4363 .footer-logo { text-align: center; } 4364 .footer-logo a { display: inline-block; } 4365 .footer-infor .tf-social-icon { justify-content: center; } 4366 } 4367 @media (max-width: 480px) { 4368 .footer-description { font-size: 16px; padding: 0 10px; margin-bottom: 18px; } 4369 } 4370 `)}),document.addEventListener("DOMContentLoaded",function(){injectStyleOnce("footer-policies-mobile-style",` 4371 @media (max-width: 767px) { 4372 .footer-col-block, 4373 .footer-col-block .footer-heading, 4374 .footer-col-block .footer-menu-list, 4375 .footer-col-block .footer-menu-list li, 4376 .footer-col-block .footer-menu_item { 4377 display: block !important; 4378 visibility: visible !important; 4379 opacity: 1 !important; 4380 height: auto !important; 4381 max-height: none !important; 4382 } 4383 .footer-col-block { width: 100% !important; } 4384 } 4385 @media (max-width: 576px) { 4386 .footer-col-block, 4387 .footer-col-block .footer-heading, 4388 .footer-col-block .footer-menu-list, 4389 .footer-col-block .footer-menu-list li, 4390 .footer-col-block .footer-menu_item { 4391 display: block !important; 4392 visibility: visible !important; 4393 opacity: 1 !important; 4394 } 4395 } 4396 .footer-col-block, 4397 .footer-menu-list.tf-collapse-content { 4398 display: block !important; 4399 visibility: visible !important; 4400 } 4401 `)}),(()=>{function t(){injectStyleOnce("footer-headings-final",` 4402 .footer-infor .footer-heading h6 { 4403 color: #ffffff; 4404 font-size: 18px; 4405 font-weight: 600; 4406 margin-bottom: 15px; 4407 letter-spacing: 0.3px; 4408 } 4409 .footer-logo { display: none !important; } 4410 @media (max-width: 767px) { 4411 .footer-infor .footer-heading h6 { 4412 text-align: center; 4413 font-size: 17px; 4414 margin-bottom: 12px; 4415 } 4416 } 4417 `)}function e(){let t=document.querySelectorAll(".footer-menu_item");return!!t.length&&(t.forEach(t=>{let e=t.innerText||"";(e.includes("LAK")||e.includes("ÙÙ"))&&!e.includes("Muthri")&&(t.innerText="ØªÙ Ø§ÙØªØ·ÙÙØ± Ø¨ÙØ§Ø³Ø·Ø© اتش ا٠| house of hm")}),!0)}function o(){let t=document.querySelector('.footer-infor a[href^="tel:"]');if(!t)return!1;let e=t.closest(".footer-infor");if(!e)return!1;if(!e.querySelector(".footer-heading")){let o=document.createElement("div");o.className="footer-heading";let n=document.createElement("h6");n.textContent="ØªÙØ§ØµÙ Ù Ø¹ÙØ§",o.appendChild(n),e.insertBefore(o,e.firstChild)}return!0}function n(){let t=document.querySelector(".footer-logo");if(!t)return!1;let e=t.closest(".footer-infor");if(!e)return!1;if(!e.querySelector(".about-heading-added")){let o=document.createElement("div");o.className="footer-heading about-heading-added";let n=document.createElement("h6");n.textContent="Ù Ù ÙØÙ",o.appendChild(n),e.insertBefore(o,e.firstChild)}return!0}function i(){t();let i=e(),r=o(),a=n();return i&&!!document.querySelector(".footer-infor .footer-heading")&&!!document.querySelector(".footer-infor .about-heading-added")||i&&(r||a)}function r(){i();let t=document.querySelector("footer#footer");if(!t)return;let e=rafThrottle(()=>{i()&&o.disconnect()}),o=new MutationObserver(e);o.observe(t,{childList:!0,subtree:!0}),setTimeout(()=>
4417o.disconnect(),8e3)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",r):r()})(),function(){"use strict";let t="#gridLayout",e="tf-col-6",o=!1,n=null;function i(t){if(!t)return;n&&n.disconnect();let o=t.className.split(/\s+/).filter(Boolean).filter(t=>!/^tf-col-\d+$/.test(t));o.includes(e)||o.push(e);let i=o.join(" ");t.className!==i&&(t.className=i),n&&n.observe(t,{attributes:!0,attributeFilter:["class"]})}function r(){o||(o=!0,requestAnimationFrame(()=>{o=!1,i(document.querySelector(t))}))}function a(){let e=document.querySelector(t);return!!e&&(i(e),(n=new MutationObserver(r)).observe(e,{attributes:!0,attributeFilter:["class"]}),!0)}function l(){if(a())return;let t=new MutationObserver(()=>{a()&&t.disconnect()});t.observe(document.documentElement,{childList:!0,subtree:!0})}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",l):l()}(),setTimeout(()=>{document.querySelectorAll(".top-bar-text").forEach(t=>{"Ø§Ø¨ØªÙØ§Ø±Ø§Øª Ø¬Ø¯ÙØ¯Ø© ØªÙØªØ¸Ø±Ù!"===t.textContent.trim()&&t.closest(".swiper-slide")?.remove()})},1e3); 4418</script>
4418 4419 4420 4421 4422 4423
4424<script> 4425 if ("serviceWorker" in navigator) { 4426 window.addEventListener("load", function () { 4427 navigator.serviceWorker.register("/sw.js") 4428 .catch(function (error) { 4429 console.warn("Service worker registration failed:", error); 4430 }); 4431 }); 4432 } 4433</script>
4433 4434
4435<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4512bc4ba453bdc',t:'MTc5MTA4NTI4Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4435<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f578a22d67304eba91511bc973f51d74","r":1,"spa":2}' crossorigin="anonymous"></script>
4435 4436</body> 4437 4438</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.