/* Add custom CSS styles below */ 


h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

p {
  font-size: 14px;
}



/* شعار بالمنتصف والمنيو تحته – نسخة الكمبيوتر */
@media (min-width: 1024px) {

  #mainnav .nav-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    padding-top: 18px !important;
    padding-bottom: 12px !important;
  }

  /* الشعار في منتصف السطر الأول */
  #mainnav .nav-logo {
    order: 1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  #mainnav .navbar-brand {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 18px !important;
  }

#mainnav .navbar-brand img {
  width: auto !important;
  height: 110px !important;
  max-height: 110px !important;
  object-fit: contain !important;
}
  }

  /* المنيو تحت الشعار وفي المنتصف */
  #mainnav .nav-menu {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  #mainnav .nav-menu custom-main-menu {
    width: 100% !important;
  }

  #mainnav .main-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 5px 22px !important;
    text-align: center !important;
  }

  /* الأيقونات في الجهة اليسرى */
  #mainnav .nav-icons {
    position: absolute !important;
    left: 35px !important;
    top: 35px !important;
    width: auto !important;
    z-index: 5 !important;
  }
}



/* توسيط الفوتر بالكامل */
.ronaq-store-footer .store-footer__inner {
  text-align: center !important;
}

/* توزيع أقسام الفوتر في منتصف الصفحة */
@media (min-width: 1024px) {
  .ronaq-store-footer .store-footer__inner > .container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: center !important;
  }
}

/* توسيط العناوين والروابط والنصوص */
.ronaq-store-footer h3,
.ronaq-store-footer p,
.ronaq-store-footer .s-menu-footer-list {
  text-align: center !important;
}

.ronaq-store-footer p {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* توسيط رابط وشعار اسم المتجر */
.ronaq-store-footer .store-footer__inner a.flex {
  justify-content: center !important;
}

/* توسيط روابط التواصل */
.ronaq-store-footer .s-contacts-item {
  justify-content: center !important;
}

/* توسيط أيقونات السوشيال ميديا */
.ronaq-store-footer .s-social-list {
  justify-content: center !important;
}

/* توسيط الرقم الضريبي */
.ronaq-store-footer .items-end {
  justify-content: center !important;
  text-align: center !important;
}


/* توسيط قسم مميزات المتجر */
.s-block--features .s-block--features__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.s-block--features .feature-icon {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.s-block--features h2,
.s-block--features p {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.s-block--features {
  margin-left: auto !important;
  margin-right: auto !important;
}




/* خلفية قسم الحبوب المثالية لكل جهاز */
.ronaq-categories {
  background: #67119c !important;
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

/* جعل النصوص باللون الأبيض */
.ronaq-categories h2,
.ronaq-categories h3,
.ronaq-categories h4,
.ronaq-categories a,
.ronaq-categories p,
.ronaq-categories span {
  color: #ffffff !important;
}

/* زوايا الصور */
.ronaq-categories img {
  border-radius: 15px !important;
}

/* أزرار السلايدر */
.ronaq-categories .swiper-button-next,
.ronaq-categories .swiper-button-prev {
  background: #ffffff !important;
  color: #67119c !important;
  border-radius: 50% !important;
}




/* تجهيز بطاقات قسم منتجاتنا */
.ronaq-gallery-slide > div {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/* رسمة النجوم والخطوط خلف المنتج */
.ronaq-gallery-slide > div::before {
  content: "" !important;
  position: absolute !important;
  inset: -25% !important;
  z-index: -1 !important;
  pointer-events: none !important;

  background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2367119c' stroke-width='4' stroke-linecap='round'%3E%3Cpath stroke-dasharray='10 12' d='M15 145 C60 80 125 110 100 170 C75 225 30 175 70 125 C120 65 155 155 205 150'/%3E%3Cpath stroke-dasharray='10 12' d='M235 235 C290 170 355 190 330 245 C310 290 270 255 300 210 C330 165 375 195 390 160'/%3E%3C/g%3E%3Cg fill='%2367119c'%3E%3Cpath d='M50 270 L58 292 L82 283 L68 304 L87 320 L62 315 L55 340 L47 316 L22 325 L38 304 L18 288 L43 292 Z'/%3E%3Cpath d='M330 75 L337 95 L359 87 L347 106 L365 120 L342 116 L336 138 L329 117 L307 125 L320 106 L303 92 L324 96 Z'/%3E%3Cpath d='M345 310 L349 321 L361 316 L354 327 L364 335 L351 332 L347 345 L343 333 L330 338 L338 327 L328 319 L341 322 Z'/%3E%3C/g%3E%3C/svg%3E") !important;

  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;

  opacity: 0 !important;
  transform: scale(.65) rotate(-8deg) !important;
  transition:
    opacity .35s ease,
    transform .55s cubic-bezier(.2,.8,.2,1) !important;
}

/* إظهار الرسمة عند تمرير الماوس */
.ronaq-gallery-slide > div:hover::before {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
}

/* حركة المنتج */
.ronaq-gallery-slide > div img {
  position: relative !important;
  z-index: 2 !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1) !important;
}

.ronaq-gallery-slide > div:hover img {
  transform: translateY(-10px) scale(1.04) !important;
}






/* السلايدر الرئيسي */
.joffreys-main-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #67119c;
}

/* حاوية الشرائح */
.joffreys-slider-track {
  display: flex;
  width: 100%;
  transition: transform 0.65s cubic-bezier(.22, .61, .36, 1);
  direction: ltr;
}

/* كل شريحة */
.joffreys-slider-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  aspect-ratio: 2048 / 835;
  overflow: hidden;
}

/* رابط وصورة البنر */
.joffreys-slider-slide a,
.joffreys-slider-slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.joffreys-slider-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* شريط التحكم السفلي */
.joffreys-slider-controls {
  position: absolute;
  right: 50%;
  bottom: 28px;
  transform: translateX(50%);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* الأسهم */
.joffreys-slider-arrow {
  width: 54px;
  height: 54px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #67119c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease;
}

.joffreys-slider-arrow:hover {
  color: #ffffff;
  background: #67119c;
  transform: scale(1.08);
}

.joffreys-slider-arrow svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* صندوق مؤشرات الشرائح */
.joffreys-slider-dots {
  min-width: 150px;
  height: 54px;
  padding: 0 20px;
  border-radius: 30px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}

/* المؤشر العادي */
.joffreys-slider-dot {
  width: 13px;
  height: 13px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: #efe5f5;
  cursor: pointer;
  transition:
    width 0.35s ease,
    background-color 0.35s ease;
}

/* المؤشر النشط */
.joffreys-slider-dot.active {
  width: 40px;
  background: #67119c;
}

/* الجوال */
@media (max-width: 767px) {
  .joffreys-slider-slide {
    aspect-ratio: 9 / 12;
  }

  .joffreys-slider-controls {
    bottom: 15px;
    gap: 7px;
  }

  .joffreys-slider-arrow {
    width: 42px;
    height: 42px;
  }

  .joffreys-slider-arrow svg {
    width: 20px;
    height: 20px;
  }

  .joffreys-slider-dots {
    min-width: 110px;
    height: 42px;
    padding: 0 12px;
    gap: 5px;
  }

  .joffreys-slider-dot {
    width: 9px;
    height: 9px;
  }

  .joffreys-slider-dot.active {
    width: 28px;
  }
}