PageSourceSearch

https://houseofhm.com/products

html houseofhm.com collected 2026-10-04 03:41:28 UTC 199,353 bytes, 4,438 lines download raw bytes

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              &#x627;&#x647;&#x644;&#x627;&#x64B; &#x628;&#x643; &#x646;&#x62A;&#x645;&#x646;&#x64A; &#x644;&#x643; &#x62A;&#x62C;&#x631;&#x628;&#x629; &#x634;&#x631;&#x627;&#x621; &#x645;&#x645;&#x62A;&#x639;&#x629;
1529           
1530              </p>
1531            </div>
1532            <div class="swiper-slide">
1533              <p class="top-bar-text fw-5">&#x627;&#x628;&#x62A;&#x643;&#x627;&#x631;&#x627;&#x62A; &#x62C;&#x62F;&#x64A;&#x62F;&#x629; &#x62A;&#x646;&#x62A;&#x638;&#x631;&#x643;!</p>
1534            </div>
1535            <div class="swiper-slide">
1536              <p class="top-bar-text fw-5">&#x627;&#x643;&#x62A;&#x634;&#x641; &#x623;&#x62D;&#x62F;&#x62B; &#x627;&#x644;&#x645;&#x646;&#x62A;&#x62C;&#x627;&#x62A; &#x2728;</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                  &#x643;&#x644; &#x627;&#x644;&#x645;&#x646;&#x62A;&#x62C;&#x627;&#x62A;
1582                </a>
1583              </li>
1584
1585              
1586              <li class="menu-item position-relative menu-inner">
1587                <a href="/&#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A;-&#x627;&#x644;&#x645;&#x648;&#x633;&#x645;" class="item-link">
1588                  &#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A; &#x627;&#x644;&#x645;&#x648;&#x633;&#x645;
1589                  
1590                </a>
1591
1592                
1593			  </li>
1594              
1595              <li class="menu-item position-relative menu-inner">
1596                <a href="/&#x641;&#x62E;&#x627;&#x645;&#x629;-&#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;" class="item-link">
1597                  &#x641;&#x62E;&#x627;&#x645;&#x629; &#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;
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					&#x628;&#x627;&#x642;&#x64A; &#x627;&#x644;&#x623;&#x642;&#x633;&#x627;&#x645; <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				<!--   &#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x627;&#x644;&#x62F;&#x62E;&#x648;&#x644;  -->
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"> &#x62A;&#x633;&#x648;&#x642; &#x645;&#x646; &#x62E;&#x644;&#x627;&#x644; &#x623;&#x62D;&#x62F;&#x62B; &#x62A;&#x634;&#x643;&#x64A;&#x644;&#x627;&#x62A;&#x646;&#x627;</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"> &#x627;&#x644;&#x641;&#x631;&#x632; &#x62D;&#x633;&#x628;</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"> &#x627;&#x644;&#x623;&#x643;&#x62B;&#x631; &#x645;&#x628;&#x64A;&#x639;&#x627;&#x64B;</span>
1827                        </div>
1828                        <div class="select-item" data-sort-value="2">
1829                            <span class="text-value-item"> &#x627;&#x644;&#x62A;&#x631;&#x62A;&#x64A;&#x628; &#x623;&#x628;&#x62C;&#x62F;&#x64A;&#x64B;&#x627;: &#x645;&#x646; A &#x625;&#x644;&#x649; Z</span>
1830                        </div>
1831                        <div class="select-item" data-sort-value="3">
1832                            <span class="text-value-item"> &#x627;&#x644;&#x62A;&#x631;&#x62A;&#x64A;&#x628; &#x623;&#x628;&#x62C;&#x62F;&#x64A;&#x64B;&#x627;: &#x645;&#x646; Z &#x625;&#x644;&#x649; A</span>
1833                        </div>
1834                        <div class="select-item" data-sort-value="4">
1835                            <span class="text-value-item"> &#x627;&#x644;&#x633;&#x639;&#x631;: &#x645;&#x646; &#x627;&#x644;&#x623;&#x642;&#x644; &#x625;&#x644;&#x649; &#x627;&#x644;&#x623;&#x639;&#x644;&#x649;</span>
1836                        </div>
1837                        <div class="select-item" data-sort-value="5">
1838                            <span class="text-value-item"> &#x627;&#x644;&#x633;&#x639;&#x631;: &#x645;&#x646; &#x627;&#x644;&#x623;&#x639;&#x644;&#x649; &#x625;&#x644;&#x649; &#x627;&#x644;&#x623;&#x642;&#x644;</span>
1839                        </div>
1840                        <div class="select-item" data-sort-value="6">
1841                            <span class="text-value-item"> &#x627;&#x644;&#x62A;&#x627;&#x631;&#x64A;&#x62E;: &#x645;&#x646; &#x627;&#x644;&#x623;&#x642;&#x62F;&#x645; &#x625;&#x644;&#x649; &#x627;&#x644;&#x623;&#x62D;&#x62F;&#x62B;</span>
1842                        </div>
1843                        <div class="select-item" data-sort-value="7">
1844                            <span class="text-value-item"> &#x627;&#x644;&#x62A;&#x627;&#x631;&#x64A;&#x62E;: &#x645;&#x646; &#x627;&#x644;&#x623;&#x62D;&#x62F;&#x62B; &#x625;&#x644;&#x649; &#x627;&#x644;&#x623;&#x642;&#x62F;&#x645;</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					&#x625;&#x632;&#x627;&#x644;&#x629; &#x627;&#x644;&#x643;&#x644; <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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
1888          <span class="icon icon-delete"></span>
1889        </a>
1890        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 06&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:395.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c7d61a00-2405-4bf3-b10c-c63afdbbd161.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:395.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;bb22b21a-cb74-b4f7-e839-3a2096bbcae4&quot;})"
1891            class="box-icon bg_white quickview tf-btn-loading">
1892          <span class="icon icon-view"></span>
1893          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 06&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:395.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/c
19407d61a00-2405-4bf3-b10c-c63afdbbd161.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:395.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;bb22b21a-cb74-b4f7-e839-3a2096bbcae4&quot;})">
1941          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
1971          <span class="icon icon-delete"></span>
1972        </a>
1973        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 08&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;681d89ba-6d8a-6863-2889-3a2096bf4057&quot;})"
1974            class="box-icon bg_white quickview tf-btn-loading">
1975          <span class="icon icon-view"></span>
1976          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 08&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/7dd7ab6b-73c6-4f23-bbfd-dd0d2fa0a75c.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;681d89ba-6d8a-6863-2889-3a2096bf4057&quot;})">
2024          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2054          <span class="icon icon-delete"></span>
2055        </a>
2056        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 66&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:405.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:405.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;05747c58-5a86-7005-fa30-3a2096c0db06&quot;})"
2057            class="box-icon bg_white quickview tf-btn-loading">
2058          <span class="icon icon-view"></span>
2059          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 66&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:405.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/78af0d35-face-4205-95fe-327f10bcbb71.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:405.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;05747c58-5a86-7005-fa30-3a2096c0db06&quot;})">
2107          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2137          <span class="icon icon-delete"></span>
2138        </a>
2139        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 02&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;2a569044-86e3-ca62-abaf-3a2096c2a52c&quot;})"
2140            class="box-icon bg_white quickview tf-btn-loading">
2141          <span class="icon icon-view"></span>
2142          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 02&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/20910a68-ca39-49b9-93c2-c877268b43aa.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;2a569044-86e3-ca62-abaf-3a2096c2a52c&quot;})">
2190          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2220          <span class="icon icon-delete"></span>
2221        </a>
2222        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 03&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;c57679a8-6230-e6ab-010f-3a2096c33ac1&quot;})"
2223            class="box-icon bg_white quickview tf-btn-loading">
2224          <span class="icon icon-view"></span>
2225          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 03&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/ea1f77c3-5946-4051-974e-e725036be102.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;c57679a8-6230-e6ab-010f-3a2096c33ac1&quot;})">
2273          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2303          <span class="icon icon-delete"></span>
2304        </a>
2305        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 82&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;949a2099-2960-d86a-fd4e-3a2096c4bec4&quot;})"
2306            class="box-icon bg_white quickview tf-btn-loading">
2307          <span class="icon icon-view"></span>
2308          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 82&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/f4fcec0b-44b9-4615-a398-08ef600bb827.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;949a2099-2960-d86a-fd4e-3a2096c4bec4&quot;})">
2356          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2386          <span class="icon icon-delete"></span>
2387        </a>
2388        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 05&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;6082e023-b9dd-3d9b-6b3b-3a2096c5ad77&quot;})"
2389            class="box-icon bg_white quickview tf-btn-loading">
2390          <span class="icon icon-view"></span>
2391          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 05&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/8323a02e-b92d-4292-82ca-555d8e398bdf.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;6082e023-b9dd-3d9b-6b3b-3a2096c5ad77&quot;})">
2439          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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"> &#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;    </span>
2469          <span class="icon icon-delete"></span>
2470        </a>
2471        <a href="#quick_view" data-bs-toggle="modal" @click="getProductDetails({&quot;Name&quot;:&quot;Hm 09&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;625bdac1-79c8-e035-fc52-3a2096c5ba30&quot;})"
2472            class="box-icon bg_white quickview tf-btn-loading">
2473          <span class="icon icon-view"></span>
2474          <span class="tooltip">&#x639;&#x631;&#x636; &#x633;&#x631;&#x64A;&#x639;</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({&quot;Name&quot;:&quot;Hm 09&quot;,&quot;SubTitle&quot;:&quot;&quot;,&quot;PromoTitle&quot;:&quot;&quot;,&quot;Price&quot;:355.00,&quot;FullDefualtFilePath&quot;:&quot;lak/tenants/12ee1324-6c3f-ae55-ccbc-3a1fbb6e4dde/productPictures/914ad3b4-543b-4aa0-af73-610e50709b0f.webp&quot;,&quot;FullFilePaths&quot;:[],&quot;SKU&quot;:&quot;&quot;,&quot;DiscountPrice&quot;:355.00,&quot;DiscountPercentage&quot;:0,&quot;RateValue&quot;:5,&quot;RateCount&quot;:0,&quot;IsFav&quot;:false,&quot;Id&quot;:&quot;625bdac1-79c8-e035-fc52-3a2096c5ba30&quot;})">
2522          &#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629;
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					&#x627;&#x634;&#x62A;&#x631;&#x643; &#x628;&#x627;&#x644;&#x646;&#x634;&#x631;&#x629; &#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F;&#x64A;&#x629;
2605
2606				</h3>
2607				<div class="description">
2608					&#x627;&#x634;&#x62A;&#x631;&#x643; &#x644;&#x62A;&#x643;&#x648;&#x646; &#x623;&#x648;&#x644; &#x645;&#x646; &#x64A;&#x639;&#x644;&#x645; &#x628;&#x627;&#x644;&#x639;&#x631;&#x648;&#x636;&#x60C; &#x648;&#x627;&#x644;&#x645;&#x646;&#x62A;&#x62C;&#x627;&#x62A; &#x627;&#x644;&#x62C;&#x62F;&#x64A;&#x62F;&#x629;&#x60C; &#x648;&#x627;&#x644;&#x645;&#x62D;&#x62A;&#x648;&#x649; &#x627;&#x644;&#x62D;&#x635;&#x631;&#x64A;&#x60C; &#x648;&#x627;&#x644;&#x641;&#x639;&#x627;&#x644;&#x64A;&#x627;&#x62A;!
2609
2610				</div>
2611				<form class="" id="newsletterForm"  @submit.prevent="submitNewsLetter">
2612					<label for="exampleInputEmail1" class="mb-2">&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A;</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="&#x623;&#x62F;&#x62E;&#x644; &#x628;&#x631;&#x64A;&#x62F;&#x643; &#x627;&#x644;&#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A;..."
2619							required="true"
2620							v-model="newsLetter.email"
2621							@input="validateEmail"
2622							title="&#x64A;&#x631;&#x62C;&#x649; &#x625;&#x62F;&#x62E;&#x627;&#x644; &#x628;&#x631;&#x64A;&#x62F; &#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; &#x635;&#x62D;&#x64A;&#x62D; (&#x645;&#x62B;&#x627;&#x644;: [email protected])"
2623							ref="emailInput"/>
2624
2625						<div class="">
2626							<button type="submit" class="tf-btn style-3  btn-fill animate-hover-btn">
2627								&#x627;&#x634;&#x62A;&#x631;&#x643;
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">&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; </span>: <a href="/cdn-cgi/l/email-protection#452427243c242d6b2d28052228242c296b262a28"><span class="__cf_email__" data-cfemail="e38281829a828bcd8b8ea3848e828a8fcd808c8e">[email&#160;protected]</span></a>
2688									</p>
2689								</li>
2690								
2691								
2692								<li>
2693									<p>
2694										<span class="fw-6">&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;</span>: <a class="fw-5" href="tel:&#x2B;966597307117">&#x2B;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>&#x627;&#x646;&#x62A;&#x642;&#x627;&#x644; &#x633;&#x631;&#x64A;&#x639;</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">&#x633;&#x64A;&#x627;&#x633;&#x629; &#x627;&#x644;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x648;&#x627;&#x644;&#x62E;&#x635;&#x648;&#x635;&#x64A;&#x629;</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>&#x64A;&#x645;&#x643;&#x646;&#x643; &#x627;&#x644;&#x62F;&#x641;&#x639; &#x639;&#x646; &#x637;&#x631;&#x64A;&#x642;     </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">&#x62A;&#x645; &#x627;&#x644;&#x62A;&#x637;&#x648;&#x64A;&#x631; &#x628;&#x648;&#x627;&#x633;&#x637;&#x629; &#x644;&#x643; | 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">&#x62A;&#x633;&#x648;&#x651;&#x642;</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">&#x628;&#x62D;&#x62B;</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">&#x627;&#x644;&#x62D;&#x633;&#x627;&#x628;</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">&#x633;&#x644;&#x629; &#x627;&#x644;&#x645;&#x634;&#x62A;&#x631;&#x64A;&#x627;&#x62A;</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>&#x627;&#x644;&#x635;&#x641;&#x62D;&#x629; &#x627;&#x644;&#x631;&#x626;&#x64A;&#x633;&#x64A;&#x629;</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>&#x643;&#x644; &#x627;&#x644;&#x645;&#x646;&#x62A;&#x62C;&#x627;&#x62A;</span>
2908					</a>
2909				</li>
2910
2911				<!-- Dynamic Categories -->
2912				
2913				<li class="nav-mb-item">
2914					<div class="mainn-li">
2915						<a href="/&#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A;-&#x627;&#x644;&#x645;&#x648;&#x633;&#x645;">&#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A; &#x627;&#x644;&#x645;&#x648;&#x633;&#x645;</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="/&#x641;&#x62E;&#x627;&#x645;&#x629;-&#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;">&#x641;&#x62E;&#x627;&#x645;&#x629; &#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;</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">&#x647;&#x644; &#x62A;&#x62D;&#x62A;&#x627;&#x62C; &#x625;&#x644;&#x649; &#x645;&#x633;&#x627;&#x639;&#x62F;&#x629;&#x61F;</a>
2960				</div>
2961				<ul class="mb-info">
2962					
2963					<li>
2964						&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; : <b><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b7b4b7afb7bef8bebb96b1bbb7bfbaf8b5b9bb">[email&#160;protected]</a></b>
2965					</li>
2966					<li>
2967						&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;: <b>&#x2B;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>&#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x627;&#x644;&#x62E;&#x631;&#x648;&#x62C;
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&#x627;&#x628;&#x62D;&#x62B; &#x641;&#x64A; &#x645;&#x648;&#x642;&#x639;&#x646;&#x627;					<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="&#x627;&#x628;&#x62D;&#x62B; &#x647;&#x646;&#x627;..." 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">&#x627;&#x646;&#x62A;&#x642;&#x627;&#x644; &#x633;&#x631;&#x64A;&#x639; </div>
3016
3017        <ul class="tf-quicklink-list">
3018
3019              
3020
3021			  <li class="tf-quicklink-item">
3022									<a  href="/page/sys-lstkhdm-wlkhswsy">&#x633;&#x64A;&#x627;&#x633;&#x629; &#x627;&#x644;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x648;&#x627;&#x644;&#x62E;&#x635;&#x648;&#x635;&#x64A;&#x629;</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="/&#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A;-&#x627;&#x644;&#x645;&#x648;&#x633;&#x645;" class="tf-category-link mb-menu-link">
3064              <div class="image">
3065                <img src="/images/nophoto/category-nophoto.png" alt="" />
3066              </div>
3067              <span>&#x639;&#x628;&#x627;&#x64A;&#x627;&#x62A; &#x627;&#x644;&#x645;&#x648;&#x633;&#x645;</span>
3068            </a>
3069            
3070          </li>
3071          
3072          <li class="nav-mb-item">
3073            
3074            <a href="/&#x641;&#x62E;&#x627;&#x645;&#x629;-&#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;" 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>&#x641;&#x62E;&#x627;&#x645;&#x629; &#x627;&#x644;&#x639;&#x628;&#x627;&#x64A;&#x629;</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					&#x62A;&#x635;&#x641;&#x62D; &#x643;&#x644; &#x627;&#x644;&#x641;&#x626;&#x627;&#x62A; <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">&#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x627;&#x644;&#x62F;&#x62E;&#x648;&#x644;</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									&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;
3121								</a>
3122								
3123								
3124								<a type="button" class="login-tab-btn" :class="{'active': loginType === 'email'}" @click="loginType = 'email'; phoneNumber = ''">
3125									&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x627;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A;
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">&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644; * </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="&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;"
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">&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x627;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; *</label>
3156							<input
3157								id="emailAddress"
3158								name="emailAddress"
3159								v-model="emailLogin"
3160								class="tf-field-input tf-input"
3161								placeholder="&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x627;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A;"
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>&#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x627;&#x644;&#x62F;&#x62E;&#x648;&#x644;</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"> &#x62A;&#x623;&#x643;&#x64A;&#x62F; &#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;</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					&#x631;&#x642;&#x645; &#x627;&#x644;&#x62A;&#x62D;&#x642;&#x642; &#x645;&#x637;&#x644;&#x648;&#x628; &#x644;&#x627;&#x643;&#x645;&#x627;&#x644; &#x627;&#x644;&#x639;&#x645;&#x644;&#x64A;&#x629; &#x644;&#x642;&#x62F; &#x62A;&#x645; &#x625;&#x631;&#x633;&#x627;&#x644; &#x631;&#x645;&#x632; &#x627;&#x644;&#x62A;&#x62D;&#x642;&#x642; &#x641;&#x649; &#x631;&#x633;&#x627;&#x644;&#x629; &#x625;&#x644;&#x64A;&#x643;&#x645;
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="&#x2B;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>&#x627;&#x644;&#x62A;&#x62D;&#x642;&#x642;</span>
3252							</button>
3253						</div>
3254						<div class="d-flex justify-content-center align-items-center gap-1" >
3255							<span>			
3256								&#x644;&#x645; &#x64A;&#x62A;&#x645; &#x625;&#x631;&#x633;&#x627;&#x644; &#x627;&#x644;&#x643;&#x648;&#x62F;
3257							</span>
3258							<button type="button" id="resendBtn" class=" radius-3  justify-content-center button-style" disabled="">
3259								<span class="text-primary">
3260									&#x625;&#x639;&#x627;&#x62F;&#x629; &#x625;&#x631;&#x633;&#x627;&#x644; &#x627;&#x644;&#x643;&#x648;&#x62F;
3261								</span>
3262							</button>
3263						</div>
3264						<div class="w-100 text-center">
3265							<p>
3266								&#x64A;&#x645;&#x643;&#x646;&#x643; &#x625;&#x639;&#x627;&#x62F;&#x629; &#x627;&#x644;&#x625;&#x631;&#x633;&#x627;&#x644; &#x628;&#x639;&#x62F; 
3267								<span id="countdown">60</span> 
3268								&#x62B;&#x648;&#x627;&#x646;&#x64A;	
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">&#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x62D;&#x633;&#x627;&#x628; &#x62C;&#x62F;&#x64A;&#x62F;</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="&#x2B;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">&#x627;&#x644;&#x627;&#x633;&#x645; &#x627;&#x644;&#x623;&#x648;&#x644;</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">&#x627;&#x633;&#x645; &#x627;&#x644;&#x639;&#x627;&#x626;&#x644;&#x629;</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">&#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F; &#x627;&#x644;&#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A;</label>
3305			</div>
3306
3307			<div class="tf-field style-1" v-else="">
3308				<div class="number-input">
3309					<label class="tf-field-label">&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;</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="&#x631;&#x642;&#x645; &#x627;&#x644;&#x62C;&#x648;&#x627;&#x644;"
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>&#x62A;&#x633;&#x62C;&#x64A;&#x644;</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"> &#x633;&#x644;&#x629; &#x627;&#x644;&#x645;&#x634;&#x62A;&#x631;&#x64A;&#x627;&#x62A;</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							 &#x627;&#x634;&#x62A;&#x631;&#x64A; &#x628;&#x640; <span class="price"> <div class="totalCartPrice" v-text="formatCartMoney(totalPrice)"></div>
3385								<span class="icon-saudi_riyal" v-if="!item.isOfferGift"></span>
3386							</span> &#x644;&#x643;&#x64A; &#x62A;&#x62D;&#x635;&#x644; &#x639;&#x644;&#x649;  
3387	<span class="fw-6">&#x62A;&#x648;&#x635;&#x64A;&#x644; &#x645;&#x62C;&#x627;&#x646;&#x64A; </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">&#x645;&#x62C;&#x627;&#x646;&#x627;&#x64B;</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">&#x645;&#x62C;&#x627;&#x646;&#x627;&#x64B;</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)">&#x645;&#x633;&#x62D;</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">&#x627;&#x644;&#x645;&#x62C;&#x645;&#x648;&#x639; &#x627;&#x644;&#x641;&#x631;&#x639;&#x64A;</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									&#x64A;&#x62A;&#x645; &#x627;&#x62D;&#x62A;&#x633;&#x627;&#x628; &#x627;&#x644;&#x636;&#x631;&#x627;&#x626;&#x628; &#x648;<a href="#">&#x627;&#x644;&#x634;&#x62D;&#x646;</a> &#x639;&#x646;&#x62F; &#x625;&#x646;&#x647;&#x627;&#x621; &#x627;&#x644;&#x637;&#x644;&#x628;
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									&#x623;&#x648;&#x627;&#x641;&#x642; &#x639;&#x644;&#x649; <a  href="/page/&#x627;&#x644;&#x634;&#x631;&#x648;&#x637; &#x648;&#x627;&#x644;&#x623;&#x62D;&#x643;&#x627;&#x645;" title="Terms of Service" target="_blank"> &#x627;&#x644;&#x634;&#x631;&#x648;&#x637; &#x648;&#x627;&#x644;&#x623;&#x62D;&#x643;&#x627;&#x645;
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    &#x639;&#x631;&#x636; &#x627;&#x644;&#x633;&#x644;&#x629;
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>&#x625;&#x62A;&#x645;&#x627;&#x645; &#x627;&#x644;&#x634;&#x631;&#x627;&#x621;</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>&#x623;&#x636;&#x641; &#x645;&#x644;&#x627;&#x62D;&#x638;&#x629; &#x644;&#x644;&#x637;&#x644;&#x628;</span>
3521
3522								</label>
3523								<textarea name="note" id="Cart-note"
3524									placeholder="&#x64A;&#x631;&#x62C;&#x649; &#x643;&#x62A;&#x627;&#x628;&#x629; &#x623;&#x64A; &#x645;&#x644;&#x627;&#x62D;&#x638;&#x627;&#x62A; &#x62A;&#x631;&#x63A;&#x628; &#x628;&#x647;&#x627; &#x628;&#x62E;&#x635;&#x648;&#x635; &#x637;&#x644;&#x628;&#x643;"></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										&#x625;&#x63A;&#x644;&#x627;&#x642;
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>&#x647;&#x644; &#x62A;&#x631;&#x63A;&#x628; &#x641;&#x64A; &#x62A;&#x63A;&#x644;&#x64A;&#x641; &#x643;&#x647;&#x62F;&#x64A;&#x629;&#x61F;</p>
3548											&#x641;&#x642;&#x637;
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>&#x623;&#x636;&#x641; &#x62A;&#x63A;&#x644;&#x64A;&#x641; &#x643;&#x647;&#x62F;&#x64A;&#x629;</span>
3557										</button>
3558										<div
3559											class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close">
3560											&#x625;&#x644;&#x63A;&#x627;&#x621;
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">&#x62A;&#x642;&#x62F;&#x64A;&#x631; &#x62A;&#x643;&#x644;&#x641;&#x629; &#x627;&#x644;&#x634;&#x62D;&#x646;
3579</span>
3580								</div>
3581								<div class="field">
3582									<p>&#x627;&#x644;&#x62F;&#x648;&#x644;&#x629;</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>&#x627;&#x644;&#x631;&#x645;&#x632; &#x627;&#x644;&#x628;&#x631;&#x64A;&#x62F;&#x64A;</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>&#x627;&#x62D;&#x633;&#x628;</span>
3597									</a>
3598									<div
3599										class="tf-mini-cart-tool-primary text-center fw-6 w-100 tf-mini-cart-tool-close">
3600										&#x625;&#x644;&#x63A;&#x627;&#x621;
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">&#x627;&#x644;&#x643;&#x645;&#x64A;&#x629;</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>&#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629; &nbsp;</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								&#x627;&#x644;&#x623;&#x643;&#x62B;&#x631; &#x645;&#x628;&#x64A;&#x639;&#x627;&#x64B;
3841								<div class="product-status-content">
3842									<i class="icon-lightning"></i>
3843									<p class="fw-6">&#x627;&#x644;&#x637;&#x644;&#x628; &#x645;&#x631;&#x62A;&#x641;&#x639;! &#x634;&#x62E;&#x635;&#x64B;&#x627; &#x623;&#x636;&#x627;&#x641;&#x648;&#x647; &#x625;&#x644;&#x649; &#x633;&#x644;&#x62A;&#x647;&#x645;.</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">&#x627;&#x644;&#x643;&#x645;&#x64A;&#x629;</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>&#x623;&#x636;&#x641; &#x644;&#x644;&#x633;&#x644;&#x629; &nbsp;</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">&#x623;&#x636;&#x641; &#x625;&#x644;&#x649; &#x627;&#x644;&#x645;&#x641;&#x636;&#x644;&#x629;</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									&#x639;&#x631;&#x636; &#x627;&#x644;&#x62A;&#x641;&#x627;&#x635;&#x64A;&#x644; &#x627;&#x644;&#x643;&#x627;&#x645;&#x644;&#x629; <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">&#x62F;&#x644;&#x64A;&#x644; &#x627;&#x644;&#x645;&#x642;&#x627;&#x633;&#x627;&#x62A;</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>&#x62C;&#x62F;&#x648;&#x644; &#x645;&#x642;&#x627;&#x633;&#x627;&#x62A; &#x627;&#x644;&#x623;&#x62B;&#x627;&#x62B;</h6>
4021						<table class="tf-sizeguide-table">
4022							<thead>
4023								<tr>
4024									<th>&#x627;&#x644;&#x645;&#x642;&#x627;&#x633;</th>
4025									<th>&#x627;&#x644;&#x646;&#x648;&#x639; &#x627;&#x644;&#x623;&#x645;&#x631;&#x64A;&#x643;&#x64A;</th>
4026									<th>&#x627;&#x644;&#x639;&#x631;&#x636; (&#x633;&#x645;)</th>
4027									<th>&#x627;&#x644;&#x639;&#x645;&#x642; (&#x633;&#x645;)</th>
4028									<th>&#x627;&#x644;&#x627;&#x631;&#x62A;&#x641;&#x627;&#x639; (&#x633;&#x645;)</th>
4029								</tr>
4030							</thead>
4031							<tbody>
4032								<tr>
4033									<td>&#x635;&#x63A;&#x64A;&#x631; &#x62C;&#x62F;&#x64B;&#x627; (XS)</td>
4034									<td>2</td>
4035									<td>60</td>
4036									<td>50</td>
4037									<td>40</td>
4038								</tr>
4039								<tr>
4040									<td>&#x635;&#x63A;&#x64A;&#x631; (S)</td>
4041									<td>4</td>
4042									<td>80</td>
4043									<td>60</td>
4044									<td>45</td>
4045								</tr>
4046								<tr>
4047									<td>&#x645;&#x62A;&#x648;&#x633;&#x637; (M)</td>
4048									<td>6</td>
4049									<td>100</td>
4050									<td>70</td>
4051									<td>50</td>
4052								</tr>
4053								<tr>
4054									<td>&#x643;&#x628;&#x64A;&#x631; (L)</td>
4055									<td>8</td>
4056									<td>120</td>
4057									<td>80</td>
4058									<td>55</td>
4059								</tr>
4060								<tr>
4061									<td>&#x643;&#x628;&#x64A;&#x631; &#x62C;&#x62F;&#x64B; (XL)</td>
4062									<td>10</td>
4063									<td>140</td>
4064									<td>90</td>
4065									<td>60</td>
4066								</tr>
4067								<tr>
4068									<td>&#x636;&#x62E;&#x645; (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>&#x646;&#x635;&#x627;&#x626;&#x62D; &#x627;&#x644;&#x642;&#x64A;&#x627;&#x633;</h6>
4081							<div class="title">&#x627;&#x644;&#x639;&#x631;&#x636;</div>
4082							<p>&#x642;&#x645; &#x628;&#x642;&#x64A;&#x627;&#x633; &#x627;&#x644;&#x645;&#x633;&#x627;&#x641;&#x629; &#x645;&#x646; &#x627;&#x644;&#x62D;&#x627;&#x641;&#x629; &#x627;&#x644;&#x64A;&#x633;&#x631;&#x649; &#x625;&#x644;&#x649; &#x627;&#x644;&#x62D;&#x627;&#x641;&#x629; &#x627;&#x644;&#x64A;&#x645;&#x646;&#x649; &#x644;&#x644;&#x642;&#x637;&#x639;&#x629;.</p>
4083
4084							<div class="title">&#x627;&#x644;&#x639;&#x645;&#x642;</div>
4085							<p>&#x642;&#x645; &#x628;&#x642;&#x64A;&#x627;&#x633; &#x627;&#x644;&#x645;&#x633;&#x627;&#x641;&#x629; &#x645;&#x646; &#x645;&#x642;&#x62F;&#x645;&#x629; &#x627;&#x644;&#x642;&#x637;&#x639;&#x629; &#x625;&#x644;&#x649; &#x627;&#x644;&#x62E;&#x644;&#x641;.</p>
4086
4087							<div class="title">&#x627;&#x644;&#x627;&#x631;&#x62A;&#x641;&#x627;&#x639;</div>
4088							<p class="mb-0">&#x642;&#x645; &#x628;&#x642;&#x64A;&#x627;&#x633; &#x645;&#x646; &#x627;&#x644;&#x623;&#x631;&#x636; &#x625;&#x644;&#x649; &#x623;&#x639;&#x644;&#x649; &#x646;&#x642;&#x637;&#x629; &#x641;&#x64A; &#x627;&#x644;&#x642;&#x637;&#x639;&#x629;.</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">&#x645;&#x634;&#x627;&#x631;&#x643;&#x629; </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()"> &#x646;&#x633;&#x62E; &#x627;&#x644;&#x631;&#x627;&#x628;&#x637;
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.