html[lang="ar"] .top-navbar span.uppercase::after { content: " · شحن مجاني من ١١٩ ﷼"; font-weight: 600; }
html[lang="en"] .top-navbar span.uppercase::after { content: " · Free shipping over SAR 119"; font-weight: 600; }
/* ipc-bar */

/* ===== شاشة الانتقال بالشعار + حركة بين الصفحات ===== */
@view-transition { navigation: auto; }
::view-transition-old(root){ animation: ipc-vt-out .26s cubic-bezier(.4,0,1,1) both; }
::view-transition-new(root){ animation: ipc-vt-in .36s cubic-bezier(0,0,.2,1) both; }
@keyframes ipc-vt-out{ to{ opacity:0; transform:scale(.985); } }
@keyframes ipc-vt-in{ from{ opacity:0; transform:scale(1.012) translateY(10px); } }

body::before{ content:""; position:fixed; inset:0; z-index:99998; background:#282461; pointer-events:none; animation: ipc-veil .95s ease forwards; }
body::after{ content:""; position:fixed; z-index:99999; top:50%; left:50%; width:min(240px,48vw); aspect-ratio:1161/414; transform:translate(-50%,-50%); background:url('https://cdn.files.salla.network/theme/1768045941/e51ab754-a79e-4626-8252-c04e2d75f5e1-original.webp') center/contain no-repeat; filter:brightness(0) invert(1); pointer-events:none; animation: ipc-logo .95s ease forwards; }
@keyframes ipc-veil{ 0%,48%{ opacity:1; } 100%{ opacity:0; visibility:hidden; } }
@keyframes ipc-logo{ 0%{ opacity:0; transform:translate(-50%,-50%) scale(.92); } 18%{ opacity:1; transform:translate(-50%,-50%) scale(1); } 48%{ opacity:1; } 100%{ opacity:0; transform:translate(-50%,-50%) scale(1.06); visibility:hidden; } }

/* ===== اصلاحات الثيم ===== */
/* شريط مميزات الثيم الافتراضي (ضمان سنة / تغليف هدايا / ارجاع مجاني) يظهر في الصفحات الداخلية وهو غير صحيح لصيدلية */
body:not(.index) section.art-features{ display:none !important; }
/* اظهار زر «اضف الى السلة» دائما على بطاقة المنتج */
.art-product-card-content-footer-icon{ opacity:1 !important; bottom:.75rem !important; }
/* اظهار زر المفضلة */
.s-product-card-wishlist-btn.hidden{ display:inline-flex !important; }
.s-product-card-wishlist-btn{ top:8px !important; z-index:5; }

@media (prefers-reduced-motion: reduce){
  body::before, body::after{ display:none !important; }
  ::view-transition-old(root), ::view-transition-new(root){ animation:none !important; }
}

/* ==========================================================
   حركة الظهور — i Pharma Care
   الثيم يضع وسوم data-aos على العناوين لكنه لا يحمّل مكتبة AOS،
   فتظهر العناصر بلا أي حركة. هنا نشغّلها عبر Scroll-driven Animations.
   المتصفحات القديمة تتجاهل الكتلة كاملة فيبقى الموقع كما هو تمامًا.
   ========================================================== */
@supports (animation-timeline: view()) {
  @keyframes ipc-zoom-out-up {
    from { opacity: 0; transform: scale(1.08) translateY(26px); }
    to   { opacity: 1; transform: none; }
  }
  @keyframes ipc-zoom-out {
    from { opacity: 0; transform: scale(1.08); }
    to   { opacity: 1; transform: none; }
  }
  @keyframes ipc-rise {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: none; }
  }
  [data-aos="zoom-out-up"] {
    animation: ipc-zoom-out-up linear both;
    animation-timeline: view();
    animation-range: entry 5% cover 30%;
  }
  [data-aos="zoom-out"] {
    animation: ipc-zoom-out linear both;
    animation-timeline: view();
    animation-range: entry 5% cover 30%;
  }
  .s-product-card-entry,
  custom-salla-product-card,
  salla-product-card {
    animation: ipc-rise linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 20%;
  }
}

/* حركة دخول بسيطة لكل صفحة - تعمل على كل المتصفحات */
@keyframes ipc-fade-in { from { opacity: 0; } to { opacity: 1; } }
main, .main-content, #app > section { animation: ipc-fade-in .4s ease-out; }

/* حياة على بطاقة المنتج عند المرور بالماوس */
.s-product-card-entry { transition: transform .28s ease, box-shadow .28s ease; }
.s-product-card-entry:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(40, 36, 97, .12); }
.s-product-card-image img { transition: transform .5s ease; }
.s-product-card-entry:hover .s-product-card-image img { transform: scale(1.05); }

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  [data-aos],
  .s-product-card-entry,
  custom-salla-product-card,
  salla-product-card,
  main, .main-content {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ===== i Pharma Care — custom ===== */

/* 1) Poppins for the English storefront only */
html[lang="en"], html[lang="en"] body, html[lang="en"] button,
html[lang="en"] input, html[lang="en"] select, html[lang="en"] textarea,
html[lang="en"] .art-title, html[lang="en"] .s-product-card-content-title,
html[lang="en"] .s-product-card-price, html[lang="en"] .tab-trigger {
  font-family: 'Poppins', 'Cairo', sans-serif !important;
}

/* 2) Navy instead of black */
.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-price,
.tab-trigger {
  color: #282461 !important;
}

/* 3) Smaller and lighter type */
.s-product-card-content-title {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}
.s-product-card-price { font-size: 15px !important; font-weight: 600 !important; }
.tab-trigger { font-weight: 600 !important; }
.art-title { font-weight: 400 !important; }
@media (min-width: 1024px) { .art-title { font-size: 26px !important; } }

/* 4) Product tabs must stay visible on hover */
.tab-trigger:hover,
.tab-trigger.s-button-primary-outline:hover {
  background-color: transparent !important;
  border-color: #282461 !important;
  color: #282461 !important;
}
footer a{color:#3A3E55 !important;}
.s-product-card-entry{border:1px solid #ECEDF4 !important;border-radius:16px !important;background:#fff !important;padding:10px !important;}
.s-product-card-image{border-radius:12px !important;background:#fff !important;}
.s-product-card-image a{background:#fff !important;}
.art-features h4{color:#282461 !important;font-weight:600 !important;font-size:18px !important;letter-spacing:0 !important;}
.art-banner-button{border-radius:10px !important;}
/* ipc-tabs */
.tabs.hide-scroll{gap:.6rem !important;justify-content:center !important;flex-wrap:wrap !important;}
.tabs .tab-trigger{background:#f4f6f9 !important;border:1px solid #e6eaf0 !important;border-radius:12px !important;padding:.6rem 1.4rem !important;font-weight:600 !important;color:#282461 !important;opacity:1 !important;transition:all .2s ease !important;}
.tabs .tab-trigger:hover{background:#e8f6f5 !important;border-color:#5bc3bf !important;}
.tabs .tab-trigger.is-active{background:#282461 !important;border-color:#282461 !important;color:#fff !important;box-shadow:0 6px 16px rgba(40,36,97,.18) !important;}
.tabs .tab-trigger::after,.tabs .tab-trigger::before{display:none !important;}