.elementor-4845 .elementor-element.elementor-element-4124de3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-4845 .elementor-element.elementor-element-0e2fc83{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--background-transition:0.3s;--overlay-opacity:0.14;--overlay-mix-blend-mode:color-dodge;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4845 .elementor-element.elementor-element-0e2fc83:not(.elementor-motion-effects-element-type-background), .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081529;}.elementor-4845 .elementor-element.elementor-element-0e2fc83::before, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-background-video-container::before, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-background-video-container::before, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-background-slideshow::before, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://topcoolgroup.com/wp-content/uploads/2025/04/خطوات-تركيب-مكيف-سبليت-بدون-تأسيس-1024x683-1.webp");--background-overlay:'';background-size:cover;}.elementor-4845 .elementor-element.elementor-element-0e2fc83, .elementor-4845 .elementor-element.elementor-element-0e2fc83::before{--border-transition:0.3s;}.elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-shape-bottom .elementor-shape-fill, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#ffffff;}.elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-shape-bottom svg, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:230px;}.elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-shape-bottom, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-4845 .elementor-element.elementor-element-a8a0cfc{--display:flex;--justify-content:center;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4845 .elementor-element.elementor-element-2f30ff1{text-align:center;}.elementor-4845 .elementor-element.elementor-element-2f30ff1 .elementor-heading-title{color:#ffffff;font-family:"Tajawal", Sans-serif;font-size:5em;font-weight:700;text-transform:capitalize;line-height:1.2em;}.elementor-4845 .elementor-element.elementor-element-e2f0fec{--spacer-size:30px;}.elementor-4845 .elementor-element.elementor-element-ad7cdec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--background-transition:0.3s;}.elementor-4845 .elementor-element.elementor-element-86d6119{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-4845 .elementor-element.elementor-element-59b65ee{text-align:center;color:#ffffff;font-family:"Tajawal", Sans-serif;font-size:1em;font-weight:400;line-height:1.8em;}.elementor-4845 .elementor-element.elementor-element-5cfe8d0{--display:flex;--justify-content:flex-start;--background-transition:0.3s;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4845 .elementor-element.elementor-element-bd093d7{--display:flex;--justify-content:flex-start;--background-transition:0.3s;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button{background-color:#f7f7f7;font-family:"Tajawal", Sans-serif;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:#fcfcfc;border-radius:4px 4px 4px 4px;}.elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button:hover, .elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button:focus{background-color:rgba(44,147,245,0);color:#ffffff;border-color:#ffffff;}.elementor-4845 .elementor-element.elementor-element-ff6c8e3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button:hover svg, .elementor-4845 .elementor-element.elementor-element-ff6c8e3 .elementor-button:focus svg{fill:#ffffff;}.elementor-4845 .elementor-element.elementor-element-3dc1b21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}@media(max-width:1024px){.elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-shape-bottom svg, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-shape-bottom svg{width:calc(400% + 1.3px);height:250px;}.elementor-4845 .elementor-element.elementor-element-0e2fc83{--padding-top:100px;--padding-bottom:100px;--padding-left:25px;--padding-right:25px;}.elementor-4845 .elementor-element.elementor-element-a8a0cfc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4845 .elementor-element.elementor-element-2f30ff1{text-align:center;}}@media(max-width:767px){.elementor-4845 .elementor-element.elementor-element-0e2fc83 > .elementor-shape-bottom svg, .elementor-4845 .elementor-element.elementor-element-0e2fc83 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:40px;}.elementor-4845 .elementor-element.elementor-element-0e2fc83{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-4845 .elementor-element.elementor-element-a8a0cfc{--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4845 .elementor-element.elementor-element-2f30ff1{text-align:center;}.elementor-4845 .elementor-element.elementor-element-2f30ff1 .elementor-heading-title{font-size:2.8rem;}.elementor-4845 .elementor-element.elementor-element-e2f0fec{--spacer-size:10px;}}@media(min-width:768px){.elementor-4845 .elementor-element.elementor-element-86d6119{--width:43.08%;}.elementor-4845 .elementor-element.elementor-element-5cfe8d0{--width:7.895%;}.elementor-4845 .elementor-element.elementor-element-bd093d7{--width:49.021%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4845 .elementor-element.elementor-element-86d6119{--width:50%;}.elementor-4845 .elementor-element.elementor-element-bd093d7{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-e92309e *//* ===== اختياري: استدعاء خط Tajawal (احذف السطرين دول لو الخط متضيف عندك بالفعل) ===== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500;700;800&display=swap');

/* ===== كونتينر عام ===== */
.tpc-subcat-filter{ max-width:1200px; margin-inline:auto; }

/* ===== فلاتر الصور ===== */
.tpc-subcat-strip{
  display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin:10px 0 18px;
}
.tpc-subcat-card{
  background:#fff; border:1px solid #e9edf3; border-radius:18px;
  padding:10px; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.04);
  transition:transform .15s, box-shadow .15s, border-color .15s;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  min-width:0; width:100%; box-sizing:border-box; position:relative;
}
.tpc-subcat-card:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.07); }
.tpc-subcat-card.tpc-active{ border-color:#0d1c34; box-shadow:0 0 0 3px rgba(13,28,52,.12); }

.tpc-subcat-thumb{
  width:var(--tpc-img,140px); height:var(--tpc-img,140px);
  border-radius:14px; overflow:hidden; background:#f6f6f7; display:block;
}
.tpc-subcat-thumb img{ width:100%; height:100%; object-fit:contain; padding:18px; display:block; }
.tpc-subcat-placeholder{ display:none; }

/* اسم التصنيف تحت الصورة بخط Tajawal */
.tpc-subcat-name{
  display:block; margin-top:6px;
  font-family:'Tajawal', system-ui, -apple-system, "Segoe UI", "Cairo", "Noto Kufi Arabic", Arial, sans-serif;
  font-weight:700; font-size:13px; line-height:1.25; color:#0d1c34; text-align:center;
  max-width: calc(var(--tpc-img,140px) + 20px);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* ===== موبايل: الفلاتر عمودين (2 جنب بعض) ===== */
@media (max-width:520px){
  .tpc-subcat-filter{ --tpc-img:96px; }
  .tpc-subcat-strip{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap:12px !important; justify-items:center !important; align-items:start !important;
  }
  .tpc-subcat-card{ padding:8px !important; border-radius:14px !important; }
  .tpc-subcat-thumb{ border-radius:12px !important; }
  .tpc-subcat-thumb img{ padding:14px !important; }
  .tpc-subcat-name{
    font-size:13px; max-width:120px;
    white-space:normal; /* يسمح بسطر/سطرين */
  }
}

/* تابلت: 3 أعمدة (اختياري) */
@media (min-width:521px) and (max-width:820px){
  .tpc-subcat-strip{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap:12px !important; justify-items:center !important;
  }
}

/* ===== شبكة المنتجات (الكروت المخصّصة) ===== */
.tpc-cards{ display:grid; gap:22px; }
.tpc-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.tpc-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.tpc-cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:1024px){ .tpc-cols-3, .tpc-cols-4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px){ .tpc-cards{ grid-template-columns:1fr; } }

.tpc-card{
  background:#fff; border:1px solid #e9edf3; border-radius:18px;
  padding:16px; box-shadow:0 4px 16px rgba(0,0,0,.05);
  display:flex; flex-direction:column; gap:12px;
}
.tpc-card__img{ display:block; aspect-ratio:4/3; background:#f6f7f9; border-radius:14px; overflow:hidden; }
.tpc-card__img img{ width:100%; height:100%; object-fit:contain; padding:14px; display:block; }
.tpc-card__title{
  font-size:20px; line-height:1.35; font-weight:800;
  color:#0d1c34; text-align:center; margin:6px 0;
}
.tpc-card__price{ text-align:center; font-weight:700; margin-bottom:6px; }
.tpc-card__btn{
  display:block; text-align:center; width:100%; border-radius:12px;
  padding:12px 16px; font-weight:700; background:#0d1c34; color:#fff; border:none; text-decoration:none;
}
.tpc-card__btn:hover{ filter:brightness(1.05); }
/* ==== FIX: فلاتر الديسكتوب ما تبقاش بعرض الصفحة ==== */
.tpc-subcat-strip{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; } /* تأكيد */
.tpc-subcat-card{
  width: auto !important;    /* بدل 100% */
  flex: 0 0 auto;            /* خليه عنصر بعرض المحتوى */
  max-width: none !important;
}

/* الاسم يلتزم بعرض الصورة */
.tpc-subcat-name{ max-width: calc(var(--tpc-img,140px) + 10px) !important; }

/* موبايل فقط: نخليها عمودين وكل كارت ياخد عرض الخليّة */
@media (max-width:520px){
  .tpc-subcat-strip{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap:12px !important; justify-items:center !important;
  }
  .tpc-subcat-card{ width:100% !important; } /* هنا بس تبقى 100% */
}/* End custom CSS */
/* Start custom CSS *//* ====== تصحيح شكل فلاتر الصور (يلغي تأثير الثيم) ====== */
.tpc-subcat-strip{
  display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  margin:8px 0 18px;
  direction: rtl; justify-content:flex-start;
}

.tpc-subcat-card{
  background:#fff !important;
  border:1px solid #e7e7e7 !important;
  border-radius:18px !important;
  padding:10px !important;
  box-shadow:0 2px 10px rgba(0,0,0,.04) !important;
  cursor:pointer; outline:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}
.tpc-subcat-card:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.07) !important; }
.tpc-subcat-card.tpc-active{
  border-color:#0d1c34 !important;
  box-shadow:0 0 0 3px rgba(13,28,52,.15) !important;
}

/* المربعات متساوية وفيها أيقونة داخلية مرتاحة */
.tpc-subcat-thumb{
  width:var(--tpc-img,120px); height:var(--tpc-img,120px);
  border-radius:14px; overflow:hidden; background:#f6f6f7; display:block;
}
.tpc-subcat-thumb img{
  width:100%; height:100%; object-fit:contain; display:block;
  padding:18px; filter:grayscale(10%) contrast(1.05);
  transition:transform .15s ease, filter .15s ease;
}
.tpc-subcat-card:hover .tpc-subcat-thumb img{ transform:scale(.98); filter:none; }

/* لو في تصنيفات من غير صورة، إمّا خبي الـPlaceholder أو أظهره */
.tpc-subcat-placeholder{ display:none !important; }  /* اخفاءه */
/* لو عايز يظهر حرف أول اسم التصنيف بدال الفراغ، علّق السطر اللي فوق وفعّل اللي تحت */
/* .tpc-subcat-placeholder{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;font:700 28px/1 Tajawal,system-ui;color:#333} */

/* شبكة المنتجات تظل مرتبة */
.tpc-products-grid{ display:grid; gap:18px; }
.tpc-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.tpc-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.tpc-cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:1024px){ .tpc-cols-4{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:768px){
  .tpc-subcat-strip{ gap:10px; }
  .tpc-cols-4, .tpc-cols-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* تأكيد إزالة أي إطار/خلفية غريبة من عناصر داخل الكارت */
.tpc-subcat-card *{ box-shadow:none !important; background:none; }/* End custom CSS */