@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #FFFFFF);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #5956CE);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #6f6cd4);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #8582db);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #c7c6ee);
  --color-btn-bg-half-shade-is-light:var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text:var(--draft-color-accent-text, #202223);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #35383a);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #4a4f51);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #8c9295);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, 'PT Root UI');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'PT Root UI');
  --heading-ratio:var(--draft-heading-ratio, 1.75);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 10);
  --search_count:var(--draft-search_count, 10);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1272px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, false);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 17, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 20, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 28, theme.scss */
.widget-type_system_widget_v4_page_title_1 h1 {
  text-align: center; }

/* line 32, theme.scss */
footer,
.site-footer,
.footer {
  background: linear-gradient(to bottom, #eef2f6 0%, #c9dce7 40%, #9fc4d3 70%, #6aa8bd 100%) !important;
  color: #000;
  padding: 40px 0;
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }

/* line 49, theme.scss */
.footer-contacts {
  text-align: left;
  max-width: 240px;
  margin-top: 35px;
  margin-bottom: 35px;
  margin-left: 17%; }

/* line 57, theme.scss */
.footer-about {
  margin-top: 35px;
  margin-bottom: 35px;
  margin-left: 35px; }

/* line 64, theme.scss */
.footer-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

/* line 73, theme.scss */
.footer-phone-list {
  list-style: none;
  padding: 0;
  margin: 0; }

/* line 79, theme.scss */
.footer-phone-list li {
  margin-bottom: 8px; }

/* line 83, theme.scss */
.footer-phone-list a {
  color: #000000;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: opacity 0.2s ease; }

/* line 91, theme.scss */
.footer-phone-list a:hover {
  opacity: 0.7; }

/* line 96, theme.scss */
.header-link {
  display: inline-block;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-decoration: none; }

/* line 105, theme.scss */
.header__collections {
  display: flex;
  align-items: center; }

/* line 110, theme.scss */
.header-link {
  order: 999;
  margin-left: 20px; }

/* line 116, theme.scss */
.footer-contacts,
.footer-about {
  display: inline-block;
  vertical-align: top;
  margin-right: 60px; }

/* line 123, theme.scss */
.footer-about .footer-title {
  margin-bottom: 12px; }

/* line 127, theme.scss */
.footer-about a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500; }

/* line 134, theme.scss */
.footer-about a:hover {
  opacity: 0.7; }

/* line 142, theme.scss */
.product-feature {
  display: flex;
  gap: 8px;
  margin-bottom: 10px; }

/* line 149, theme.scss */
.product-feature {
  order: 3;
  margin-top: 10px; }

/* line 154, theme.scss */
.product-feature__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%; }

/* line 160, theme.scss */
.static-text {
  display: flex;
  gap: 4%;
  /* space between items */
  align-items: center;
  flex-wrap: wrap;
  /* wrap on mobile */ }

/* line 167, theme.scss */
.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  /* space between word and icon */ }

/* line 173, theme.scss */
.legend-icon {
  width: 50px;
  height: 50px; }

/* line 178, theme.scss */
.product-feature__text {
  font-size: 14px;
  color: #333; }

/* line 183, theme.scss */
.layout__content {
  padding-left: 2%;
  background: transparent; }

/* line 188, theme.scss */
.static-text img {
  border-radius: 50%; }

@media (min-width: 768px) and (max-width: 991px) {
  /* line 193, theme.scss */
  .widget-type_system_widget_v4_header_7 .header__logo img,
  .widget-type_system_widget_v4_header_7 .header__logo .default-logo {
    max-width: 95% !important;
    margin-left: -25px; } }
@media (max-width: 768px) {
  /* line 202, theme.scss */
  .widget-type_system_widget_v4_header_7 .header__logo img,
  .widget-type_system_widget_v4_header_7 .header__logo .default-logo {
    max-width: 75% !important;
    margin-left: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  /* line 210, theme.scss */
  .widget-type_system_widget_v4_header_7 .header__area-logo {
    margin-left: 25px !important; } }
@media (max-width: 1921px) {
  /* line 217, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -50px !important; } }
@media (max-width: 1800px) {
  /* line 223, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -50px !important; } }
@media (max-width: 1500px) {
  /* line 230, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -30px !important; } }
@media (max-width: 1280px) {
  /* line 236, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -42px !important; } }
@media (max-width: 1024px) {
  /* line 242, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -42px !important; } }
@media (max-width: 924px) {
  /* line 248, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -35px !important; } }
@media (max-width: 767px) {
  /* line 254, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -76px !important; } }
@media (max-width: 650px) {
  /* line 260, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -65px !important; } }
@media (max-width: 540px) {
  /* line 266, theme.scss */
  [data-widget-drop-item-id="258563121"] {
    margin-top: -80px !important; } }
/* Keep the menu visible even in collapsed header */
/* Keep logo fully visible when header collapses */
/* line 321, theme.scss */
.header_small .header__area-logo img,
.header_fixed .header__area-logo img,
.header_scrolled .header__area-logo img {
  max-height: 50px !important;
  /* adjust until perfect */
  height: auto !important;
  width: auto !important;
  object-fit: contain !important; }

/* line 330, theme.scss */
.legend-wrapper {
  display: block; }

/* line 334, theme.scss */
.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px; }

/* line 342, theme.scss */
[data-widget-drop-item-id="259034601"] {
  display: none !important; }

/* ============================================
   صفحة عنا (About Us) - التصميم الجديد
   ============================================ */
/* line 360, theme.scss */
body.about-us {
  background: linear-gradient(to bottom, #eef2f6 0%, #c9dce7 40%, #9fc4d3 70%, #6aa8bd 100%) !important;
  background-attachment: fixed !important;
  /* هذا يثبت التدرج ويجعله مستمرًا */ }

/* جعل جميع الحاويات شفافة */
/* line 366, theme.scss */
body.about-us .layout,
body.about-us .layout__content,
body.about-us .static-text,
body.about-us footer,
body.about-us .footer,
body.about-us .site-footer {
  background: transparent !important; }

/* ===== خط رفيع جدًا فوق الفوتر ===== */
/* line 376, theme.scss */
body.about-us footer,
body.about-us .footer,
body.about-us .site-footer {
  position: relative; }

/* line 382, theme.scss */
body.about-us footer::before,
body.about-us .footer::before,
body.about-us .site-footer::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  /* عرض الخط - يمكنك تغييره */
  height: 1px;
  /* سمك الخط رفيع جدًا */
  background: rgba(255, 255, 255, 0.5);
  /* لون أبيض شفاف */ }

/* line 396, theme.scss */
body.about-us .static-text p,
body.about-us .static-text span {
  text-align: left !important;
  text-justify: inter-word !important; }

/* خلفية الصفحة */
/* line 403, theme.scss */
body.about-us {
  background: linear-gradient(to bottom, #eef2f6 0%, #c9dce7 40%, #9fc4d3 70%, #6aa8bd 100%) !important; }

/* line 407, theme.scss */
body.about-us .layout,
body.about-us .layout__content,
body.about-us .static-text {
  background: transparent !important; }

/* ===== تقليل المسافات العمودية بين النصوص لجميع الشاشات الكبيرة ===== */
@media (min-width: 701px) {
  /* تصغير المسافات بين الـ widgets */
  /* line 417, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"],
  body.about-us [data-widget-drop-item-id="260342129"],
  body.about-us [data-widget-drop-item-id="260342153"] {
    margin-top: -15px !important;
    margin-bottom: -15px !important; }

  /* تصغير المسافات داخل النصوص */
  /* line 425, theme.scss */
  body.about-us .static-text p {
    margin-bottom: 5px !important;
    margin-top: 0 !important; }

  /* الصورة الأولى */
  /* line 431, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text {
    position: relative;
    padding-right: 23%;
    min-height: auto; }

  /* line 437, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20%;
    aspect-ratio: 1/1;
    background-image: url("https://static.insales-cdn.com/files/1/6889/121871081/original/aaa.jpg");
    background-size: cover;
    background-position: center;
    border-radius: 10px; }

  /* الصورة الثانية */
  /* line 452, theme.scss */
  body.about-us [data-widget-drop-item-id="260342129"] .static-text {
    position: relative;
    padding-right: 23%;
    min-height: auto; }

  /* line 458, theme.scss */
  body.about-us [data-widget-drop-item-id="260342129"] .static-text::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    width: 20%;
    height: 240px;
    background-image: url("https://static.insales-cdn.com/files/1/3281/121916625/original/655959fb-847c-4a48-a33d-c4fd7dfffa16.jpg");
    background-size: cover;
    background-position: center;
    border-radius: 10px; }

  /* النص الثالث */
  /* line 472, theme.scss */
  body.about-us [data-widget-drop-item-id="260342153"] .static-text {
    padding-right: 23%;
    max-width: 100%; }

  /* line 477, theme.scss */
  body.about-us [data-widget-drop-item-id="260342153"] {
    clear: both !important; } }
/* ============================================
   للشاشات الكبيرة جداً (أكثر من 1200px)
   ============================================ */
@media (min-width: 1200px) {
  /* line 486, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text::after,
  body.about-us [data-widget-drop-item-id="260342129"] .static-text::after {
    width: 15% !important; }

  /* line 491, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text,
  body.about-us [data-widget-drop-item-id="260342129"] .static-text,
  body.about-us [data-widget-drop-item-id="260342153"] .static-text {
    padding-right: 18% !important; } }
/* ============================================
   للشاشات المتوسطة (700px - 900px) - حل خاص
   ============================================ */
@media (min-width: 700px) and (max-width: 900px) {
  /* تقليل المسافات أكثر في هذه الفئة تحديداً */
  /* line 504, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"],
  body.about-us [data-widget-drop-item-id="260342129"],
  body.about-us [data-widget-drop-item-id="260342153"] {
    margin-top: -20px !important;
    margin-bottom: -20px !important; }

  /* line 511, theme.scss */
  body.about-us .static-text p {
    margin-bottom: 3px !important; }

  /* تصغير الصور قليلاً في التابلت */
  /* line 516, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text::after {
    width: 18% !important; }

  /* line 520, theme.scss */
  body.about-us [data-widget-drop-item-id="260342129"] .static-text::after {
    width: 18% !important;
    height: 200px !important; }

  /* line 525, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text,
  body.about-us [data-widget-drop-item-id="260342129"] .static-text,
  body.about-us [data-widget-drop-item-id="260342153"] .static-text {
    padding-right: 21% !important; } }
/* ============================================
   للشاشات الصغيرة (أقل من 700px)
   ============================================ */
@media (max-width: 699px) {
  /* line 537, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"],
  body.about-us [data-widget-drop-item-id="260342129"] {
    margin-bottom: 30px !important; }

  /* line 542, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text,
  body.about-us [data-widget-drop-item-id="260342129"] .static-text,
  body.about-us [data-widget-drop-item-id="260342153"] .static-text {
    padding-right: 0 !important;
    position: static !important;
    max-width: 100% !important; }

  /* إلغاء المسافات السالبة على الجوال */
  /* line 551, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"],
  body.about-us [data-widget-drop-item-id="260342129"],
  body.about-us [data-widget-drop-item-id="260342153"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  /* الصورة الأولى - تحت النص */
  /* line 559, theme.scss */
  body.about-us [data-widget-drop-item-id="260341265"] .static-text::after {
    content: "" !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 70% !important;
    margin: 25px auto 0 auto !important;
    display: block !important;
    background-image: url("https://static.insales-cdn.com/files/1/6889/121871081/original/aaa.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px !important;
    aspect-ratio: 1/1 !important; }

  /* الصورة الثانية - تحت النص */
  /* line 576, theme.scss */
  body.about-us [data-widget-drop-item-id="260342129"] .static-text::after {
    content: "" !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 70% !important;
    margin: 25px auto 0 auto !important;
    display: block !important;
    background-image: url("https://static.insales-cdn.com/files/1/3281/121916625/original/655959fb-847c-4a48-a33d-c4fd7dfffa16.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px !important;
    aspect-ratio: 1/1 !important; } }
/* ============================================
   الصورة الثالثة (العرض الكامل)
   ============================================ */
/* line 596, theme.scss */
body.about-us [data-widget-drop-item-id="260342153"] .static-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 465px;
  margin-top: 20px;
  background-image: url("https://static.insales-cdn.com/files/1/6665/121739785/original/factory.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 10px; }

/* الصورة الثالثة للشاشات الصغيرة */
@media (max-width: 699px) {
  /* line 610, theme.scss */
  body.about-us [data-widget-drop-item-id="260342153"] .static-text::after {
    height: 220px !important; } }
/* line 621, theme.scss */
.widget-type_system_widget_v4_page_content_1 {
  background-color: #f6f6f7 !important;
  padding-top: 30px;
  margin-bottom: -50px; }

@media (min-width: 768px) {
  /* line 628, theme.scss */
  .widget-type_system_widget_v4_page_content_1 {
    margin-bottom: -50px; } }
/* ============================================
   تعطيل حركة إخفاء وإظهار الهيدر
   ============================================ */
/* منع الهيدر من الاختفاء عند السكرول لأسفل */
/* line 644, theme.scss */
.widget-type_system_widget_v4_header_7.out-animation,
.widget-type_system_widget_v4_header_7.scroll-top {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  animation: none !important;
  transition: none !important; }

/* إجبار الهيدر على البقاء ظاهراً دائماً */
/* line 655, theme.scss */
.widget-type_system_widget_v4_header_7 {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important; }

/* إلغاء أي تأثيرات حركة */
/* line 662, theme.scss */
.widget-type_system_widget_v4_header_7.default,
.widget-type_system_widget_v4_header_7.out-animation,
.widget-type_system_widget_v4_header_7.scroll-top {
  transform: translateY(0) !important;
  top: 0 !important;
  position: relative !important; }

/* 1. Make all product photos the SAME fixed size */
/* line 682, theme.scss */
.product-preview__photo {
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background-color: #f5f5f5; }

/* line 691, theme.scss */
.product-preview__img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

/* 2. Reorder everything using Flexbox */
/* line 698, theme.scss */
.product-preview__content {
  display: flex;
  flex-direction: column; }

/* Title goes first (above image) */
/* line 704, theme.scss */
.product-preview__area-title {
  order: 1;
  margin-bottom: 10px; }

/* Photo goes second */
/* line 710, theme.scss */
.product-preview__area-photo {
  order: 2;
  margin-top: 15px; }

/* Product features (icons) - move under image */
/* Variants (weight selector) - under features */
/* line 719, theme.scss */
.product-preview__area-variants {
  margin-top: 10px;
  margin-bottom: 5px; }

/* line 738, theme.scss */
.product-preview__content {
  display: flex;
  flex-direction: column; }

/* line 744, theme.scss */
.product-enhanced-title {
  order: 1; }

/* line 745, theme.scss */
.product-origin-info {
  order: 2; }

/* line 746, theme.scss */
.product-details {
  order: 3; }

/* line 747, theme.scss */
.product-preview__area-photo {
  order: 4; }

/* line 748, theme.scss */
.product-feature {
  order: 5; }

/* line 749, theme.scss */
.product-preview__area-variants {
  order: 6; }

/* أزرار الوزن */
/* line 750, theme.scss */
.grind-select {
  order: 7; }

/* القائمة المنسدلة */
/* line 751, theme.scss */
.product-preview__area-bottom {
  order: 8; }

/* السعر وزر السلة */
/* Hide the empty SKU area */
/* line 754, theme.scss */
.product-preview__area-sku {
  display: none; }

/* line 762, theme.scss */
.widget-type_system_widget_v4_catalog_1 .product-preview__photo {
  margin: -10px -10px 1rem 0px !important; }

/* line 789, theme.scss */
.product-preview {
  background: #fefcf8;
  border-radius: 24px;
  padding: 20px 15px 20px 15px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(139, 105, 20, 0.1); }

/* line 798, theme.scss */
.product-preview:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: #d4c4b0; }

/* line 804, theme.scss */
.product-preview__photo {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important; }

/* line 811, theme.scss */
.product-enhanced-title a,
.product-preview__title a {
  color: #3b2a1f;
  transition: color 0.2s ease; }

/* line 817, theme.scss */
.product-enhanced-title,
.product-enhanced-title a,
.product-preview__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1.35;
  max-height: 2.7em;
  /* 2 lines × 1.35 = 2.7em */ }

/* line 831, theme.scss */
.product-preview__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* line 840, theme.scss */
.option-radio .option-value {
  background: #f8f4ee;
  border: 1px solid #e8e0d5;
  border-radius: 30px;
  padding: 5px 12px;
  font-size: 12px;
  transition: all 0.2s; }

/* line 849, theme.scss */
.option-radio .option-value.is-active {
  background: #8B6914;
  border-color: #8B6914;
  color: white; }

/* line 855, theme.scss */
.option-radio .option-value:hover:not(.is-active) {
  background: #f0ebe3;
  border-color: #c8a44a; }

/* line 863, theme.scss */
.product-origin-info {
  background: #90e0ef !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  border: none !important; }

/* line 871, theme.scss */
.product-origin-info div {
  color: #1a1a1a !important; }

/* line 876, theme.scss */
.product-origin-info div:first-child {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 14px !important; }

/* line 883, theme.scss */
.product-origin-info div:nth-child(2) {
  color: #2c2c2c !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  margin-top: 4px !important; }

/* line 891, theme.scss */
.collection-wrapper .product-preview-list,
.widget-type_system_widget_v4_catalog_1 .product-preview-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px; }

@media (max-width: 768px) {
  /* line 900, theme.scss */
  .product-preview {
    padding: 15px; }

  /* line 904, theme.scss */
  .product-preview__photo {
    width: 160px;
    height: 160px; }

  /* line 909, theme.scss */
  .collection-wrapper .product-preview-list,
  .widget-type_system_widget_v4_catalog_1 .product-preview-list {
    gap: 15px; } }
/* line 916, theme.scss */
.widget-type_system_widget_v4_catalog_1 .product-preview__photo {
  margin: 0 auto 1rem auto !important; }

/* إخفاء الأزرار الأصلية */
/* line 934, theme.scss */
.option-vid_pomola {
  display: none !important; }

/* تنسيق القائمة المنسدلة */
/* line 939, theme.scss */
.grind-select {
  display: block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  margin: 15px 0 !important;
  background-color: #fefcf8 !important;
  border: 1.5px solid #e8e0d5 !important;
  border-radius: 40px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3b2a1f !important;
  cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B6914' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 14px !important;
  transition: all 0.2s ease; }

/* عند المرور بالفأرة */
/* line 961, theme.scss */
.grind-select:hover {
  border-color: #c8a44a !important;
  background-color: #fffaf2 !important; }

/* عند الضغط */
/* line 967, theme.scss */
.grind-select:focus {
  outline: none !important;
  border-color: #8B6914 !important;
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.1) !important; }

/* الخيارات داخل القائمة */
/* line 974, theme.scss */
.grind-select option {
  background-color: #ffffff !important;
  color: #3b2a1f !important; }

/* للشاشات الصغيرة */
@media (max-width: 480px) {
  /* line 981, theme.scss */
  .grind-select {
    padding: 10px 14px !important;
    font-size: 12px !important;
    background-size: 12px !important; } }