/* FCT v1.1.5 — menú compacto y buscador simplificado */
@media(min-width:1025px){
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:20px!important;min-height:38px!important;padding:3px 8px!important;
    overflow:visible!important;white-space:nowrap!important;background:#050505!important;
  }
  .fct-compact-catbar .fct-nav-group{position:relative!important;margin:0!important;padding:0!important}
  .fct-compact-catbar .fct-nav-group>summary{
    list-style:none!important;display:flex!important;align-items:center!important;gap:4px!important;
    min-height:32px!important;margin:0!important;padding:0!important;color:#fff!important;
    cursor:pointer!important;font-size:14px!important;font-weight:600!important;line-height:1!important;
    text-transform:uppercase!important;letter-spacing:0!important;
  }
  .fct-compact-catbar .fct-nav-group>summary::-webkit-details-marker{display:none!important}
  .fct-compact-catbar .fct-nav-group>summary span{font-size:14px!important;color:#d6d6d6!important;transform:translateY(-1px)}
  .fct-compact-catbar .fct-nav-direct{
    display:inline-flex!important;align-items:center!important;min-height:32px!important;margin:0!important;
    padding:0!important;color:#fff!important;font-size:14px!important;font-weight:600!important;
    text-transform:uppercase!important;letter-spacing:0!important;text-decoration:none!important;
  }
  .fct-compact-catbar .fct-nav-show{text-transform:none!important;font-style:italic!important;text-decoration:underline!important}
  .fct-compact-catbar .fct-nav-offers{font-weight:700!important}
  .fct-compact-catbar .fct-nav-group:hover>summary,.fct-compact-catbar .fct-nav-group[open]>summary,.fct-compact-catbar .fct-nav-direct:hover{color:#FFC107!important}
  .fct-nav-dropdown{
    position:absolute!important;z-index:900!important;left:-8px!important;top:31px!important;
    min-width:150px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    padding:5px!important;background:#0b0b0b!important;border:1px solid #292929!important;border-radius:8px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
  }
  .fct-nav-products{min-width:210px!important}
  .fct-nav-dropdown a{
    display:flex!important;align-items:center!important;min-height:34px!important;padding:5px 9px!important;
    color:#fff!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;
    text-transform:uppercase!important;border-radius:5px!important;
  }
  .fct-nav-dropdown a:hover{background:#FFC107!important;color:#111!important}

  .m82-header-search.fct-header-search-simple{
    grid-template-columns:minmax(220px,1fr) minmax(180px,260px) 62px!important;
    margin-left:20px!important;margin-right:20px!important;
  }
  .m82-header-search.fct-header-search-simple .m82-header-category{border-right:1px solid #e4e8ee!important}
}
@media(min-width:1025px) and (max-width:1180px){
 .m82-header-search.fct-header-search-simple{grid-template-columns:minmax(170px,1fr) minmax(150px,210px) 58px!important}
 .m70-ui .m20-catbar.fct-compact-catbar{gap:15px!important}
 .fct-compact-catbar .fct-nav-direct,.fct-compact-catbar .fct-nav-group>summary{font-size:14px!important}
}

/* Buscador flotante tablet/phone: solo búsqueda, Marca/Categoría y botón. */
.m82-search-dialog .m70-search-pro.fct-modal-search-simple{grid-template-columns:minmax(180px,1fr) minmax(180px,260px) 82px!important}
.m82-search-dialog .fct-modal-search-simple label{height:54px!important}
@media(max-width:1024px){
 .m82-search-dialog .m70-search-pro.fct-modal-search-simple{grid-template-columns:1fr!important}
 .m82-search-dialog .fct-modal-search-simple label{height:50px!important;border-right:0!important;border-bottom:1px solid #e8ebef!important}
 .m82-search-dialog .fct-modal-search-simple .submit{height:50px!important;border-radius:0 0 14px 14px!important}
}

/* Página /buscar/ coherente con la barra simplificada. */
.m120-search.fct-search-simple{
 display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(210px,300px) 90px!important;
 align-items:end!important;gap:8px!important;
}
.m120-search.fct-search-simple .wide{grid-column:auto!important}
.m120-search.fct-search-simple .submit{height:44px!important}
@media(max-width:720px){
 .m120-search.fct-search-simple{grid-template-columns:1fr!important;gap:6px!important}
 .m120-search.fct-search-simple .wide{grid-column:auto!important}
}


/* ================================================================
   FCT 1.1.12 — CONTRASTE DEL MENÚ DESPLEGABLE
   Regla obligatoria: fondo amarillo = texto negro.
   La especificidad supera las reglas generales de .m20-catbar.
   ================================================================ */
@media(min-width:1025px){
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a:hover,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a:focus-visible,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a.active,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a[aria-current="page"]{
    background:#FFC107!important;
    color:#000!important;
    border-color:#FFC107!important;
    text-shadow:none!important;
  }

  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a:hover *,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a:focus-visible *,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a.active *,
  .m70-ui .m20-catbar.fct-compact-catbar .fct-nav-dropdown a[aria-current="page"] *{
    color:#000!important;
    text-shadow:none!important;
  }
}


/* FCT 1.1.30 · identidad original FantasyCarToys.pe */
.m70-brand img,
.m70-footer-brand img,
.m70-footer-logo img{
  object-fit:contain!important;
  object-position:left center!important;
}


/* ================================================================
   FCT 1.1.32 — IDENTIDAD FCT VISIBLE
   Header y Footer: forzar visualización del logo oficial.
   ================================================================ */
.m70-ui .m20-top .m20-logo,
.m70-ui .m20-top .m30-logo-full{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
.m70-ui .m20-top .m20-logo img,
.m70-ui .m20-top .m30-logo-full img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:225px!important;
  max-width:225px!important;
  height:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  transform:none!important;
}

.m70-ui .m60-footer .m60-footer-brand,
.m70-ui .m60-footer .m60-footer-brand > img{
  visibility:visible!important;
  opacity:1!important;
}
.m70-ui .m60-footer .m60-footer-brand > img{
  display:block!important;
  width:205px!important;
  max-width:205px!important;
  height:72px!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}

@media(max-width:760px){
  .m70-ui .m20-top .m20-logo img,
  .m70-ui .m20-top .m30-logo-full img{
    width:110px!important;
    max-width:110px!important;
    height:42px!important;
    max-height:42px!important;
  }
}


/* ================================================================
   FCT 1.1.35 — BARRA SUPERIOR CENTRADA
   ESCALA · PRODUCTOS · ¡OFERTAS! · SORTEOS · FANTASYCARSHOW
   ================================================================ */
@media(min-width:1025px){
  .m70-ui .m20-catbar.fct-compact-catbar{
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}


/* ================================================================
   FCT 1.1.40 — LOGO HEADER
   +50% respecto al tamaño anterior.
   WEB: 20px de separación lateral izquierda.
   TABLET / PHONE: 10px de separación lateral izquierda.
   ================================================================ */

/* WEB */
@media(min-width:1025px){
  .m70-ui .m20-top .m20-topin{
    padding-left:20px!important;
  }
  .m70-ui .m20-top .m20-logo,
  .m70-ui .m20-top .m30-logo-full{
    margin-left:0!important;
    flex:0 0 auto!important;
  }
  .m70-ui .m20-top .m20-logo img,
  .m70-ui .m20-top .m30-logo-full img{
    width:338px!important;
    max-width:338px!important;
    height:78px!important;
    max-height:78px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}

/* TABLET */
@media(min-width:621px) and (max-width:1024px){
  .m70-ui .m20-top .m20-topin{
    padding-left:10px!important;
  }
  .m70-ui .m20-top .m20-logo,
  .m70-ui .m20-top .m30-logo-full{
    margin-left:0!important;
  }
  .m70-ui .m20-top .m20-logo img,
  .m70-ui .m20-top .m30-logo-full img{
    width:165px!important;
    max-width:165px!important;
    height:63px!important;
    max-height:63px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}

/* PHONE */
@media(max-width:620px){
  .m70-ui .m20-top .m20-topin{
    padding-left:10px!important;
  }
  .m70-ui .m20-top .m20-logo,
  .m70-ui .m20-top .m30-logo-full{
    margin-left:0!important;
  }
  .m70-ui .m20-top .m20-logo img,
  .m70-ui .m20-top .m30-logo-full img{
    width:165px!important;
    max-width:165px!important;
    height:63px!important;
    max-height:63px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}


/* ================================================================
   FCT 1.1.41 — HEADER
   1) WEB: buscador más angosto.
   2) PHONE: hamburguesa centrada dentro del espacio negro del header.
   ================================================================ */

/* WEB: el buscador deja de estirarse a todo el espacio disponible. */
@media(min-width:1181px){
  .m70-ui .m82-header-search.fct-header-search-simple{
    width:min(620px,44vw)!important;
    max-width:620px!important;
    min-width:520px!important;
    justify-self:center!important;
    grid-template-columns:minmax(250px,1fr) minmax(190px,230px) 62px!important;
    margin-left:18px!important;
    margin-right:18px!important;
  }
}
@media(min-width:1025px) and (max-width:1180px){
  .m70-ui .m82-header-search.fct-header-search-simple{
    width:min(500px,43vw)!important;
    max-width:500px!important;
    min-width:410px!important;
    justify-self:center!important;
    grid-template-columns:minmax(190px,1fr) minmax(155px,190px) 58px!important;
    margin-left:14px!important;
    margin-right:14px!important;
  }
}

/* PHONE: se anulan las coordenadas históricas (154px / 139px).
   La hamburguesa queda realmente centrada en el ancho negro del header. */
@media(max-width:620px){
  .m70-ui .m20-top .m20-topin{
    position:relative!important;
  }
  .m70-ui .m82-phone-menu{
    display:block!important;
    position:absolute!important;
    z-index:80!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    width:32px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
  }
  .m70-ui .m82-phone-menu>summary{
    width:32px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
  }
  .m70-ui .m82-phone-menu-bars{
    display:block!important;
    font-size:23px!important;
    line-height:1!important;
    text-align:center!important;
  }
}

/* Phone pequeño: mantener el centro matemático, sin volver al left:139px. */
@media(max-width:420px){
  .m70-ui .m82-phone-menu{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:30px!important;
    height:36px!important;
  }
  .m70-ui .m82-phone-menu>summary{
    width:30px!important;
    height:36px!important;
  }
  .m70-ui .m82-phone-menu-bars{
    font-size:22px!important;
  }
}


/* ================================================================
   FCT 1.1.52 — HEADER / MENÚ RESTAURADO
   Se fija el comportamiento aprobado:
   WEB: botonera superior centrada.
   PHONE: hamburguesa centrada en el espacio negro.
   No cambia logo, buscador, carrito, cuenta ni enlaces.
   ================================================================ */
@media(min-width:1025px){
  .m70-ui .m20-catbar.fct-compact-catbar{
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:620px){
  .m70-ui .m20-top .m20-topin{
    position:relative!important;
  }
  .m70-ui .m82-phone-menu{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
  }
}


/* ================================================================
   FCT 1.1.56 — MENÚ PRINCIPAL UNIFICADO
   WEB / TABLET / PHONE comparten exactamente:
   ESCALA · PRODUCTOS · ¡OFERTAS! · SORTEOS · FantasyCarSHOW
   Tablet y phone lo muestran dentro de hamburguesa.
   ================================================================ */
@media(max-width:1024px){
  .m70-ui .m20-top .m20-topin{
    position:relative!important;
  }
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:none!important;
  }
  .m70-ui .m82-phone-menu{
    display:block!important;
    position:absolute!important;
    z-index:1000!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
    width:32px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
  }
  .m70-ui .m82-phone-menu>summary{
    list-style:none!important;
    width:32px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    cursor:pointer!important;
  }
  .m70-ui .m82-phone-menu>summary::-webkit-details-marker{
    display:none!important;
  }
  .m70-ui .m82-phone-menu-bars{
    display:block!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:600!important;
  }
  .m70-ui .m82-phone-menu-panel.fct-mobile-primary-nav{
    position:absolute!important;
    left:50%!important;
    top:43px!important;
    transform:translateX(-50%)!important;
    width:min(340px,calc(100vw - 20px))!important;
    max-height:min(74vh,620px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    display:block!important;
    background:#080808!important;
    border:1px solid #2e2e2e!important;
    border-radius:12px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.38)!important;
    padding:6px!important;
    box-sizing:border-box!important;
  }

  /* Directos y cabeceras: mismas 5 opciones principales del modo web. */
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-direct,
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:8px 12px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:600!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    list-style:none!important;
    white-space:nowrap!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group>summary::-webkit-details-marker{
    display:none!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group>summary span{
    color:#d6d6d6!important;
    font-size:14px!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-direct.active,
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group[open]>summary{
    background:#FFC107!important;
    color:#000!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group[open]>summary span{
    color:#000!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-direct+.fct-mobile-nav-direct,
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group+.fct-mobile-nav-group,
  .m70-ui .fct-mobile-primary-nav>.fct-mobile-nav-group+.fct-mobile-nav-direct{
    border-top:1px solid #222!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-nav-offers{
    font-weight:700!important;
  }
  .m70-ui .fct-mobile-primary-nav>.fct-nav-show{
    text-transform:none!important;
    font-style:italic!important;
    text-decoration:underline!important;
  }

  /* Submenús: idénticas opciones que los desplegables web. */
  .m70-ui .fct-mobile-nav-submenu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1px!important;
    padding:3px 5px 6px 14px!important;
    background:#111!important;
    border-radius:0 0 8px 8px!important;
  }
  .m70-ui .fct-mobile-nav-submenu a{
    display:flex!important;
    align-items:center!important;
    min-height:38px!important;
    padding:6px 10px!important;
    border-radius:6px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:600!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .m70-ui .fct-mobile-nav-submenu a:hover,
  .m70-ui .fct-mobile-nav-submenu a:focus-visible{
    background:#FFC107!important;
    color:#000!important;
  }
}

/* Web: hamburguesa oculta; barra completa visible. */
@media(min-width:1025px){
  .m70-ui .m82-phone-menu{
    display:none!important;
  }
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:flex!important;
  }
}


/* ================================================================
   FCT 1.1.57 — HAMBURGUESA SOLO PHONE
   PHONE <= 620px: menú hamburguesa.
   TABLET 621–1024px: misma barra horizontal y desplegables que WEB.
   WEB >= 1025px: sin cambios.
   ================================================================ */

/* TABLET: ocultar hamburguesa y restaurar barra horizontal completa. */
@media(min-width:621px) and (max-width:1024px){
  .m70-ui .m82-phone-menu{
    display:none!important;
  }

  .m70-ui .m20-catbar.fct-compact-catbar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:38px!important;
    gap:15px!important;
    padding:3px 8px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    background:#050505!important;
    box-sizing:border-box!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-group{
    position:relative!important;
    margin:0!important;
    padding:0!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-group>summary{
    list-style:none!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    cursor:pointer!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:0!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-group>summary::-webkit-details-marker{
    display:none!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-group>summary span{
    font-size:14px!important;
    color:#d6d6d6!important;
    transform:translateY(-1px)!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-direct{
    display:inline-flex!important;
    align-items:center!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-show{
    text-transform:none!important;
    font-style:italic!important;
    text-decoration:underline!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-offers{
    font-weight:700!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-group:hover>summary,
  .m70-ui .fct-compact-catbar .fct-nav-group[open]>summary,
  .m70-ui .fct-compact-catbar .fct-nav-direct:hover{
    color:#FFC107!important;
  }

  /* Desplegables iguales a web. */
  .m70-ui .fct-compact-catbar .fct-nav-dropdown{
    position:absolute!important;
    z-index:900!important;
    left:-8px!important;
    top:31px!important;
    min-width:150px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:5px!important;
    background:#0b0b0b!important;
    border:1px solid #292929!important;
    border-radius:8px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-products{
    min-width:210px!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-dropdown a{
    display:flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:5px 9px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:14px!important;
    font-weight:600!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    border-radius:5px!important;
  }

  .m70-ui .fct-compact-catbar .fct-nav-dropdown a:hover,
  .m70-ui .fct-compact-catbar .fct-nav-dropdown a:focus-visible,
  .m70-ui .fct-compact-catbar .fct-nav-dropdown a.active,
  .m70-ui .fct-compact-catbar .fct-nav-dropdown a[aria-current="page"]{
    background:#FFC107!important;
    color:#000!important;
    border-color:#FFC107!important;
    text-shadow:none!important;
  }
}

/* PHONE: solo aquí se usa hamburguesa y se oculta la barra horizontal. */
@media(max-width:620px){
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:none!important;
  }
  .m70-ui .m82-phone-menu{
    display:block!important;
  }
}

/* WEB: estado aprobado, barra horizontal y sin hamburguesa. */
@media(min-width:1025px){
  .m70-ui .m82-phone-menu{
    display:none!important;
  }
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:flex!important;
  }
}

/* FCT v1.1.74 — logo Footer activo hacia Home */
.m60-footer-brand>.m60-footer-logo-link{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.m60-footer-brand>.m60-footer-logo-link img{display:block!important}

/* =====================================================================
   FCT v1.1.105 · MENÚ HAMBURGUESA RESPONSIVE DEFINITIVO
   WEB >=1025: barra horizontal.
   TABLET 621–1024 + PHONE <=620: hamburguesa.
   Este bloque final prevalece sobre reglas históricas 1.1.57.
   ===================================================================== */
@media(max-width:1024px){
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:none!important;
  }
  .m70-ui .m82-phone-menu{
    display:block!important;
  }
}
@media(min-width:1025px){
  .m70-ui .m82-phone-menu{
    display:none!important;
  }
  .m70-ui .m20-catbar.fct-compact-catbar{
    display:flex!important;
  }
}