html,
body {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

.container,
#app,
#app > *,
main,
.page-wrapper,
.wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* حداکثر عرض محتوا = عرض بنر (فقط روی صفحه‌های بالای ۱۹۲۰ پیکسل اثر دارد) */
.container {
  max-width: 1920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* بنر دسکتاپ همیشه با نسبت 24:5 تا در لپ‌تاپ‌ها کناره‌هایش بریده نشود */
@media (min-width: 1024px) {
  .hero-slider .swiper-slide img {
    aspect-ratio: 24 / 5 !important;
  }
}

/* هدر: نوار زرد بالای سایت وقتی کاربر به پایین اسکرول می‌کند جمع شود (با اسکرول به بالا برمی‌گردد) */
.navbar.collapsed .banner-top {
  display: none;
}

/* آیکون شبکه‌های اجتماعی که هنوز لینک واقعی ندارند (username) نمایش داده نشوند */
a[href*="/username"],
a[href$="twitter.com/"],
a[href$="twitter.com"] {
  display: none !important;
}

/* متن مخصوص گوگل و صفحه‌خوان‌ها (دیده نمی‌شود) - برای H1 صفحه اصلی */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* HEC special offers — append after the existing custom-overrides.css rules.
   Scoped to .special-offers; carousel sizing and behavior stay with the theme. */

.special-offers {
  --kt-special-offers-bg: #007b83;
  background-color: var(--kt-special-offers-bg);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgb(0 70 76 / 10%);
}

.special-offers .special-offers-abstract::before {
  filter: grayscale(1);
  opacity: 0.08;
}

.special-offers h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.5;
  text-shadow: none;
}

/* Make the existing pink illustration silver while keeping its shading. */
.special-offers > .flex > div:first-child > img {
  filter: grayscale(1);
}

.special-offers > .flex > div:first-child > a.btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 160px;
  height: 44px;
  padding: 0 16px;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 22px;
  background: #ffffff;
  color: #007b83;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.special-offers .swiper-slide > a,
.special-offers .scrollable-row > div > a {
  background-color: #ffffff;
  border-radius: 12px;
  color: #293238;
  box-shadow: 0 2px 8px rgb(0 42 47 / 8%);
}

/* Avoid the teal background showing through unavailable product cards. */
.special-offers .swiper-slide > a.opacity-75,
.special-offers .scrollable-row > div > a.opacity-75 {
  opacity: 1;
  background-color: #f2f5f6;
}

.special-offers .swiper-slide h3,
.special-offers .swiper-slide .text-dark,
.special-offers .scrollable-row h3,
.special-offers .scrollable-row .text-dark {
  color: #293238;
}

.special-offers .swiper-slide .text-red-dark,
.special-offers .scrollable-row .text-red-dark {
  color: #63747b;
}

.special-offers .swiper-minimal-navigation {
  background-color: #ffffff;
  color: #007b83;
  box-shadow: 0 2px 8px rgb(0 42 47 / 12%);
}

.special-offers > .flex > div:first-child > a.btn:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.special-offers .swiper-slide > a:focus-visible,
.special-offers .scrollable-row > div > a:focus-visible,
.special-offers .swiper-minimal-navigation:focus-visible {
  outline: 2px solid #293238;
  outline-offset: 2px;
}

@media (hover: hover) {
  .special-offers > .flex > div:first-child > a.btn:hover {
    background-color: #e7f6f7;
    color: #00565d;
  }

  .special-offers .swiper-minimal-navigation:hover {
    background-color: #e7f6f7;
    color: #00565d;
  }
}

@media (max-width: 1023px) {
  .special-offers {
    border-radius: 12px;
  }

  .special-offers h2 {
    font-size: 20px;
    line-height: 1.6;
  }
}

@media (max-width: 374px) {
  .special-offers > .flex > div:first-child {
    flex-wrap: wrap;
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .special-offers > .flex > div:first-child > a.btn {
    transition: none;
  }
}


/* HEC category rail and matching homepage section headings. */
.hec-section-title { color: #293238; }
.hec-section-title .hec-title-accent { color: #007b83; }

.hec-categories .hec-category-viewport {
  display: block;
  direction: ltr;
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
}
.hec-categories .hec-category-track {
  display: flex;
  flex-wrap: nowrap;
  direction: ltr;
  width: max-content;
  position: relative;
  will-change: transform;
}
.hec-categories .hec-category-group {
  display: flex;
  flex: none;
  direction: rtl;
  align-items: stretch;
}
.hec-categories .hec-category-card {
  flex: 0 0 auto;
  width: clamp(160px, 17vw, 240px);
  border-left: 1px solid #e0e8ea;
  box-sizing: border-box;
  box-shadow: none;
}
.hec-categories .hec-category-card > a { height: 100%; }
.hec-categories .hec-category-card > a:focus-visible {
  outline: 2px solid #007b83;
  outline-offset: -3px;
  border-radius: 8px;
}
.hec-categories .hec-category-card img { -webkit-user-drag: none; }
.hec-categories .hec-category-viewport.is-dragging,
.hec-categories .hec-category-viewport.is-dragging a { cursor: grabbing; user-select: none; }

@media (prefers-reduced-motion: reduce) {
  .hec-categories .hec-category-viewport { overflow-x: auto; touch-action: auto; cursor: auto; }
  .hec-categories .hec-category-track { transform: none !important; will-change: auto; }
  .hec-categories [aria-hidden="true"] { display: none; }
}


/* HEC accessories, trust billboard and slow product rails. */
.hec-accessory-banners { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:28px; }
.hec-accessory-banners a,.hec-trust-banner a,.hec-trust-banner picture { display:block; }
.hec-accessory-banners img { display:block; width:100%; height:auto; aspect-ratio:5/2; object-fit:contain; border-radius:16px; }
.hec-trust-banner { margin-bottom:28px; }
.hec-trust-banner img { display:block; width:100%; height:auto; aspect-ratio:3/1; object-fit:contain; border-radius:16px; }
.hec-accessory-banners a:focus-visible,.hec-trust-banner a:focus-visible { outline:3px solid #007b83; outline-offset:4px; border-radius:16px; }
.hec-product-section .hec-category-viewport { display:block; direction:ltr; overflow:hidden; touch-action:pan-y; cursor:grab; padding:4px 0; }
.hec-product-section .hec-category-track { display:flex; flex-wrap:nowrap; direction:ltr; width:max-content; position:relative; will-change:transform; }
.hec-product-section .hec-category-group { display:flex; flex:none; direction:rtl; align-items:stretch; }
.hec-product-section .hec-category-card { flex:0 0 auto; width:clamp(176px,17vw,240px); padding:0 16px; border-left:1px solid #e0e8ea; box-sizing:border-box; }
.hec-product-section .hec-category-card > a { height:100%; }
.hec-product-section .hec-category-card a:focus-visible { outline:2px solid #007b83; outline-offset:-2px; border-radius:8px; }
.hec-product-section .hec-category-card img { -webkit-user-drag:none; }
.hec-product-section .hec-category-viewport.is-dragging,.hec-product-section .hec-category-viewport.is-dragging a { cursor:grabbing; user-select:none; }
@media(max-width:767px) {
 .hec-accessory-banners { grid-template-columns:1fr; gap:12px; margin-bottom:24px; }
 .hec-accessory-banners img,.hec-trust-banner img { border-radius:12px; }
 .hec-trust-banner img { aspect-ratio:1/1; }
 .hec-trust-banner { margin-bottom:24px; }
 .hec-product-section .hec-category-card { width:176px; padding:0 14px; }
}
@media(prefers-reduced-motion:reduce) {
 .hec-product-section .hec-category-viewport { overflow-x:auto; touch-action:auto; cursor:auto; }
 .hec-product-section .hec-category-track { transform:none !important; will-change:auto; }
 .hec-product-section [aria-hidden="true"] { display:none; }
}