/* FreshDesign shop 1 — mega intent transitions + slight desktop compact.
   Desktop ≥1200 only. Loaded after fd-premium; do not edit fd-premium here. */
@media (min-width: 1200px) {
  /* --- Intent fade / transform --- */
  html.fd-js body .ps-mainmenu__tree-item > .fd-mega {
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s !important;
    transform: translateY(4px);
  }
  html.fd-js body .ps-mainmenu__tree .ps-mainmenu__tree-item.fd-open > .fd-mega {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1052 !important;
    transform: none !important;
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear 0s !important;
  }
  html.fd-js body .ps-mainmenu__tree:has(> .fd-open) > .ps-mainmenu__tree-item:not(.fd-open) > .fd-mega {
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s !important;
  }
  html.fd-js body .ps-mainmenu__tree-item.fd-open > .fd-mega > .fd-mega__in {
    animation: none !important;
  }

  /* --- Compact height (safe tighten; images untouched: contain / no crop) --- */
  html body .fd-mega__in {
    padding-top: 20px !important;     /* was ~26 */
    padding-bottom: 16px !important;  /* was ~28 — main air removal */
  }
  html body .fd-mega__groups {
    gap: 2px 28px !important;         /* was 4px 32px */
  }
  html body .fd-mega__group {
    margin: 0 0 11px !important;      /* was ~15 */
    padding: 0 0 10px !important;     /* was ~14 */
  }
  html body .fd-mega__group:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html body .fd-mega__h {
    margin: 0 0 6px !important;
    padding: 0 0 6px !important;      /* was ~8 */
  }
  html body .fd-mega__list {
    margin: 0 0 2px !important;
  }
  html body .fd-mega__list li {
    margin: 0 0 4px !important;       /* was ~5 */
  }
  html body .fd-mega__more {
    margin-top: 2px !important;
  }
  html body .fd-mega__side {
    padding-right: 28px !important;   /* was ~32 */
  }
  html body .fd-mega__quick {
    padding-top: 12px !important;     /* was ~16 */
  }
  html body .fd-mega__quick li {
    margin: 0 0 8px !important;       /* was ~10 */
  }
  /* Image tile: only outer margin if present — never change aspect/object-fit */
  html body .fd-mega__media {
    margin-bottom: 12px !important;   /* tighten below tile; no crop/stretch */
  }
  html body .fd-mega__all {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
  }
}