/* ===================================================================== تنسيق هيدر متجرك (raqivip.com) بأسلوب "مهرة": شعار في المنتصف وقائمة أقسام منفصلة أسفله + أيقونة بحث بدل الحقل الكامل. تم فحص كود الصفحة الفعلي والتأكد من الأسماء (لا تغيّر أسماء الكلاسات). ضعه في: لوحة تحكم سلة ← المتجر ← التصميم ← أكواد إضافية (CSS) ===================================================================== */ @media (min-width: 1024px) { /* الصف الذي يحوي: [شعار] [قائمة الأقسام] [أيقونات] يصبح قابلاً للف */ #mainnav .relative.flex.items-center.justify-between { flex-wrap: wrap !important; row-gap: 4px !important; /* مسافة أقصر بين صف الشعار وصف الأقسام */ } /* الشعار يوضع في منتصف الصف الأول - وبحجم أكبر */ #mainnav .navbar-brand { position: absolute !important; left: 50% !important; top: -6px !important; transform: translateX(-50%) !important; margin: 0 !important; } #mainnav .navbar-brand img { max-height: 72px !important; /* شعار أكبر */ width: auto !important; object-fit: contain !important; } /* قائمة الأقسام (العنصر الثاني داخل الصف) تنزل سطرًا كاملاً أسفل الشعار والأيقونات */ #mainnav .relative.flex.items-center.justify-between > div:nth-child(2) { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; padding-top: 4px !important; } #mainnav ul.main-menu { display: flex !important; justify-content: center !important; flex-wrap: nowrap !important; /* تبقيها بخط مستقيم واحد */ gap: 0 4px !important; /* تقارب المجموعات من بعض */ overflow: visible !important; /* مهم: يمنع قطع القوائم الفرعية عند الهوفر */ } #mainnav ul.main-menu > li > a { font-size: 11.5px !important; font-weight: 600 !important; white-space: nowrap !important; padding: 8px 3px !important; /* تقليل الحشو الجانبي لتقريب العناصر */ } /* تم إلغاء الفاصل الرفيع بين عناصر القائمة بناءً على طلبك */ #mainnav ul.main-menu > li::after, #mainnav ul.main-menu > li::before { content: none !important; display: none !important; } } /* ===================================================================== البحث: أيقونة فقط على الديسكتوب بدل حقل البحث الكامل ===================================================================== */ @media (min-width: 1024px) { .side-account .header-search { display: none !important; } .side-account .search-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; } } /* ===================================================================== الشعار في الموبايل (أقل من 1024px) ===================================================================== */ @media (max-width: 1023px) { .navbar-brand { max-width: 100px !important; } .navbar-brand img { max-height: 60px !important; width: auto !important; object-fit: contain !important; } } /* ===================================================================== أيقونات وسائل الدفع ===================================================================== */ .s-payments-list-item img { width: 50px !important; height: 30px !important; object-fit: contain; display: block; margin: 0 auto; } section.section_c_r{min-height:520px} .s-products-slider-slider .s-slider-container{min-height:370px} .slider-top .s-slider-container{min-height:49px} .section_c_r img{object-fit:cover} @media (min-width:768px){ section.section_c_r{min-height:510px} .s-products-slider-slider .s-slider-container{min-height:460px} } .product-brand{min-height:16px} .product-brand img{width:48px;height:13px;object-fit:contain} @font-face{font-family:'CairoOpt';font-style:normal;font-weight:400;font-display:optional;src:url('/cf-fonts/v/cairo/5.2.7/arabic/wght/normal.woff2') format('woff2');unicode-range:U+600-6FF,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1} @font-face{font-family:'CairoOpt';font-style:normal;font-weight:400;font-display:optional;src:url('/cf-fonts/v/cairo/5.2.7/latin/wght/normal.woff2') format('woff2');unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'CairoOpt';font-style:normal;font-weight:400;font-display:optional;src:url('/cf-fonts/v/cairo/5.2.7/latin-ext/wght/normal.woff2') format('woff2');unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} html,body{font-family:'CairoOpt',Cairo,-apple-system,Bl inkMacSystemFont,sans-serif !important} salla-modal.s-search-modal ~ salla-modal.s-search-modal{display:none !important;} /* === RAQI-UI-2026 START : remove this whole block to revert === */ .main-nav-container .inner.add-blur{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 2px 14px rgba(16,24,40,.08)!important;border-bottom:1px solid rgba(47,107,79,.10)!important;} :root{--main-margin:64px;--mobile-margin:32px;} /* === RAQI-UI-2026 END === */ .s-button-solid.s-button-primary{background:#2F6B4F!important;border-color:#2F6B4F!important;color:#ffffff!important;} .s-button-outline.s-button-primary{color:#2F6B4F!important;border-color:#2F6B4F!important;} .s-blocks-wrapper{margin-top:30px!important;} .s-blocks-wrapper>.s-block{margin-top:0!important;} salla-products-slider{margin-bottom:30px!important;} .sidebar.single-sider{padding-bottom:24px!important;} .main-content{padding-bottom:24px!important;} .container.single-p{margin-top:28px!important;} .container.my-10{margin-top:24px!important;margin-bottom:24px!important;} .s-button-solid.s-button-primary{background:#004EA0!important;border-color:#004EA0!important;color:#ffffff!important;} .s-button-outline.s-button-primary{color:#004EA0!important;border-color:#004EA0!important;} .main-nav-container .inner.add-blur{border-bottom:1px solid rgba(0,78,160,.12)!important;} :root{--main-margin:64px!important;--mobile-margin:32px!important;} /* === RAQI-FOOTER-FIX === */ section.brands{margin-bottom:48px!important;} section.brands .over{background-image:url("data:image/svg+xml,")!important;} .s-block-html-content{max-width:1280px;margin-inline:auto;padding-inline:24px;} .s-block--bundle-trust-map{margin-bottom:16px!important;}