/* ========== Color Variables / Section override ========== */
:root { --color-primary-reverse: #ffffff; }        /* default maroon */

/* ========== Base Typography & Sections ========== */
.s-block__title h2, .s-slider-block__title h2 { font-size: 36px !important; }
h2.text-base.xl\:text-xl.rounded-upto-5 { background: transparent !important; font-size: 18px !important; }
.bg-white\/80.py-12 { background: #f6f6f6; }
h3.text-2xl.font-bold.mb-4 { color: #212121; }

h2.ql-align-center,
h1.font-bold.text-3xl.mb-5.leading-10,
section#title-only-8 .s-block__title,
.s-slider-block__title { text-align: center; }

.s-block__title.relative.\!text-center .right-side.flex.flex-col.items-center.justify-center { align-items: flex-start; }
li.bg-gray-100\/55.px-2\.5.py-3.h-12.flex.items-center.justify-center.rounded-lg { background-color: transparent !important; }
section.s-block.s-block--full-bg.s-block--anime.s-block--enhanced-features.py-12.px-4 { background: #f4f4f4; }

/* ========== Logo ========== */
.navbar-brand img { max-height: 80px !important; width: 140px !important; }

/* ========== Price & Promo ========== */
span.regular-or-normal-price.sale-price.normal-price.font-bold {
  color: #ff6c00; font-weight: bolder !important; font-size: 26px !important;
}
span.regular-or-normal-price.normal-price { font-weight: 400 !important; }

p.product-entry__promotion_title.px-2.md\:px-2\.5.lg\:px-4.pb-0\.5.lg\:py-1.max-w-\[55\%\].overflow-hidden.text-ellipsis.whitespace-nowrap.bg-\[\#00af6c\].text-white.rounded-\[100px\].text-xs.md\:text-sm {
  background: #ff6c00; font-size: 11px; max-width: 75% !important;
}

/* ========== Header spacing ========== */
.header--mini.has-banner, .header--mini-center-logo.has-banner { margin-top: 0 !important; }

/* ========== Slider / Hero helpers (حذفت القواعد اللي كانت بتأثر على السلايدر) ========== */
.slide--cat-entry { background: transparent; }
/* تم حذف:
    - إخفاء التدرّج (.absolute ... opacity-60 { display:none })
    - فرض خلفية الرابط الشفافة على a.w-full...
*/

/* ========== Lazy Images / Visuals (شلت القواعد اللي كانت بتغيّر مقاس صور السلايدر) ========== */
/* تم حذف:
    img.lazy...inline-block.2xl:min-w-[280px] { width:46%; ... }
    img.lazy...group-hover:scale-110.loaded { width:57px; }
*/
.lazy__bg.lazy.entered.loaded { height: 115px; margin-top: 50px !important; }
img.max-h-28.max-w-24.grayscale.hover\:grayscale-0.duration-300.transition-all {
  max-width: 18rem !important; max-height: 144px !important; filter: none !important;
}

/* ========== Product Cards ========== */
.product-entry { background: #f4f4f4; border-radius: 0; padding: 17px !important; }
a.product-entry__title { text-align: center; font-weight: 600 !important; }
a.product-entry__title.mt-0\.5.text-start.text-sm.sm\:text-base.md\:text-lg.font-bold { font-size: 16px; text-align: center; }
/* تم حذف القاعدة اللي بتوسّط لينك السلايد: 
    .group.swiper-slide.flex.items-end > div > a { display:flex; justify-content:center; } */
.flex.flex-col.gap-2.justify-between.items-start.w-full.mt-auto { align-items: center; }

/* ========== Buttons ========== */
button.px-6.py-2.bg-pink-600.text-white.rounded-lg.hover\:bg-pink-700.transition-colors { background: #212121; }
button.btn--main, .btn--add-to-cart button { border-color: #ff6c00; }
button.btn--main .s-button-text, .btn--add-to-cart button .s-button-text { color: #00bcd4 !important; }
button.btn--main.btn--main-mini-mobile.group.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-after { display: none; }
button.btn--main.group.is-primary.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-after {
  background: #00bcd400; border-color: #00bcd400; font-size: 16px !important;
}
button.floating-contacts__trigger { background-color: #ff6c00 !important; color: #fff; }
.progress-wrap:after { background: #ff6c00 !important; }
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-large.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text {
  color: #212121 !important;
}

/* ========== Layout bits (شلت القاعدة العامة اللي كانت بتوسّط كل .flex.items-end.w-full) ========== */
/* تم حذف:
    .flex.items-end.w-full { display:flex; justify-content:center; align-items:center; } */

.main-content.blog-category.md\:w-96.flex-1.bg-white.rounded.mb-10.md\:mb-0 { width: 0rem !important; }

section.addtocart-bar.flex.gap-2\.5 { padding: 20px; border: 3px solid #212121; border-radius: 10px; }
.grid.items-4.md\:grid-cols-3.two-row.grid-flow-row.gap-2\.5.sm\:gap-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.s-block--square-photos .banner-entry { background: transparent; border-radius: 0; }
section.s-block.s-block--banners.s-block--square-photos.container { max-width: 100% !important; background: #f5f7f6; }

.relative.flex.flex-col.justify-center.text-center.gap-5.max-w-lg { display: none !important; }
a.mx-auto.w-fit.flex.text-center.items-center.justify-center.gap-2.mt-8.text-base.text-gray-600.font-semibold.p-4.group.hover\:text-primary.duration-300.transition-colors.relative.before\:h-1.before\:w-0.before\:absolute.before\:bottom-0.before\:end-0.before\:bg-primary.before\:duration-300.hover\:before\:w-full.aos-init.aos-animate { display: none; }

/* ========== Menus / Nav ========== */
.store-header .main-menu li.root-level > a {
  padding-top: 10px; padding-bottom: 10px; font-weight: 700; font-size: 20px;
}
/* .top-nav.has-custom-colors { } */
.top-nav .topnav-link-item {
  display: flex; cursor: pointer; align-items: center; gap: 0.375rem;
  padding-top: 7px; padding-bottom: 7px; font-size: 0.875rem; line-height: 1.25rem;
  color: #ff6c00; font-weight: 600;
}
p.ql-align-right, .sicon-iphone:before { color: #f56a00 !important; }

h3.collapse-trigger { font-size: 20px; font-weight: 900; }
.s-button-light-outline { display: none; }

.w-full.inline-flex.flex-nowrap.overflow-hidden.\[mask-image\:_linear-gradient\(to_right\,transparent_0\,_black_128px\,_black_calc\(100\%-200px\)\,transparent_100\%\)\].aos-init.aos-animate { height: 128px; }

ul#widget-footer-menu { display: flex; flex-direction: column; }
.widget.contacts-widget.border-t.lg\:border-t-0 { text-align: center; }
a.flex.gap-2\.5.items-center.text-sm.mobile { display: flex; justify-content: center; }
h1.font-bold.text-2xl.lg\:text-4xl.mb-10.lg\:mb-16 { text-align: center; }
.flex.items-center.bg-white.mb-5.rounded.gap-5 { display: none !important; }
h2.font-bold.mb-6 { display: none !important; }
.banner--fixed img { border-radius: 0 !important; }
a.social-link { background: #ff6c00; color: #fff; height: 2.7rem; width: 2.7rem; }
input.s-search-input { background: #ffffff !important; border-color: #ff6c00 !important; }
.hidden.lg\:block.quicklinks.relative.before\:absolute.before\:inset-0.before\:w-full.before\:h-full.before\:bg-primary.before\:opacity-20.before\:-z-1 { background: #ffffff !important; }
.header__icons.header__icons--full.flex.items-center.justify-end.gap-1\.5.md\:gap-5 { color: #ff6c00 !important; }
.store-header .main-menu li li > a span { color: #fff !important; }

/* ========== Mobile Only: Square-photos Auto Carousel ========== */
@media (max-width: 768px) {
  section.s-block.s-block--banners.s-block--square-photos.container {
    position: relative !important; overflow: hidden !important; background: #ffffff !important;
    aspect-ratio: 16 / 9; min-height: 56.25vw;
  }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid { position: relative !important; height: 100% !important; }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > * {
    position: absolute !important; inset: 10px !important; width: auto !important; height: auto !important;
    display: block !important; background: #ffffff !important; will-change: transform, opacity;
    animation: square-auto-left 20s linear infinite; opacity: 0;
  }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > *:nth-child(1) { animation-delay: 0s; }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > *:nth-child(2) { animation-delay: 5s; }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > *:nth-child(3) { animation-delay: 10s; }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > *:nth-child(4) { animation-delay: 15s; }
  section.s-block.s-block--banners.s-block--square-photos.container > div.grid > * img {
    width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; background: #ffffff !important;
  }
}

/* ========== Mobile (≤600px) tweaks ========== */
@media (max-width: 600px) {
  h2.text-base.xl\:text-xl.rounded-upto-5 { font-size: 13px !important; }
  /* تم حذف min-width:4px اللي كان على صور lazy */
  aside#storemenu-panel { background-color: #ffffff !important; }
  li#\34 12569629 { background: transparent; }
  button.btn--main, .btn--add-to-cart button { font-size: 12px !important; }
  a.product-entry__title.mt-0\.5.text-start.text-sm.sm\:text-base.md\:text-lg.font-bold { font-size: 12px !important; }

  .head-bg.absolute.inset-0.bg-no-repeat.bg-cover {
    background-image: url(https://i.postimg.cc/KjRfrp68/all-products-1.jpg) !important;
    background-size: cover !important;
    height: 207px !important;
  }

  .main-content.blog-category.md\:w-96.flex-1.bg-white.rounded.mb-10.md\:mb-0 { width: 22rem !important; }
  .side-panel__top { padding-top: 80px !important; }
  .grid.items-4.md\:grid-cols-3.two-row.grid-flow-row.gap-2\.5.sm\:gap-8 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lazy__bg.lazy.entered.loaded { height: 78px; }
  h3.collapse-trigger, ul#widget-footer-menu { text-align: center; }
  li#\35 4797824 { background: transparent; }
  header.product-index-page-header.relative.h-\[380px\].mb-10.px-5.text-white.flex-center { height: 234px !important; }
  .side-panel .mainmenu__default li a, div#widget-storemenu span { color: #ff6c00; }
}

/* ========== Keyframes ========== */
@keyframes square-auto-left {
  0% { transform: translateX(-100%); opacity: 0; }
  5% { opacity: 1; }
  25% { transform: translateX(0%); opacity: 1; }
  40% { transform: translateX(100%); opacity: 0; }
  50% { opacity: 0; }
  100% { transform: translateX(100%); opacity: 0; }
}

/* ========== Misc safe overrides ========== */
.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center .s-button-text { color: #ffffff !important; }
.s-add-product-button-mini-checkout-content { font-family: 'Cairo', sans-serif !important; }


/* أيقونات سلايدر: مقاسات قصوى */
:root { --icon-max-desktop: 180px; --icon-max-mobile: 120px; }
.s-slider-container .swiper-slide.slide--one-fourth img{
  width: auto !important; height: auto !important;
  max-height: var(--icon-max-desktop) !important; max-width: 80% !important;
  object-fit: contain !important; display: block; margin: 0 auto;
}
@media (max-width: 768px){
  .s-slider-container .swiper-slide.slide--one-fourth img{
    max-height: var(--icon-max-mobile) !important; max-width: 70% !important;
  }
}

/* ===== Hydralyte — Titles vs Body hierarchy ===== */
.product-accordion .hz-title{
  text-align:center !important; font-weight:800; line-height:1.35;
  margin:24px auto 10px; font-size:clamp(22px,2.8vw,30px);
}
.product-accordion .hz-body{
  font-size:clamp(14px,1.6vw,16px); line-height:1.9; color:#222; margin:0 0 18px;
}
.product-accordion .hz-body h3, .product-accordion .hz-body p{ margin:0 0 10px; }

.product-accordion .hz-faq{ display:grid; gap:10px; margin:14px 0 24px; }
.product-accordion .hz-acc{ border:1px solid #e6e6e6; border-radius:14px; overflow:hidden; background:#fff; transition:border-color .2s; }
.product-accordion .hz-acc summary{ list-style:none; }
.product-accordion .hz-acc summary::-webkit-details-marker{ display:none; }

.product-accordion .hz-acc-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; cursor:pointer; background:#fff; color:#000; font-weight:700;
  font-size:clamp(16px,1.8vw,18px);
}
.product-accordion .hz-acc-title{ line-height:1.5; }
.product-accordion .hz-acc-caret{ inline-size:18px; block-size:18px; position:relative; flex:0 0 18px; }
.product-accordion .hz-acc-caret::before,
.product-accordion .hz-acc-caret::after{
  content:""; position:absolute; background:currentColor; transition:transform .2s, background .2s;
}
.product-accordion .hz-acc-caret::before{ width:18px; height:2px; top:8px; left:0; }
.product-accordion .hz-acc-caret::after { width:2px; height:18px; top:0; left:8px; }

.product-accordion .hz-acc-panel{
  padding:14px 16px; font-size:clamp(14px,1.6vw,15px); line-height:1.85; display:none; color:#333;
}

.product-accordion .hz-acc[open]{ background:#000; color:#fff; border-color:#000; }
.product-accordion .hz-acc[open] .hz-acc-head{ background:#000; color:#fff; }
.product-accordion .hz-acc[open] .hz-acc-caret::after{ transform:scaleY(0); }
.product-accordion .hz-acc[open] .hz-acc-panel{ display:block; color:#fff; }

/* ===== Fixes ===== */
.lg\:grid-cols-2 {
  justify-items: center;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
/* يخفي الجزء الزيادة في صفحة الديسكريبشن */
.s-metadata-box-header{
    display: none !important;
}
.scroll-down{
    display: none !important;
}
.sale-price {
    font-weight: bold !important;
    color: red !important;
}
/* عووان صفحة ترطيب اسرع من الضوء */
.font-bold.text-2xl.lg\:text-4xl.mb-10.lg\:mb-16 {
  display: none;
}
.s-metadata-row-name{
  display: none;
}


.flex-shrink-0.w-16.h-16.overflow-hidden.rounded-lg {
  width: 140px !important;
  height: 140px !important;
}

.middle-product-details-banner {
    display: none !important;
}

.right-side h2 {
  text-align: center;   /* يخلي النص نفسه سنتر */
  width: 100%;          /* عشان ياخد عرض الديف الأب بالكامل */
}