/* Maryana's Wonderland v9: corrective responsive layer, load LAST */
html,body{width:100%;overflow-x:clip}
.mw-header{box-sizing:border-box!important}
.mw-header .actions{gap:6px!important;flex-shrink:0!important}
.mw-header .actions .header-ico,.mw-header .actions button.header-ico,
.mw-header .actions #accountBtn,.mw-header .actions #cartBtn{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  max-width:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  font:400 25px/1 Georgia,serif!important;color:#55252f!important;background:transparent!important;
  box-shadow:none!important;white-space:nowrap!important;overflow:visible!important;flex:0 0 40px!important;
}
.mw-header .actions .header-ico:hover{background:#ffe5e9!important}
.mw-header .cart-icon span{top:-4px!important;right:-3px!important;font:600 10px/1.2 Arial,sans-serif!important;padding:2px!important;min-width:17px!important;height:17px!important}
.mw-hero .hero-heart-note{display:none!important}
.mw-hero .hero-image{background-image:url('/images/hero-clean-v9.jpg')!important;background-size:cover!important;background-repeat:no-repeat!important}
.mw-hero .mw-hero-content{box-sizing:border-box;min-width:0!important}
.mw-hero h1{overflow-wrap:normal!important;word-break:normal!important}
.mw-hero h1 em{white-space:normal!important;max-width:100%!important}
.mw-hero .hero-values{width:fit-content!important;max-width:100%!important;flex-wrap:wrap!important}
@media (min-width:701px){
  .mw-header{padding-inline:clamp(18px,2.8vw,60px)!important}
  .mw-header .actions{margin-left:0!important}
  .mw-hero{padding-left:clamp(30px,7vw,120px)!important}
  .mw-hero .mw-hero-content{width:min(42%,560px)!important;max-width:560px!important}
  .mw-hero h1{font-size:clamp(42px,4.5vw,72px)!important}
  .mw-hero h1 em{font-size:clamp(53px,5.5vw,87px)!important}
  .mw-hero .hero-script{font-size:clamp(21px,2vw,30px)!important}
  .mw-hero .hero-image{inset:0 0 0 37%!important;background-position:center!important}
}
@media (max-width:900px){
 .mw-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 8px!important;padding:10px 14px!important}
 .mw-header .mw-brand{grid-column:1;grid-row:1;min-width:0!important;margin:0!important;display:flex!important;gap:6px!important}
 .mw-brand strong{font-size:clamp(15px,3.8vw,21px)!important;line-height:1.1!important}
 .mw-brand .heartmark{font-size:32px!important}
 .mw-brand small{font-size:7px!important;letter-spacing:.8px!important}
 .mw-header .actions{grid-column:2;grid-row:1;display:flex!important;gap:0!important;margin:0!important}
 .mw-header .actions .header-ico,.mw-header .actions button.header-ico,
 .mw-header .actions #accountBtn,.mw-header .actions #cartBtn{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;max-width:35px!important;flex-basis:35px!important;font-size:21px!important}
 .mw-header nav{grid-column:1/-1;grid-row:2;order:unset!important;display:flex!important;width:100%!important;flex:none!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;padding:4px 0 0!important;margin:0!important}
 .mw-header nav::-webkit-scrollbar{display:none}
 .mw-header nav a{flex:0 0 auto!important;font-size:12px!important;padding:9px 11px!important}
}
@media (max-width:700px){
 .mw-header{position:sticky!important;top:0!important;z-index:40!important}
 .mw-hero{min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:hidden!important;padding:0!important;background:#fff1e9!important}
 .mw-hero .mw-hero-content{order:1!important;width:100%!important;max-width:none!important;padding:28px 20px 24px!important;text-align:left!important;margin:0!important}
 .mw-hero .hero-script{font-size:clamp(19px,5vw,25px)!important;line-height:1.3!important;margin:0 0 9px!important}
 .mw-hero h1{font-size:clamp(34px,9vw,50px)!important;line-height:1.03!important;margin:0 0 15px!important;letter-spacing:-.04em!important}
 .mw-hero h1 em{font-size:clamp(46px,11.4vw,70px)!important;display:block!important;line-height:1.1!important;letter-spacing:0!important;overflow-wrap:normal!important;word-break:normal!important}
 .mw-hero .hero-tagline{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.5!important;margin:0 0 18px!important}
 .mw-hero .hero-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin:0 0 18px!important;padding:10px!important;gap:8px!important;box-shadow:none!important}
 .mw-hero .hero-values span{font-size:21px!important;min-width:0!important;gap:6px!important}
 .mw-hero .hero-values small{font-size:10px!important;line-height:1.3!important}
 .mw-hero .hero-cta{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important}
 .mw-hero .primary{padding:13px 18px!important;min-height:44px!important;white-space:normal!important;font-size:13px!important}
 .mw-hero .watch-link{font-size:11px!important}
 .mw-hero .watch-link span{width:40px!important;height:40px!important}
 .mw-hero .hero-image{order:2!important;position:relative!important;display:block!important;inset:auto!important;z-index:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.36/1!important;background-position:center 40%!important;background-size:cover!important}
 .mw-hero .hero-shade{display:none!important}
 .benefits{margin:12px auto 20px!important}
 .benefits>div{min-width:0!important}
}
@media(max-width:380px){
 .mw-header .actions .header-ico,.mw-header .actions button.header-ico,.mw-header .actions #accountBtn,.mw-header .actions #cartBtn{width:31px!important;height:32px!important;min-width:31px!important;min-height:32px!important;max-width:31px!important;flex-basis:31px!important;font-size:19px!important}
 .mw-header .mw-brand strong{font-size:14px!important}
 .mw-hero .mw-hero-content{padding:22px 14px!important}
 .mw-hero h1{font-size:33px!important}
 .mw-hero h1 em{font-size:clamp(40px,11vw,48px)!important}
}