/*
 * Fragancias Factory 3.13.3
 * - Catalog view isolation
 * - Stable topbar/header return
 * - Independent Hero Studio mode for desktop/mobile
 */

/* El regreso de la barra superior y el cambio de altura del header son estados,
   no animaciones. Evita el efecto de "zoom" al aproximarse al inicio. */
.ff-topbar-v31 {
  transition:none !important;
}
.ff-header-v31__main {
  transition:none !important;
}

/* Modo independiente del Hero Studio: PC. */
@media (min-width:768px) {
  .ff-hero-studio.ff-hs--mode-d-text_only .ff-hs__inner {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .ff-hero-studio.ff-hs--mode-d-text_only .ff-hs__visual {
    display:none !important;
  }
  .ff-hero-studio.ff-hs--mode-d-text_only .ff-hs__copy {
    display:flex !important;
    width:min(100%,880px);
  }

  .ff-hero-studio.ff-hs--mode-d-visual_only .ff-hs__inner {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .ff-hero-studio.ff-hs--mode-d-visual_only .ff-hs__copy {
    display:none !important;
  }
  .ff-hero-studio.ff-hs--mode-d-visual_only .ff-hs__visual {
    display:grid !important;
    width:min(100%,820px);
    justify-self:center;
  }
}

/* Modo independiente del Hero Studio: móvil. */
@media (max-width:767px) {
  .ff-hero-studio.ff-hs--mode-m-text_only .ff-hs__visual {
    display:none !important;
  }
  .ff-hero-studio.ff-hs--mode-m-text_only .ff-hs__copy {
    display:flex !important;
    width:100%;
  }

  .ff-hero-studio.ff-hs--mode-m-visual_only .ff-hs__copy {
    display:none !important;
  }
  .ff-hero-studio.ff-hs--mode-m-visual_only .ff-hs__visual {
    display:grid !important;
    width:100%;
  }
}