.s-block.t1 h2{font-size:1rem}.s-block.t2 h2{font-size:1.2rem}.s-block.t3 h2{font-size:1.4rem}.s-block.t4 h2{font-size:1.6rem}.s-block.t5 h2{font-size:1.8rem}.s-block.t6 h2{font-size:2rem}.s-block.t7 h2{font-size:2.2rem}.s-block.t8 h2{font-size:2.4rem}.s-block.t9 h2{font-size:2.6rem}.s-block.t10 h2{font-size:2.8rem}.s-block.t11 h2{font-size:3rem}.s-block.t12 h2{font-size:3.2rem}.s-block.t13 h2{font-size:3.4rem}.s-block.t14 h2{font-size:3.6rem}.s-block.t15 h2{font-size:3.8rem}.is-title-next-section+section .s-slider-block__title{display:none}.is-title-next-section+.s-block-division+section .s-slider-block__title{display:none}#app .nbg .banner-entry{background-color:#fff0}#app .enhanced-features.new1 .s-block--features__item{align-items:center;background-color:transparent!important}.enhanced-features.new1 img{animation:floting1 ease-in-out 7s infinite}#app .enhanced-features.new1 .feature-icon{background:transparent!important;overflow:unset}.enhanced-features.new1 .feature-icon>img{object-fit:cover}.enhanced-features.new1 .feature-icon{width:7rem;height:6rem}@media only screen and (min-width:1024px){.r2 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r3 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.r4 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.r5 .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@keyframes floting1{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}100%{transform:translateY(-10px)}}#app .s-block--tabs-produtcs .tab-trigger.s-button-btn{padding-left:.8rem;padding-right:.8rem;background-color:transparent!important}#app .s-block--tabs-produtcs .tabs>.tab-trigger{border-radius:6px}#app .s-block--tabs-produtcs .tabs{display:flex;justify-content:center;flex-wrap:wrap;border-radius:6px}.pgnshn .swiper-wrapper{padding-bottom:3rem}.pgnshn .swiper-wrapper .swiper-pagination{bottom:2px}.pgnshn salla-slider .swiper-pagination-bullet{border-color:antiquewhite}.index.switch1_on .s-product-card-horizontal .s-product-card-image{width:10rem}.c-38.sq-awesome-banners .banner-entry[style*="(3/1)"]{padding-top:38.5%!important}.store-footer .store-links-items{display:grid}.hide-products .main-content{display:none}
/* ===== Mobile Performance Turbo for Salla (safe) ===== */
html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/* 1) Kill heavy animations & transitions on mobile */
@media (max-width: 768px) {
  /* أي عنصر عليه animate__ أو ترانزيشنات طويلة */
  [class*="animate__"],
  .aali-animation,
  * {
    animation: none !important;
    transition: none !important;
  }

  /* 2) Content-visibility: يرسم الظاهر فقط */
  /* أقسام البلوكس والسلايدر والقوائم */
  .s-block, section, .s-products-list-wrapper, .swiper, .store-footer, header, footer {
    content-visibility: auto;
    contain-intrinsic-size: 1000px;
  }

  /* 3) ثبّت أبعاد صور المنتجات لتقليل CLS */
  /* صور المنتجات داخل الكروت الأفقية/العمودية */
  .s-product-card-image img,
  .product-block__thumb img,
  img.lazy-load {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;       /* منتجاتك أغلبها مربعة */
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
  }

  /* 4) ثبّت ارتفاع حاويات البانر الخلفية */
  /* عندك بانرات بـ lazy__bg / banner-entry */
  .banner-entry,
  .lazy__bg {
    aspect-ratio: 3 / 4;       /* اضبطها حسب تصميم بانرك الأكثر استخدامًا */
    background-size: cover;
    background-position: center;
  }

  /* لو عندك بانرات مربعة في بعض الأقسام، فعّل السطرين دول بدل السابق:
  .banner-entry, .lazy__bg { aspect-ratio: 1 / 1; }
  */

  /* 5) تخفيف الظلال والبلورات على الموبايل */
  .feature-item .feature-item__content,
  .product-block, .s-card, .s-modal, .s-dropdown,
  .header-inner-wrapper, .footer-main {
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  /* 6) عناصر overlay/preview تقلل INP على الأجهزة الضعيفة */
  /* لو مش معتمد عليها في الموبايل خفّ تأثيرها بصريًا */
  .showPreviewBtn { opacity: 0.6; }

  /* 7) الهيدر والنافبار: إرتفاع أقل لتقليل إعادة الرسم */
  .main-nav-container { height: 64px !important; }
  .store-header { --header-rad: 0; }

  /* 8) النصوص الكبيرة: قلّل حجمها خطوة على الموبايل لتقليل إعادة التدفق */
  .title, .title--primary, .s-block.t6 h2, .s-block.t7 h2, .s-block.t8 h2 {
    font-size: clamp(1rem, 4vw, 1.125rem) !important;
    line-height: 1.25 !important;
  }

  /* 9) جداول الشبكة: أعمدة أقل على الموبايل => رسم أسرع */
  .grid { grid-auto-rows: 1fr; }
}

/* ===== Optional, stronger (فعّالة جدًا بس تغيّر شكل الخط) ===== */
/* استبدال الخط بخط النظام على الموبايل يقلّل وقت رسم النص */
@media (max-width: 768px) {
  body, html, #app {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  }
}

/* ===== Micro-optimizations (آمنة) ===== */
/* لا تسمح لصور SVG الضخمة أن تكسر التخطيط */
img[src$=".svg"] { max-width: 100%; height: auto; }

/* ثبّت ارتفاع الكروت الأفقية لمنع القفزات */
.s-product-card-horizontal .s-product-card-image { aspect-ratio: 1 / 1; }

/* Pagination & Swiper: مسافات أقل على الموبايل */
@media (max-width: 768px) {
  .swiper-pagination { bottom: 4px !important; }
  .pgnshn .swiper-wrapper { padding-bottom: 1.25rem !important; }
}