/* MJT 2026 — Responsive (loads last; site-wide breakpoints) */

/* ══════════════════════════════════════════════════════════════
   Global foundations
   ══════════════════════════════════════════════════════════════ */
html {
  overflow-x: clip;
  -webkit-tap-highlight-color: transparent;
}

body {
  overflow-x: clip;
}

.mjt-site,
.mjt-site > main,
#primary {
  min-width: 0;
}

img,
video,
svg,
iframe {
  max-width: 100%;
}

.mjt-table-wrap,
.mjt-points-history__table-wrap,
.mjt-compare-table-wrap,
.woocommerce-table--order-details,
.woocommerce-orders-table__cell-order-number {
  -webkit-overflow-scrolling: touch;
}

/* Safe areas (notched phones, home indicator) */
@supports (padding: max(0px)) {
  .mjt-header-group,
  .mjt-header-compact {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
  .mjt-footer__bottom-inner,
  .mjt-compare-bar__inner,
  .mjt-mobile-menu__panel,
  .mjt-mini-cart__panel,
  .mjt-shop-sidebar {
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }
  .mjt-mobile-menu__panel {
    padding-top: max(0.75rem, env(safe-area-inset-top));
  }
}

/* Touch targets ≥ 44px (WCAG / Apple HIG) */
@media (max-width: 767px) {
  .mjt-btn,
  .mjt-icon-btn,
  .mjt-header__action,
  .mjt-mobile-menu__close,
  .mjt-search-close,
  .mjt-hero-slider__arrow,
  .mjt-shop-sidebar__close,
  .mjt-filter-chip,
  .mjt-account-nav__link,
  .mjt-footer__social-link,
  .mjt-topbar .mjt-lang__btn,
  .mjt-topbar .mjt-theme-toggle,
  .mjt-product-card__tool,
  .mjt-wishlist-table__remove,
  .mjt-cart-item__remove .remove,
  .mjt-qty-stepper .mjt-qty-btn {
    min-height: var(--mjt-touch-min, 44px);
    min-width: var(--mjt-touch-min, 44px);
  }
  .mjt-btn {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .mjt-qty-stepper.quantity,
  .mjt-cart-item .quantity.mjt-qty-stepper {
    height: var(--mjt-touch-min, 44px);
    min-height: var(--mjt-touch-min, 44px);
    max-height: var(--mjt-touch-min, 44px);
  }
  .mjt-qty-stepper .mjt-qty-btn {
    width: var(--mjt-touch-min, 44px);
    height: var(--mjt-touch-min, 44px);
    flex: 0 0 var(--mjt-touch-min, 44px);
  }
  .mjt-qty-stepper .qty {
    height: var(--mjt-touch-min, 44px);
    min-height: var(--mjt-touch-min, 44px);
    max-height: var(--mjt-touch-min, 44px);
  }
  .mjt-cart-item__remove .remove,
  .mjt-wishlist-table__remove,
  .mjt-product-card__tool,
  .mjt-related-and-upsells .mjt-product-card__tool {
    width: var(--mjt-touch-min, 44px);
    height: var(--mjt-touch-min, 44px);
  }
}

/* Coarse pointer: show card actions without hover */
@media (hover: none) and (pointer: coarse) {
  .mjt-product-card__actions,
  .mjt-product-card__toolbar {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
  .mjt-product-card:hover {
    transform: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   Layout & typography
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-section {
    padding-top: clamp(2rem, 6vw, 3rem);
    padding-bottom: clamp(2rem, 6vw, 3rem);
  }
  .mjt-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  .mjt-section-lead {
    font-size: 0.95rem;
  }
  .mjt-page-hero {
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 480px) {
  .mjt-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .mjt-section {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .mjt-page-hero__frame {
    padding: 1.25rem;
    border-radius: 18px;
  }
  .mjt-page-hero__icon-ring {
    width: 96px;
    height: 96px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Header, topbar & search
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 1099px) {
  .mjt-header-nav__extras {
    display: none;
  }
  /* Nav row is display:none below lg — no horizontal scroll needed */
}

@media (max-width: 767px) {
  .mjt-topbar__inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem 0.75rem;
    text-align: center;
    font-size: 0.72rem;
  }
  .mjt-topbar__item {
    flex: 0 1 auto;
  }
  .mjt-header__inner {
    gap: 0.5rem;
  }
  .mjt-header__actions {
    gap: 0.25rem;
  }
  .mjt-search-overlay__inner {
    padding: 1.25rem 1rem 2rem;
    width: 100%;
    max-width: none;
  }
  .mjt-search-form {
    flex-direction: column;
    gap: 0.65rem;
  }
  .mjt-search-form input[type="search"] {
    width: 100%;
    font-size: 1rem;
  }
  .mjt-search-form .mjt-btn {
    width: 100%;
  }
  .mjt-search-results {
    max-height: 50vh;
  }
}

@media (max-width: 399px) {
  .mjt-header__action-label {
    display: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   Hero slider — mobile-adapted layout (not a squeezed desktop)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 899px) {
  .mjt-hero-slider--woodmart {
    margin-bottom: 0.25rem;
    overflow-x: clip;
  }
  .mjt-hero-slider__track {
    min-height: 0;
    overflow-x: clip;
  }
  /* Active slide drives height; others stay layered */
  .mjt-hero-slide {
    position: absolute;
    inset: 0;
  }
  .mjt-hero-slide.is-active {
    position: relative;
    inset: auto;
  }
  .mjt-hero-slide__stage {
    min-height: 0;
    padding: 0 0 1.15rem;
    background: var(--mjt-hero-bg, var(--mjt-color-cream));
  }
  .mjt-hero-slide__bg {
    display: none;
  }
  .mjt-hero-slide__grid {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-height: 0;
    padding: 0 0 0.5rem;
    align-items: stretch;
  }
  .mjt-hero-slide__visual {
    order: -1;
    min-height: 0;
    display: block;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .mjt-hero-slide__product-stage {
    position: relative;
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 10;
    margin: 0;
    border-radius: 0;
  }
  .mjt-hero-slide__dot-cluster,
  .mjt-hero-slide__mask-leaf,
  .mjt-hero-slide__frame-blob,
  .mjt-hero-slide__blob,
  .mjt-hero-slide__scribble,
  .mjt-hero-slide__pebble {
    display: none !important;
  }
  .mjt-hero-slide__frame {
    width: 100%;
    height: 100%;
    border-radius: 0;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    filter: none;
    background: var(--mjt-hero-bg, var(--mjt-color-cream));
  }
  .mjt-hero-slide__product {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .mjt-hero-slide.is-active .mjt-hero-slide__frame {
    animation: none;
  }
  .mjt-hero-slide__copy {
    max-width: none;
    text-align: center;
    padding: 0 0.15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mjt-hero-slide__meta {
    justify-content: center;
    margin-bottom: 0.65rem;
  }
  .mjt-hero-slide__eyebrow {
    font-size: 0.72rem;
  }
  .mjt-hero-slide__title {
    font-size: clamp(1.45rem, 6.5vw, 2rem);
    margin-bottom: 0.45rem;
    max-width: 18ch;
  }
  .mjt-hero-slide__text {
    font-size: 0.92rem;
    margin: 0 auto 0.85rem;
    max-width: 34ch;
    line-height: 1.45;
  }
  .mjt-hero-slide__discover {
    display: none;
  }
  .mjt-hero-slide__cta-row {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.55rem;
    width: min(100%, 18rem);
  }
  .mjt-hero-slide__btn {
    width: 100%;
    justify-content: center;
    min-height: 44px;
  }
  .mjt-hero-slide__price {
    text-align: center;
    width: 100%;
    margin: 0;
  }
  /* Dots only on mobile — side arrows fight the layout */
  .mjt-hero-slider__arrow {
    display: none !important;
  }
  .mjt-hero-slider__nav {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    margin: 0.35rem auto 0.65rem;
    z-index: 5;
    display: flex;
    justify-content: center;
  }
  .mjt-hero-slider__dots {
    padding: 0.2rem 0.4rem;
    gap: 0.15rem;
    background: color-mix(in srgb, var(--mjt-color-surface) 92%, transparent);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(17, 17, 19, 0.07);
  }
  .mjt-hero-slider__dot {
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    margin: -4px;
    box-sizing: content-box;
    background-clip: content-box;
    flex: 0 0 auto;
  }
  .mjt-hero-slider__dot.is-active {
    transform: none;
  }
  .mjt-hero-slider .mjt-section-shape {
    display: none;
  }
}

@media (max-width: 480px) {
  .mjt-hero-slide__stage {
    padding: 0 0 0.85rem;
  }
  .mjt-hero-slide__product-stage {
    aspect-ratio: 16 / 11;
    max-width: none;
  }
  .mjt-hero-slide__grid {
    gap: 0.95rem;
    padding-bottom: 0.35rem;
  }
  .mjt-hero-slide__title {
    font-size: clamp(1.35rem, 7vw, 1.75rem);
  }
}

/* ══════════════════════════════════════════════════════════════
   Home sections
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-hero__ctas {
    flex-direction: column;
  }
  .mjt-hero__ctas .mjt-btn {
    width: 100%;
  }
  .mjt-trust-bar__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }
  .mjt-financing-card__grid,
  .mjt-newsletter-card__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mjt-financing-card__text,
  .mjt-newsletter-card__text {
    margin-inline: auto;
  }
  .mjt-financing-card__perks {
    justify-items: center;
  }
  .mjt-promo-banner {
    min-height: auto;
    padding: 1.15rem;
  }
  .mjt-promo-banner__visual {
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
  }
  .mjt-promo-banner__frame {
    width: min(120px, 38vw);
    height: min(120px, 38vw);
  }
  .mjt-why__grid {
    grid-template-columns: 1fr;
  }
  .mjt-collection-week__layout {
    grid-template-columns: 1fr;
  }
  .mjt-buying-guide__grid,
  .mjt-latest-posts__grid {
    grid-template-columns: 1fr;
  }
  .mjt-home-brands__head {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mjt-home-brands__lead {
    justify-self: center;
    text-align: center;
  }
  .mjt-home-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .mjt-page-split,
  .mjt-about__grid,
  .mjt-contact__grid,
  .mjt-showroom__grid {
    grid-template-columns: 1fr !important;
  }

  .mjt-page-split__media,
  .mjt-page-split__content {
    width: 100%;
    min-width: 0;
  }

  .mjt-collections-rooms,
  .mjt-highlights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .mjt-hero-slider__arrow {
    display: none;
  }

  .mjt-page-title,
  .mjt-section-title {
    text-wrap: balance;
  }

  .mjt-mini-cart__panel,
  .mjt-mobile-menu__panel,
  .mjt-shop-sidebar {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .mjt-categories__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mjt-promo-row__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mjt-promo-row__grid .mjt-promo-banner:last-child {
    grid-column: 1 / -1;
    max-width: 50%;
    margin-inline: auto;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .mjt-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }
  .mjt-category-card__title {
    font-size: 0.78rem;
  }
  .mjt-products__grid {
    grid-template-columns: 1fr;
  }
  .mjt-trust-bar__list {
    grid-template-columns: 1fr;
  }
  .mjt-about-gallery__grid,
  .mjt-contact-cards,
  .mjt-financing-immersive__grid {
    gap: 0.85rem;
  }
}

@media (max-width: 359px) {
  .mjt-categories__grid {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════════
   Footer
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-footer__inner {
    padding-top: 2.5rem;
  }
  .mjt-footer__widgets {
    gap: 2rem;
    padding-bottom: 2rem;
  }
  .mjt-footer__widget--brand {
    max-width: none;
    text-align: center;
  }
  .mjt-footer__logo-wrap {
    display: flex;
    justify-content: center;
  }
  .mjt-footer__social {
    justify-content: center;
  }
  .mjt-footer__title::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .mjt-footer__widget {
    text-align: center;
  }
  .mjt-footer-nav a {
    padding: 0.45rem 0;
  }
  .mjt-footer-contact li {
    justify-content: center;
  }
  .mjt-footer__bottom-inner {
    flex-direction: column;
    text-align: center;
    gap: 0.75rem;
  }
  .mjt-footer__lang {
    justify-content: center;
  }
  .mjt-footer__legal {
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (max-width: 479px) {
  .mjt-footer-nav--cols {
    grid-template-columns: 1fr;
  }
  .mjt-footer-logo__img,
  .mjt-footer-logo__svg,
  .mjt-footer-logo__svg svg {
    max-width: min(220px, 88vw);
    max-height: 96px;
  }
}

/* ══════════════════════════════════════════════════════════════
   Shop & catalog
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .mjt-shop-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .mjt-shop-toolbar__left,
  .mjt-shop-toolbar__center,
  .mjt-shop-toolbar__right {
    width: 100%;
    justify-content: space-between;
  }
  .mjt-shop-toolbar__center {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.25rem;
    -webkit-overflow-scrolling: touch;
  }
  .mjt-shop-toolbar .mjt-breadcrumbs {
    display: none;
  }
  .mjt-shop-header__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .mjt-shop-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .mjt-shop-header {
    padding: 1.25rem 0;
  }
  .mjt-shop-header__title {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }
  .mjt-shop-sidebar {
    width: min(100%, 360px);
    padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
  }
  .mjt-wc-filters__form .mjt-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .mjt-shop-toolbar__center {
    display: none;
  }
  body.mjt-cols-2:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list),
  body.mjt-cols-3:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list),
  body.mjt-cols-4:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .mjt-product-card__actions {
    flex-direction: column;
  }
  .mjt-product-card__actions .mjt-btn,
  .mjt-product-card__actions .button {
    width: 100%;
  }
}

@media (max-width: 400px) {
  body.mjt-cols-2:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list),
  body.mjt-cols-3:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list),
  body.mjt-cols-4:not(.mjt-shop-view-list) .mjt-shop-content ul.products:not(.mjt-view-list),
  .mjt-shop-content ul.products:not(.mjt-view-list) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.85rem;
  }
}

/* ══════════════════════════════════════════════════════════════
   Single product
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
  .mjt-single-product-wrap {
    grid-template-columns: 1fr;
  }
  .mjt-single-product__summary-col {
    position: static;
  }
}

@media (max-width: 767px) {
  .mjt-single-product-wrap .woocommerce-product-gallery {
    margin-bottom: 1.25rem;
  }
  .mjt-single-product__meta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .mjt-single-product__tools {
    grid-template-columns: 1fr;
  }
  .mjt-product-tabs-inner .woocommerce-tabs ul.tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .mjt-product-tabs-inner .woocommerce-tabs ul.tabs::-webkit-scrollbar {
    display: none;
  }
  .mjt-product-tabs-inner .woocommerce-tabs ul.tabs li a {
    white-space: nowrap;
  }
  .mjt-related-and-upsells ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}

@media (max-width: 399px) {
  .mjt-related-and-upsells ul.products {
    grid-template-columns: 1fr;
  }
  .mjt-home-brands__grid {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════════
   Cart, checkout & mini-cart
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 959px) {
  .mjt-checkout__layout {
    display: flex;
    flex-direction: column;
  }
  .mjt-checkout__order-card {
    margin-bottom: 0.5rem;
  }
  .mjt-auth__grid {
    grid-template-columns: 1fr;
  }
  .mjt-dashboard__cards {
    grid-template-columns: 1fr 1fr;
  }
  .mjt-cart-layout {
    display: flex;
    flex-direction: column;
  }
  .mjt-cart-layout__sidebar {
    order: -1;
  }
}

@media (max-width: 599px) {
  .mjt-dashboard__cards {
    grid-template-columns: 1fr;
  }
  .mjt-account {
    grid-template-columns: 1fr;
  }
  .mjt-account__content {
    padding: 1.25rem;
  }
  .mjt-checkout__section,
  .mjt-checkout__order-card {
    padding: 1.15rem;
  }
  .mjt-mini-cart__panel {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
  }
  .mjt-cart-item {
    padding: 1rem;
  }
  .mjt-checkout-fields .form-row-first,
  .mjt-checkout-fields .form-row-last {
    width: 100%;
    display: block;
  }
  .mjt-cart-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .mjt-thankyou .woocommerce-order-overview {
    display: grid;
    gap: 0.5rem;
  }
  .mjt-review-order thead {
    display: none;
  }
  .mjt-checkout__order-card {
    padding: 1.2rem 1.05rem 1.25rem;
  }
  .mjt-review-order td,
  .mjt-review-order th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mjt-review-order tbody tr.cart_item td.product-total,
  .mjt-review-order tfoot td {
    text-align: right;
    white-space: nowrap;
    width: 1%;
    max-width: none;
    overflow: visible;
    font-size: 0.84rem;
  }
  .mjt-review-order .order-total td {
    font-size: 0.98rem;
  }
  /* Prevent Woo responsive table from boxing footer cells */
  .mjt-review-order tfoot tr,
  .mjt-review-order tfoot th,
  .mjt-review-order tfoot td {
    display: table-cell !important;
    float: none !important;
    width: auto !important;
  }
  .mjt-review-order tfoot th {
    width: 38% !important;
    text-align: left !important;
  }
  .mjt-review-order tfoot td {
    width: 62% !important;
    text-align: right !important;
  }
  .mjt-review-order tfoot td::before,
  .mjt-review-order tfoot th::before {
    content: none !important;
    display: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   My Account & rewards
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-points-dashboard__hero {
    padding: 1.35rem;
  }
  .mjt-points-dashboard__hero-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .mjt-points-dashboard__balance strong {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }
  .mjt-points-dashboard__stats {
    grid-template-columns: 1fr 1fr;
  }
  .mjt-points-history__table {
    font-size: 0.82rem;
  }
  .mjt-points-history__table th,
  .mjt-points-history__table td {
    padding: 0.65rem 0.75rem;
  }
  .mjt-orders-empty {
    padding: 1.5rem 1rem;
  }
  .mjt-orders-empty__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .mjt-orders-empty__actions .mjt-btn {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .mjt-points-dashboard__stats {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════════
   Static pages (about, contact, financing, etc.)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-page-split {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .mjt-page-split__media {
    order: -1;
  }
  .mjt-contact-layout {
    grid-template-columns: 1fr;
  }
  .mjt-faq__item summary {
    padding: 1rem 2.5rem 1rem 1rem;
    font-size: 0.95rem;
  }
  .mjt-financing-steps {
    grid-template-columns: 1fr;
  }
  .mjt-collections-rooms {
    grid-template-columns: 1fr;
  }
  .mjt-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mjt-404-actions {
    flex-direction: column;
    align-items: center;
  }
  .mjt-404-actions .mjt-btn {
    width: 100%;
    max-width: 280px;
  }
}

@media (max-width: 480px) {
  .mjt-highlights {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════════
   Compare, quick view & sticky bars
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-compare-bar {
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
  }
  .mjt-compare-bar__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    text-align: center;
  }
  .mjt-compare-bar__actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .mjt-compare-bar__actions .mjt-btn {
    width: 100%;
  }
  .mjt-compare-modal__panel {
    max-height: 92vh;
    border-radius: 18px 18px 0 0;
  }
  .mjt-quick-view__dialog {
    width: 100%;
    max-width: 100%;
    max-height: 92vh;
    border-radius: 18px 18px 0 0;
    margin: 0;
  }
  .mjt-quick-view__product {
    grid-template-columns: 1fr;
  }
  body.mjt-sticky-atc-visible .mjt-compare-bar {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }
  .mjt-sticky-atc {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}

/* ══════════════════════════════════════════════════════════════
   Forms (touch-friendly inputs)
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .mjt-form input,
  .mjt-form textarea,
  .mjt-form select,
  .woocommerce form .input-text,
  .woocommerce form select {
    font-size: 1rem;
  }
  .mjt-icon-btn {
    width: 44px;
    height: 44px;
  }
}

/* ══════════════════════════════════════════════════════════════
   RTL (Farsi)
   ══════════════════════════════════════════════════════════════ */
html[lang="fa"],
html[lang="fa-IR"],
.mjt-rtl {
  direction: rtl;
}

html[lang="fa"] .mjt-hero__content,
html[lang="fa-IR"] .mjt-hero__content,
.mjt-rtl .mjt-hero__content,
html[lang="fa"] .mjt-hero-slide__copy,
html[lang="fa-IR"] .mjt-hero-slide__copy,
.mjt-rtl .mjt-hero-slide__copy {
  text-align: right;
}

@media (max-width: 899px) {
  html[lang="fa"] .mjt-hero-slide__copy,
  html[lang="fa-IR"] .mjt-hero-slide__copy,
  .mjt-rtl .mjt-hero-slide__copy {
    text-align: center;
  }
}

html[lang="fa"] .mjt-why__list li,
html[lang="fa-IR"] .mjt-why__list li,
.mjt-rtl .mjt-why__list li {
  padding-left: 0;
  padding-right: 1.5rem;
}

html[lang="fa"] .mjt-why__list li::before,
html[lang="fa-IR"] .mjt-why__list li::before,
.mjt-rtl .mjt-why__list li::before {
  left: auto;
  right: 0;
}

html[lang="fa"] .mjt-mini-cart__panel,
html[dir="rtl"] .mjt-mini-cart__panel,
.mjt-rtl .mjt-mini-cart__panel {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  border-left: none;
  border-right: 1px solid var(--mjt-color-border);
}
html[lang="fa"] .mjt-mini-cart.is-open .mjt-mini-cart__panel,
html[dir="rtl"] .mjt-mini-cart.is-open .mjt-mini-cart__panel,
.mjt-rtl .mjt-mini-cart.is-open .mjt-mini-cart__panel {
  transform: translateX(0);
}

html[lang="fa"] .mjt-shop-sidebar,
.mjt-rtl .mjt-shop-sidebar {
  left: auto;
  right: 0;
}

html[lang="fa"] .mjt-mini-cart__remove,
.mjt-rtl .mjt-mini-cart__remove {
  right: auto;
  left: 0;
}

.mjt-rtl .mjt-shop-toolbar__left,
.mjt-rtl .mjt-shop-toolbar__right {
  flex-direction: row-reverse;
}

.mjt-rtl .mjt-breadcrumbs {
  direction: rtl;
}

/* ══════════════════════════════════════════════════════════════
   Reduced motion
   ══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .mjt-fade-in {
    transition: none;
  }
  .mjt-hero-slide.is-active .mjt-hero-slide__copy > * {
    animation: none;
  }
}