:root{
  --fiix-accent: #0b5bd3;
  --fiix-accent-2: #16a34a;
  --fiix-bg-soft: rgba(11,91,211,.06);
  --fiix-border: rgba(0,0,0,.10);
  --fiix-text: #0f172a;
  --fiix-muted: rgba(15,23,42,.60);
}

.fiixcom-menu-root{ position: relative; display:inline-flex; align-items:center; z-index: 300; }
.fiixcom-menu-root.is-open{ z-index: 2147483646 !important; }

.fiixcom-menu-trigger{
  appearance:none; border: 1px solid var(--fiix-border); background:#fff; color: var(--fiix-text);
  border-radius: 10px; padding: 10px 14px; font-weight: 900; cursor:pointer; line-height:1;
  display:inline-flex; align-items:center; gap:10px;
}
.fiixcom-menu-trigger:hover{ background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.16); }
.fiixcom-menu-trigger-icon{
  display:inline-flex; flex-direction:column; gap:3px;
}
.fiixcom-menu-trigger-icon span{
  width:16px; height:2px; border-radius:2px; background: currentColor; display:block;
}
.fiixcom-menu-trigger-label{ display:inline-block; }

.fiixcom-menu-panel{
  background:#fff; border:1px solid var(--fiix-border);
  border-radius: 16px; box-shadow: 0 18px 60px rgba(0,0,0,.12); overflow:hidden;
}

.fiixcom-menu-header{
  display:flex; align-items:center; gap: 10px; padding: 12px 16px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(to bottom, #fff, rgba(0,0,0,.01));
}

.fiixcom-menu-search{
  width: 100%; border:1px solid rgba(0,0,0,.12); border-radius: 12px;
  padding: 10px 12px; font-size: 14px; background:#fff; color: var(--fiix-text);
  color: #111827 !important;
  background-color: #fff !important;
  caret-color: #111827;
}
.fiixcom-menu-search:focus{ outline:none; border-color: rgba(11,91,211,.35); box-shadow: 0 0 0 3px rgba(11,91,211,.12); }
.fiixcom-menu-search::placeholder{ color: rgba(17,24,39,.55); }

.fiixcom-menu-close{
  appearance:none; border:1px solid rgba(0,0,0,.12); background:#fff; color: var(--fiix-text);
  border-radius: 12px; width: 36px; height: 36px; cursor:pointer; font-size: 20px;
  display:flex; align-items:center; justify-content:center;
}

.fiixcom-menu-body{
  display:grid;
  grid-template-columns: 340px minmax(520px, 1fr) 360px;
  gap: 16px;
  padding: 12px 16px 16px;
}

/* Tabs de navegación */
.fiixcom-nav-tabs{
  display: flex;
  gap: 6px;
  margin: 0 0 14px 0;
  padding: 4px;
  background: rgba(0,0,0,.02);
  border-radius: 12px;
}
.fiixcom-nav-tab{
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(15,23,42,.65);
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  transition: all .16s ease;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.fiixcom-nav-tab-icon{
  font-size: 16px;
  line-height: 1;
}
.fiixcom-nav-tab-label{
  line-height: 1;
}
.fiixcom-nav-tab:hover{
  background: rgba(0,0,0,.04);
  color: rgba(15,23,42,.85);
}
.fiixcom-nav-tab.is-active{
  background: #fff;
  color: var(--fiix-accent);
  border-color: rgba(11,91,211,.14);
  box-shadow: 0 2px 6px rgba(11,91,211,.08);
}

.fiixcom-nav-pane[hidden]{
  display: none !important;
}

.fiixcom-col-title{
  font-size: 12px; font-weight: 950; letter-spacing: .02em;
  color: rgba(15,23,42,.75); margin: 6px 2px 10px; text-transform: uppercase;
}

.fiixcom-menu-col{
  min-width: 0;
  min-height: 280px;
  max-height: min(64vh, 580px);
  overflow:auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.18) transparent;
}
.fiixcom-menu-col::-webkit-scrollbar{ width: 10px; }
.fiixcom-menu-col::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.14);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}
.fiixcom-menu-col::-webkit-scrollbar-thumb:hover{ background: rgba(0,0,0,.22); }

.fiixcom-menu-col-parents{ padding-right: 12px; border-right: 1px solid rgba(0,0,0,.06); }
.fiixcom-menu-col-mid{ padding: 0 6px; }
.fiixcom-menu-col-feature{ padding-left: 12px; border-left: 1px solid rgba(0,0,0,.06); }

.fiixcom-menu-list{ list-style:none; margin:0; padding:0; }
.fiixcom-menu-item{ display:flex; align-items:center; justify-content:space-between; border-radius: 14px; }

.fiixcom-menu-link{
  display:flex; align-items:center; gap: 10px; width: 100%;
  padding: 10px 10px; color: var(--fiix-text); text-decoration:none;
  border-radius: 14px; transition: background .14s ease, box-shadow .14s ease;
}
.fiixcom-menu-link:hover{ background: rgba(0,0,0,.03); }

.fiixcom-menu-item.is-hover .fiixcom-menu-link{
  background: rgba(0,0,0,.05);
}

.fiixcom-menu-item.is-active .fiixcom-menu-link{
  background: var(--fiix-bg-soft);
  box-shadow: inset 3px 0 0 var(--fiix-accent);
}

.fiixcom-menu-item.is-active.is-hover .fiixcom-menu-link{
  background: var(--fiix-bg-soft);
  box-shadow: inset 3px 0 0 var(--fiix-accent);
}

.fiixcom-brand-item .fiixcom-menu-text{
  flex: 1;
}
.fiixcom-brand-item.is-hover .fiixcom-menu-link{
  background: rgba(0,0,0,.05);
}
.fiixcom-brand-item.is-active .fiixcom-menu-link{
  background: var(--fiix-bg-soft);
  box-shadow: inset 3px 0 0 var(--fiix-accent);
}
.fiixcom-brand-item.is-active.is-hover .fiixcom-menu-link{
  background: var(--fiix-bg-soft);
  box-shadow: inset 3px 0 0 var(--fiix-accent);
}

.fiixcom-menu-caret{ padding-right: 10px; color: rgba(15,23,42,.35); font-size: 18px; }

.fiixcom-menu-thumb{
  width: 36px; height: 36px; border-radius: 12px; object-fit: cover;
  border: 1px solid rgba(0,0,0,.06); background:#fff; flex: 0 0 auto;
}

.fiixcom-menu-text{ display:flex; flex-direction:column; gap:4px; min-width: 0; width:100%; }
.fiixcom-menu-title{ font-weight: 950; font-size: 13px; color: var(--fiix-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fiixcom-menu-meta{ font-size: 11px; color: var(--fiix-muted); line-height: 1; }

/* ===== MID premium ===== */

.fiixcom-mid-head{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap: 12px; margin: 2px 2px 12px;
}
.fiixcom-mid-sub{ font-size: 12px; color: var(--fiix-muted); margin-top: -6px; }
.fiixcom-mid-viewall{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 12px; padding: 8px 10px;
  border: 1px solid rgba(11,91,211,.25);
  background: rgba(11,91,211,.08);
  font-weight: 950; text-decoration:none; color: var(--fiix-accent);
  white-space: nowrap;
}
.fiixcom-mid-viewall:hover{ background: rgba(11,91,211,.12); border-color: rgba(11,91,211,.35); }

.fiixcom-mid-empty{ padding: 10px; color: var(--fiix-muted); font-size: 13px; }
.fiixcom-mid-empty-boost{
  border: 1px dashed rgba(11,91,211,.24);
  background: linear-gradient(180deg, rgba(11,91,211,.05), rgba(11,91,211,.02));
  border-radius: 14px;
  padding: 12px;
  grid-column: 1 / -1;
}
.fiixcom-mid-empty-title{
  font-weight: 900;
  font-size: 13px;
  color: var(--fiix-text);
}
.fiixcom-mid-empty-sub{
  font-size: 12px;
  color: var(--fiix-muted);
  margin-top: 4px;
  margin-bottom: 10px;
}
.fiixcom-mid-empty-products{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.fiixcom-mid-empty-product{
  text-decoration:none;
  color: var(--fiix-text);
  border:1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
  display:flex;
  flex-direction: column;
  min-width: 0;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.fiixcom-mid-empty-product:hover{
  transform: translateY(-1px);
  border-color: rgba(11,91,211,.24);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
}
.fiixcom-mid-empty-product img{
  width:100%;
  height: 190px;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.06);
  margin-bottom: 8px;
}
.fiixcom-mid-empty-product-name{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  min-height: 46px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  margin-bottom: 8px;
}
.fiixcom-mid-empty-product-price{
  margin-top: auto;
  font-weight: 800;
  font-size: 22px;
  color: var(--fiix-accent);
  letter-spacing: -.02em;
}

.fiixcom-mid-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-bottom: 8px;
  min-width: 0;
}
@media (max-width: 1100px){
  .fiixcom-mid-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fiixcom-card{
  display:flex;
  flex-direction:column;
  justify-content: center;
  gap: 6px;
  border: 1px solid rgba(11,91,211,.14);
  border-radius: 14px;
  padding: 16px 14px;
  background: linear-gradient(135deg, rgba(11,91,211,.04) 0%, rgba(11,91,211,.01) 100%);
  text-decoration:none;
  color: var(--fiix-text);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
  min-width: 0;
  min-height: 100px;
  position: relative;
  overflow: hidden;
}
.fiixcom-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--fiix-accent), var(--fiix-accent-2));
  opacity: 0;
  transition: opacity .16s ease;
}
.fiixcom-card:hover{
  transform: translateY(-2px);
  border-color: rgba(11,91,211,.32);
  background: linear-gradient(135deg, rgba(11,91,211,.08) 0%, rgba(11,91,211,.03) 100%);
  box-shadow: 0 6px 18px rgba(11, 91, 211, .12);
}
.fiixcom-card:hover::before{
  opacity: 1;
}

.fiixcom-card-title{
  font-weight: 900;
  font-size: 14px;
  line-height: 1.3;
  color: var(--fiix-text);
}
.fiixcom-card-meta{
  font-size: 12px;
  font-weight: 600;
  color: var(--fiix-muted);
}

.fiixcom-card--search{
  display:grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.fiixcom-card-left{ flex:0 0 auto; width: 38px; }
.fiixcom-card-left.is-empty{ width: 0; }
.fiixcom-card-right{ min-width: 0; }
.fiixcom-card-img{
  width: 38px; height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  object-fit: cover;
  background: rgba(0,0,0,.02);
}
.fiixcom-card-sub{
  font-size: 12px; color: var(--fiix-muted);
  white-space: nowrap; overflow:hidden; text-overflow: ellipsis;
  min-width: 0;
}
.fiixcom-card--search .fiixcom-card-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
}

/* Search sections */
.fiixcom-search-section{ margin-bottom: 14px; }
.fiixcom-section-title{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(15,23,42,.70);
  margin: 8px 2px 10px;
}
.fiixcom-muted-row{ padding: 10px; color: var(--fiix-muted); font-size: 13px; }

/* Product grid (search) */
.fiixcom-prod-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}
@media (max-width: 1100px){
  .fiixcom-prod-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fiixcom-prodcard{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background:#fff;
  padding: 12px;
  text-decoration:none;
  color: var(--fiix-text);
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
  display: flex;
  flex-direction: column;
}
.fiixcom-prodcard:hover{
  transform: translateY(-1px);
  border-color: rgba(11,91,211,.24);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
}
.fiixcom-prodcard img{
  width: 100%;
  height: 190px;
  object-fit: contain;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  margin-bottom: 8px;
}
.fiixcom-prodcard-name{
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 8px;
  min-height: 46px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}
.fiixcom-prodcard-meta{ display:flex; flex-wrap:wrap; gap: 6px; margin-bottom: 8px; min-height: 30px; }
.fiixcom-prodcard-price{
  font-weight: 800;
  font-size: 22px;
  color: var(--fiix-accent);
  letter-spacing: -.02em;
  margin-top: 4px;
}

/* ===== RIGHT ===== */

.fiixcom-feature-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px;
  background: #fff;
}

.fiixcom-feature-title{ font-weight: 950; font-size: 14px; margin-bottom: 10px; color: var(--fiix-text); }

.fiixcom-feature-hero-wrap{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, rgba(11,91,211,.10), rgba(0,0,0,.02));
  padding: 10px;
  margin-bottom: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 150px;
}
.fiixcom-feature-hero{ width: 100%; height: 130px; object-fit: contain; border-radius: 14px; background:#fff; }

.fiixcom-feature-desc{ color: var(--fiix-muted); font-size: 12px; margin-bottom: 10px; }

.fiixcom-feature-cta{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%;
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(11,91,211,.25);
  background: rgba(11,91,211,.08);
  font-weight: 950;
  text-decoration:none;
  color: var(--fiix-accent);
}
.fiixcom-feature-cta:hover{ background: rgba(11,91,211,.12); border-color: rgba(11,91,211,.35); }
.fiixcom-feature-quicklinks{
  margin-top: 10px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fiixcom-quicklink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(11,91,211,.20);
  background: rgba(11,91,211,.08);
  color: var(--fiix-accent);
  text-decoration:none;
  font-weight: 800;
  font-size: 12px;
}
.fiixcom-quicklink:hover{
  background: rgba(11,91,211,.14);
  border-color: rgba(11,91,211,.32);
}

.fiixcom-feature-subtitle{
  margin-top: 14px;
  font-weight: 950;
  font-size: 12px;
  color: rgba(15,23,42,.82);
  text-transform: uppercase;
  letter-spacing: .02em;
}
.fiixcom-feature-muted{ color: var(--fiix-muted); font-size: 12px; padding: 8px 0; }

/* Brands */
.fiixcom-feature-brands{
  display:flex;
  flex-direction:column;
  gap: 8px;
  margin-top: 10px;
}
.fiixcom-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  text-decoration: none;
  color: var(--fiix-text);
  cursor: pointer;
  transition: background .14s ease, border-color .14s ease, transform .14s ease;
}
.fiixcom-brand-row:hover{
  background: rgba(11,91,211,.06);
  border-color: rgba(11,91,211,.18);
  transform: translateX(2px);
}
.fiixcom-brand-name{ font-weight: 950; font-size: 12px; }
.fiixcom-brand-count{
  font-weight: 950;
  font-size: 12px;
  color: rgba(15,23,42,.55);
}

/* Featured products (right) */
.fiixcom-feature-products{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 10px;
}

.fiixcom-prod{
  display:flex; gap: 10px; align-items:flex-start;
  text-decoration:none; color: var(--fiix-text);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 10px;
  background:#fff;
  transition: background .14s ease, transform .14s ease, border-color .14s ease;
}
.fiixcom-prod:hover{ background: rgba(0,0,0,.02); transform: translateY(-1px); border-color: rgba(11,91,211,.18); }

.fiixcom-prod img{
  width: 56px; height: 56px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
  flex: 0 0 auto;
}
.fiixcom-prod-name{ font-weight: 950; font-size: 12px; line-height: 1.25; margin-bottom: 6px; }
.fiixcom-prod-meta{ font-size: 11px; color: var(--fiix-muted); display:flex; gap: 8px; flex-wrap: wrap; }
.fiixcom-prod-price{ margin-top: 8px; font-weight: 950; color: var(--fiix-accent); }

.fiixcom-badge{
  display:inline-flex;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  font-weight: 800;
  font-size: 11px;
}
.fiixcom-badge.is-stock{
  border-color: rgba(22,163,74,.25);
  background: rgba(22,163,74,.10);
  color: #166534;
}
.fiixcom-badge.is-oos{
  border-color: rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color: #991b1b;
}

/* Desktop anchor */
@media (min-width: 900px){
  .fiixcom-menu-panel{
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 92vw;
    max-width: 1450px;
  }
}

.fiixcom-menu-mobilelinks{
  display: none;
}

.fiixcom-menu-mobilelinks-title{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  color: rgba(15,23,42,.66);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.fiixcom-menu-mobilelinks-list{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fiixcom-mobilelink{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 2px 0;
  border: none;
  background: transparent;
  color: var(--fiix-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}
.fiixcom-mobilelink:hover{
  color: #0a4db3;
  text-decoration: underline;
}

/* Forzar layout móvil desde JS (fallback cuando media queries no coinciden) */
.fiixcom-menu-panel.fiixcom-force-mobile{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 2147483647 !important;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-header{
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-body{
  display: block;
  padding: 10px 12px 12px;
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-col{
  max-height: none;
  height: calc(100dvh - 122px);
  overflow: auto;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-col-parents,
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-col-mid{
  border: none;
  padding: 0;
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-col-feature{
  display: none;
}
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-mid-grid,
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-prod-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="parents"] .fiixcom-menu-col-mid{ display:none; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="parents"] .fiixcom-menu-col-parents{ display:block; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="children"] .fiixcom-menu-col-parents{ display:none; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="children"] .fiixcom-menu-col-mid{ display:block; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="search"] .fiixcom-menu-col-parents{ display:none; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="search"] .fiixcom-menu-col-mid{ display:block; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="search"] .fiixcom-mid-browse{ display:none !important; }
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="search"] .fiixcom-mid-search{ display:block !important; }
.fiixcom-menu-panel.fiixcom-force-mobile .fiixcom-menu-mobilelinks{
  display: block;
  padding: 12px 2px 4px;
  border-top: 1px solid rgba(0,0,0,.06);
  margin-top: 10px;
  background: transparent;
  margin-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
}
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="children"] .fiixcom-menu-mobilelinks,
.fiixcom-menu-panel.fiixcom-force-mobile[data-mobile-view="search"] .fiixcom-menu-mobilelinks{
  display: none !important;
}

/* Mobile */
@media (max-width: 1100px){
  .fiixcom-menu-trigger{
    width:44px;
    height:44px;
    border-radius:12px;
    justify-content:center;
    padding:0;
    gap:0;
  }
  .fiixcom-menu-trigger-label{ display:none; }
  html.fiixcom-menu-open, body.fiixcom-menu-open{ overflow: hidden; }
  .fiixcom-menu-panel{
    position: fixed;
    left: 0; right: 0; bottom: 0; top: 0;
    width: 100vw;
    border-radius: 0;
    border: none;
    box-shadow: none;
    z-index: 2147483647 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  body > .fiixcom-menu-panel{
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
  }
  .fiixcom-menu-header{
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
  }
  .fiixcom-menu-body{ display:block; padding: 10px 12px 12px; }
  .fiixcom-menu-col{
    max-height: none;
    height: calc(100dvh - 122px);
    overflow: auto;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
  }
  @supports not (height: 100dvh) {
    .fiixcom-menu-col{
      height: calc(100vh - 122px);
    }
  }
  .fiixcom-menu-col-parents, .fiixcom-menu-col-mid{ border: none; padding: 0; }
  .fiixcom-menu-col-feature{ display:none; }
  .fiixcom-mid-grid, .fiixcom-prod-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fiixcom-mid-search .fiixcom-search-cats{ grid-template-columns: 1fr; }
  .fiixcom-mid-search .fiixcom-search-cats .fiixcom-card{
    min-width: 0;
  }
  .fiixcom-mid-search .fiixcom-search-cats .fiixcom-card-right,
  .fiixcom-mid-search .fiixcom-search-cats .fiixcom-card > div{
    min-width: 0;
  }
  .fiixcom-mid-empty-products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fiixcom-menu-panel[data-mobile-view="parents"] .fiixcom-menu-col-mid{ display:none; }
  .fiixcom-menu-panel[data-mobile-view="parents"] .fiixcom-menu-col-parents{ display:block; }
  .fiixcom-menu-panel[data-mobile-view="children"] .fiixcom-menu-col-parents{ display:none; }
  .fiixcom-menu-panel[data-mobile-view="children"] .fiixcom-menu-col-mid{ display:block; }
  .fiixcom-menu-panel[data-mobile-view="search"] .fiixcom-menu-col-parents{ display:none; }
  .fiixcom-menu-panel[data-mobile-view="search"] .fiixcom-menu-col-mid{ display:block; }
  .fiixcom-menu-panel[data-mobile-view="search"] .fiixcom-mid-browse{ display:none !important; }
  .fiixcom-menu-panel[data-mobile-view="search"] .fiixcom-mid-search{ display:block !important; }
  .fiixcom-menu-mobilebar{
    display:flex;
    align-items:center;
    gap: 8px;
    padding: 8px 12px 4px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    background:#fff;
  }
  .fiixcom-menu-back{
    appearance:none;
    border: 1px solid rgba(11,91,211,.24);
    background: rgba(11,91,211,.08);
    color: var(--fiix-accent);
    padding: 6px 10px;
    border-radius: 999px;
    cursor:pointer;
    font-weight: 800;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
  }
  .fiixcom-menu-back:hover{
    background: rgba(11,91,211,.14);
    border-color: rgba(11,91,211,.34);
  }
  .fiixcom-menu-back-icon{
    font-size: 15px;
    line-height: 1;
  }
  .fiixcom-menu-mobiletitle{
    font-weight: 700; color: rgba(15,23,42,.72); font-size: 13px;
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .fiixcom-menu-mobilelinks{
    display: block;
    padding: 12px 2px 4px;
    border-top: 1px solid rgba(0,0,0,.06);
    margin-top: 10px;
    background: transparent;
    margin-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
  }
  .fiixcom-menu-panel[data-mobile-view="children"] .fiixcom-menu-mobilelinks,
  .fiixcom-menu-panel[data-mobile-view="search"] .fiixcom-menu-mobilelinks{
    display: none !important;
  }
}