{"id":24811,"date":"2026-10-08T00:01:20","date_gmt":"2026-10-07T21:01:20","guid":{"rendered":"https:\/\/supul.sa\/?page_id=24811"},"modified":"2026-10-14T18:43:24","modified_gmt":"2026-10-14T15:43:24","slug":"product-cards-test","status":"publish","type":"page","link":"https:\/\/supul.sa\/en\/","title":{"rendered":"Product Cards Test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24811\" class=\"elementor elementor-24811\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c47561 e-con-full e-flex e-con e-parent\" data-id=\"9c47561\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-slider\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a206d elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"b1a206d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;autoplay_speed&quot;:4500,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"\u0639\u0627\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/supul.sa\/wp-content\/uploads\/2026\/08\/\u0645\u062a\u062c\u0631-1.png\" alt=\"\u0645\u062a\u062c\u0631 (1)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 2\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/supul.sa\/wp-content\/uploads\/2026\/08\/\u0645\u062a\u062c\u0631-14.jpg\" alt=\"\u0645\u062a\u062c\u0631 (14)\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-feca231 e-flex e-con-boxed e-con e-parent\" data-id=\"feca231\" data-element_type=\"container\" data-e-type=\"container\" id=\"products\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-746a8c9 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"746a8c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u062e\u062a\u0631 \u062e\u062f\u0645\u062a\u0643 \u0648\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0446305 elementor-widget__width-initial color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"0446305\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0636\u062d\u0629\u060c \u062a\u0646\u0641\u064a\u0630 \u0633\u0631\u064a\u0639\u060c \u0648\u062a\u0635\u0644\u0643 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0643\u0625\u062b\u0628\u0627\u062a.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ee85c5 elementor-widget elementor-widget-supul-product-cards\" data-id=\"4ee85c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"supul-product-cards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.spc-wrap{--spc-primary:#2f7fd8;--spc-dark:#042c53;--spc-border:#dbe6f2;--spc-muted:#5f7590;--spc-soft:#eef5fc;font-family:'Tajawal',sans-serif;max-width:1100px;margin:0 auto}\n.spc-wrap *{box-sizing:border-box}\n.spc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}\n.spc-card{background:#fff;border:1px solid var(--spc-border);border-radius:18px;padding:12px;display:flex;flex-direction:column;transition:box-shadow .2s}\n.spc-card:hover{box-shadow:0 10px 30px rgba(4,44,83,.08)}\n.spc-media{border-radius:14px;overflow:hidden;aspect-ratio:16\/9;background:linear-gradient(160deg,#e6f1fb 0%,#f4f9fe 100%)}\n.spc-media img{width:100%;height:100%;object-fit:cover;display:block}\n.spc-body{padding:14px 6px 4px}\n.spc-title{font-size:21px;font-weight:900;color:var(--spc-dark);margin:0 0 6px;line-height:1.35}\n.spc-desc{font-size:14px;color:var(--spc-muted);line-height:1.7;margin:0;min-height:24px}\n.spc-panel{background:var(--spc-soft);border-radius:14px;padding:12px;margin-top:12px}\n.spc-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}\n.spc-pills.single{grid-template-columns:1fr}\n.spc-pill{background:#fff;border:1.5px solid var(--spc-border);border-radius:10px;padding:10px 8px;cursor:pointer;font-family:inherit;color:#12243a;font-size:13.5px;font-weight:700;line-height:1.35;transition:.15s;text-align:center}\n.spc-pill small{display:block;font-size:13px;font-weight:900;color:var(--spc-primary);margin-top:2px}\n.spc-pill:hover{border-color:var(--spc-primary)}\n.spc-pill.on{border-color:var(--spc-primary);box-shadow:inset 0 0 0 1px var(--spc-primary)}\n.spc-totalrow{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--spc-border);border-radius:10px;padding:6px 12px;margin-bottom:10px}\n.spc-lbl{font-size:13px;color:var(--spc-muted);font-weight:700}\n.spc-val{margin-inline-start:auto;font-size:22px;font-weight:900;color:var(--spc-primary)}\n.spc-qty{display:flex;align-items:center;gap:4px}\n.spc-qty button{width:28px;height:28px;border:none;background:var(--spc-soft);border-radius:8px;color:var(--spc-primary);font-size:17px;font-weight:800;cursor:pointer;font-family:inherit;padding:0;line-height:1}\n.spc-qty span{min-width:22px;text-align:center;font-weight:800}\n.spc-actions{display:flex;gap:8px;align-items:stretch}\n.spc-buy{flex:1;background:var(--spc-primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:16px;font-weight:800;padding:13px;cursor:pointer;transition:.18s}\n.spc-buy:hover{filter:brightness(.9)}\n.spc-buy:disabled{opacity:.7;cursor:not-allowed}\n.spc-icon{width:46px;border:1.5px solid var(--spc-border);background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--spc-primary);padding:0}\n.spc-icon:hover{border-color:var(--spc-primary)}\n.spc-icon svg{width:20px;height:20px}\n.spc-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);background:var(--spc-dark);color:#fff;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:99999}\n.spc-toast.show{opacity:1;transform:translate(-50%,0)}\n.spc-toast.err{background:#dc2626}\n.spc-overlay{position:fixed;inset:0;background:rgba(4,44,83,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}\n.spc-overlay.show{display:flex}\n.spc-modal{background:#fff;border-radius:16px;padding:36px 30px;max-width:380px;width:100%;text-align:center}\n.spc-ok{width:60px;height:60px;border-radius:50%;background:#e6f9ee;color:#16a34a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}\n.spc-ok svg{width:30px;height:30px}\n.spc-mt{font-size:18px;font-weight:800;color:var(--spc-dark);margin-bottom:20px}\n.spc-mrow{display:flex;flex-direction:column;gap:10px}\n.spc-mb{display:block;padding:13px;border-radius:10px;font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}\n.spc-mb.ghost{background:transparent;border:2px solid var(--spc-border);color:var(--spc-primary)}\n.spc-mb.solid{background:var(--spc-primary);border:none;color:#fff}\n.spc-card{height:100%}\n.spc-panel{flex:1;display:flex;flex-direction:column}\n.spc-totalrow{margin-top:auto}\n.spc-custom{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed var(--spc-border);border-radius:10px;padding:6px 12px;margin-bottom:8px}\n.spc-custom.on{border-style:solid;border-color:var(--spc-primary)}\n.spc-custom label{font-size:13px;color:var(--spc-muted);font-weight:700;white-space:nowrap}\n.spc-custom input{flex:1;min-width:0;border:none;outline:none;box-shadow:none;font-family:inherit;font-size:16px;font-weight:800;color:var(--spc-dark);text-align:end;background:transparent;padding:6px 0}\n.spc-note{font-size:12px;color:var(--spc-muted);margin:0 2px 10px;min-height:18px;line-height:1.5}\n.spc-note.err{color:#dc2626}\n.spc-note.info{background:#fff;border:1px solid var(--spc-border);border-radius:10px;padding:8px 10px;color:var(--spc-dark);font-size:12.5px;line-height:1.7}\n.spc-note.info div+div{color:var(--spc-muted);margin-top:2px}\n@media(max-width:600px){.spc-title{font-size:19px}}<\/style><div class=\"spc-wrap\" id=\"spc-4ee85c5\" dir=\"rtl\"><\/div><script>(function(){\nvar CFG={\"cards\":[{\"title\":\"\u062a\u0648\u0635\u064a\u0644 \u062f\u0627\u062e\u0644 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\",\"desc\":\"\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u0639\u0628\u0623\u0629 \u062f\u0627\u062e\u0644 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0645\u0639 \u062a\u0648\u062b\u064a\u0642 \u0628\u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0644\u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u0648\u0632\u064a\u0639.\",\"options\":[{\"label\":\"1 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":20,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"1 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16388,\"vid\":0},{\"label\":\"10 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":200,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/10-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"10 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16390,\"vid\":0},{\"label\":\"50 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":1000,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/50-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"50 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16737,\"vid\":0},{\"label\":\"100 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":2000,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/100-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"100 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16451,\"vid\":0}]},{\"title\":\"\u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0644\u0644\u0645\u0633\u0627\u062c\u062f\",\"desc\":\"\u0648\u0632\u0651\u0639 \u0627\u0644\u0645\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u062c\u062f \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0623\u0648 \u0623\u0647\u062f\u0650 \u062b\u0644\u0627\u062c\u0629 \u0645\u0627\u0621 \u0644\u0645\u0633\u062c\u062f.\",\"options\":[{\"label\":\"1\u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":16,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/1-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"1\u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16473,\"vid\":0},{\"label\":\"10 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":160,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/10-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"10 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16478,\"vid\":0},{\"label\":\"50 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":800,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/50-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"50 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16480,\"vid\":0},{\"label\":\"100 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"price\":1600,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/100-\u0643\u0631\u062a\u0648\u0646.jpg\",\"name\":\"100 \u0643\u0631\u062a\u0648\u0646 \u0645\u0627\u0621 330 \u0645\u0644\",\"pid\":16483,\"vid\":0},{\"label\":\"\u062b\u0644\u0627\u062c\u0629 \u0645\u0627\u0621 \u0628\u0645\u0633\u0627\u062c\u062f \u0645\u0643\u0629\",\"price\":2500,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/\u062b\u0644\u0627\u062c\u0629-\u0633\u0642\u064a\u0627-\u0645\u0633\u0627\u062c\u062f-\u0645\u0643\u0629.jpg\",\"name\":\"\u062b\u0644\u0627\u062c\u0629 \u0645\u0627\u0621 \u0628\u0645\u0633\u0627\u062c\u062f \u0645\u0643\u0629\",\"pid\":22485,\"vid\":0}]},{\"title\":\"\u0627\u0644\u0639\u0631\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0638\u0644\u0627\u062a\",\"desc\":\"\u0645\u0638\u0644\u0627\u062a \u0648\u0639\u0631\u0628\u0627\u062a \u0644\u062e\u062f\u0645\u0629 \u0636\u064a\u0648\u0641 \u0645\u0643\u0629.\",\"options\":[{\"label\":\"\u0645\u0638\u0644\u0629 \u0636\u064a\u0641 \u0645\u0643\u0629\",\"price\":19,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/\u0645\u0638\u0644\u0629-\u0645\u0639\u062a\u0645\u0631.jpg\",\"name\":\"\u0645\u0638\u0644\u0629 \u0636\u064a\u0641 \u0645\u0643\u0629\",\"pid\":22496,\"vid\":0},{\"label\":\"\u0639\u0631\u0628\u0629 \u0636\u064a\u0648\u0641 \u0645\u0643\u0629\",\"price\":450,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/\u0639\u0631\u0628\u0629-\u0636\u064a\u0648\u0641-\u0645\u0643\u0629-1.jpg\",\"name\":\"\u0639\u0631\u0628\u0629 \u0636\u064a\u0648\u0641 \u0645\u0643\u0629\",\"pid\":22500,\"vid\":0}]},{\"title\":\"\u0627\u0644\u0648\u062c\u0628\u0627\u062a\",\"desc\":\"\u0628\u0627\u0642\u0627\u062a \u0648\u062c\u0628\u0627\u062a \u0644\u0644\u0635\u0627\u0626\u0645\u064a\u0646 \u0648\u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0648\u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646.\",\"options\":[{\"label\":\"\u0628\u0627\u0642\u0629 \u0646\u0635\u0641 \u0634\u0647\u0631\",\"price\":90,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\u0628\u0627\u0642\u0629-\u0646\u0635\u0641-\u0634\u0647\u0631.jpg\",\"name\":\"\u0628\u0627\u0642\u0629 \u0646\u0635\u0641 \u0634\u0647\u0631\",\"pid\":20155,\"vid\":0},{\"label\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0634\u0647\u0631 \u0643\u0627\u0645\u0644\",\"price\":165,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\u0628\u0627\u0642\u0629-\u0627\u0644\u0634\u0647\u0631-\u0643\u0627\u0645\u0644.jpg\",\"name\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0634\u0647\u0631 \u0643\u0627\u0645\u0644\",\"pid\":20145,\"vid\":0},{\"label\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\"price\":495,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\u0628\u0627\u0642\u0629-\u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646-\u0627\u0644\u0634\u0647\u0631\u064a\u0629.jpg\",\"name\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\"pid\":20152,\"vid\":0},{\"label\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\"price\":1980,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\u0628\u0627\u0642\u0629-\u0627\u0644\u0639\u0627\u0626\u0644\u0629-\u0627\u0644\u0634\u0647\u0631\u064a\u0629.jpg\",\"name\":\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\"pid\":20149,\"vid\":0}]},{\"title\":\"\u0627\u0644\u0645\u0635\u0627\u062d\u0641\",\"desc\":\"\u0625\u0647\u062f\u0627\u0621 \u0645\u0635\u0627\u062d\u0641 \u0644\u0632\u0648\u0627\u0631 \u0645\u0643\u0629.\",\"options\":[{\"label\":\"\u0645\u0635\u062d\u0641 \u0632\u0648\u0627\u0631 \u0645\u0643\u0629\",\"price\":50,\"image\":\"https:\\\/\\\/supul.sa\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/\u0645\u0635\u062d\u0641-\u0632\u0648\u0627\u0631-\u0645\u0643\u0629.jpg\",\"name\":\"\u0645\u0635\u062d\u0641 \u0632\u0648\u0627\u0631 \u0645\u0643\u0629\",\"pid\":22489,\"vid\":0}]}],\"ajax\":\"https:\\\/\\\/supul.sa\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"b8e8e12037\",\"noCustom\":[22485,22500],\"labels\":{\"total\":\"\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\",\"buy\":\"\u0627\u0634\u062a\u0631\u0650 \u0627\u0644\u0622\u0646\",\"loading\":\"\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0636\u0627\u0641\u0629...\",\"added\":\"\u0623\u064f\u0636\u064a\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629\",\"modal\":\"\u062a\u0645\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629\",\"cont\":\"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0633\u0648\u0642\",\"checkout\":\"\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0637\u0644\u0628\",\"copied\":\"\u062a\u0645 \u0646\u0633\u062e \u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u062d\u0629\"}};var root=document.getElementById(\"spc-4ee85c5\");\nif(!root||!CFG.cards.length||root.getAttribute('data-ready')){return;}\nroot.setAttribute('data-ready','1');\nvar L=CFG.labels;\nvar T_CUSTOM=L.custom||'\u0645\u0628\u0644\u063a \u0622\u062e\u0631',T_MIN=L.min||'\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649';\nvar BAG='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M6 7h12l-1 13H7L6 7z\"\/><path d=\"M9 7a3 3 0 016 0\"\/><\/svg>';\nvar SHARE='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"6\" cy=\"12\" r=\"2.5\"\/><circle cx=\"18\" cy=\"6\" r=\"2.5\"\/><circle cx=\"18\" cy=\"18\" r=\"2.5\"\/><path d=\"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6\"\/><\/svg>';\nvar OK='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>';\nfunction el(t,c,x){var e=document.createElement(t);if(c){e.className=c;}if(x!=null){e.textContent=x;}return e;}\nfunction fmt(n){return n.toLocaleString('en-US',{minimumFractionDigits:2,maximumFractionDigits:2})+' \u0631.\u0633';}\nfunction fmt0(n){return n.toLocaleString('en-US')+' \u0631.\u0633';}\n\nvar toast=el('div','spc-toast');root.appendChild(toast);var th;\nfunction say(m,err){toast.textContent=m;toast.className='spc-toast show'+(err?' err':'');clearTimeout(th);th=setTimeout(function(){toast.className='spc-toast'+(err?' err':'');},2600);}\n\nvar overlay=el('div','spc-overlay');\noverlay.innerHTML='<div class=\"spc-modal\"><div class=\"spc-ok\">'+OK+'<\/div><div class=\"spc-mt\"><\/div><div class=\"spc-mrow\"><button type=\"button\" class=\"spc-mb ghost\"><\/button><a class=\"spc-mb solid\" href=\"#\"><\/a><\/div><\/div>';\noverlay.querySelector('.spc-mt').textContent=L.modal;\noverlay.querySelector('.ghost').textContent=L.cont;\noverlay.querySelector('.solid').textContent=L.checkout;\nroot.appendChild(overlay);\nfunction closeO(){overlay.classList.remove('show');}\noverlay.querySelector('.ghost').addEventListener('click',closeO);\noverlay.addEventListener('click',function(e){if(e.target===overlay){closeO();}});\n\nfunction add(opt,qty,done){\n var b=new URLSearchParams();\n b.append('action','psel_add_to_cart');b.append('nonce',CFG.nonce);\n b.append('product_id',opt.pid);b.append('variation_id',opt.vid||0);b.append('quantity',qty);\n fetch(CFG.ajax,{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application\/x-www-form-urlencoded'},body:b.toString()})\n .then(function(r){return r.json();})\n .then(function(d){\n   if(d&&d.success){if(window.jQuery){window.jQuery(document.body).trigger('wc_fragment_refresh');}done(true,d.data);}\n   else{done(false,(d&&d.data&&d.data.message)?d.data.message:'\u062d\u062f\u062b \u062e\u0637\u0623\u060c \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.');}\n })\n .catch(function(){done(false,'\u062a\u0639\u0630\u0651\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645\u060c \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.');});\n}\n\nvar grid=el('div','spc-grid');root.insertBefore(grid,root.firstChild);\n\nCFG.cards.forEach(function(card){\n var st={i:0,q:1};\n var NC=CFG.noCustom||[];function okc(o){return NC.indexOf(o.pid)<0;}var base=null;for(var k=0;k<card.options.length;k++){if(okc(card.options[k])){base=card.options[k];break;}}var minP=base?base.price:0;\n var art=el('article','spc-card');\n var media=el('div','spc-media');var img=el('img');img.loading='lazy';media.appendChild(img);\n var body=el('div','spc-body');body.appendChild(el('h3','spc-title',card.title));\n if(card.desc){body.appendChild(el('p','spc-desc',card.desc));}\n var panel=el('div','spc-panel');\n var pills=el('div','spc-pills'+(card.options.length===1?' single':''));\n var cu=el('div','spc-custom');var cl=el('label',null,T_CUSTOM);var ci=el('input');\n ci.type='number';ci.min=String(minP);ci.step='1';ci.setAttribute('inputmode','numeric');ci.placeholder=T_MIN+' '+minP;\n cu.appendChild(cl);cu.appendChild(ci);\n var nt=el('div','spc-note');\n var tr=el('div','spc-totalrow');tr.appendChild(el('span','spc-lbl',L.total));\n var qty=el('div','spc-qty');var mi=el('button',null,'\u2212');mi.type='button';var qs=el('span',null,'1');var pl=el('button',null,'+');pl.type='button';\n qty.appendChild(mi);qty.appendChild(qs);qty.appendChild(pl);tr.appendChild(qty);\n var tv=el('span','spc-val');tr.appendChild(tv);\n var act=el('div','spc-actions');\n var sh=el('button','spc-icon');sh.type='button';sh.innerHTML=SHARE;\n var ct=el('button','spc-icon');ct.type='button';ct.innerHTML=BAG;\n var by=el('button','spc-buy',L.buy);by.type='button';\n act.appendChild(sh);act.appendChild(ct);act.appendChild(by);\n panel.appendChild(pills);panel.appendChild(cu);panel.appendChild(nt);panel.appendChild(tr);panel.appendChild(act);\n art.appendChild(media);art.appendChild(body);art.appendChild(panel);grid.appendChild(art);\n\n \/* Custom amount: quantity = floor(amount \/ cheapest option price). Minimum amount = cheapest option price. *\/\n function customQty(){if(ci.value===''){return 0;}var v=parseFloat(ci.value);if(isNaN(v)||v<minP){return -1;}return Math.floor(v\/minP);}\n function current(){if(ci.value!==''){var q=customQty();return q>0?{o:base,q:q}:null;}return {o:card.options[st.i],q:st.q};}\n\n function draw(){\n  var cm=ci.value!=='';var q=cm?customQty():st.q;var o=cm?base:card.options[st.i];\n  img.src=o.image;img.alt=o.name;(function(pid){var g=function(){location.href='\/?p='+pid;};media.style.cursor='pointer';media.onclick=g;var tt=body.querySelector('.spc-title');if(tt){tt.style.cursor='pointer';tt.onclick=g;}})(o.pid);\n  pills.innerHTML='';\n  card.options.forEach(function(op,idx){\n   var p=el('button','spc-pill'+((!cm&&idx===st.i)?' on':''),op.label);p.type='button';\n   p.appendChild(el('small',null,fmt0(op.price)));\n   p.addEventListener('click',function(){ci.value='';st.i=idx;draw();});\n   pills.appendChild(p);\n  });\n  cu.className='spc-custom'+(cm?' on':'');var allow=!!base&&okc(card.options[st.i]);cu.style.display=(cm||allow)?'':'none';nt.style.display=(cm||allow)?'':'none';\n  qty.style.display=cm?'none':'';\n  if(!cm){nt.textContent='';nt.className='spc-note';qs.textContent=st.q;tv.textContent=fmt(o.price*st.q);by.disabled=false;}\n  else if(q<0){nt.textContent=T_MIN+' '+fmt0(minP);nt.className='spc-note err';tv.textContent='\u2014';by.disabled=true;}\n  else{var v=parseFloat(ci.value);var tot=q*minP;var rem=Math.round((v-tot)*100)\/100;nt.className='spc-note info';nt.innerHTML='';var l1=el('div',null,'\u0627\u0644\u0645\u0628\u0644\u063a '+fmt0(v)+' = '+q+' \u00d7 '+o.label+' = '+fmt0(tot));l1.style.fontWeight='800';nt.appendChild(l1);if(rem>0){nt.appendChild(el('div',null,'\u0646\u062d\u0633\u0628 \u0627\u0644\u0643\u0645\u064a\u0629 \u0628\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0641\u0642\u0637 (\u0643\u0644 '+fmt0(minP)+' \u062a\u0633\u0627\u0648\u064a '+o.label+')\u060c \u0644\u0630\u0644\u0643 \u0644\u0627 \u064a\u064f\u062d\u062a\u0633\u0628 \u0627\u0644\u0645\u062a\u0628\u0642\u064a '+fmt0(rem)+'. \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u062d\u062f\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0627\u0643\u062a\u0628 '+fmt0((q+1)*minP)+'.'));}else{nt.appendChild(el('div',null,'\u0643\u0644 '+fmt0(minP)+' \u062a\u0633\u0627\u0648\u064a '+o.label+'.'));}tv.textContent=fmt(tot);by.disabled=false;}\n }\n ci.addEventListener('input',draw);\n mi.addEventListener('click',function(){if(st.q>1){st.q--;draw();}});\n pl.addEventListener('click',function(){st.q++;draw();});\n by.addEventListener('click',function(){\n  var c=current();if(!c){say(T_MIN+' '+fmt0(minP),true);return;}\n  by.disabled=true;by.textContent=L.loading;\n  add(c.o,c.q,function(ok,d){\n   by.textContent=L.buy;draw();\n   if(ok){overlay.querySelector('.solid').setAttribute('href',d.checkout_url);overlay.classList.add('show');}\n   else{say(d,true);}\n  });\n });\n ct.addEventListener('click',function(){\n  var c=current();if(!c){say(T_MIN+' '+fmt0(minP),true);return;}\n  ct.disabled=true;\n  add(c.o,c.q,function(ok,d){ct.disabled=false;if(ok){say(L.added);}else{say(d,true);}});\n });\n sh.addEventListener('click',function(){\n  var u=location.href.split('#')[0];\n  if(navigator.share){navigator.share({title:card.title,url:u}).catch(function(){});}\n  else if(navigator.clipboard){navigator.clipboard.writeText(u).then(function(){say(L.copied);});}\n });\n draw();\n});\n})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0631 \u062e\u062f\u0645\u062a\u0643 \u0648\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0636\u062d\u0629\u060c \u062a\u0646\u0641\u064a\u0630 \u0633\u0631\u064a\u0639\u060c \u0648\u062a\u0635\u0644\u0643 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0643\u0625\u062b\u0628\u0627\u062a.<\/p>","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-24811","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/pages\/24811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/comments?post=24811"}],"version-history":[{"count":57,"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/pages\/24811\/revisions"}],"predecessor-version":[{"id":25199,"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/pages\/24811\/revisions\/25199"}],"wp:attachment":[{"href":"https:\/\/supul.sa\/en\/wp-json\/wp\/v2\/media?parent=24811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}