/* Add custom CSS styles below */ 
/*EN*/
.index section:nth-of-type(1):lang(en), 
.index section:nth-of-type(2):lang(en),
.index section:nth-of-type(5):lang(en),
.index section:nth-of-type(6):lang(en),
.index section:nth-of-type(10):lang(en),
.index section:nth-of-type(12):lang(en),
.index section:nth-of-type(13):lang(en),
.index section:nth-of-type(16):lang(en),
.index section:nth-of-type(19):lang(en),
.index section:nth-of-type(20):lang(en),
.index section:nth-of-type(23):lang(en),
.index section:nth-of-type(24):lang(en),
.index section:nth-of-type(28):lang(en),
.index section:nth-of-type(29):lang(en),
.index section:nth-of-type(34):lang(en),
.index section:nth-of-type(35):lang(en),
.index section:nth-of-type(38):lang(en),
.index section:nth-of-type(39):lang(en)

{
display:none !important;
}











/*AR*/
.index section:nth-of-type(3):lang(ar), 
.index section:nth-of-type(4):lang(ar),
.index section:nth-of-type(7):lang(ar),
.index section:nth-of-type(8):lang(ar),
.index section:nth-of-type(11):lang(ar),
.index section:nth-of-type(14):lang(ar),
.index section:nth-of-type(15):lang(ar),
.index section:nth-of-type(17):lang(ar),
.index section:nth-of-type(21):lang(ar),
.index section:nth-of-type(22):lang(ar),
.index section:nth-of-type(25):lang(ar),
.index section:nth-of-type(26):lang(ar),
.index section:nth-of-type(30):lang(ar),
.index section:nth-of-type(31):lang(ar),
.index section:nth-of-type(36):lang(ar),
.index section:nth-of-type(37):lang(ar),
.index section:nth-of-type(40):lang(ar),
.index section:nth-of-type(41):lang(ar)
{
display:none !important;
}



/*laptop*/

@media(min-width:768px){
.index section:nth-of-type(2),
.index section:nth-of-type(4),
.index section:nth-of-type(6),
.index section:nth-of-type(8),  
.index section:nth-of-type(13),
.index section:nth-of-type(15),
.index section:nth-of-type(20),
.index section:nth-of-type(22),
.index section:nth-of-type(24),
.index section:nth-of-type(26),
.index section:nth-of-type(29),
.index section:nth-of-type(31),
.index section:nth-of-type(35),
.index section:nth-of-type(37),
.index section:nth-of-type(39),
.index section:nth-of-type(41)
{display:none !important;}


}


/*mobile*/
@media(max-width:768px){
.index section:nth-of-type(1),
.index section:nth-of-type(3),
.index section:nth-of-type(5),
.index section:nth-of-type(7),
.index section:nth-of-type(12),
.index section:nth-of-type(14),
.index section:nth-of-type(19), 
.index section:nth-of-type(21), 
.index section:nth-of-type(23),
.index section:nth-of-type(25),
.index section:nth-of-type(28),
.index section:nth-of-type(30),
.index section:nth-of-type(34),
.index section:nth-of-type(36),
.index section:nth-of-type(38),
.index section:nth-of-type(40)
{display:none !important;}

}




:is( 
section:nth-of-type(23),
section:nth-of-type(24),
section:nth-of-type(25),
section:nth-of-type(26)
) 
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(
section:nth-of-type(38),
section:nth-of-type(39),
section:nth-of-type(40),
section:nth-of-type(41)
)
 .grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}









.s-block {
        margin-top: 1rem;
    }
body#app {
    background: #fff !important;
}
.s-block--photos-slider .swiper.s-slider-container.swiper-initialized {
    padding-bottom: 0;
}
.swiper.s-slider-container.swiper-initialized{
padding:5px;
}
salla-slider.photos-slider .swiper-slide {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}



/*start categorey */

 .slide--one-sixth {
    width: 12.5% !important;
}
div:has(.slide--one-sixth){
    transition: none !important;
    transform: none !important;
}
section.s-block.s-block--categories .s-slider-v-centered .s-slider-block__title-nav button{
display:none !important;

}
.swiper-slide.slide--one-sixth i::before {
    content: "" !important;
   
}

.swiper-slide.slide--one-sixth h2{
display:none !important;
}

.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="1 / 8"] a {
    background: url(https://takteek.net/wp-content/uploads/2024/09/Group-25.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
    
    
}

.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="2 / 8"] a {
    background: url(https://takteek.net/wp-content/uploads/2024/09/Group-24.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
    
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="3 / 8"] a {
    background: url(https://www2.0zz0.com/2025/09/27/10/270987770.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="4 / 8"] a {
    background: url(https://www2.0zz0.com/2025/09/27/10/805835889.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="5 / 8"] a {
    background: url(https://www2.0zz0.com/2025/09/27/10/854874402.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
 
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="6 / 8"] a {
    background: url(https://www2.0zz0.com/2025/09/27/10/457239131.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
  
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="7 / 8"] a {
    background: url(https://takteek.net/wp-content/uploads/2024/09/Group-21.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(9) .swiper-slide.slide--one-sixth[aria-label="8 / 8"] a {
    background: url(https://takteek.net/wp-content/uploads/2024/09/Group-22.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}


.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="1 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/439991811.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
    
    
}

.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="2 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/100588674.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
    
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="3 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/356773469.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="4 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/938127674.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="5 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/830712380.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
 
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="6 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/925671729.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
  
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="7 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/380410744.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}
.index section:nth-of-type(32) .swiper-slide.slide--one-sixth[aria-label="8 / 8"] a {
    background: url(https://www2.0zz0.com/2025/01/26/10/524002414.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 144 / 187;
   
}


/*end cat */

a.banner-entry.square-photos div {
    position: relative !important;
    padding: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
}
section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
        grid-column: 1;
        grid-row: 1;
    }
   .index section:nth-of-type(10) a.banner-entry.square-photos ,   .index section:nth-of-type(11) a.banner-entry.square-photos {
    padding: 0 !important;
    height: auto !important;
    aspect-ratio: 330 / 413;
}
  .index section:nth-of-type(16) a ,   .index section:nth-of-type(17) a {
    padding: 0 !important;
    height: auto !important;
    aspect-ratio: 2000/ 803;
}
.index section:nth-of-type(10) .grid , .index section:nth-of-type(11) .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media(max-width:768px){
.index section:nth-of-type(10) .grid,
.index section:nth-of-type(11) .grid,
.index section:nth-of-type(6) .grid,
.index section:nth-of-type(8) .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.slide--one-sixth {
    width: 25% !important;
    display: inline-block;
}
section.s-block.s-block--categories .swiper-wrapper {
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.index section:nth-of-type(6) a.banner-entry:nth-child(1), .index section:nth-of-type(6) a.banner-entry:nth-child(8) {
    grid-column-start: 1;
    grid-column-end: 3;
    height: auto;
    aspect-ratio: 4 / 1 !important;
   
}


}

:is( section:nth-of-type(23),
section:nth-of-type(25) 
) .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry {
    height: auto;
    aspect-ratio: 1000 / 429;
}
:is(
section:nth-of-type(24),
section:nth-of-type(26)
) .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry {
    height: auto;
    aspect-ratio: 10 / 11;
}

:is( section:nth-of-type(38),
section:nth-of-type(40)
) .grid a {
    height: auto;
    aspect-ratio: 1721/ 840;
}
:is( section:nth-of-type(39),
section:nth-of-type(41)
) .grid a {
    height: auto;
    aspect-ratio: 10/ 11;
}
:is( section:nth-of-type(6),
section:nth-of-type(8)
) .grid a {
    height: auto;
    aspect-ratio: 6/ 5;
}


/* ===== اخفاء البنر الكبير في صفحة المدونة فقط ===== */
body.blog-index .main-content > *:first-child img {
  display: none !important;
}

/* تخلية المساحة المحجوزة للبنر (لو ملفوف داخل ديف/فيجر) */
body.blog-index .main-content > *:first-child {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}


/* ===== Salla Blog – FINAL (covers + article images) ===== */

/* ========== A) صفحة قائمة المدونة (/blog) ========== */
/* تصغير وتوحيد غلاف بطاقات المقالات – يعمل مع <img> فقط */
body.blog-index .main-content [class*="card"] img,
body.blog-index .main-content [class*="media"] img,
body.blog-index .main-content [class*="image"] img,
body.blog-index .main-content [class*="cover"] img,
body.blog-index .main-content [class*="figure"] img {
  width: 100% !important;
  max-width: 500px !important;   /* غيّرها إذا تبغى أصغر/أكبر */
  height: 250px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  display: block !important;
  background: #fff;
}

/* إن كان الغلاف مضاف كـ background-image */
body.blog-index .main-content [class*="card"] [class*="media"],
body.blog-index .main-content [class*="card"] [class*="image"],
body.blog-index .main-content [class*="card"] [class*="cover"],
body.blog-index .main-content [class*="card"] [class*="figure"],
body.blog-index .main-content [class*="media"],
body.blog-index .main-content [class*="image"],
body.blog-index .main-content [class*="cover"],
body.blog-index .main-content [class*="figure"] {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  max-width: 500px !important;
  height: 250px !important;
  margin: 0 auto !important;
  background-color: #fff !important;
}

/* منع أي قصّ من حاويات نسبة الأبعاد داخل القائمة */
body.blog-index .main-content .ratio-box,
body.blog-index .main-content .image,
body.blog-index .main-content .card__figure {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  aspect-ratio: auto !important;
}
body.blog-index .main-content .ratio-box::before { content: none !important; }




/* ===== Inside Article (blog-single) — show full image (no crop) ===== */

/* فك أي نسبة أبعاد/قص على حاويات الغلاف والصورة داخل المقال */
body.blog-single .md\:flex.items-start > :first-child,
body.blog-single .md\:flex.items-start > :first-child :is(.ratio, .ratio-box, .image, .media, .figure, .cover, .hero) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  aspect-ratio: auto !important;
}
body.blog-single .md\:flex.items-start > :first-child::before,
body.blog-single .md\:flex.items-start > :first-child :is(.ratio, .ratio-box, .image, .media, .figure, .cover, .hero)::before {
  content: none !important;
}

/* لو الغلاف محطوط كخلفية */
body.blog-single .md\:flex.items-start > :first-child [style*="background-image"],
body.blog-single .md\:flex.items-start > :first-child :is(.image, .media, .figure, .cover, .hero)[style*="background-image"] {
  background-size: contain !important;   /* اعرضها كاملة */
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  max-width: 850px !important;
  height: auto !important;
  min-height: 320px !important;          /* حد أدنى شكلي فقط */
  margin: 0 auto 20px !important;
}

/* لو كانت <img> */
body.blog-single .md\:flex.items-start > :first-child img {
  width: 100% !important;
  max-width: 850px !important;
  height: auto !important;               /* أهم سطر يمنع القص */
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto 20px !important;
}

/* ===== Inside Article – smaller image ===== */
body.blog-single .md\:flex.items-start > :first-child img,
body.blog-single .md\:flex.items-start > :first-child [style*="background-image"] {
  width: 100% !important;
  max-width: 600px !important;   /* عرض أصغر (غير الرقم حسب رغبتك) */
  max-height: 300px !important;  /* ارتفاع أصغر */
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto 20px !important;
  display: block !important;
}


/* ===== بنر إرجاع مجاني كصورة فقط (CSS) ===== */
:root{
  --return-banner-img: url("https://www2.0zz0.com/2025/09/29/09/777557373.png"); /* ← ضع رابط الصورة هنا */
  --return-banner-link: "https://jawhara.online/ar/%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B1%D8%AC%D8%A7%D8%B9-%D9%88-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84-%D9%88-%D8%A7%D8%B3%D8%AA%D8%B1%D8%AF%D8%A7%D8%AF-%D8%A7%D9%84%D9%85%D8%A8%D9%84%D8%BA/page-536354748"; /* ← ضع الرابط هنا */
}

:is(
  .product-form,
  form.product-form,
  .product__actions,
  .product-actions,
  .product__info,
  .product-info,
  .product-summary,
  .single-product form,
  form[action*="cart"]
){
  position: relative;
  padding-top: 76px !important;
}

/* المستطيل الأبيض + الصورة */
:is(
  .product-form,
  form.product-form,
  .product__actions,
  .product-actions,
  .product__info,
  .product-info,
  .product-summary,
  .single-product form,
  form[action*="cart"]
)::before{
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 10px;
  display: block;
  height: 60px;
  background:
    #fff
    var(--return-banner-img) center / auto 70% no-repeat;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,.04);
  z-index: 1;
  cursor: pointer; /* شكل اليد */
}

/* استجابة للجوال */
@media (max-width: 768px){
  :is(
    .product-form,
    form.product-form,
    .product__actions,
    .product-actions,
    .product__info,
    .product-info,
    .product-summary,
    .single-product form,
    form[action*="cart"]
  ){
    padding-top: 64px !important;
  }
  :is(
    .product-form,
    form.product-form,
    .product__actions,
    .product-actions,
    .product__info,
    .product-info,
    .product-summary,
    .single-product form,
    form[action*="cart"]
  )::before{
    height: 50px;
    background-size: auto 72%;
  }
}