[hidden]{display:none!important}
.matchylook-header-root{position:relative;z-index:100;background:#fff;color:#171717}
.matchylook-header-root *{box-sizing:border-box}

/* Announcement */
.ml-announcement{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:28px;padding:0 20px;background:#f4f1ec;color:#171717;text-align:center;font:500 10.5px/1.2 "Manrope",Arial,sans-serif;letter-spacing:.035em}
.ml-announcement a{color:inherit;text-decoration:none}.ml-announcement-side{min-width:20px}
.ml-announcement-close{justify-self:end;width:24px;height:24px;border:0!important;background:transparent!important;color:inherit!important;padding:0!important;margin:0!important;box-shadow:none!important;font:400 17px/1 "Manrope",Arial,sans-serif!important;cursor:pointer}

/* Main shell */
.matchylook-header-main-shell{width:100%;background:#fff;border-bottom:1px solid #ece8e2}
.matchylook-header-main-inner,.matchylook-header-mobile-inner{width:min(100%,1440px)!important;max-width:1440px!important;margin:0 auto!important}
.matchylook-header-main-inner{min-height:78px}
.matchylook-header-brandnav{display:flex!important;align-items:center!important;gap:44px!important;min-width:0;flex:1 1 auto}
.matchylook-header-brandnav>.elementor-element:first-child{flex:0 0 auto}
.matchylook-header-brandnav>.elementor-element:last-child{min-width:0;flex:1 1 auto}
.matchylook-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;flex:0 0 auto}

/* Logo */
.ml-logo{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;color:#171717;line-height:0}
.ml-logo img{display:block;width:142px;height:auto;max-width:100%;object-fit:contain}
.ml-logo-fallback{display:inline-block;font:700 23px/1 "Manrope",Arial,sans-serif;letter-spacing:.08em;color:#111}.ml-logo-fallback small{display:block;text-align:center;font:500 7px/1.5 "Manrope",Arial,sans-serif;letter-spacing:.36em;margin-top:4px}

/* Desktop nav */
.ml-nav{display:flex;align-items:center;gap:27px;white-space:nowrap;overflow:visible}
.ml-nav a{position:relative;color:#171717;text-decoration:none;font:500 13px/1.2 "Manrope",Arial,sans-serif;letter-spacing:.005em;transition:color .16s ease}
.ml-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .18s ease}
.ml-nav a:hover{color:#7a6f64}.ml-nav a:hover:after{right:0}
.ml-nav a:focus:not(:focus-visible){outline:none}.ml-nav a:focus-visible{outline:1px solid currentColor;outline-offset:4px}

/* Actions */
.ml-action,.ml-mobile-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0!important;background:transparent!important;color:#171717!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;line-height:1!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;transition:color .16s ease,opacity .16s ease}
.ml-action:hover,.ml-mobile-trigger:hover{opacity:.62}.ml-action:focus:not(:focus-visible),.ml-mobile-trigger:focus:not(:focus-visible){outline:none}.ml-action:focus-visible,.ml-mobile-trigger:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.ml-action svg,.ml-mobile-trigger svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.ml-mobile-trigger svg{width:22px;height:22px}
.matchylook-cart-count{position:absolute;top:-7px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border-radius:20px;background:#171717;color:#fff;font:600 8px/1 "Manrope",Arial,sans-serif}.matchylook-cart-count.is-empty{display:none}

/* Search overlay */
.ml-search-panel{position:fixed!important;inset:0!important;z-index:2147482000!important;width:100vw!important;height:100vh!important;background:rgba(24,21,18,.32);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding:clamp(84px,11vh,128px) 24px 28px;overflow:auto;overscroll-behavior:contain}
.ml-search-dialog{position:relative;width:min(920px,100%);margin:0 auto;background:#fffefc;border:1px solid #e6dfd7;box-shadow:0 28px 90px rgba(24,20,16,.18);padding:28px 32px 24px;color:#171411}
.ml-search-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.ml-search-dialog-head>div{display:flex;flex-direction:column;gap:7px}.ml-search-eyebrow{font:600 9px/1 "Manrope",Arial,sans-serif;letter-spacing:.22em;color:#8b8178}.ml-search-dialog-head strong{font:500 clamp(25px,2.2vw,34px)/1.05 "Manrope",Arial,sans-serif;letter-spacing:-.02em;color:#1e1a17}
.ml-search-close{flex:0 0 auto;width:38px;height:38px;border:1px solid #e4ddd5!important;border-radius:999px!important;background:#fff!important;color:#211d19!important;box-shadow:none!important;padding:0!important;margin:0!important;font:300 25px/1 "Manrope",Arial,sans-serif!important;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.ml-search-close:hover{background:#f5f1ec!important;border-color:#d7cec4!important;transform:rotate(3deg)}
.ml-search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:62px;border:1px solid #dcd4cb;padding:0 16px 0 18px;background:#fff}
.ml-search-form-icon{display:flex;align-items:center;justify-content:center;color:#2a2521}.ml-search-form-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.ml-search-form input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font:400 16px/1.35 "Manrope",Arial,sans-serif;color:#171411}.ml-search-form input::placeholder{color:#9b9188;opacity:1}
.ml-search-submit{display:inline-flex!important;align-items:center!important;gap:9px!important;border:0!important;background:#1d1916!important;color:#fff!important;box-shadow:none!important;border-radius:0!important;min-height:38px!important;padding:0 14px!important;margin:0!important;font:600 10px/1 "Manrope",Arial,sans-serif!important;letter-spacing:.14em;cursor:pointer;transition:background .18s!important}.ml-search-submit:hover{background:#4a413a!important}.ml-search-submit svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ml-search-quick{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.ml-search-quick>span{font:600 9px/1 "Manrope",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#91867c;margin-right:2px}.ml-search-quick a{display:inline-flex;align-items:center;gap:6px;color:#3c3530;text-decoration:none!important;font:500 11px/1.2 "Manrope",Arial,sans-serif;border-bottom:1px solid transparent;padding:3px 0}.ml-search-quick a:hover{border-color:#8d8177;color:#171411}.ml-search-quick b{font-weight:400}
body.ml-search-open{overflow:hidden!important}
/* Mobile */
.matchylook-header-mobile{display:none!important}
.matchylook-header-mobile-inner{
  min-height:64px;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
}
.matchylook-header-mobile-inner>.elementor-element{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
.matchylook-mobile-brand,.matchylook-mobile-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
.matchylook-mobile-brand>.elementor-element,.matchylook-mobile-actions>.elementor-element{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
.matchylook-mobile-brand{gap:13px!important}
.matchylook-mobile-actions{gap:12px!important;margin-left:auto!important}
.matchylook-header-mobile .ml-logo img{width:92px}
.ml-mobile-overlay{position:fixed;inset:0;z-index:999990;background:rgba(20,18,16,.24);backdrop-filter:blur(1px)}
.ml-mobile-drawer{position:fixed;z-index:999991;left:0;top:0;bottom:0;width:88%;max-width:420px;transform:translateX(-105%);transition:transform .24s ease;background:#fff;box-shadow:12px 0 30px rgba(0,0,0,.08);padding:0 24px 30px;overflow:auto}
.ml-mobile-drawer.is-open{transform:translateX(0)}
.ml-mobile-head{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e5df;font:600 11px/1 Arial,sans-serif;letter-spacing:.16em}
.ml-mobile-head button{border:0!important;background:transparent!important;padding:0!important;color:#171717!important}.ml-mobile-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.ml-mobile-drawer nav{display:flex;flex-direction:column;padding:12px 0}.ml-mobile-drawer nav a{padding:15px 0;border-bottom:1px solid #efebe6;color:#171717;text-decoration:none;font:500 16px/1.25 Arial,sans-serif}
.ml-mobile-utils{display:flex;flex-direction:column;padding-top:12px}.ml-mobile-utils a{padding:10px 0;color:#171717;text-decoration:none;font:400 13px/1.25 Arial,sans-serif}
body.ml-lock-scroll{overflow:hidden}

@media(max-width:1180px) and (min-width:1025px){
  .matchylook-header-brandnav{gap:30px!important}.ml-nav{gap:19px}.ml-nav a{font-size:12px}.matchylook-header-main-inner{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:1024px){
  .matchylook-header-desktop{display:none!important}
  .matchylook-header-mobile{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important}
  .matchylook-header-mobile>.elementor-element{width:100%!important;max-width:100%!important}

  /* Mobile: hamburger left, logo mathematically centered, actions right.
     display:contents lets the existing Elementor brand container keep being editable
     while its menu + logo become independent grid items. */
  .matchylook-header-mobile-inner{
    display:grid!important;
    grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr)!important;
    align-items:center!important;
    width:100%!important;
  }
  .matchylook-mobile-brand{display:contents!important}
  .matchylook-mobile-brand>.elementor-element:first-child{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
  }
  .matchylook-mobile-brand>.elementor-element:last-child{
    grid-column:2!important;
    justify-self:center!important;
    width:auto!important;
  }
  .matchylook-mobile-brand>.elementor-element:last-child>.elementor-widget-container{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .matchylook-header-mobile .ml-logo{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:auto!important;
    margin:0 auto!important;
  }
  .matchylook-mobile-actions{
    grid-column:3!important;
    justify-self:end!important;
    margin-left:0!important;
    width:auto!important;
  }

  .ml-announcement{min-height:26px;padding:0 12px;font-size:9.5px}.ml-announcement span:not(.ml-announcement-side),.ml-announcement a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80vw}
  .ml-search-panel{padding:74px 14px 18px}.ml-search-dialog{padding:22px 18px 18px}.ml-search-dialog-head{margin-bottom:20px}.ml-search-form{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:56px;padding:0 8px 0 14px}.ml-search-submit{grid-column:auto;width:auto;min-width:88px;min-height:40px!important;justify-content:center!important;margin:0!important;padding:0 12px!important}.ml-search-form input{font-size:14px}.ml-search-quick{gap:10px 14px}.ml-search-close{width:34px;height:34px;font-size:22px!important}
}
@media(min-width:1025px){.matchylook-header-mobile{display:none!important}}

/* Elementor editor safety */
.elementor-editor-active .ml-search-panel[hidden],.elementor-editor-active .ml-mobile-overlay[hidden]{display:none!important}
.elementor-editor-active .ml-mobile-drawer:not(.is-open){transform:translateX(-105%)!important}

@media(max-width:420px){
  .matchylook-header-mobile-inner{padding-left:14px!important;padding-right:14px!important}
  .matchylook-mobile-brand{gap:11px!important}
  .matchylook-mobile-actions{gap:10px!important}
  .matchylook-header-mobile .ml-logo img{width:84px}
  .ml-action svg,.ml-mobile-trigger svg{width:19px;height:19px}
}


/* v0.16.0 — Mobile search polish: keep input + CTA on one row. */
@media(max-width:420px){
  .ml-search-dialog{padding:20px 16px 18px}
  .ml-search-dialog-head{gap:14px}
  .ml-search-dialog-head strong{font-size:30px}
  .ml-search-form{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 7px 0 12px}
  .ml-search-form-icon svg{width:19px;height:19px}
  .ml-search-submit{min-width:74px!important;padding:0 10px!important;letter-spacing:.10em!important}
  .ml-search-submit svg{display:none}
  .ml-search-quick{margin-top:16px;gap:9px 13px}
}

/* v0.25 accessory categories open only when real products are published. */
.ml-nav-pending{font:500 13px/1.2 var(--e-global-typography-primary-font-family,"Manrope"),Arial,sans-serif;opacity:.6}
.ml-nav-group{position:relative}.ml-nav-group-head{display:flex;align-items:center;gap:4px}
.ml-nav-sub-toggle{appearance:none;border:0;background:transparent;color:inherit;padding:4px 6px;cursor:pointer;font-size:18px;line-height:1}
.ml-nav-sub-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.ml-nav-submenu{position:absolute;left:0;top:calc(100% + 12px);z-index:100;min-width:160px;padding:12px 16px;background:#fffdf9;border:1px solid #e5ded6;box-shadow:0 8px 20px #0000000a;display:flex;flex-direction:column;gap:16px}
.ml-nav-submenu[hidden]{display:none!important}.ml-mobile-drawer nav .ml-nav-pending{padding:15px 0;border-bottom:1px solid #efebe6;font-size:16px}
.ml-nav-group.is-mobile .ml-nav-group-head>a{flex:1}.ml-nav-group.is-mobile .ml-nav-submenu{position:static;border:0;box-shadow:none;padding:0 0 0 20px;gap:0;background:transparent}
.ml-mobile-drawer[inert]{pointer-events:none}