/* Stable frames, measured against Digikala's live mobile/desktop carousel. */
.hero.container-wide {
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
  background:#f3ece2;
}
.hero.container-wide>.hero-slide,
.hero.container-wide>.hero-slide>.mahera-responsive-image {
  height:100%!important;
  min-height:0!important;
}
.hero.container-wide .hero-image,
.hero.container-wide>.hero-slide .hero-image {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}
.hero.container-wide .hero-copy,.hero.container-wide .hero-shade {display:none!important}
.hero.container-wide .hero-mobile-link {display:block!important;position:absolute;inset:0;z-index:2}
.hero.container-wide .hero-dots {z-index:4}
.hero.container-wide .hero-arrows {z-index:4}
.hero.container-wide :is(button,a):focus-visible {outline:3px solid #234b3e;outline-offset:-4px}
@media(max-width:1023px) {
  .hero.container-wide {
    width:91%!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    margin:12px auto 0!important;
    border-radius:8px!important;
  }
  .hero.container-wide .hero-arrows {display:none!important}
  .hero.container-wide .hero-dots {bottom:8px!important}
}
/* Category links carry their own titles even when image overlay copy is empty. */
.category-pair {gap:22px!important;align-items:stretch}
.category-pair>a {
  position:relative;display:flex!important;flex-direction:column;
  aspect-ratio:auto!important;overflow:hidden;border:1px solid #e8e1d8!important;border-radius:20px!important;
  background:#fffdf9!important;color:#213e32;text-decoration:none;
  box-shadow:0 5px 18px #34281807!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.category-pair>a>.mahera-responsive-image {position:relative;display:block;overflow:hidden;aspect-ratio:16/9;width:100%;flex:none}
.category-pair>a img {display:block!important;width:100%!important;height:100%!important;object-fit:cover;transition:transform .65s ease}
.category-pair .category-copy {display:none!important}
.category-pair>a>.mh-category-caption {display:flex!important;position:relative;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;direction:rtl}
.mh-category-caption strong {display:block;font-size:21px;line-height:1.7;font-weight:700}
.mh-category-caption small {display:block;margin-top:3px;font-size:12px;line-height:1.9;color:#766d62}
.mh-category-cta {display:inline-flex;align-items:center;gap:10px;flex-shrink:0;border:1px solid #d8e0d6;border-radius:100px;padding:10px 15px;font-size:12px;background:#f3f6f0;color:#234b3e}
.mh-category-cta span {font-size:19px;transition:transform .25s ease}
.category-pair>a:focus-visible {outline:3px solid #234b3e;outline-offset:4px}
@media(hover:hover) {
  .category-pair>a:hover {transform:translateY(-4px);box-shadow:0 16px 32px #34281812!important;border-color:#c2d0bf!important}
  .category-pair>a:hover img {transform:scale(1.035)}
  .category-pair>a:hover .mh-category-cta span {transform:translateX(-3px)}
}
@media(max-width:700px) {
  .category-pair {grid-template-columns:1fr!important;gap:18px!important}
  .category-pair>a {border-radius:16px!important}
  .category-pair>a>.mh-category-caption {padding:15px 17px;gap:10px}
  .mh-category-caption strong {font-size:19px}
  .mh-category-caption small {font-size:11px}
  .mh-category-cta {font-size:11px;padding:8px 12px;gap:7px}
}
@media(prefers-reduced-motion:reduce) {
  .category-pair>a,.category-pair>a img,.mh-category-cta span {transition:none!important;transform:none!important}
}