.mz-mobile-header{display:none}@media only screen and (max-width:767px){.mz-mobile-header{display:block}}
@media only screen and (max-width:767px){.mz-mobile-header .mz-mh-search#mzMobSearch{flex:1 1 auto;min-width:0;border:0;padding:0;overflow:visible;background:none}#mzMobSearch #search_mini_form{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important}#mzMobSearch .form-search{display:flex!important;align-items:center;border:1px solid #cfcfcf;border-radius:6px;background:#fff;padding:0!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important}#mzMobSearch .form-search label{display:none!important}#mzMobSearch #search{flex:1 1 auto!important;width:100%!important;border:0!important;background:transparent!important;padding:11px 12px!important;font-size:16px!important;color:#000!important;position:static!important;left:auto!important;height:auto!important;margin:0!important;min-width:0}#mzMobSearch .form-search .button,#mzMobSearch .form-search button{position:static!important;border:0!important;background:transparent!important;color:#7bae23!important;font-size:18px!important;padding:0 12px!important;height:44px!important;width:auto!important;top:auto!important;right:auto!important;left:auto!important}#mzMobSearch #algolia-autocomplete-container,#mzMobSearch .aa-dropdown-menu{left:0!important}.mz-mobile-header .mz-mh-actions{display:flex!important;visibility:visible!important;opacity:1!important}.mz-mobile-header .mz-mh-act,.mz-mobile-header .mz-mh-cart{display:flex!important;flex-direction:column;align-items:center;gap:2px;text-decoration:none!important;font-size:11px!important;visibility:visible!important;opacity:1!important}.mz-mobile-header .mz-mh-act,.mz-mobile-header .mz-mh-act:link,.mz-mobile-header .mz-mh-act span,.mz-mobile-header .mz-mh-act i{color:#2a5a00!important}.mz-mobile-header .mz-mh-cart,.mz-mobile-header .mz-mh-cart:link,.mz-mobile-header .mz-mh-cart span,.mz-mobile-header .mz-mh-cart i{color:#555!important}.mz-mobile-header .mz-mh-act i,.mz-mobile-header .mz-mh-cart i{font-size:21px!important;display:inline-block!important;line-height:1}.mz-mobile-header .mz-mh-act span,.mz-mobile-header .mz-mh-cart span{display:block!important;font-size:11px!important;line-height:1.1}.mz-mobile-header{overflow-x:hidden!important}.mz-mobile-header .mz-mh-contact,.mz-mobile-header .mz-mh-bar,.mz-mobile-header .mz-mh-row{box-sizing:border-box!important;max-width:100%!important}.mz-mobile-header .mz-mh-bar{min-width:0!important;flex-wrap:nowrap!important}.mz-mobile-header .mz-mh-logo{min-width:0!important;overflow:hidden}.mz-mobile-header .mz-mh-row{min-width:0!important}.mz-mobile-header #mzMobSearch{min-width:0!important;flex:1 1 0!important;width:auto!important;max-width:100%!important;overflow:hidden!important}#mzMobSearch #search_mini_form,#mzMobSearch .form-search,#mzMobSearch #search{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}}

.mz-dhead{display:none}
@media only screen and (min-width:768px){
  .mz-dhead{display:block;position:relative;z-index:50;font-family:Arial,Helvetica,sans-serif}
  .mz-dh-wrap{max-width:1240px;margin:0 auto;padding:0 26px}
  /* ---- barra superior: LILA CLARO (buen contraste) ---- */
  .mz-dhead-top{background:#e9e0f7;color:#5a4d82;font-size:12.5px;border-bottom:1px solid #dccff0}
  .mz-dhead-top .mz-dh-wrap{display:flex;align-items:center;justify-content:space-between;height:36px}
  .mz-dh-tag{display:flex;align-items:center;gap:8px;color:#6a5b97;font-weight:600;letter-spacing:.2px}
  .mz-dh-tag svg{width:15px;height:15px}
  .mz-dh-util{display:flex;align-items:center;gap:16px}
  .mz-dh-util a{color:#5a4d82;text-decoration:none;transition:color .15s}
  .mz-dh-util a:hover{color:#3a2d5c}
  .mz-dh-util .fa{margin-right:5px;color:#8a72c0}
  .mz-dh-util .sep{width:1px;height:15px;background:rgba(90,77,130,.25)}
  /* ---- barra principal: BLANCA con jardín ---- */
  .mz-dhead-main{position:relative;background:#fff;overflow:hidden;border-bottom:none}
  .mz-dhead-main .mz-dh-wrap{position:relative;z-index:2;display:flex;align-items:center;gap:30px;height:110px}
  .mz-dh-logo{flex:0 0 auto;display:block;line-height:0}
  .mz-dh-logo img{max-height:64px;width:auto;display:block}
  .mz-dh-logo strong{position:absolute;left:-9999px}
  /* árbol (estilo footer) entre el logo y el buscador, enraizado en el suelo, con balanceo suave */
  .mz-dh-tree{flex:0 0 auto;align-self:flex-end;width:54px;height:77px;margin:0 -6px -2px;position:relative;z-index:2;transform-origin:bottom center;animation:mzTreeSway 7s ease-in-out infinite}
  .mz-dh-tree.mzTreeShake{animation:mzTreeShake .13s ease-in-out infinite!important}
  @keyframes mzTreeShake{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
  .mz-dh-tree svg{display:block;width:100%;height:100%;overflow:visible}
  .mz-dh-tree2{position:absolute;right:0.5%;bottom:0;width:58px;height:84px;z-index:1;pointer-events:none;transform-origin:bottom center;animation:mzTreeSway 8.5s ease-in-out infinite}
  .mz-dh-tree2 svg{display:block;width:100%;height:100%;overflow:visible}
  @keyframes mzTreeSway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
  /* vegetacion verde meciendose (como el footer) en la base */
  .mz-dh-veg{position:absolute;left:0;right:0;bottom:0;height:50px;z-index:1;pointer-events:none}
  .mz-dh-veg .stem,.mz-dh-flower{position:absolute;bottom:0;transform-origin:bottom center;will-change:transform}
  .mz-dh-veg .stem{animation:mzDhSway 5s ease-in-out infinite}
  .mz-dh-flower{animation:mzDhSway 4.6s ease-in-out infinite}
  .mz-dh-veg .stem svg,.mz-dh-flower svg{display:block;width:100%;height:100%}
  @keyframes mzDhSway{0%,100%{transform:rotate(-3.2deg)}50%{transform:rotate(3.2deg)}}
  /* SUELO Minecraft: bloque tierra+hierba (detrás) + briznas delante (enraízan las plantas) */
  .mz-dh-grassfront{position:absolute;left:0;right:0;bottom:-2px;height:14px;z-index:3;pointer-events:none}
  /* panal colgando del logo + abejas polinizadoras + miel que resbala hasta un cuenco (confinado a la cabecera) */
  .mz-dh-bees{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
  .mz-dh-hive{position:absolute;width:30px;will-change:auto}
  .mz-dh-hive svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(120,90,30,.28))}
  .mz-dh-bee2{position:absolute;top:0;left:0;width:18px;height:13px;will-change:transform,opacity}
  .mz-dh-bee2 svg{display:block;width:100%;height:100%;overflow:visible}
  .mz-dh-bee2 .pln{opacity:0;transition:opacity .45s}
  .mz-dh-bee2.haspollen .pln{opacity:1}
  .mz-dh-bee2 .wl{transform-box:fill-box;transform-origin:84% 78%;animation:mzWingL .14s ease-in-out infinite alternate}
  .mz-dh-bee2 .wr{transform-box:fill-box;transform-origin:16% 78%;animation:mzWingR .15s ease-in-out infinite alternate}
  @keyframes mzWingL{from{transform:rotate(-3deg)}to{transform:rotate(-26deg)}}
  @keyframes mzWingR{from{transform:rotate(5deg)}to{transform:rotate(28deg)}}
  .mz-dh-bee2 .bw{transform-origin:50% 72%;animation:mzBW .12s ease-in-out infinite alternate}
  @keyframes mzBW{from{transform:scaleY(1)}to{transform:scaleY(.42)}}
  .mz-dh-honey{position:absolute;width:9px;height:14px;pointer-events:none;will-change:transform,opacity}
  .mz-dh-honey svg{display:block;width:100%;height:100%}
  .mz-dh-bowl{position:absolute;width:25px;bottom:2px;z-index:5;pointer-events:auto;cursor:pointer;transform-origin:bottom center;transform:translateY(1px);transition:transform .55s cubic-bezier(.5,-0.25,.5,1.35)}
  .mz-dh-bowl.mztip{transform:translateY(-4px) rotate(-78deg) translate(3px,-2px)}
  .mz-honeyspill{position:absolute;z-index:9990;pointer-events:none;width:8px}
  .mz-honeyspill .col{position:absolute;top:0;left:0;width:7px;height:0;background:linear-gradient(180deg,#f0a51e,#e0900f);opacity:.92;border-radius:3px 3px 5px 5px;box-shadow:0 0 3px rgba(170,110,15,.35);transition:height 1.3s linear}
  .mz-honeyspill.on .col{height:21px}
  .mz-honeyspill .puddle{position:absolute;top:13px;left:-12px;width:30px;height:13px;background:radial-gradient(ellipse,#f0a51e,#dd8a0c);border-radius:50%;box-shadow:0 1px 3px rgba(170,110,15,.3);opacity:0;transition:opacity .6s 1s}
  .mz-honeyspill.on .puddle{opacity:.92}
  .mz-honeyspill .hd{position:absolute;left:-1px;width:9px;height:12px;background:radial-gradient(ellipse at 50% 32%,#f3b22a,#df8d0d);border-radius:50% 50% 50% 50%/36% 36% 64% 64%;opacity:0}
  .mz-dh-bowl svg{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 1px rgba(120,90,30,.25))}
  .mz-dh-bowl .pool{transition:transform .22s ease-out;transform-origin:center}
  .mz-dh-bowl.splash .pool{transform:scaleX(1.18) scaleY(1.5)}
  @keyframes mzHoneyFall{0%{transform:translateY(0) scale(.3);opacity:0}10%{opacity:1;transform:translateY(3px) scale(1)}40%{transform:translateY(18px) scaleY(1.15) scaleX(.9)}47%{transform:translateY(19px) scaleY(.8) scaleX(1.18)}62%{transform:translateY(25px) scale(1)}100%{transform:translateY(42px) scale(.82);opacity:.88}}
  .mz-dh-bowl .pool{transition:transform .22s ease-out;transform-origin:center}
  .mz-dh-bowl.splash .pool{transform:scaleX(1.18) scaleY(1.5)}
  @keyframes mzHoneyFall{0%{transform:translateY(0) scale(.3);opacity:0}10%{opacity:1;transform:translateY(3px) scale(1)}40%{transform:translateY(18px) scaleY(1.15) scaleX(.9)}47%{transform:translateY(19px) scaleY(.8) scaleX(1.18)}62%{transform:translateY(25px) scale(1)}100%{transform:translateY(42px) scale(.82);opacity:.88}}
  .mz-dh-bowl .pool{transition:transform .5s,opacity .5s;transform-box:fill-box;transform-origin:center bottom}
  /* PELI: capa de actores (apicultor + oso) + pedos + gorro que cae */
  .mz-dh-critters{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
  .mz-dh-actor{position:absolute;top:0;left:0;will-change:transform,opacity}
  .mz-dh-actor svg{display:block;width:100%;height:100%;overflow:visible}
  .mz-dh-fart{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle,rgba(150,180,90,.5),rgba(150,180,90,0) 70%);pointer-events:none}
  @keyframes mzFart{0%{transform:scale(.3) translateY(0);opacity:0}25%{opacity:.85}100%{transform:scale(1.9) translateY(-11px);opacity:0}}
  .mz-dh-sun svg,.mz-dh-cac svg,.mz-dh-oasis svg,.mz-dh-sbear svg,.mz-dh-hum svg{display:block;width:100%;height:100%}
    .mz-dh-sun .ray{transform-origin:50% 50%;animation:mzSunSpin 22s linear infinite}
    @keyframes mzSunSpin{to{transform:rotate(360deg)}}
    .mz-dh-heat{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(255,196,84,.30),rgba(255,140,46,.13) 55%,rgba(255,120,30,0));opacity:0;transition:opacity 1.3s}
    .mz-dh-heat.on{opacity:1}
    .mz-dh-oasis{opacity:0;transition:opacity 1s}
    .mz-dh-oasis.on{opacity:1}
    .mz-dh-oasis.mirage{animation:mzMirage 2.6s ease-in-out infinite}
    @keyframes mzMirage{0%,100%{transform:skewX(0deg) scaleY(1)}50%{transform:skewX(1.1deg) scaleY(1.03)}}
    .mz-dh-sbear{opacity:0;transition:opacity .9s}
  .mz-dh-bub{position:absolute;z-index:9992;pointer-events:none;max-width:104px;background:#fff;border:1.4px solid #3a3358;border-radius:8px;padding:3px 6px;font:700 9.5px "Comic Sans MS","Segoe UI",cursive,sans-serif;color:#2a2348;line-height:1.18;box-shadow:0 3px 9px rgba(0,0,0,.2);transform:scale(0);transform-origin:0 100%;transition:transform .22s cubic-bezier(.3,1.5,.5,1);text-align:center}
  .mz-dh-bub.on{transform:scale(1)}
  .mz-dh-bub:after{content:'';position:absolute;left:11px;bottom:-7px;border:5px solid transparent;border-top-color:#3a3358;border-bottom:0}
  .mz-dh-bub:before{content:'';position:absolute;left:12px;bottom:-4px;border:4px solid transparent;border-top-color:#fff;border-bottom:0;z-index:1}
  .mz-dh-hatf{position:absolute;width:24px;height:11px;pointer-events:none}
  .mz-dh-hatf svg{display:block;width:100%;height:100%}
  /* buscador protagonista (sobre blanco: borde + sombra lila) */
  .mz-dh-search{flex:1 1 auto;min-width:0;position:relative}
  .mz-dh-search .mz-srch-skin{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #ddd0f2;border-radius:40px;box-shadow:0 6px 18px rgba(110,86,170,.16);transition:box-shadow .25s,border-color .25s,transform .25s}
  .mz-dh-search.is-focus .mz-srch-skin{border-color:#9a7fd8;box-shadow:0 8px 26px rgba(124,92,196,.32);transform:translateY(-1px)}
  .mz-dh-search .mz-srch-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:54px;color:#7c5cc4}
  .mz-dh-search .mz-srch-ico svg{width:23px;height:23px}
  .mz-dh-search #search_mini_form,.mz-dh-search .form-search{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;background:none!important;border:0!important}
  .mz-dh-search .form-search{display:flex!important;align-items:center}
  .mz-dh-search .form-search label{display:none!important}
  .mz-dh-search input#search{flex:1 1 auto!important;width:100%!important;border:0!important;background:transparent!important;outline:none!important;height:54px!important;padding:0 8px 0 0!important;margin:0!important;font-size:16px!important;color:#2a2348!important;position:static!important;box-shadow:none!important;min-width:0}
  .mz-dh-search .form-search input#search::placeholder{color:#9890ac}
  .mz-dh-search .form-search .button,.mz-dh-search .form-search button{flex:0 0 auto;position:static!important;border:0!important;height:54px!important;margin:0!important;padding:0 26px!important;background:linear-gradient(135deg,#7c5cc4,#5d44a3)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;border-radius:0 40px 40px 0!important;cursor:pointer;letter-spacing:.3px;transition:filter .15s}
  .mz-dh-search .form-search .button:hover,.mz-dh-search .form-search button:hover{filter:brightness(1.1)}
  .mz-dh-search .form-search .button .fa{margin:0}
  /* el buscador del tema arrancaba colapsado (una regla responsive del tema le fija un ancho) -> forzarlo SIEMPRE expandido, con selector mas fuerte que el del tema */
  .mz-dh-search .mz-srch-skin #search_mini_form,.mz-dh-search .mz-srch-skin #search_mini_form .form-search{flex:1 1 auto!important;width:100%!important;min-width:0!important}
  .mz-dh-search .mz-srch-skin #search_mini_form .form-search{display:flex!important;align-items:center}
  .mz-dh-search .mz-srch-skin #search_mini_form .form-search input#search{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;left:auto!important;position:static!important;height:54px!important;background:transparent!important;border:0!important;visibility:visible!important;opacity:1!important}
  /* florecitas plantadas SOBRE el buscador */
  .mz-dh-srchfl{position:absolute;top:-15px;left:0;right:0;height:20px;z-index:4;pointer-events:none}
  .mz-dh-srchfl span{position:absolute;bottom:0;transform-origin:bottom center;animation:mzDhSway 4.2s ease-in-out infinite}
  .mz-dh-srchfl span svg{display:block}
  /* acciones cuenta/carrito (oscuras sobre blanco) ---- */
  .mz-dh-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}
  .mz-dh-act{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#5d44a3;font-size:11.5px;font-weight:600;padding:8px 12px;border-radius:12px;transition:background .15s,color .15s;position:relative}
  .mz-dh-act:hover{background:#f3eefb;color:#4d3890}
  .mz-dh-act .fa{font-size:22px;line-height:1;color:#7c5cc4}
  .mz-dh-act:hover .fa{color:#5d44a3}
  .mz-dh-cart-n{position:absolute;top:2px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#1d9e75;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}
  /* ---- nav megamenú: recolor verde -> LILA ---- */
  .mz-dhead-nav .mz-dmega{background:linear-gradient(180deg,#5d44a3,#4d3890)!important;box-shadow:0 3px 9px rgba(20,12,40,.18)}
  .mz-dhead-nav .mz-dmega-item:hover>.mz-dmega-top,.mz-dhead-nav .mz-dmega-item.dopen>.mz-dmega-top{background:rgba(255,255,255,.14)!important}
  .mz-dhead-nav .mz-dmega-panel{border-top-color:#7c5cc4!important}
  .mz-dhead-nav .mz-dmega-fh .ico svg{stroke:#7c5cc4!important}
  .mz-dhead-nav .mz-dmega-fh:hover b{color:#5d44a3!important}
  .mz-dhead-nav .mz-dmega-links a::before{color:#7c5cc4!important}
  .mz-dhead-nav .mz-dmega-links a:hover{color:#5d44a3!important}
  .mz-dhead-nav .mz-dmega-prod:hover{background:#f3eefb!important}
  .mz-dhead-nav .mz-dmega-pprice{color:#5d44a3!important}
  .mz-dhead-nav .mz-dmega-viewall{color:#5d44a3!important}
  /* el megamenú móvil .mz-mm-* no se toca aquí */
  .mz-dhead-nav #custommenu,.mz-dhead-nav .nav-container,.mz-dhead-nav ul#nav{display:none!important}
  /* ===== MENU PROD recoloreado al MORADO nuevo (Mibizum 2026-06-24; scoped a .mz-dhead, SOLO escritorio; el interior del menu NO se toca; reversible con el backup del header) ===== */
  .header-menu{background:linear-gradient(180deg,#5d44a3,#4d3890)!important}
  .header-menu .eternal-custom-menu-popup,.header-menu .block1{background:#fff!important}
}
@media (prefers-reduced-motion:reduce){
  .mz-dh-tree,.mz-dh-tree2,.mz-dh-veg .stem,.mz-dh-flower,.mz-dh-srchfl span,
  .mz-dh-bee2 .wl,.mz-dh-bee2 .wr,.mz-dh-bee2 .bw,.mz-dh-sun .ray,.mz-dh-oasis.mirage{animation:none!important}
  .mz-dh-bowl,.mz-dh-bowl .pool,.mz-dh-heat,.mz-dh-oasis,.mz-dh-sbear{transition:none!important}
}