/* Compact mobile navigation; the category rail scrolls with page content. */
.mkm-header .mkm-search-toggle,.mkm-mobile-category-rail{display:none}
.mkm-mobile-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px 0}
.mkm-mobile-pages>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:12px;border:1px solid var(--mkm-line);border-radius:9px;background:var(--mkm-paper);color:var(--mkm-navy);font-size:14px;line-height:1.4;text-decoration:none}
.mkm-mobile-pages>a svg{width:16px;height:16px;flex-shrink:0;color:var(--mkm-copper)}
.mkm-mobile-pages>a:is(:hover,:focus-visible){background:#f8efe9;border-color:#dfc2b3;color:var(--mkm-copper)}
@media(max-width:1023px){
  .mkm-topbar{display:none}
  .mkm-header .mkm-mainbar{width:calc(100% - 28px);min-height:68px;padding:10px 0;grid-template-columns:minmax(0,1fr) auto;gap:0 8px}
  .mkm-header .mkm-logo{width:146px;max-width:100%;padding:0;align-items:center;min-height:44px}
  .mkm-header .mkm-logo img{max-height:44px;width:100%;height:auto;object-fit:contain}
  .mkm-header .mkm-actions{gap:0;margin:0}
  .mkm-header .mkm-actions :is(.mkm-account,.mkm-cart-trigger,.mkm-mobile-toggle,.mkm-search-toggle){width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;display:grid!important;place-items:center;border-radius:8px}
  .mkm-header .mkm-search-toggle{display:none!important}
  .mkm-header.is-mobile-ready .mkm-search-toggle{display:grid!important}
  .mkm-header .mkm-actions button>svg{width:22px;height:22px}
  .mkm-header .mkm-search-toggle:is(:hover,:focus-visible,[aria-expanded=true]){background:var(--mkm-paper);color:var(--mkm-copper)}
  .mkm-header.is-mobile-ready .mkm-search{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:12px 14px;background:white;border-block:1px solid var(--mkm-line);box-shadow:0 12px 22px #082c4b0d}
  .mkm-header.is-search-open .mkm-search{display:block}
  .mkm-header .mkm-search-form{height:50px}
  .mkm-header .mkm-search-results{left:14px;right:14px;top:calc(100% - 1px);max-height:calc(var(--mkm-visible-height,100dvh) - 155px);overflow:auto;overscroll-behavior:contain}
  .mkm-header .mkm-search-results-body{max-height:none}
  .mkm-mobile-category-rail{display:flex;align-items:center;gap:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 14px;margin:0;border-bottom:1px solid var(--mkm-line);background:#f6f8f9;scrollbar-width:none}
  .mkm-mobile-category-rail::-webkit-scrollbar{display:none}
  .mkm-mobile-category-rail a{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 16px;color:var(--mkm-navy);font:500 13px/1.4 var(--mkm-font,"Jost",sans-serif);text-decoration:none;position:relative}
  .mkm-mobile-category-rail a:first-child{padding-left:0}
  .mkm-mobile-category-rail a+a::before{content:"";position:absolute;left:0;height:14px;width:1px;background:var(--mkm-line)}
  .mkm-mobile-category-rail a:last-child{color:var(--mkm-copper)}
  .mkm-mobile-category-rail a:is(:hover,:focus-visible){color:var(--mkm-copper);background:#f8efe9}
  .mkm-mobile-menu{padding-top:env(safe-area-inset-top)}
}
@media(max-width:359px){
  .mkm-header .mkm-mainbar{width:calc(100% - 20px);gap:0 4px}
  .mkm-header .mkm-logo{width:120px}
  .mkm-drawer-body{padding:20px}
  .mkm-mobile-pages{gap:8px}
  .mkm-mobile-pages>a{padding:10px;font-size:13px}
}

.mkm-carrier-arrow svg{width:14px;height:14px;display:block}
.mkm-back-arrow{display:inline-flex;vertical-align:middle;transform:rotate(180deg)}
.mkm-back-arrow svg{width:16px;height:16px}
/* Consent links belong to independent plugins; render their decorative arrow as a vector. */
:is(.syou-cf-privacy,.syou-nl-consent) a>span[aria-hidden=true]{display:inline-block;width:12px;height:12px;font-size:0;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
