/* TTCH: لمسات الفخامة (تنلصق في CSS المخصص للثيم) */

/* 0) شاشة البداية تغطي المتجر ثانيتين في كل صفحة: نشيلها */
body #splash-screen {
  display: none !important;
}

/* 1) الضغط على أي زر يحس فيه العميل: تصغير خفيف وسريع */
#app .s-button-btn,
#app .btn {
  transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}
#app .s-button-btn:active,
#app .btn:active {
  transform: scale(0.97);
}

/* 2) خانة الكمية ما لها معنى في خدمة: نشيلها من صفحة المنتج */
#app .sticky-product-bar__quantity {
  display: none !important;
}

/* 3) رابط التصنيف الأحمر تحت اسم المنتج: تشويش، نشيله */
#app .product-category-name {
  display: none !important;
}

/* 4) اللي مفعّل عنده تقليل الحركة في جهازه ما يشوف حركة */
@media (prefers-reduced-motion: reduce) {
  #app .animate__animated {
    animation: none !important;
  }
}

/* 5) صور البطاقات كلها مربعة، عشان البطاقات تطلع بنفس الطول */
#app .product-block__thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  height: auto;
}

/* 6) الرئيسية: البكج لحاله أول شي وفي النص، وتحته صف الخدمات الثلاث
   (1632142906 قسم البكج، 285744269 قسم الخدمات الثلاث) */
#app [component-id="1632142906"] .s-block__title,
#app [component-id="285744269"] .s-block__title {
  display: none !important;
}
#app [component-id="1632142906"] .s-products-list-wrapper {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center;
}
#app [component-id="1632142906"] .product-block {
  width: 100%;
  max-width: 440px;
}
#app [component-id="285744269"] .s-products-list-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 767px) {
  #app [component-id="1632142906"] { min-height: 500px; }
  #app [component-id="285744269"] { min-height: 210px; }
  #app [component-id="285744269"] .s-products-list-wrapper { gap: 8px !important; }
  #app [component-id="285744269"] .product-title .title {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  #app [component-id="285744269"] .product-subtitle { font-size: 11px; }
  #app [component-id="285744269"] .price-wrapper { font-size: 13px; }
  /* البطاقة كلها رابط للخدمة، والزر ما له مكان في هالعرض */
  #app [component-id="285744269"] .btn--add-to-cart { display: none !important; }
}
@media (min-width: 768px) {
  #app [component-id="1632142906"] { min-height: 580px; }
  #app [component-id="285744269"] { min-height: 460px; }
  #app [component-id="285744269"] .s-products-list-wrapper { max-width: 1000px; margin-inline: auto; }
}

/* 7) جداول الأرقام في وصف المنتج: مرتبة ومقروءة */
#app .product__description table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.75rem 0 1rem;
  font-size: 14px;
}
#app .product__description th {
  color: #b9b3ff;
  font-weight: 600;
  text-align: start;
  padding: 0 8px 8px;
  border-bottom: 1px solid rgba(113, 112, 255, 0.35);
}
#app .product__description td {
  padding: 10px 8px;
  vertical-align: top;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  line-height: 1.6;
}
#app .product__description td strong {
  color: #ffffff;
}