/* 1. إضافة خط AA-GALAXY-Bold */
/* استبدل الرابط داخل url('...') برابط ملف الخط بعد رفعه على المنصة */
@font-face {
  font-family: 'AA-GALAXY-Bold';
  src: url('رابط_ملف_الخط.woff2') format('woff2'),
       url('رابط_ملف_الخط.woff') format('woff'),
       url('رابط_ملف_الخط.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* 2. تغيير لون خلفية العناصر اللي عليها الكلاس ده */
.container_class {
  background-color: #f0208f;
}

/* 3. إضافة استروك أبيض وحواف دائرية للبانر */
.home_slider_slide {
  border: 3px solid #fff;
  border-radius: 10px;
  overflow: hidden;
}

/* 4. تعديل الكارد داخل السلايد */
.home_slider_card {
  padding: 15px !important;
}

/* 5. تنسيق حاوية عنوان القسم الرئيسي مع توسيط النص عمودياً وأفقياً */
.home_section_top_container {
  background: #fff;             /* خلفية بيضاء */
  border-radius: 18px;          /* حواف دائرية */
  padding: 20px 40px;           /* مساحة داخلية حول الكلام */
  max-width: 400px;             /* عرض أقصى لتوسيع الخلفية قليلاً */
  margin: 30px auto 20px auto;  /* توسيط الحاوية في الصفحة */
  box-shadow: 0 2px 12px #eee;  /* ظل خفيف لجمال المظهر (اختياري) */
  display: flex;                /* استخدام flex لتوسيط المحتوى */
  justify-content: center;      /* توسيط أفقي */
  align-items: center;          /* توسيط عمودي */
  height: 70px;                /* ارتفاع ثابت للمستطيل لتفعيل التوسيط العمودي */
}

/* 6. تنسيق عنوان القسم الرئيسي */
.home_section_top_title {
  color: #f0208f;                              /* لون وردي */
  font-family: 'AA-GALAXY-Bold', Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;                          /* توسيط الكلام أفقيًا */
  margin: 0;
  display: block;
  width: fit-content;
}

/* 7. تنسيقات بطاقات الأقسام */
.default_category_card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px #eee;
  padding: 18px 10px 16px 10px; /* مسافة داخلية حول المحتوى */
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center; /* توسيط كل محتوى البطاقة */
}


.default_category_card_name {
  color: #f0208f;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center; /* توسيط أفقي */
  width: 100%;
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.4;
  display: block;
}


.default_product_featured_card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px #eee;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center; /* توسيط كل محتوى البطاقة */
}

/* جعل كل النص داخل القسم باللون الوردي */
.default_product_featured_card * {
  color: #f0208f;
}


.default_product_featured_card_img {
  border: 5px solid #f0208f; /* استروك وردي */
  border-radius: 25px;       /* حواف دائرية */
  box-sizing: border-box;    /* لضمان عدم تجاوز الحد لمساحة الصورة */
  display: block;
}

.default_product_list_card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px #eee;
  padding: 10px 10px 10px 10px;
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

/* جعل كل النص داخل البطاقة باللون الوردي وبولد مع تكبير حجم الخط */
.default_product_list_card * {
  color: #f0208f;
  font-weight: bold;
  font-size: 1.0rem; /* تكبير حجم الخط */
}

/* محتوى النص */
.default_product_list_card_content {
  order: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
}



.home_products_grid_card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px #eee;
  padding: 18px 10px 16px 10px;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* جعل كل النص داخل البطاقة وردي وبولد */
.home_products_grid_card * {
  color: #f0208f;
  font-weight: bold;
}


.home_banner_img {
  border: 4px solid #fff;    /* استروك أبيض */
  border-radius: 12px;       /* حواف دائرية (اختياري) */
  box-sizing: border-box;    /* لضمان عدم خروج الحد عن مساحة الصورة */
}


.product_name {
  color: #f0208f;
}


.default_product_img {
  border: 3px solid #f0208f; /* استروك وردي */
}


.default_product_preview_img {
  border: 3px solid #f0208f; /* استروك وردي */
  
  box-sizing: border-box;    /* لضمان عدم تجاوز الحد لمساحة الصورة */
}


.product_form_checkout {
  background-color: #f8cabc;
}

.fake_stock_count {
  color: #f0208f;
  font-size: 1.5rem; /* حجم أكبر للكتابة */
}


.fake_visitors_container {
  background-color: #fdcb07;
  color: #252525;
  font-size: 1.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 14px; /* حواف دائرية */
}


.products_grid_card {
  background-color: #f0208f;
  color: #fff;
  font-weight: bold;
  padding: 10px; /* مساحة داخلية حول النص */
}

/* لو فيه عناصر داخلية تحتاج التأكيد على لون النص وبولد */
.products_grid_card * {
  color: #fff !important;
  font-weight: bold !important;
}



.reviews_container {
  background-color: #f8cabc;
  border-radius: 14px; /* حواف دائرية */
}

.reviews_summary {
  background-color: #fff;      /* خلفية بيضاء */
  border-radius: 14px;         /* حواف دائرية */
  padding: 20px 30px;          /* زيادة المسافات من جميع الاتجاهات */
  color: #f0208f;              /* لون النص وردي */
}


.user_reviews_container {
  background-color: #fff;      /* خلفية بيضاء */
  border-radius: 14px;         /* حواف دائرية */
  padding: 20px 20px;          /* زيادة المسافات من جميع الاتجاهات */
  color: #f0208f;              /* لون النص وردي */
}


.user_review_name {
  color: #f0208f;
  font-size: 1.7rem; /* يمكنك زيادة القيمة حسب رغبتك */
  font-weight: bold;
}


.user_review_comment {
  color: #000000;    /* اللون الأسود */
  font-weight: bold; /* خط بولد */
}


.user_review_img {
  border: 3px solid #f0208f;   /* استروك وردي */
  padding: 8px;                /* مسافة من جميع الاتجاهات */
  border-radius: 10px;         /* حواف دائرية اختيارية */
  box-sizing: border-box;      /* لضمان عدم تجاوز الحد لمساحة الصورة */
  display: inline-block;       /* لضبط العرض والارتفاع حسب المحتوى */
}


.category_section_header_title {
  color: #f0208f;
  font-weight: bold;
}


.category_products_grid_card {
  background-color: #f0208f;
  color: #fff;
  font-weight: bold;
}

/* لو فيه عناصر داخلية تحتاج التأكيد على لون النص وبولد */
.products_grid_card * {
  color: #fff !important;
  font-weight: bold !important;
}


.default_header {
  font-weight: bold;
  color: #f0208f;
}


.default_footer_links_container {
  color: #f0208f;
  transition: color 0.2s;
  font-weight: bold;
  text-decoration: none;
}

/* عند المرور بالماوس */
.default_footer_link:hover {
  color: #f0208f;
}

/* عند الضغط (النقر) */
.default_footer_link:active,
.default_footer_link:focus {
  color: #f0208f;
}


.default_footer_social_container {
  color: #000;
  font-weight: bold;
}

/* لو فيه روابط أو أيقونات داخل القسم */
.default_footer_social_container a,
.default_footer_social_container i,
.default_footer_social_container svg {
  color: #000;
  font-weight: bold;
  transition: color 0.2s;
  text-decoration: none;
}

/* عند المرور بالماوس */
.default_footer_social_container a:hover,
.default_footer_social_container i:hover,
.default_footer_social_container svg:hover,
.default_footer_social_container a:focus,
.default_footer_social_container i:focus,
.default_footer_social_container svg:focus {
  color: #f0208f;
}

/* عند الضغط (active) */
.default_footer_social_container a:active,
.default_footer_social_container i:active,
.default_footer_social_container svg:active {
  color: #f0208f;
}



.footer_store_info {
  color: #000;
  font-weight: bold;
}

/* لو فيه روابط أو عناصر تفاعلية داخل القسم */
.footer_store_info a,
.footer_store_info i,
.footer_store_info svg {
  color: #000;
  font-weight: bold;
  transition: color 0.2s;
  text-decoration: none;
}

/* عند المرور بالماوس أو التركيز */
.footer_store_info a:hover,
.footer_store_info i:hover,
.footer_store_info svg:hover,
.footer_store_info a:focus,
.footer_store_info i:focus,
.footer_store_info svg:focus {
  color: #f0208f;
}

/* عند الضغط (active) */
.footer_store_info a:active,
.footer_store_info i:active,
.footer_store_info svg:active {
  color: #f0208f;
}


.checkout_container {
  background-color: #f8cabc;
}


.checkout_cart_items_container {
  background-color: #fff;      /* خلفية بيضاء */
  border-radius: 14px;         /* حواف دائرية */
  padding: 24px 28px;          /* مسافة داخلية من جميع الاتجاهات */
  box-shadow: 0 2px 10px #eee; /* ظل خفيف لجمال المظهر (اختياري) */
}


.checkout_order_summary {
  font-weight: bold;
  font-size: 1.3rem; /* يمكنك زيادة القيمة حسب رغبتك */
}


.payments_container {
  background-color: #fff;      /* خلفية بيضاء */
  border-radius: 14px;         /* حواف دائرية */
  padding: 24px 28px;          /* مسافة داخلية من جميع الاتجاهات */
}

.payment_card_name {
  color: #f0208f;
}


.radio_container input[type="radio"] {
  accent-color: #f0208f; /* يعمل في أغلب المتصفحات الحديثة */
}

/* لو أردت تخصيص شكل الراديو بالكامل (حل متقدم): */
.radio_container input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #f0208f;
}


.checkout_buy_now {
  border-radius: 12px;         /* حواف دائرية */
  text-align: center;          /* توسيط النص أفقيًا */
  display: flex;               /* استخدام flex لتوسيط عمودي وأفقي */
  justify-content: center;     /* توسيط أفقي داخل الزر */
  align-items: center;         /* توسيط عمودي داخل الزر */
  height: 48px;                /* ارتفاع ثابت للزر (يمكنك تعديله) */
  min-width: 120px;            /* عرض مبدئي للزر (اختياري) */
  font-weight: bold;           /* اجعل الخط بولد إذا أردت */
  font-size: 1.1rem;           /* حجم الخط (اختياري) */
}


.thanks_container {
  background-color: #f8cabc;    /* خلفية وردية */
  border-radius: 16px;          /* حواف دائرية */
  padding: 40px 32px;           /* مسافة أكبر فوق وتحت (40px) ويمين ويسار (32px) */
  color: #fff;                  /* لون النص أبيض */
  box-sizing: border-box;       /* لضمان عدم تجاوز الحدود */
  margin: 32px 16px;            /* مسافة خارجية حول القسم (اختياري) */
}

.default_category_card_img {
  border: 5px solid #f0208f; /* استروك وردي */
  border-radius: 25px;       /* حواف دائرية */
  box-sizing: border-box;    /* لضمان عدم تجاوز الحد لمساحة الصورة */
  display: block;
}

.default_header_top_text {
  background-color: #f0208f;   /* خلفية وردية */
  color: #fff;                 /* لون الكتابة أبيض */
  font-weight: bold;           /* الكتابة بولد */
  font-size: 1.0rem;           /* حجم الخط أكبر */
  text-align: center;          /* توسيط النص */
  padding: 10px 0;             /* مسافة رأسية مناسبة */
  position: sticky;            /* يظل ثابت مع السكروول */
  top: 0;                      /* يلتصق بأعلى الصفحة */
  z-index: 111;                /* z-index أقل من الهيدر حتى لا يغطيه */
  width: 100%;                 /* يغطي عرض الصفحة بالكامل */
  box-shadow: 0 2px 8px #e3e3e3; /* ظل خفيف (اختياري) */
}

/* إضافة مسافة أعلى للهيدر تعادل ارتفاع الشريط العلوي */
.header_container {
  margin-top: 40px; /* عدل القيمة حسب ارتفاع .default_header_top_text */
}

.payment_card_content {
  width: 200px;         /* أو أي قيمة تناسب تصميمك */
  max-width: 100%;      /* حتى لا يخرج عن الشاشة في الشاشات الصغيرة */
}