.woocommerce-product-gallery { position: relative; z-index: 10; display: block; margin-bottom: 100px; clear: both; } #reviews { position: relative; z-index: 5; display: block; clear: both; margin-top: 100px; padding-top: 60px; width: 100%; } .woocommerce-Reviews { position: relative; z-index: 5; display: block; clear: both; margin-top: 100px; padding-top: 60px; width: 100%; } .woocommerce-review { position: relative; z-index: 5; display: block; clear: both; margin-bottom: 30px; } ol.commentlist { position: relative; z-index: 5; display: block; clear: both; } .woocommerce-Reviews-title { position: relative; z-index: 5; display: block; clear: both; margin-bottom: 40px; } .woocommerce ul.products li.product-category .count, .woocommerce-loop-category__title .count { display: none !important; } .wf_pagetitle_title { display: none !important; } .wf_pagetitle { display: block !important; } /* جعل علامة التخفيض مائلة في الزاوية اليمنى العليا */ .onsale { background-color: #e61e1e !important; color: #fff !important; padding: 5px 35px !important; position: absolute !important; top: 15px !important; /* المسافة من الأعلى */ right: -30px !important; /* نقلها لليمين */ left: auto !important; /* إلغاء أي ضبط لجهة اليسار */ transform: rotate(45deg) !important; /* إمالة لجهة اليمين */ z-index: 999 !important; font-weight: bold !important; font-size: 13px !important; text-align: center !important; min-width: 120px !important; } /* التأكد من عدم خروج الشريط المائل عن حدود إطار المنتج */ .product, .fable-extra-woocomerce-list__product-image { position: relative !important; overflow: hidden !important; } .wf-col-lg-3.wf-col-sm-6.wf-col-12 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .woocommerce div.product div.images img { max-width: 400px !important; width: 400px !important; } .woocommerce div.product div.images { width: 400px !important; max-width: 400px !important; } /* إخفاء كارت تصنيف أساسيات المطبخ بالكامل من الصفحة الرئيسية */ .home .product-category:has(a[href*="kitchen-essentials"]), .home .product-category:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]), .home .wd-cat-grid-item:has(a[href*="kitchen-essentials"]), .home .wd-cat-grid-item:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]), .home [class*="cat"]:has(a[href*="kitchen-essentials"]), .home [class*="cat"]:has(a[href*="%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa"]) { display: none !important; } li.product-category:has(a[href*="drinks"]) { display: none !important; } /* إخفاء الـ label الأحمر */ .variations .label { display: none !important; } /* زرار إضافة إلى السلة - أصفر */ .single_add_to_cart_button { background: linear-gradient(to bottom, #FFE14D, #FFD814) !important; color: #111 !important; border: 1px solid #FCD200 !important; border-radius: 8px !important; padding: 10px 24px !important; font-size: 14px !important; font-weight: 500 !important; width: 100% !important; } /* السعر الجديد */ ins .woocommerce-Price-amount { color: #C45500 !important; font-size: 22px !important; font-weight: 600 !important; } /* السعر القديم */ del { display: inline !important; } del .woocommerce-Price-amount { color: #999 !important; font-size: 14px !important; } /* إخفاء إزالة */ .reset_variations { display: none !important; } /* Dropdowns */ .variations select { border: 1px solid #888 !important; border-radius: 8px !important; padding: 8px 12px !important; font-size: 14px !important; color: #0F1111 !important; background-color: #fff !important; width: 100% !important; } .wf_mobilenav-topbar-content { display: block !important; } .wf_mobilenav-topbar-toggle { display: none !important; } .wf_mobilenav-topbar-content { padding: 0 !important; margin-top: -50px !important; } .mobile-bottom-nav li:has(.fa-exchange), .mobile-bottom-nav li:has(.fa-search), .mobile-bottom-nav li:has(.fa-heart), .mobile-bottom-nav li:has(.fa-store) { display: none !important; } .mobile-bottom-nav li:has(.fa-grid-2) { display: none !important; } .mobile-bottom-nav .fa-cart-shopping:before { content: "🛒"; font-style: normal; } .mobile-bottom-nav .fa-home:before { content: "🏠"; font-style: normal; } @media (max-width: 767px) { .summary.entry-summary { margin-top: 100px; } } #wf_uptop { display: none !important; } /* تغيير لون السعر إلى الأسود في جميع صفحات المتجر */ .woocommerce-Price-amount, .price, .price ins, .price bdi { color: #000000 !important; } /* التأكد من تغيير لون السعر حتى في حالة وجود تخفيض */ .woocommerce-loop-product__title + .price, .summary .price { color: #000000 !important; }a .woocommerce-Price-amount, button .woocommerce-Price-amount, .button .woocommerce-Price-amount, .checkout-button .woocommerce-Price-amount { color: inherit !important; } .product-categories nav.wf_navbar-nav { display: none !important; } .product-categories:hover nav.wf_navbar-nav, .product-categories:focus-within nav.wf_navbar-nav { display: block !important; } .woocommerce-product-gallery__wrapper { overflow: hidden; } .woocommerce-product-gallery__image img.wp-post-image { width: 1000% !important; height: auto !important; max-height: 400x; object-fit: contain; display: block; margin: 0 auto; } .summary.entry-summary { margin-top: 10px !important; padding-top: 0 !important; } .summary.entry-summary h1.product_title { line-height: 1.2 !important; margin-bottom: 11px !important; } .pc-trust-badges { display: flex; justify-content: flex-start; gap: 30px; margin: 15px 0; padding: 15px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; direction: rtl; } .pc-badge { display: flex; flex-direction: column; align-items: center; text-align: center; width: 85px; } .pc-badge .dashicons { font-size: 28px; width: 28px; height: 28px; color: #555; margin-bottom: 6px; } .pc-badge p { font-size: 12px; margin: 0; line-height: 1.4; color: #333; } .pswp__button--close { display: block !important; opacity: 1 !important; visibility: visible !important; z-index: 99999 !important; background-color: rgba(0,0,0,0.5) !important; } .pswp__top-bar { display: flex !important; opacity: 1 !important; } .product_title.entry-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif !important; font-weight: 400 !important; font-size: px !important; line-height: 1.5 !important; color: #0F1111 !important; } #menu-services-menu { position: relative; padding-top: 50px; } #menu-services-menu::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 280px; height: 38px; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg'), url('https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg'); background-repeat: no-repeat, no-repeat; background-size: 130px auto, 130px auto; background-position: left center, right center; } /* ===== محاذاة النافبار لليمين وإزالة الفراغ ===== */ nav.wf_navbar-nav { width: 100% !important; } ul.wf_navbar-mainmenu { justify-content: flex-end !important; flex-wrap: nowrap !important; width: 100% !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; } /* تصغير المسافة بين العناصر عشان كلها تتسع في سطر واحد */ ul.wf_navbar-mainmenu > li > a { padding-right: 11px !important; padding-left: 9px !important; font-size: 13.5px !important; } /* إخفاء مربع Home من الصفحة الرئيسية */ .home #wf_pagetitle { display: none !important; } section#wf_pagetitle { padding-top: 1px !important; padding-bottom: 1px !important; min-height: unset !important; } h1.page-title { line-height: 1.2 !important; } aside#block-22 { padding: 0 !important; } aside#block-22 figure.wp-block-image { width: 100% !important; margin: 0 !important; } aside#block-22 figure.wp-block-image a { display: block !important; } aside#block-22 figure.wp-block-image img { width: 100% !important; height: auto !important; display: block !important; } aside#block-42 { padding: 0 !important; } aside#block-42 figure.wp-block-image { width: 100% !important; margin: 0 !important; } aside#block-42 figure.wp-block-image a { display: block !important; } aside#block-42 figure.wp-block-image img { width: 100% !important; height: auto !important; display: block !important; } .woocommerce-MyAccount-content{ display:flex; flex-direction:column; } .prymecart-welcome{ order:-1; } .prymecart-welcome { background: linear-gradient(135deg, #6D28D9 0%, #8B5CF6 50%, #A855F7 100%); border-radius: 28px; padding: 45px 30px; text-align: center; color: #fff; margin-bottom: 35px; position: relative; overflow: hidden; box-shadow: 0 12px 30px rgba(124, 58, 237, 0.18); } /* الدوائر الخلفية */ .prymecart-welcome::before, .prymecart-welcome::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.08); } .prymecart-welcome::before { width: 220px; height: 220px; top: -90px; right: -70px; } .prymecart-welcome::after { width: 180px; height: 180px; bottom: -90px; left: -60px; } /* عنوان الترحيب */ .prymecart-welcome h2 { font-size: 38px; font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 1.4; position: relative; z-index: 2; } /* البريد الإلكتروني */ .prymecart-welcome .user-email { font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 18px; line-height: 1.2; word-break: break-word; position: relative; z-index: 2; } /* النص أسفل البريد */ .prymecart-welcome p { font-size: 20px; color: rgba(255, 255, 255, 0.92); line-height: 1.8; margin: 0; position: relative; z-index: 2; } /* الموبايل */ @media (max-width: 768px) { .prymecart-welcome { padding: 35px 20px; border-radius: 22px; } .prymecart-welcome h2 { font-size: 30px; } .prymecart-welcome .user-email { font-size: 28px; } .prymecart-welcome p { font-size: 17px; } } .pryme-btn-invoice, .pryme-btn-invoice:visited, .pryme-btn-invoice:hover { background: #6B2D8B !important; color: #fff !important; border: none !important; padding: 12px 20px !important; border-radius: 12px !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important; } @media print { body::before { content: ""; display: block; width: 220px; height: 80px; margin: 0 auto 30px; background: url('https://prymecart.com/wp-content/uploads/your-logo.png') no-repeat center; background-size: contain; } } @media (max-width: 767px) { .woocommerce ul.products[class*="columns-"] li.product-category, .woocommerce-page ul.products[class*="columns-"] li.product-category { width: 47% !important; float: right !important; margin-left: 3% !important; margin-right: 0 !important; margin-bottom: 20px !important; /* مسافة بسيطة بين الصفوف */ } .woocommerce ul.products[class*="columns-"] li.product-category:nth-child(2n), .woocommerce-page ul.products[class*="columns-"] li.product-category:nth-child(2n) { margin-left: 0 !important; } .woocommerce ul.products li.product-category img { max-width: 140px !important; /* كبرنا الحجم هنا لتظهر بوضوح */ width: 100% !important; height: auto !important; margin: 0 auto 10px auto !important; } .woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { font-size: 15px !important; font-weight: bold !important; text-align: center !important; } } /* 1. إخفاء تصنيف عروض اليوم تماماً بناءً على الرابط */ li.product-category:has(a[href*="offers-today"]), .slug-offers-today, .category-offers-today { display: none !important; } /* 2. إجبار الشبكة على ملء الفراغات وإعادة الترتيب بالتساوي */ ul.products, .products-grid { display: flex !important; flex-wrap: wrap !important; } /* 3. إلغاء الفواصل التلقائية القديمة لكي تصعد العناصر لأعلى */ ul.products li.product-category { clear: none !important; } /* إزالة المسافات البيضاء من الإطار المحيط بالصورة */ aside#media_image-3 { padding: 0 !important; margin: 0 !important; } /* إجبار الصورة المحددة على ملء كامل العرض والارتفاع */ aside#media_image-3 img.wp-image-539 { width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* كود ذكي للموبايل: يصلح مسافات المنتجات ويحمي الصفحة الرئيسية تماماً */ @media (max-width: 767px) { /* استثناء الصفحة الرئيسية باستخدام :not(.home) */ .woocommerce-page:not(.home) ul.products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; /* عمودين بالتساوي */ gap: 14px !important; /* المسافة الفاصلة بين المنتجات */ padding: 10px !important; } /* ضبط المنتجات فقط خارج الصفحة الرئيسية */ .woocommerce-page:not(.home) ul.products li.product { width: 100% !important; float: none !important; margin: 0 !important; } /* إلغاء العناصر الوهمية خارج الصفحة الرئيسية */ .woocommerce-page:not(.home) ul.products::before, .woocommerce-page:not(.home) ul.products::after { display: none !important; } } .elementor-element-1bf2fa0 { width: 100% !important; max-width: 100% !important; } .elementor-element-1bf2fa0 img { width: 100% !important; max-width: 100% !important; } img[src*="product-category"] { display: none !important; } .prymecart-seo-wrapper { background: #f9f5fc; border: 1px solid #e5d4f0; border-radius: 12px; padding: 20px; max-width: 1000px; margin: 40px auto; } .prymecart-seo-wrapper h3.seo-title { color: #6B2D8B; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .prymecart-seo-text { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; font-size: 13px; color: #555; line-height: 1.9; } .prymecart-seo-text.seo-open { max-height: 3000px; margin-top: 10px; } .prymecart-seo-text h2 { font-size: 14px; color: #6B2D8B; margin-top: 12px; } .seo-toggle-btn { background: none; border: none; color: #6B2D8B; font-weight: bold; cursor: pointer; font-size: 13px; padding: 0; } /* كود ذكي لإخفاء كارت الأكثر مبيعاً بناءً على الرابط بتاعه */ .elementor-grid-item:has(a[href*="bestsellers"]), .elementor-column:has(a[href*="bestsellers"]), li.product-category:has(a[href*="bestsellers"]), .wb-carousel-item:has(a[href*="bestsellers"]) { display: none !important; } li.product-category:has(a[href*="rice-and-pasta"]) { display: none !important; } /* ==== تنسيق صور تصنيفات السوبر ماركت - النسخة الكاملة والنهائية ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* تغيير لون زرار البحث لبنفسجي هوية PrymeCart */ .header-search-button { background-color: #6B2D8B !important; border-color: #6B2D8B !important; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; } /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } @media (max-width: 767px) { .noon-slider ul.products { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; gap: 10px !important; padding-bottom: 15px !important; } .noon-slider ul.products li.product { flex: 0 0 45% !important; /* يعرض منتجين كاملين ويظهر جزء بسيط من الثالث عشان يعمل سواب */ max-width: 45% !important; scroll-snap-align: start !important; } } }} /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* ==== 2) خانة البحث بالكامل ==== */ .header-search-form { max-width: 480px; margin: 0 auto; } .search-wrapper { display: flex; align-items: stretch; border: 1.5px solid #d8c3e6; border-radius: 10px; overflow: hidden; background: #ffffff; box-shadow: 0 2px 8px rgba(107, 45, 139, 0.08); transition: box-shadow 0.2s ease, border-color 0.2s ease; } .search-wrapper:focus-within { border-color: #6B2D8B; box-shadow: 0 4px 14px rgba(107, 45, 139, 0.18); } .search-wrapper input[type="text"], .search-wrapper input[type="search"] { flex: 1; border: none; outline: none; color: #2b2b2b; font-size: 15px; padding: 12px 16px; background: transparent; } .search-wrapper input::placeholder { color: #8a8a8a; } /* زرار البحث - مربع ثابت، بدون أي تشويه من الثيم */ .header-search-button { background-color: #6B2D8B !important; border: none !important; border-radius: 0 !important; padding: 0 !important; width: 52px !important; height: 52px !important; min-width: 52px !important; max-width: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: stretch; transform: none !important; -webkit-transform: none !important; clip-path: none !important; box-sizing: border-box !important; transition: background-color 0.2s ease; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; font-size: 16px !important; line-height: 1 !important; margin: 0 !important; transform: none !important; } /* ============================================ PrymeCart - كود CSS الكامل والموحد ============================================ */ /* ==== 1) تصنيفات السوبر ماركت (الدوائر) ==== */ img.supermarket-cat, .supermarket-cat img { position: relative; width: 100%; max-width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #e8d5f2 0%, #c9a3dd 55%, #a774c9 100%); padding: 28px; object-fit: contain; box-shadow: 0 8px 20px rgba(107, 45, 139, 0.15); mix-blend-mode: multiply; transition: transform 0.3s ease, box-shadow 0.3s ease; } img.supermarket-cat:hover, .supermarket-cat img:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 14px 28px rgba(107, 45, 139, 0.25); } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { text-align: center; font-weight: 700; font-size: 26px; color: #2b2b2b; margin-top: 14px; } .supermarket-cat .cat-badge { position: absolute; top: 8px; left: 8px; background: #6B2D8B; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; box-shadow: 0 3px 8px rgba(0,0,0,0.2); z-index: 2; } .supermarket-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; justify-items: center; padding: 20px 0; } @media (max-width: 768px) { img.supermarket-cat, .supermarket-cat img { max-width: 160px; padding: 25px; } .supermarket-cat .cat-title, .supermarket-cat .elementor-image-box-title { font-size: 24px; } } /* ==== 2) دمج خانة البحث والزرار في وحدة واحدة ==== */ .header-search-form.product-search > form { display: flex !important; align-items: stretch !important; border: 1.5px solid #d8c3e6; border-radius: 10px; overflow: hidden; background: #ffffff; max-width: 480px; margin: 0 auto; } .header-search-form.product-search > form .search-wrapper { flex: 1; border: none !important; box-shadow: none !important; border-radius: 0 !important; } .search-wrapper input[type="text"], .search-wrapper input[type="search"] { border: none; outline: none; width: 100%; color: #2b2b2b; font-size: 15px; padding: 12px 16px; background: transparent; } .search-wrapper input::placeholder { color: #8a8a8a; } /* الزرار - صغير، جوه نفس الصندوق، بدون إزاحة من الثيم */ .header--six .header-search-form .header-search-button, .header-search-button { position: static !important; top: 0 !important; right: 0 !important; width: 44px !important; height: 44px !important; min-width: 44px !important; background-color: #6B2D8B !important; border: none !important; border-radius: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; transition: background-color 0.2s ease; } .header-search-button:hover { background-color: #591f75 !important; } .header-search-button i.fa-search { color: #ffffff !important; font-size: 14px !important; line-height: 1 !important; margin: 0 !important; } /* ==== 3) إخفاء خانة اختيار الفئة بجانب البحث ==== */ .header-search-select-wrapper { display: none !important; } /* ==== 4) إخفاء زرار القائمة الجانبية (الهامبرجر) ==== */ .wf_navbar-sidebar-toggle { display: none !important; } /* 1. إخفاء الزرار تماماً على الكمبيوتر */ @media (min-width: 768px) { #trp-floater-ls, .trp-language-switcher, .trp-floating-language-switcher { display: none !important; } } /* 2. ضبط مكان اللغة على الموبايل وجعلها تختفي مع النزول لأسفل */ @media (max-width: 767px) { #trp-floater-ls, .trp-language-switcher, .trp-floating-language-switcher { display: block !important; position: absolute !important; /* التغيير هنا لـ absolute لكي يثبت في الهيدر ويختفي عند السكرول */ top: 102px !important; left: 65px !important; bottom: auto !important; right: auto !important; z-index: 999999 !important; background: transparent !important; box-shadow: none !important; border: none !important; width: auto !important; max-width: none !important; } /* تنسيق خيارات اللغة الداخلية ومنع اختفاء أو قطع الأحرف */ #trp-floater-ls a, .trp-language-switcher a { padding: 0px !important; font-size: 13px !important; font-weight: 600 !important; background: transparent !important; color: #333333 !important; border: none !important; box-shadow: none !important; white-space: nowrap !important; width: auto !important; display: flex !important; align-items: center !important; } /* تنسيق حجم العلم وتوسيطه مع الكلام */ #trp-floater-ls img, .trp-language-switcher img { max-width: 18px !important; height: auto !important; margin-left: 4px !important; margin-right: 0px !important; } } .variations select { display: none !important; } .custom-swatch-title { font-size: 15px; font-weight: 600; color: #2d3748; margin-top: 4px; margin-bottom: 10px; } .custom-swatch-title .selected-value { color: #6b46c1; font-weight: 700; } .custom-swatch-wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; } .custom-swatch-item { height: 40px; min-width: 40px; padding: 0 14px; border: 1px solid #e2e8f0; background-color: #ffffff; color: #4a5568; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 1; transition: all 0.2s ease; user-select: none; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); } .custom-swatch-item:hover { border-color: #b794f4; color: #6b46c1; background-color: #faf5ff; } .custom-swatch-item.selected { border-color: #6b46c1; background-color: #f3e8ff; color: #6b46c1; font-weight: 600; box-shadow: 0 3px 8px rgba(107, 70, 193, 0.15); } /* تخفيف الخطوط الفاصلة بين الأقسام (لو الفاصل تبع ووكومرس نفسه) */ table.variations tr { border: none !important; } /* توحيد خلفية جدول الخيارات مع خلفية صفحة المنتج */ .variations, .variations tr, .variations td, .variations th, table.variations, .woocommerce-variation-add-to-cart, .single_variation_wrap { background-color: #ffffff !important; background: none !important; } .custom-swatch-item { background-color: #ffffff !important; } /* شيل الخطوط الفاصلة بين أقسام اللون/الرام/التخزين */ .variations tr, .variations td, table.variations tbody tr, table.variations tbody td { border: none !important; border-bottom: none !important; border-top: none !important; box-shadow: none !important; } /* تقريب المسافات بين أقسام اللون / الرام / التخزين */ table.variations tr, table.variations td, table.variations th { padding: 0 !important; margin: 0 !important; line-height: normal !important; } .custom-swatch-title { margin-top: 0 !important; margin-bottom: 8px !important; } .custom-swatch-wrapper { margin-bottom: 0 !important; } table.variations tr { display: block; margin-bottom: 14px !important; } /* تنسيق عام لعنصر اللغة */ .trp-language-switcher .trp-language-item { display: flex !important; align-items: center; gap: 6px; } /* إخفاء أي علم/إيموجي قديم */ .trp-language-switcher .trp-language-item img { display: none !important; } /* علم مصر دائري - عربي */ .trp-language-switcher .trp-language-item[title="AR"]::before { content: "" !important; display: inline-block !important; width: 18px; height: 18px; background-image: url('https://flagcdn.com/w40/eg.png'); background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.3); flex-shrink: 0; } /* علم أمريكا دائري - إنجليزي */ .trp-language-switcher .trp-language-item[title="EN"]::before { content: "" !important; display: inline-block !important; width: 18px; height: 18px; background-image: url('https://flagcdn.com/w40/us.png'); background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.3); flex-shrink: 0; } /* Mobile */ @media (max-width:767px){ .woocommerce ul.products li.product .product-action{ display:flex !important; } .woocommerce ul.products li.product .product-action .button.add_to_cart_button{ flex:1 1 auto !important; width:auto !important; min-width:90px !important; max-width:none !important; overflow:visible !important; text-overflow:unset !important; white-space:nowrap !important; padding:8px 10px !important; font-size:12px !important; } } /* ========================================== PrymeCart - Product Title (3 Lines Only) ========================================== */ /* الصفحة الرئيسية + التصنيفات + المتجر */ .home .product-content h3, .archive .product-content h3, .tax-product_cat .product-content h3, .woocommerce-shop .product-content h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; min-height: 4.2em; max-height: 4.2em; margin-bottom: 10px; } /* صفحة المنتج تعرض العنوان كاملًا */ .single-product .product_title{ display:block !important; overflow:visible !important; max-height:none !important; white-space:normal !important; } /* الحاوية الرئيسية لتقييم أمازون */ .amazon-style-rating { display: inline-flex; align-items: center; direction: ltr; /* لضمان الترتيب الصحيح للعناصر من اليسار لليمين */ font-family: system-ui, -apple-system, sans-serif; gap: 4px; /* مسافة بسيطة بين العناصر */ margin: 6px 0; } /* عدد التقييمات باللون الرمادي الداكن */ .amazon-style-rating .amazon-rating-count { color: #007185; /* لون أزرق/رمادي مميز لأمازون في الروابط */ font-size: 12px; font-weight: 500; } /* السهم الصغير (الرمز السفلي) */ .amazon-style-rating .amazon-rating-chevron { color: #565959; /* رمادي متوسط للسهم */ font-size: 10px; font-weight: bold; margin-right: 2px; } /* النجوم الممتلئة باللون البرتقالي الكلاسيكي لأمازون */ .amazon-style-rating .amazon-rating-stars .star.filled { color: #de7921; /* اللون البرتقالي الدقيق لأمازون (Amazon Orange) */ font-size: 14px; } /* النجوم الفارغة باللون الرمادي الفاتح */ .amazon-style-rating .amazon-rating-stars .star.empty { color: #ccc; /* رمادي فاتح ومحايد للنجوم الفارغة */ font-size: 14px; } /* رقم التقييم المتوسط في النهاية */ .amazon-style-rating .amazon-rating-avg { color: #0f1111; /* أسود داكن للرقم ليكون واضحاً وقابلاً للقراءة */ font-size: 12px; font-weight: bold; margin-left: 2px; } /* تحويل منطقة التقييم إلى سطر مرن لدمج العناصر بجانب بعضها */ .woocommerce-product-rating { display: flex !important; align-items: center; flex-wrap: wrap; gap: 12px; /* مسافة فاصلة مناسبة بين النجوم والجملة */ margin-bottom: 15px !important; } /* تنسيق جملة المبيعات لتظهر بجانب النجوم مباشرة */ .amazon-monthly-sales-single { display: inline-block !important; color: #565959 !important; /* اللون الرمادي الهادئ لأمازون */ font-size: 13px !important; font-weight: bold !important; margin: 0 !important; /* إزالة الهوامش لمنع النزول لسطر جديد */ font-family: system-ui, -apple-system, sans-serif !important; order: 3; /* لضمان ظهورها بعد كلمة مراجعتين */ } /* ضبط ترتيب كلمة مراجعتين لتكون قبل الجملة */ .woocommerce-review-link { order: 2; } /* ضبط ترتيب النجوم */ .woocommerce-product-rating .star-rating { order: 1; margin: 0 !important; } /* ========================================================= كود قوي لإجبار وتجميل صفحة دخول وتسجيل ووكومرس ========================================================= */ /* 1. توسيط الصفحة وضبط العرض على الموبايل والشاشات */ html body.woocommerce-account #customer_login, html body.woocommerce-page #customer_login, html body .woocommerce #customer_login { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; max-width: 440px !important; margin: 20px auto !important; padding: 0 15px !important; float: none !important; clear: both !important; box-sizing: border-box !important; } /* 2. تحويل كروت الدخول والتسجيل لإطار مودرن متناسق */ html body .woocommerce #customer_login .u-column1, html body .woocommerce #customer_login .u-column2, html body .woocommerce form.login, html body .woocommerce form.register { width: 100% !important; max-width: 100% !important; float: none !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 20px !important; padding: 28px 20px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07) !important; margin-bottom: 25px !important; box-sizing: border-box !important; } /* 3. عناوين النموذج (تسجيل الدخول / إنشاء حساب) */ html body .woocommerce #customer_login h2, html body .woocommerce form h2 { font-size: 22px !important; font-weight: 800 !important; text-align: center !important; color: #111827 !important; margin-top: 0 !important; margin-bottom: 22px !important; border-bottom: none !important; } /* 4. إجبار تنسيق حقول الإدخال */ html body .woocommerce form .form-row { padding: 0 !important; margin-bottom: 15px !important; float: none !important; width: 100% !important; } html body .woocommerce form .form-row label { font-size: 13px !important; font-weight: 700 !important; color: #374151 !important; margin-bottom: 6px !important; display: block !important; text-align: right !important; } html body .woocommerce form .form-row input.input-text { width: 100% !important; height: 48px !important; border-radius: 12px !important; border: 1.5px solid #d1d5db !important; background-color: #f9fafb !important; padding: 0 15px !important; font-size: 14px !important; color: #111827 !important; box-sizing: border-box !important; transition: all 0.2s ease-in-out !important; } /* التفاعل عند الكتابة داخل الحقل */ html body .woocommerce form .form-row input.input-text:focus { border-color: #e60023 !important; background-color: #ffffff !important; box-shadow: 0 0 0 4px rgba(230, 0, 35, 0.12) !important; outline: none !important; } /* 5. إجبار تنسيق زر الدخول/التسجيل الرئيسي */ html body .woocommerce form .form-row .button, html body .woocommerce form.login .button, html body .woocommerce form.register .button, html body .woocommerce button[name="login"], html body .woocommerce button[name="register"] { width: 100% !important; height: 50px !important; background-color: #e60023 !important; color: #ffffff !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; box-shadow: 0 4px 14px rgba(230, 0, 35, 0.3) !important; cursor: pointer !important; margin-top: 10px !important; transition: all 0.2s ease !important; } html body .woocommerce form .form-row .button:hover { background-color: #c4001e !important; transform: translateY(-1px) !important; } /* 6. خيار "تذكرني" ورابط "نسيت كلمة المرور" */ html body .woocommerce form .woocommerce-form-login__rememberme { margin-top: 12px !important; font-size: 13px !important; color: #4b5563 !important; } html body .woocommerce form .woocommerce-LostPassword { text-align: center !important; margin-top: 15px !important; } html body .woocommerce form .woocommerce-LostPassword a { color: #6b7280 !important; font-size: 13px !important; text-decoration: none !important; font-weight: 600 !important; } html body .woocommerce form .woocommerce-LostPassword a:hover { color: #e60023 !important; } /* --- إخفاء نموذج التسجيل السفلي تلقائياً --- */ html body .woocommerce #customer_login .u-column2 { display: none; } /* --- ترتيب أسفل الكارت ليحتوي على الرابطين متجاورين --- */ html body .woocommerce form .woocommerce-LostPassword { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: 18px !important; padding-top: 15px !important; border-top: 1px solid #f3f4f6 !important; } html body .woocommerce form .woocommerce-LostPassword a { font-size: 13px !important; font-weight: 600 !important; } /* لون رابط إنشاء حساب الجديد */ .custom-register-btn { color: #e60023 !important; font-weight: 700 !important; cursor: pointer; } .pryme-order-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .pryme-order-actions a { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 18px; border-radius: 20px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; box-sizing: border-box; } .pryme-order-btn { background: #6B2D8B; color: #fff; border: 1px solid #6B2D8B; } .pryme-order-btn:hover { background: #5a2574; } .pryme-reorder-btn { background: transparent; color: #6B2D8B; border: 1px solid #6B2D8B; } .pryme-reorder-btn:hover { background: #6B2D8B; color: #fff; } .pryme-cancel-btn { background: transparent; color: #d63638; border: 1px solid #d63638; } .pryme-cancel-btn:hover { background: #d63638; color: #fff; } /* --- تنسيق المعرض المخصص الجديد (ستايل نون) --- */ .pryme-custom-gallery { display: flex !important; flex-direction: row-reverse !important; /* الصور المصغرة يمين والصورة الرئيسية يسار */ align-items: flex-start !important; gap: 15px !important; width: 100% !important; } /* حاوية الصورة الرئيسية */ .pryme-gallery-main { flex: 1 !important; width: 100% !important; } .pryme-gallery-main img { width: 100% !important; height: auto !important; border-radius: 8px !important; border: 1px solid #e2e8f0; } /* عمود الصور المصغرة */ .pryme-gallery-thumbs { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 85px !important; flex-shrink: 0 !important; } .pryme-thumb-item { width: 85px !important; height: 85px !important; border-radius: 6px !important; overflow: hidden; border: 2px solid #cbd5e1 !important; cursor: pointer !important; transition: all 0.2s ease; } .pryme-thumb-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .pryme-thumb-item.active, .pryme-thumb-item:hover { border-color: #0f172a !important; } /* ====== قسم الأكثر مبيعاً ====== */ /* موبايل: سطر واحد قابل للسحب */ @media (max-width: 767px) { .elementor-element-70ff532, .elementor-element-70ff532 .elementor-widget-container, .elementor-element-70ff532 .elementor-loop-container, .elementor-element-70ff532 .products { height: auto !important; min-height: 0 !important; } .elementor-element-70ff532 .products, .elementor-element-70ff532 .elementor-loop-container { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 10px; } .elementor-element-70ff532 .products::-webkit-scrollbar, .elementor-element-70ff532 .elementor-loop-container::-webkit-scrollbar { display: none; } .elementor-element-70ff532 li.product, .elementor-element-70ff532 .product-single { flex: 0 0 46%; scroll-snap-align: start; height: auto !important; } } /* كمبيوتر */ @media (min-width: 768px) { .elementor-element-70ff532 .products, .elementor-element-70ff532 .elementor-loop-container { display: flex !important; flex-wrap: nowrap !important; gap: 20px; } .elementor-element-70ff532 li.product, .elementor-element-70ff532 .product-single { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; } } /* ====== قسم منتجات السوبر ماركت (الزيوت) ====== */ /* موبايل: سطر واحد قابل للسحب */ @media (max-width: 767px) { .elementor-element-afcb672, .elementor-element-afcb672 .elementor-widget-container, .elementor-element-afcb672 .woocommerce, .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products { height: auto !important; min-height: 0 !important; } .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products, .elementor-element-afcb672 .woocommerce.columns-5 { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 12px; padding-bottom: 10px; } .elementor-element-afcb672 .products::-webkit-scrollbar, .elementor-element-afcb672 ul.products::-webkit-scrollbar, .elementor-element-afcb672 .woocommerce.columns-5::-webkit-scrollbar { display: none; } .elementor-element-afcb672 li.product, .elementor-element-afcb672 .product-single { flex: 0 0 46%; scroll-snap-align: start; height: auto !important; } } /* كمبيوتر */ @media (min-width: 768px) { .elementor-element-afcb672 .products, .elementor-element-afcb672 ul.products, .elementor-element-afcb672 .woocommerce.columns-5 { display: flex !important; flex-wrap: nowrap !important; gap: 20px; } .elementor-element-afcb672 li.product, .elementor-element-afcb672 .product-single { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; } } /* 1. إزالة أي إطارات أو حواف من داخل الصور نفسها */ [class*="brand"] img, .pwb-all-brands-widget img, .pwb-brands-list-item img, li.product-category img { border: none !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; } /* 2. عمل الإطار الرفيع المرتب والزوايا المدورة لمربع التصنيف بالكامل */ li.product-category, .pwb-brands-list-item, .pwb-all-brands-widget .pwb-brand-item { background-color: #ffffff; border: 1px solid #e8e8e8; /* إطار رمادي رفيع ومرتب */ border-radius: 20px; /* زوايا انحناء ناعمة مثل الصورة */ padding: 16px; /* مسافة داخلية مناسبة */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); /* ظل ناعم جداً لتمييز الكارت */ text-align: center; } /* كود CSS قوي لتوحيد مقاسات جميع الصور وإلغاء أي تشوهات من المنتور */ @media (max-width: 767px) { .mobile-two-columns { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; padding: 10px !important; margin: 0 auto !important; align-items: start !important; /* محاذاة من فوق عشان مافيش صورة تسقط */ } /* تنظيف أي هوامش داخلية مخفية في حاويات المنتور */ .mobile-two-columns > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* السيطرة الكاملة على الصور (توحيد المقاس) */ .mobile-two-columns img { width: 100% !important; /* الصورة تاخد عرض الخانة بالكامل */ height: auto !important; aspect-ratio: 1 / 1 !important; /* إجبار الصورة تكون مربعة 100% قبل التدوير */ object-fit: cover !important; /* منع مط أو تمطيط الصورة */ border-radius: 50% !important; /* الشكل الدائري */ display: block !important; margin: 0 auto !important; } } /* --- تكبير حجم الصورة قليلاً مع الحفاظ على التناسق للـ PC --- */ @media (min-width: 768px) { body.single-product div.product, .woocommerce div.product { display: block !important; clear: both !important; } /* 1. قسم الصور (تكبير العرض إلى 42% والحد الأقصى إلى 420px) */ body.single-product div.product div.images, body.single-product .woocommerce-product-gallery, body.single-product .pryme-custom-gallery { float: right !important; width: 42% !important; max-width: 420px !important; margin: 0 0 20px 20px !important; } /* تكبير الارتفاع المسموح للصورة الرئيسية إلى 350px */ body.single-product div.product div.images img, body.single-product .woocommerce-product-gallery img, body.single-product #pryme-main-img { max-height: 350px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; border-radius: 8px !important; } /* 2. قسم الكلام والعنوان والتفاصيل (تعديل العرض إلى 55%) */ body.single-product div.product div.summary, body.single-product .entry-summary { float: left !important; width: 55% !important; margin: 0 !important; } /* 3. إبقاء الوصف والتقييمات والمنتجات ذات الصلة بعرض كامل في الأسفل */ body.single-product .woocommerce-tabs, body.single-product .related.products, body.single-product .upsells { clear: both !important; width: 100% !important; float: none !important; padding-top: 25px !important; } } .amazon-brands-filter-container { width: 100%; overflow-x: auto; background: #ffffff; padding: 10px 15px; border-bottom: 1px solid #eaeaea; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-bottom: 12px; position: sticky; top: 0; /* يجعل الشريط يثتفي أعلى الشاشة عند التمرير */ z-index: 99; box-shadow: 0 2px 4px rgba(0,0,0,0.02); } .amazon-brands-filter-container::-webkit-scrollbar { display: none; } .brands-scroll-wrapper { display: inline-flex; gap: 8px; align-items: center; } .brand-pill { background-color: #f7f8f8; border: 1px solid #d5d9d9; border-radius: 20px; /* زوايا أكثر استدارة ونعومة */ padding: 7px 16px; font-size: 13px; font-weight: 500; text-decoration: none; color: #0f1111; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } .brand-pill:hover { background-color: #e3e6e6; } .brand-pill.active { background-color: #232f3e; /* لون داكن فخم يشبه الهيدر أو برتقالي أمازون #e37900 حسب رغبتك */ color: #fff; border-color: #232f3e; box-shadow: 0 2px 5px rgba(35,47,62,0.3); } /* إلغاء الفراغ العلوى في الصفحة الرئيسية */ .home #wf_pagetitle { display: none !important; } .home .site-content section.wf_posts { padding-top: 7px !important; } .home .wf-row.wf-g-5 { --wf-gutter-y: 1rem !important; margin-top: 0 !important; } /* =================================================== تعديلات الشريط الرئيسي - أجهزة الكمبيوتر والشاشات الكبيرة فقط =================================================== */ @media (min-width: 992px) { /* 1. تحويل الصف الرئيسي إلى Flexbox ومنع التداخل */ .site-header .wf-row, header .wf-row, div.wf_navbar-menu { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; } /* 2. ضبط زر/كبسولة "شوف التصنيفات" على اليمين */ div.wf-col-lg-3 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; position: relative !important; margin-left: 20px !important; margin-right: 0 !important; padding: 0 !important; } /* 3. توسيع القائمة الرئيسية لباقي مساحة السطر */ div.wf-col-lg-9 { flex: 1 1 auto !important; width: auto !important; max-width: none !important; position: relative !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* 4. ترتيب العناصر والنصوص في القائمة الرئيسية */ .wf_navbar-nav, .wf_navbar-menu { overflow: visible !important; width: 100% !important; } .wf_navbar-mainmenu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; width: 100% !important; } .wf_navbar-mainmenu > li { display: inline-flex !important; border: none !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } .wf_navbar-mainmenu > li > a { display: inline-flex !important; align-items: center !important; padding: 6px 10px !important; font-size: 13px !important; font-weight: 600 !important; color: #2b2b2b !important; text-decoration: none !important; white-space: nowrap !important; border: none !important; box-shadow: none !important; border-radius: 5px !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* 5. تأثير الـ Hover وإخفاء أي خطوط سفلية حمراء */ .wf_navbar-mainmenu > li > a:hover { background-color: #f2f2f4 !important; color: #000000 !important; } .wf_navbar-mainmenu > li::before, .wf_navbar-mainmenu > li::after, .wf_navbar-mainmenu > li > a::before, .wf_navbar-mainmenu > li > a::after, .wf_navbar-mainmenu > li.active > a::after { display: none !important; content: none !important; border: none !important; box-shadow: none !important; } } /* حركة يمين وشمال لزر أضف إلى السلة لشد الانتباه */ button.single_add_to_cart_button, a.add_to_cart_button { animation: attention-shake 4s ease-in-out infinite !important; } @keyframes attention-shake { 0%, 80%, 100% { transform: translateX(0); } 84% { transform: translateX(-6px); } 88% { transform: translateX(6px); } 92% { transform: translateX(-6px); } 96% { transform: translateX(6px); } } /* مساواة عرض مربع الكمية مع زر أضف إلى السلة */ .single-product form.cart .quantity { width: 100% !important; display: block !important; margin: 0 0 10px 0 !important; } .single-product form.cart .quantity .qty { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; /* بتمنع خروج البوكس عن الحجم الطبيعي */ } .single-product form.cart .single_add_to_cart_button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* جعل حاوية الكمية نسبية لتمكين وضع النص بداخلها */ .single-product form.cart .quantity { position: relative !important; } /* إضافة كلمة "الكمية:" داخل البوكس */ .single-product form.cart .quantity::before { content: "الكمية: "; position: absolute; right: 15px; /* مسافة الكلمة من حافة البوكس اليمين */ top: 50%; transform: translateY(-50%); z-index: 10; color: #0f1111; /* نفس لون خط أمازون */ font-size: 15px; font-weight: 500; pointer-events: none; /* عشان العميل يقدر يضغط على المربع بحرية بدون ما الكلمة تعيقه */ } /* ضبط مكان الرقم ليظهر بجوار الكلمة */ .single-product form.cart .quantity .qty { padding-right: 65px !important; /* تفريغ مساحة لكلمة الكمية عشان الرقم ميركبش عليها */ text-align: right !important; /* محاذاة الرقم لليمين جنب الكلمة */ width: 100% !important; max-width: 100% !important; border-radius: 8px !important; border: 1px solid #888c8c !important; background-color: #f0f2f2 !important; height: 45px !important; box-shadow: 0 1px 2px rgba(15,17,17,0.15) !important; } /* تصميم زر اشتري الآن - لون برتقالي وحجم مطابق لزر أضف للعربة */ .single-product form.cart .single_buy_now_button { width: 100% !important; max-width: 100% !important; background-color: #ffa41c !important; /* اللون البرتقالي بتاع أمازون */ color: #0f1111 !important; border: 1px solid #ff8f00 !important; border-radius: 50px !important; /* نفس حواف الكبسولة */ padding: 12px 20px !important; font-size: 16px !important; font-weight: 500 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; text-align: center !important; box-sizing: border-box !important; margin-top: 10px !important; /* مسافة بسيطة بينه وبين زر أضف للعربة */ transition: background-color 0.2s ease !important; } /* تأثير لون الزر عند وقوف الماوس عليه */ .single-product form.cart .single_buy_now_button:hover { background-color: #fa8900 !important; } /* استيراد خط Tajawal */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap'); .pm-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20, 15, 35, 0.7); backdrop-filter: blur(6px); display: none; justify-content: center; align-items: center; z-index: 9999999; font-family: 'Tajawal', sans-serif; direction: rtl; padding: 12px; box-sizing: border-box; } .pm-modal-card { background: linear-gradient(180deg, #FAF7FF 0%, #FFFFFF 100%); border-radius: 20px; max-width: 820px; width: 100%; max-height: 88vh; /* لمنع الخروج عن ارتفاع الشاشة */ overflow-y: auto; /* سكرول سلس للموبايل عند الحاجة */ -webkit-overflow-scrolling: touch; padding: 25px; position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); border: 1px solid #EFE8FA; box-sizing: border-box; } .pm-close-btn { position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; background: #F3EEF9; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; color: #5B2B90; transition: 0.2s; z-index: 20; } .pm-close-btn:hover { background: #E2D5F2; } .pm-header { text-align: center; margin-bottom: 15px; padding-top: 5px; } .pm-header h2 { color: #5B2B90; font-size: 24px; font-weight: 800; margin: 0 0 4px 0; } .pm-header h3 { color: #2D223C; font-size: 18px; font-weight: 700; margin: 0 0 4px 0; } .pm-header p { color: #6A5B7D; font-size: 13px; margin: 0; } .pm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; } .pm-box { border-radius: 16px; padding: 15px; text-align: center; position: relative; } .pm-box-plus { background: #F6F0FF; border: 1px solid #E8DAFC; } .pm-box-vip { background: #FFFDF0; border: 1px solid #F8EFC2; } .pm-box-title { font-size: 20px; font-weight: 800; margin-bottom: 4px; } .pm-box-plus .pm-box-title { color: #5B2B90; } .pm-box-vip .pm-box-title { color: #9E7300; } .pm-box-sub { font-size: 13px; font-weight: 700; margin-bottom: 8px; color: #333; } .pm-box-desc { font-size: 11.5px; color: #666; line-height: 1.4; margin-bottom: 10px; } .pm-box-perks { display: flex; justify-content: space-around; border-top: 1px dashed rgba(0,0,0,0.1); padding-top: 8px; font-size: 10.5px; color: #444; flex-wrap: wrap; gap: 4px; } .pm-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; background: #F9F7FC; padding: 10px; border-radius: 12px; margin-bottom: 15px; text-align: center; font-size: 11px; color: #4A3B5C; font-weight: 700; } .pm-cta-btn { display: block; width: 100%; max-width: 300px; margin: 0 auto 10px auto; background: #5B2B90; color: #FFF !important; text-align: center; padding: 11px 18px; border-radius: 25px; font-size: 15px; font-weight: 700; text-decoration: none; transition: 0.3s; box-shadow: 0 4px 15px rgba(91, 43, 144, 0.3); } .pm-cta-btn:hover { background: #472073; } .pm-dont-show { text-align: center; font-size: 11px; color: #888; } .pm-dont-show label { cursor: pointer; } /* =================================================== */ /* تعديلات الموبايل القاسية (Responsive Mobile Fix) */ /* =================================================== */ @media (max-width: 600px) { .pm-modal-overlay { padding: 8px; } .pm-modal-card { padding: 16px 12px 12px 12px; max-height: 82vh; /* يضمن مسافة كافية فوق وتحت للمتصفح */ border-radius: 16px; } .pm-close-btn { top: 10px; left: 10px; width: 26px; height: 26px; font-size: 14px; } .pm-header { margin-bottom: 10px; } .pm-header h2 { font-size: 18px; } .pm-header h3 { font-size: 14px; } .pm-header p { font-size: 11px; line-height: 1.3; } .pm-grid { grid-template-columns: 1fr; gap: 10px; margin-bottom: 10px; } .pm-box { padding: 10px; } .pm-box-title { font-size: 16px; } .pm-box-sub { font-size: 11.5px; margin-bottom: 4px; } .pm-box-desc { font-size: 10px; margin-bottom: 6px; } .pm-box-perks { font-size: 9.5px; } .pm-features { grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 8px; font-size: 10px; margin-bottom: 10px; } .pm-cta-btn { padding: 9px 14px; font-size: 13px; max-width: 100%; } } .prymecart-delivery-message { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; margin: 15px 0; padding: 16px 18px; background: #ffffff; border: 1px solid #d8ead6; border-radius: 16px; direction: rtl; } .prymecart-delivery-icon { width: 52px; height: 52px; min-width: 52px; display: flex; align-items: center; justify-content: center; background: #f1faf0; border: 2px solid #d8ead6; border-radius: 50%; font-size: 25px; } .prymecart-delivery-content { flex: 1; text-align: right; } .prymecart-delivery-main { color: #168b25; font-size: 18px; font-weight: 800; line-height: 1.5; } .prymecart-delivery-sub { margin-top: 5px; color: #666; font-size: 14px; font-weight: 500; line-height: 1.5; } @media (max-width: 600px) { .prymecart-delivery-message { padding: 14px; gap: 11px; margin: 12px 0; border-radius: 14px; } .prymecart-delivery-icon { width: 46px; height: 46px; min-width: 46px; font-size: 22px; } .prymecart-delivery-main { font-size: 16px; } .prymecart-delivery-sub { font-size: 13px; } } /* إخفاء رسالة الشروط والأحكام في صفحة الدفع */ body.woocommerce-checkout .wc-block-checkout__terms { display: none !important; } /* ========================================================= PRYMECART — FINAL CHECKOUT DESIGN WooCommerce Checkout Block PC + MOBILE لا يغير Layout الأساسي ========================================================= */ /* ========================================================= GENERAL ========================================================= */ body.woocommerce-checkout { background: #f7f7fb !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 30px !important; padding-bottom: 50px !important; } /* RTL */ body.woocommerce-checkout .wc-block-checkout { direction: rtl !important; } /* ========================================================= CHECKOUT SECTIONS ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-step { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; padding: 26px !important; margin-bottom: 20px !important; box-shadow: 0 8px 28px rgba(42, 29, 76, .055) !important; } /* Section title */ body.woocommerce-checkout .wc-block-components-checkout-step__title { color: #18233e !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.5 !important; } /* Description */ body.woocommerce-checkout .wc-block-components-checkout-step__description { color: #737c91 !important; font-size: 14px !important; line-height: 1.7 !important; } /* ========================================================= INPUTS ========================================================= */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input, body.woocommerce-checkout .wc-block-components-select select { min-height: 58px !important; background: #ffffff !important; border: 1.5px solid #dedbe6 !important; border-radius: 14px !important; color: #202a43 !important; font-size: 15px !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease !important; } /* Focus */ body.woocommerce-checkout .wc-block-components-text-input input:focus, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input:focus, body.woocommerce-checkout .wc-block-components-select select:focus { border-color: #6938e8 !important; box-shadow: 0 0 0 4px rgba(105,56,232,.09) !important; outline: none !important; } /* Labels */ body.woocommerce-checkout .wc-block-components-text-input label, body.woocommerce-checkout .wc-block-components-select label { color: #3c4761 !important; font-size: 13px !important; font-weight: 700 !important; } /* ========================================================= SELECT BOXES ========================================================= */ body.woocommerce-checkout .wc-block-components-select { margin-bottom: 12px !important; } body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__container { border-radius: 14px !important; border: 1.5px solid #dedbe6 !important; background: #ffffff !important; } /* ========================================================= METRO / DELIVERY NOTICE ========================================================= */ body.woocommerce-checkout .wc-block-components-notice-banner { background: linear-gradient( 135deg, #fbf9ff, #f4efff ) !important; border: 1px solid #dfd3ff !important; border-radius: 17px !important; color: #39216f !important; padding: 19px 22px !important; box-shadow: 0 5px 20px rgba(105,56,232,.06) !important; } /* ========================================================= SHIPPING / DELIVERY OPTIONS ========================================================= */ body.woocommerce-checkout .wc-block-components-radio-control__option { background: #ffffff !important; border: 1px solid #e2dfe8 !important; border-radius: 14px !important; transition: .2s ease !important; } body.woocommerce-checkout .wc-block-components-radio-control__option:hover { border-color: #6938e8 !important; box-shadow: 0 5px 18px rgba(105,56,232,.07) !important; } body.woocommerce-checkout .wc-block-components-radio-control__option-checked { border-color: #6938e8 !important; background: #faf8ff !important; } /* ========================================================= ORDER SUMMARY ========================================================= */ body.woocommerce-checkout .wc-block-components-order-summary { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; box-shadow: 0 8px 28px rgba(42,29,76,.06) !important; overflow: hidden !important; } /* Summary title */ body.woocommerce-checkout .wc-block-components-order-summary__button { color: #1b2742 !important; font-size: 20px !important; font-weight: 800 !important; } /* Product */ body.woocommerce-checkout .wc-block-components-order-summary-item { border-bottom: 1px solid #eeeeF2 !important; } /* Product image */ body.woocommerce-checkout .wc-block-components-order-summary-item__image { border-radius: 12px !important; overflow: hidden !important; } /* Quantity badge */ body.woocommerce-checkout .wc-block-components-order-summary-item__quantity { background: #6938e8 !important; color: #ffffff !important; border-color: #ffffff !important; } /* ========================================================= COUPON ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-coupon { background: #faf9ff !important; border: 1px solid #ebe7f5 !important; border-radius: 14px !important; } /* Coupon text */ body.woocommerce-checkout .wc-block-components-totals-coupon button { color: #4c3b78 !important; font-weight: 700 !important; } /* ========================================================= TOTALS ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-item { border-color: #eeeaf3 !important; } body.woocommerce-checkout .wc-block-components-totals-item__label { color: #3c4864 !important; font-size: 15px !important; } body.woocommerce-checkout .wc-block-components-totals-item__value { color: #34415e !important; font-size: 15px !important; } /* ========================================================= GRAND TOTAL ========================================================= */ body.woocommerce-checkout .wc-block-components-totals-footer-item { background: linear-gradient( 135deg, #fcfaff, #f7f2ff ) !important; border-radius: 17px !important; padding: 17px !important; margin-top: 10px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__label { color: #293655 !important; font-size: 18px !important; font-weight: 700 !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__total { color: #4a2bb5 !important; font-size: 24px !important; font-weight: 900 !important; } /* ========================================================= PAYMENT ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-payment { background: #ffffff !important; border: 1px solid #e8e5ef !important; border-radius: 20px !important; padding: 24px !important; box-shadow: 0 8px 28px rgba(42,29,76,.055) !important; } /* Payment options */ body.woocommerce-checkout .wc-block-components-radio-control__option { min-height: 58px !important; border-radius: 14px !important; } /* ========================================================= PLACE ORDER ========================================================= */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button { width: 100% !important; min-height: 60px !important; border: 0 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #5b2bdc, #753cff ) !important; color: #ffffff !important; font-size: 17px !important; font-weight: 800 !important; box-shadow: 0 11px 28px rgba(99,56,232,.23) !important; transition: transform .2s ease, box-shadow .2s ease !important; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover { transform: translateY(-2px) !important; box-shadow: 0 15px 32px rgba(99,56,232,.32) !important; } /* ========================================================= TERMS ========================================================= */ body.woocommerce-checkout .wc-block-checkout__terms { background: #faf9ff !important; border: 1px solid #ebe7f5 !important; border-radius: 13px !important; padding: 14px !important; } /* ========================================================= DESKTOP ========================================================= */ @media only screen and (min-width: 782px) { body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 30px !important; padding-bottom: 60px !important; } body.woocommerce-checkout .wc-block-components-checkout-step { padding: 26px !important; border-radius: 20px !important; margin-bottom: 20px !important; } body.woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 23px !important; } body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-select select { min-height: 58px !important; } body.woocommerce-checkout .wc-block-components-order-summary { border-radius: 20px !important; } body.woocommerce-checkout .wc-block-components-checkout-payment { padding: 24px !important; border-radius: 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 781px) { /* Page */ body.woocommerce-checkout { background: #ffffff !important; } body.woocommerce-checkout .wp-block-woocommerce-checkout { padding: 0 8px 35px !important; margin: 0 !important; } /* Sections */ body.woocommerce-checkout .wc-block-components-checkout-step { padding: 22px 18px !important; border-radius: 24px !important; margin-bottom: 16px !important; box-shadow: none !important; } /* Titles */ body.woocommerce-checkout .wc-block-components-checkout-step__title { font-size: 23px !important; line-height: 1.5 !important; } /* Inputs */ body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input, body.woocommerce-checkout .wc-block-components-select select { min-height: 64px !important; height: 64px !important; border: 2px solid #dedde4 !important; border-radius: 17px !important; padding: 20px 18px 7px !important; font-size: 18px !important; } /* Labels */ body.woocommerce-checkout .wc-block-components-text-input label { right: 18px !important; left: auto !important; top: 9px !important; font-size: 13px !important; } /* Select */ body.woocommerce-checkout .wc-block-components-select .wc-block-components-select__container { min-height: 64px !important; border: 2px solid #dedde4 !important; border-radius: 17px !important; } /* Metro */ body.woocommerce-checkout .wc-block-components-notice-banner { border: 0 !important; border-radius: 18px !important; padding: 18px !important; margin-bottom: 18px !important; } /* Order summary */ body.woocommerce-checkout .wc-block-components-order-summary { border: 2px solid #e1dfe7 !important; border-radius: 22px !important; box-shadow: none !important; } /* Summary header */ body.woocommerce-checkout .wc-block-components-order-summary__button { padding: 18px !important; font-size: 20px !important; } /* Product */ body.woocommerce-checkout .wc-block-components-order-summary-item { padding: 18px !important; } /* Coupon */ body.woocommerce-checkout .wc-block-components-totals-coupon { padding: 15px !important; } /* Totals */ body.woocommerce-checkout .wc-block-components-totals-wrapper { padding: 0 18px !important; } body.woocommerce-checkout .wc-block-components-totals-item { padding: 20px 0 !important; } body.woocommerce-checkout .wc-block-components-totals-item__label, body.woocommerce-checkout .wc-block-components-totals-item__value { font-size: 18px !important; } /* Grand total */ body.woocommerce-checkout .wc-block-components-totals-footer-item { margin: 12px 0 18px !important; padding: 18px 15px !important; border-radius: 20px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__label { font-size: 21px !important; } body.woocommerce-checkout .wc-block-components-totals-footer-item__total { font-size: 25px !important; } /* Payment */ body.woocommerce-checkout .wc-block-components-checkout-payment { padding: 22px 17px !important; border-radius: 22px !important; box-shadow: none !important; } /* Payment options */ body.woocommerce-checkout .wc-block-components-radio-control__option { min-height: 62px !important; border: 2px solid #e1dfe7 !important; border-radius: 16px !important; margin-bottom: 10px !important; } /* Place order */ body.woocommerce-checkout .wc-block-components-checkout-place-order-button { min-height: 70px !important; border-radius: 20px !important; font-size: 22px !important; margin-top: 15px !important; } /* Terms */ body.woocommerce-checkout .wc-block-checkout__terms { padding: 14px !important; border-radius: 14px !important; font-size: 12px !important; line-height: 1.7 !important; } } /* ========================================================= PRYMECART - FIX DUPLICATE ORDER SUMMARY ON MOBILE ========================================================= */ @media only screen and (max-width: 781px) { /* إخفاء نسخة الـ Order Summary الكبيرة في الموبايل */ body.woocommerce-checkout .wc-block-checkout__sidebar { display: none !important; } } /* ========================================================= 🔥 الإصلاح الشامل لحقل الكوبون وزر التطبيق (WooCommerce Blocks) ========================================================= */ /* 1. الحاوية الرئيسية للكوبون */ .wc-block-components-totals-coupon, .wc-block-components-panel { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; padding: 16px !important; margin: 14px 0 !important; box-shadow: none !important; direction: rtl !important; } /* 2. عنوان/زر فتح القسيمة */ .wc-block-components-panel__button { color: #111827 !important; font-size: 15px !important; font-weight: 800 !important; border: none !important; background: transparent !important; box-shadow: none !important; cursor: pointer !important; width: 100% !important; text-align: right !important; } .wc-block-components-panel__button svg { display: none !important; } /* 3. فورم الكوبون (ضبط السطر) */ .wc-block-components-totals-coupon__form, form.wc-block-components-totals-coupon__form { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin-top: 12px !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* 4. حاوية متممدة لحقل الإدخال تمنع انكماش المربع */ .wc-block-components-totals-coupon__form .wc-block-components-text-input, .wc-block-components-totals-coupon__input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; /* يمنع انكماش Flexbox */ position: relative !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* 5. حقل الإدخال التجاري (input) */ .wc-block-components-totals-coupon__form input[type="text"], .wc-block-components-totals-coupon__input input { width: 100% !important; height: 48px !important; line-height: 48px !important; padding: 0 14px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; background-color: #ffffff !important; color: #111827 !important; font-size: 14px !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; } /* إلغاء التوهج البنفسجي عند الضغط داخل الحقل */ .wc-block-components-totals-coupon__form input[type="text"]:focus, .wc-block-components-totals-coupon__input input:focus { border-color: #4b5563 !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05) !important; outline: none !important; } /* 6. منع نص (إدخال الكود) من ضرب المقاسات */ .wc-block-components-totals-coupon__form label, .wc-block-components-totals-coupon__input label { position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; color: #9ca3af !important; font-size: 13px !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; white-space: nowrap !important; } /* إخفاء التسمية نظيفاً بمجرد التركيز أو الكتابة */ .wc-block-components-text-input.is-active label, .wc-block-components-totals-coupon__input input:focus + label, .wc-block-components-totals-coupon__input input:not(:placeholder-shown) + label { opacity: 0 !important; visibility: hidden !important; } /* 7. إظهار كلمة "تطبيق" باللون الأبيض الساطع */ .wc-block-components-totals-coupon__button, .wc-block-components-totals-coupon__form button[type="submit"] { height: 48px !important; padding: 0 24px !important; background-color: #111827 !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; } .wc-block-components-totals-coupon__button span, .wc-block-components-totals-coupon__button *, .wc-block-components-totals-coupon__form button[type="submit"] * { color: #ffffff !important; opacity: 1 !important; visibility: visible !important; } .wc-block-components-totals-coupon__button:hover, .wc-block-components-totals-coupon__form button[type="submit"]:hover { background-color: #374151 !important; color: #ffffff !important; } /* ========================================================= 🚀 نقل "اختر منطقة التوصيل" و "المترو" فوق "عنوان الشارع / الحي" ========================================================= */ /* 1. تفعيل المرونة لنموذج العنوان بالكامل */ .wc-block-components-address-form { display: flex !important; flex-wrap: wrap !important; } /* 2. رفع حقول التوصيل والمترو لتاخد ترتيب أعلى */ [class*="prymecart-cairo-area"], [class*="prymecart-giza-area"], [class*="prymecart-metro-station"], [class*="prymecart/cairo-area"], [class*="prymecart/giza-area"], [class*="prymecart/metro-station"] { order: 15 !important; width: 100% !important; } /* 3. نزول حقل عنوان الشارع / الحي ليكون بعدها مباشرة */ .wc-block-components-address-form__address_1, .wc-block-components-text-input:has(input[id*="address_1"]), .wc-block-components-text-input:has(input[name*="address_1"]) { order: 25 !important; width: 100% !important; } /* ========================================================================== تطويع WooCommerce Checkout Blocks للموبايل ========================================================================== */ @media (max-width: 767px) { /* 1. تحويل حاوية العناوين إلى Flex عمودي 100% */ .wc-block-components-address-form, .wc-block-checkout__billing-fields, .wc-block-checkout__shipping-fields, .wc-block-components-checkout-step__content { display: flex !important; flex-direction: column !important; width: 100% !important; } /* 2. إجبار حقول الدولة والمنطقة والمدينة والشارع على أخذ عرض كامل */ .wc-block-components-address-form__country, .wc-block-components-address-form__state, .wc-block-components-address-form__city, .wc-block-components-address-form__postcode, .wc-block-components-country-input, .wc-block-components-state-input, .wc-block-components-text-input, .wc-block-components-select-container, .wc-block-components-combobox { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* 3. ضبط الـ Select والداخل الخاص بحقول القوائم المنسدلة */ .wc-block-components-select-container select, .wc-block-components-combobox input { width: 100% !important; min-height: 48px !important; } /* 4. إخفاء أيقونة السلة البنفسجية العائمة لمنع تداخلها */ .xoo-wsc-cart-trigger, [class*="floating-cart"], [class*="cart-trigger"], a[href*="cart"].floating { display: none !important; } /* 5. رفع زر الواتساب ليصبح فوق الشريط السفلي */ .joinchat, .ht-ctc-chat, [class*="whatsapp"] { bottom: 80px !important; z-index: 99999 !important; } }
💜 تسوق أكثر... ارتقِ في PrymeCart VIP ووفر أكثر🎁 كل طلب يكسبك نقاطًا في PrymeCart Plus🛡️ كل المنتجات بضمان الوكيل🚚 شحن سريع إلى جميع محافظات مصر🔒 دفع آمن 100% والدفع عند الاستلام متاح
💜 تسوق أكثر... ارتقِ في PrymeCart VIP ووفر أكثر🎁 كل طلب يكسبك نقاطًا في PrymeCart Plus🛡️ كل المنتجات بضمان الوكيل🚚 شحن سريع إلى جميع محافظات مصر🔒 دفع آمن 100% والدفع عند الاستلام متاح
    💰 وفر أكثر

    باور بانك أورايمو PowerJet 130 (OPB-727SQ) – قوة 130 واط – سعة 27600mAh – شاشة رقمية وضمان معتمد

    Original price was: ج.م2,899.Current price is: ج.م2,699. خصم 7%

    🔥 12 عملاء اختاروا هذا المنتج في آخر 48 ساعة
    اكسب 2699 نقطة

    مع هذا الطلب يمكن استخدامها كخصم على طلباتك القادمة

    👑 سيتم احتساب هذا الطلب ضمن برنامج PrymeCart VIP اعرف مزايا العضوية ✨
    🚚
    🚚 اطلب قبل 1 ظهرًا واستلم طلبك اليوم!
    📍 القاهرة والجيزة • شحن لجميع المحافظات
    اكسب نقاط
    مع كل طلب
    الدفع عند
    الاستلام
    توصيل
    سريع
    إرجاع خلال
    15 يوم
    ضمان
    الوكيل

    ❓ الأسئلة الشائعة

    نعم، جميع المنتجات المعروضة في Pryme Cart أصلية 100%، مع ضمان الوكيل للمنتجات المشمولة بالضمان.

    نعم، يتم تطبيق ضمان الوكيل أو الضمان الموضح في صفحة المنتج حسب نوعه.

    يختلف وقت التوصيل حسب المحافظة، ويتم عرض الموعد المتوقع أثناء إتمام الطلب.

    نعم، يمكنك الاستبدال أو الإرجاع خلال 15 يومًا وفقًا لسياسة الاستبدال والإرجاع الخاصة بـ Pryme Cart.

    Categories: , Brand:

    الوصف

     

    باور بانك أورايمو PowerJet 130 يمنحك الحرية المطلقة لإدارة أعمالك وشحن أجهزتك الثقيلة كاللابتوب والهواتف الذكية في أي مكان دون تقييد، مع قوة طاقة خارقة تصل إلى 130 واط وضمان رسمي معتمد يضمن لك حماية استثمارك. في الواقع، يُعد باور بانك أورايمو OPB-727SQ الخيار الاستثماري الأقوى لكل مهندس، صانع محتوى، ورجل أعمال يبحث عن محطة طاقة محمولة تلغي تماماً خيار التوقف عن العمل بسبب نفاد البطارية. لذلك، إذا كنت ترغب في شراء شاحن محمول يعوضك عن الشواحن الجدارية الثقيلة ويمنحك راحة بال كاملة، فإن هذا الإصدار الفاخر صُمم خصيصاً ليلبي طموحاتك.

    إذ تم تزويد الشاحن بمعالج رقمي ذكي يوزع الطاقة الفائقة بدقة متناهية لحماية بطاريات أجهزتك. نتيجة لذلك، ستستمتع بشحن جهاز اللابتوب الخاص بك بنفس سرعة الشاحن الأصلي وأنت في السيارة، المقهى، أو صالة السفر. بناءً على ذلك، ستتخلص نهائياً من قلق انقطاع طاقتك أثناء الاجتماعات أو الرحلات الطويلة. إذ تخضع كافة وحدات أورايمو لاختبارات جودة صارمة. وهكذا، تضمن الحصول على منتج أصلي وموثوق 100%. بما أنك تبحث عن الأداء الاحترافي المحمي بالضمان، فإن هذا الشاحن هو اختيارك الأفضل.

    ضمان ذهبي معتمد وراحة بال مطلقة

    علاوة على ذلك، يأتي باور بانك أورايمو PowerJet 130 مدعوماً بضمان رسمي معتمد من الوكيل المحلي ليوفر لك حماية حقيقية ومباشرة من لحظة الشراء. في الحقيقة، يُعتبر وجود ضمان باور بانك أورايمو هو الحصن المنيع الذي يضمن لك استبدال المنتج أو صيانته فوراً في حال ظهور أي عيب تصنيعي، مما يعني شراءً آمناً وخالياً من أي مخاطرة مالية.

    وبناءً على هذا، نضمن لك في متجر برايم كارت الحصول على النسخة الأصلية المعتمدة بجميع ملحقاتها الموثوقة. كما أن المكونات الداخلية صُممت بعناية لتحمل التفريغ والشحن الفائق العالي دون التأثير على الصحة العامة للبطارية على المدى الطويل. بالإضافة إلى ذلك، يمنحك هذا الضمان الثقة المطلقة أثناء تشغيل أجهزتك الثمينة مثل MacBook أو هواتف iPhone و Samsung الرائدة. وبالتالي، تحصل على جهاز يخدمك بكفاءة عالية لسنوات.

    حرية العمل بدون مقابس: قوة 130W وسعة 27600mAh مسموح بها جوياً

    من ناحية أخرى، يتميز هذا الباور بانك بتقديم قدرة خرج مجتمعة مذهلة تصل إلى 130 واط بفضل منفذي Type-C بتقنية Power Delivery (PD 3.0). إذ تتيح لك هذه القوة الاستثنائية تشغيل وشحن أجهزة MacBook Pro، ولابتوبات Windows، وأجهزة الجيمينج بكفاءة جدارية كاملة. كذلك، تعتمد أورايمو PowerJet 130 على سعة عملاقة تبلغ 27600 مللي أمبير (99.36Wh)، وهي السعة القصوى المسموح بها قانونياً لمرافقتك داخل حقائب اليد في الطيران.

    علاوة على ذلك، تمنحك هذه السعة القدرة على شحن اللابتوب بالكامل لمرة ونصف، أو شحن هاتفك الذكي من 5 إلى 7 مرات متواصلة. وهذا يعني الاستمتاع بإنتاجيتك ومحتواك لعدة أيام بعيداً عن منافذ الكهرباء. نتيجة لهذا، يصبح هذا الشاحن الرفيق المثالي للرحالة والمهندسين. بناءً عليه، توفر لك هذه السعة والقوة أعلى مستويات الحرية والاعتمادية.

    أنظمة حماية حرارية وشاشة رقمية LED ذكية

    وتأسيساً على ذلك، اهتم المهندسون بتزويد الشاحن بنظام إدارة حرارية متطور يعمل على مراقبة درجة الحرارة باستمرار أثناء الشحن الفائق. إذ تمنع هذه التقنية ارتفاع حرارة الخلايا أثناء ضخ قوة 130W لحماية أجهزتك والباور بانك نفسه. في الواقع، لن تقلق إطلاقاً من حدوث سخونة زائدة أو إجهاد لبطاريات أجهزتك الذكية.

    وبالتالي، تحافظ على كفاءة أجهزتك الثمينة وطول عمرها الافتراضي. خاصة أن الشاحن يحتوي على شاشة رقمية LED ذكية توضح لك القوة الكهربائية المدخلة والمخرجة بالواط، بالإضافة إلى نسبة الطاقة المتبقية بدقة متناهية. أخيراً، يمنحك الهيكل الخارجي المقاوم للصدمات والخدوش مظهراً أنيقاً واحترافياً. وعلاوة على هذا، يجمع الشاحن بين صلابة البناء والذكاء البرمجي. وبذلك، تحصل على القوة والأمان في هيكل واحد.

    شحن 3 أجهزة في آن واحد مع توافق شامل ومدخل 65W

    بالإضافة إلى ما سبق، يتميز أورايمو OPB-727SQ بوجود ثلاثة منافذ شحن عالية الكفاءة (منفذين Type-C + منفذ USB-A) تتيح لك توزيع الطاقة بذكاء على أجهزتك. إذ يمكنك شحن اللابتوب، الهاتف، والساعة الذكية في نفس اللحظة دون أي هبوط في استقرار التيار. كذلك، يتعامل المعالج المدمج بمرونة كاملة مع الأجهزة المنخفضة الطاقة مثل سماعات الأذن الترو وايرليس لتزويدها بالتيار المناسب بدقة دون تلف دوائرها.

    علاوة على ذلك، يمكنك إعادة تعبئة طاقة الباور بانك نفسه بقدرة دخل فائقة تصل إلى 65W عبر منفذ Type-C ليتم شحنه بالكامل في وقت قياسي. نتيجة لذلك، ستعتمد على محطة طاقة متكاملة تغنيك عن حمل الشواحن الجدارية المتعددة أثناء السفر. بناءً على ذلك، يضمن لك الشاحن المرونة الشاملة والجاهزية الدائمة.

    🔥 وفر أكثر عند الشراء معا

    في الحقيقة، للحصول على أقصى سرعة شحن ممكنة للابتوب الخاص بك، يحتاج هذا الباور بانك إلى كابل عالي الكفاءة يتحمل نقل القوة الكاملة. إذ نوفر لك في متجر برايم كارت فرصة الذهبية للحصول على باكيدج الإنتاجية الخارقة:

    • اشترِ باور بانك أورايمو PowerJet 130W + كابل أورايمو Type-C to Type-C قماش مقوى بقوة 100W واحصل على خصم 20% فوراً على الكابل!

      بناءً على هذا، تضمن الحصول على أعلى سرعة شحن معتمدة للابتوب وهاتفك معاً بأفضل سعر في مصر ومحمية بالضمان الشامل للقطعتين.

     جدول المواصفات التقنية (Oraimo PowerJet 130 – OPB-727SQ)

    المواصفةالتفاصيل والخصائص
    اسم المنتجOraimo PowerJet 130 Fast Charging Power Bank
    الكلمة المفتاحية الرئيسيةباور بانك أورايمو
    العلامة التجارية والموديلأورايمو (Oraimo) – PowerJet 130 (OPB-727SQ)
    تفاصيل الضمان (مهم جداً)ضمان رسمي معتمد ضد عيوب التصنيع مع حق الاستبدال السريع
    سعة البطارية27,600 مللي أمبير / الساعة (99.36Wh – مسموح بها في الطيران)
    أقصى طاقة إخراج (Output)130 وات كحد أقصى (130W Ultra Fast Output)
    بروتوكولات الشحن المدعومةPD 3.0 / QC 4+ / PPS / SCP / FCP (يدعم شحن اللابتوبات)
    المنافذ المتاحة2 × Type-C (إدخال 65W وإخراج 130W) + 1 × USB-A
    الشاشة والعرضشاشة رقمية LED ذكية تعرض القدرة بالواط ونسبة البطارية المتبقية
    أنظمة الحمايةنظام الحماية الحرارية للوقاية من السخونة، الماس الشحن الزائد
    التوافقمتوافق مع كافة أجهزة MacBook، لابتوبات Windows، iPhone، Samsung، والتابلت

    Reviews

    There are no reviews yet.

    Be the first to review “باور بانك أورايمو PowerJet 130 (OPB-727SQ) – قوة 130 واط – سعة 27600mAh – شاشة رقمية وضمان معتمد”
    Review now to get coupon!

    Your email address will not be published. Required fields are marked *

    0
      0
      "سلة المشتريات
      سلتك فاضيه