/* Catalogue navigation. Scoped to the test-only view event. */
.clarity-catalog-menu{color:#202329;background:#fff!important}
.clarity-catalog-menu .clarity-menu-list{height:auto!important;min-height:0!important;padding:8px 16px!important;background:#fff;border:0!important;border-radius:0!important}
.clarity-catalog-menu .clarity-menu-row{position:relative;min-height:52px!important;padding:0!important;font-size:16px!important;color:#202329!important;border:0!important;background:transparent}
.clarity-catalog-menu .clarity-menu-row>span:first-child{flex:1;min-width:0;align-self:stretch;gap:16px}
.clarity-catalog-menu .clarity-menu-row>span:first-child>a{display:flex;align-items:center;flex:1;align-self:stretch;margin:0!important;padding:0!important;font-size:16px!important;line-height:24px;font-weight:500!important;color:inherit!important;text-decoration:none}
.clarity-catalog-menu .clarity-menu-icon{flex:0 0 24px;width:24px;height:24px;color:#34383c;pointer-events:none}
.clarity-catalog-menu .clarity-menu-row[data-clarity-key=sale],.clarity-catalog-menu .clarity-menu-row[data-clarity-key=sale] .clarity-menu-icon{color:#a13d40!important}
.clarity-catalog-menu .clarity-menu-separator{margin-top:9px!important;padding-top:9px!important;min-height:62px!important}
.clarity-catalog-menu .clarity-menu-separator:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#e8e8e6}
.clarity-catalog-menu .clarity-menu-expand{flex:0 0 44px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:4px}
.clarity-catalog-menu .clarity-menu-expand .menu-chevron-icon{margin:0;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);background:none!important;mask:none!important;-webkit-mask:none!important;pointer-events:none}
.clarity-catalog-menu a:focus-visible,.clarity-catalog-menu button:focus-visible,.clarity-catalog-menu [role=button]:focus-visible{outline:2px solid #576957!important;outline-offset:-2px;border-radius:4px}
.clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog){background:#fff!important}
.clarity-catalog-menu .ds-menu-catalog-items:not(.clarity-menu-list){background:#fff!important;min-height:0!important}
.clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog) .ds-menu-catalog-item{min-height:48px;padding:0 16px!important;font-size:15px!important;border:0!important;color:#202329!important}
.clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog) .ds-menu-catalog-item>a{display:flex;align-items:center;min-height:48px;flex:1;font-size:15px!important;line-height:22px;color:inherit!important;padding:9px 0}
.clarity-catalog-menu .clarity-menu-all{border-bottom:1px solid #e8e8e6!important;margin-bottom:8px}
.clarity-catalog-menu .clarity-menu-all>a{font-weight:600!important}
@media(min-width:1200px){
 .clarity-header-menu .clarity-catalog-menu.ds-menu-main-catalog{width:352px!important;overflow:visible!important;border:1px solid #e7e7e4!important;border-radius:4px!important;box-shadow:0 12px 28px #1720180d!important}
 .clarity-catalog-menu>.ds-menu-catalog-inner{overflow:visible!important}
 .clarity-catalog-menu .clarity-menu-row:hover{background:#f6f7f4!important}
 .clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog){width:352px!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;left:calc(100% + 16px)!important;bottom:auto!important;transform:none!important;box-shadow:0 10px 25px #1720180d!important;border:1px solid #e7e7e4!important}
 .clarity-catalog-menu .ds-menu-catalog .ds-menu-catalog{left:100%!important}
 .clarity-catalog-menu .ds-menu-catalog .ds-menu-catalog-item{position:relative}
 .clarity-catalog-menu .ds-menu-catalog>.ds-menu-catalog-inner{height:auto!important;overflow:visible!important}
 .clarity-catalog-menu .ds-menu-catalog:not(:has(.ds-menu-catalog))>.ds-menu-catalog-inner{max-height:min(640px,calc(100vh - 250px));overflow-y:auto!important}
 .clarity-catalog-menu .ds-menu-catalog.active{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog) .ds-menu-catalog-items{padding:8px 0!important}
 .clarity-catalog-menu .clarity-menu-all{display:none!important}
}
@media(max-width:1199.98px){
 .clarity-catalog-menu.ds-menu-main-catalog,.clarity-catalog-menu .ds-menu-catalog{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;top:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
 .clarity-catalog-menu .ds-menu-catalog{display:none!important;position:fixed!important;left:0!important;transform:none!important;visibility:hidden!important;z-index:2!important}
 .clarity-catalog-menu .ds-menu-catalog.active{display:block!important;visibility:visible!important}
 .clarity-catalog-menu .ds-sidebar-header{height:72px;min-height:72px;padding:12px 16px!important;background:#fff!important;border-bottom:1px solid #e8e8e6;color:#202329!important}
 .clarity-catalog-menu .ds-sidebar-header>div{font-size:18px!important;line-height:26px;font-weight:500!important}
 .clarity-catalog-menu .ds-sidebar-close{width:44px;height:44px;min-width:44px;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
 .clarity-catalog-menu .ds-sidebar-header-back{min-width:44px;min-height:44px;display:flex;align-items:center;gap:16px;margin:0!important;cursor:pointer}
 .clarity-catalog-menu .ds-menu-catalog-inner{height:calc(100dvh - 72px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .clarity-catalog-menu .clarity-menu-list{padding:12px 20px 24px!important}
 .clarity-catalog-menu .clarity-menu-row{min-height:56px!important}
 .clarity-catalog-menu .clarity-menu-separator{min-height:66px!important}
 .clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog) .ds-menu-catalog-items{padding:8px 4px 24px!important}
 .clarity-catalog-menu .ds-menu-catalog:not(.ds-menu-main-catalog) .ds-menu-catalog-item{min-height:52px!important}
}
@media(prefers-reduced-motion:reduce){.clarity-catalog-menu,.clarity-catalog-menu *{transition:none!important}}
