:is(.obdm-qnav,#obdm-scope){position:relative;z-index:35;width:100%;background:var(--qnav-bg);color:var(--qnav-text);border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.085)}:is(.obdm-qnav,#obdm-scope) *{box-sizing:border-box}:is(.obdm-qnav,#obdm-scope) a{text-decoration:none}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__inner{position:relative;width:100%;padding-inline:clamp(12px,3vw,48px);margin:0 auto}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__menu{width:100%;display:grid;grid-template-columns:repeat(var(--qnav-columns),minmax(0,1fr));align-items:stretch}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item{min-width:0;display:flex}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{width:100%;min-width:0;min-height:46px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-left:1px solid rgba(255,255,255,.035);background:transparent;color:#ffffffc2;font-family:inherit;font-size:11px;font-weight:650;text-align:center;white-space:nowrap;cursor:pointer;transition:color .16s ease,background .16s ease}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item:first-child .obdm-qnav__button{border-left:0}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button:hover,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button[aria-expanded=true]{background:#ffffff0e;color:#fff}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item:first-child .obdm-qnav__button{color:#fff;font-weight:800}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon{width:16px;height:16px;flex-shrink:0;color:#ffffff8c}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item:first-child .obdm-qnav__button-icon{color:var(--qnav-accent)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon img{display:block;width:100%;height:100%;object-fit:contain}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon svg,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:11px;height:11px;flex-shrink:0;transition:transform .18s ease}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button[aria-expanded=true] .obdm-qnav__chevron{transform:rotate(180deg)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{color:#ffd15c;font-weight:750}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured:hover{color:#ffe18c;background:#ffffff0e}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#ffc735;box-shadow:0 0 8px #ffc735a6}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{position:absolute;top:calc(100% + 1px);left:0;width:100%;z-index:999;padding-inline:clamp(12px,3vw,48px)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel[hidden]{display:none!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-inner{width:100%;max-width:1440px;margin:0 auto;background:var(--qnav-panel);border:1px solid #dfe5ea;border-top:0;border-radius:0 0 15px 15px;box-shadow:0 25px 65px #00000038;overflow:hidden;animation:obdmPanelOpen .18s ease}@keyframes obdmPanelOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header{min-height:67px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,rgba(10,132,255,.075),transparent 60%);border-bottom:1px solid #e7ebef}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header span{display:block;color:#151b21;font-size:14px;font-weight:800}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header small{display:block;margin-top:4px;color:#858e97;font-size:10px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:#eff2f4;color:#68717a;font-size:21px;cursor:pointer}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:15px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid--brands{grid-template-columns:repeat(5,minmax(0,1fr))}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link{min-width:0;min-height:72px;padding:10px 12px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:10px;color:#252c33;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link{background:#f7fbff;border-color:#e5f0fc}:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link:hover{background:#eef7ff;border-color:#cfe4fb;box-shadow:0 3px 10px #0a84ff11;transform:translateY(-1px)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link--highlight{background:#edf6ff;border-color:#d4e8fb}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link--no-link{background:#fff;border-color:transparent;cursor:default}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{width:44px;height:44px;padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f4f6f7}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media img{max-width:100%;max-height:100%;object-fit:contain}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media--brand{width:55px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-content{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-title{display:flex;align-items:center;gap:6px;color:#232a31;font-size:11px;font-weight:750;line-height:1.25}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-description{display:-webkit-box;overflow:hidden;color:#858e97;font-size:9px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__badge{padding:3px 5px;flex-shrink:0;border-radius:99px;background:#0a84ff1a;color:var(--qnav-accent);font-size:7px;font-weight:800;text-transform:uppercase}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-arrow{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#0a84ff0f;color:#7f95aa;font-size:13px;transition:background .15s ease,color .15s ease,transform .15s ease}:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link:hover .obdm-qnav__link-arrow{background:#0a84ff1f;color:var(--qnav-accent);transform:translate(2px)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__empty{grid-column:1 / -1;padding:25px;text-align:center;color:#818a93;font-size:11px}@media screen and (min-width:1101px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__inner{padding-inline:clamp(24px,3.4vw,72px)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{min-height:58px;padding:0 18px;gap:10px;font-size:12.5px;letter-spacing:.01em}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon{width:22px;height:22px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:12px;height:12px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{padding-inline:clamp(24px,3.4vw,72px)}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-inner{max-width:1600px;border-radius:0 0 18px 18px;box-shadow:0 28px 72px #0000003b}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header{min-height:80px;padding:17px 24px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header span{font-size:16px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header small{margin-top:5px;font-size:11px;line-height:1.45}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__close{width:36px;height:36px;font-size:23px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid{gap:10px;padding:20px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link{min-height:90px;padding:14px 15px;gap:14px;border-radius:12px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{width:58px;height:58px;padding:5px;border-radius:10px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media--brand{width:72px;height:58px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-content{gap:5px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-title{gap:7px;font-size:12.5px;line-height:1.25}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-description{font-size:10.5px;line-height:1.45}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__badge{padding:3px 6px;font-size:7.5px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-arrow{width:28px;height:28px;flex-basis:28px;font-size:14px}}@media screen and (max-width:1100px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon{display:none}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid--brands{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__inner{padding-inline:0}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__menu{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{min-height:41px;padding:0 5px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:9px;height:9px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{position:fixed;left:0;right:0;width:100%;padding:0 8px;z-index:9999}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-inner{max-height:72vh;overflow-y:auto;border-radius:0 0 14px 14px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid--brands{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px;gap:4px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link{min-height:66px;padding:8px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{width:38px;height:38px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media--brand{width:45px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-title{font-size:10px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-description{font-size:8px}}.header-section,#header-component{z-index:1000!important}:is(.obdm-qnav,#obdm-scope){position:sticky;top:var(--obdm-header-visible-height, 50px);z-index:500;width:100%;isolation:isolate}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{z-index:510}@media screen and (max-width:749px){:is(.obdm-qnav,#obdm-scope){top:var(--obdm-header-visible-height, 50px);z-index:500;box-shadow:0 3px 10px #00000021}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__inner{width:100%;padding-inline:0!important;overflow:hidden}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__menu{display:flex!important;grid-template-columns:none!important;align-items:stretch;width:100%;gap:0!important;overflow:hidden!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__menu::-webkit-scrollbar{display:none}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{flex:1 1 0!important;width:0!important;min-width:0!important;margin:0}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;margin:0!important;padding:0 4px!important;gap:3px;border:0!important;border-left:0!important;border-right:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#ffffffc2;font-size:clamp(7.6px,2.15vw,9px)!important;font-weight:680;line-height:1;white-space:nowrap;overflow:hidden}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon{display:none!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-label{display:block;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;text-align:center}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:7px;height:7px;flex:0 0 7px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured-dot{width:5px;height:5px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button:hover,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button:active,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button[aria-expanded=true]{color:#fff!important;background:#ffffff09!important;box-shadow:inset 0 -2px 0 var(--qnav-accent)!important}@media screen and (max-width:370px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{padding-inline:2px!important;gap:2px;font-size:7.4px!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:6px;height:6px;flex-basis:6px}}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{position:fixed!important;top:calc(var(--obdm-header-visible-height, 50px) + 36px)!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - var(--obdm-header-visible-height, 50px) - 36px)!important;padding:0!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:510!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-inner{width:100%;max-width:none;max-height:none;margin:0;overflow:visible;border-left:0;border-right:0;border-radius:0 0 12px 12px;box-shadow:0 18px 34px #00000038}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header{min-height:52px;padding:10px 13px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header span{font-size:12px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-header small{margin-top:2px;font-size:8px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__close{width:30px;height:30px;border-radius:7px;font-size:19px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-grid--brands{display:grid;grid-template-columns:1fr!important;gap:0!important;padding:5px 10px 10px!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link{min-height:50px!important;padding:7px!important;gap:9px;border-radius:7px!important;border:1px solid transparent;border-bottom-color:#edf0f2}:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link{background:#f7fbff!important;border-color:#e7f0fa!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link--no-link{background:transparent!important;border-color:transparent!important;border-bottom-color:#edf0f2!important}:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link:hover,:is(.obdm-qnav,#obdm-scope) a.obdm-qnav__panel-link:active{background:#eef7ff!important;border-color:#d4e7fa!important;transform:none!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel-link--highlight{background:#edf6ff!important;border-color:#d4e7fa!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item-icon{width:32px;height:32px;border-radius:7px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__item-icon svg{width:17px;height:17px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{width:34px;height:34px;padding:3px;border-radius:7px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media--brand{width:42px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-content{gap:2px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-title{font-size:10px;line-height:1.2}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-description{font-size:8px;line-height:1.3;-webkit-line-clamp:1}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__link-arrow{font-size:13px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__badge{padding:2px 4px;font-size:6px}}@media screen and (max-width:390px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{min-height:34px!important;height:34px!important;padding-inline:8px!important;font-size:8px!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{top:calc(var(--obdm-header-visible-height, 50px) + 34px)!important;max-height:calc(100dvh - var(--obdm-header-visible-height, 50px) - 34px)!important}}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}@media screen and (min-width:1101px){:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon{width:29px!important;height:29px!important;flex-basis:29px;margin-right:2px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-icon img{width:100%;height:100%;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media{width:60px!important;height:60px!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__media--brand{width:76px!important;height:60px!important}}@media screen and (max-width:749px){:is(.obdm-qnav,#obdm-scope){--obdm-qnav-bar-height: 42px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button,:is(.obdm-qnav,#obdm-scope) .obdm-qnav__featured{flex-direction:column;justify-content:center;min-height:var(--obdm-qnav-bar-height)!important;height:var(--obdm-qnav-bar-height)!important;padding-inline:2px!important;gap:3px;font-size:clamp(9.5px,3.1vw,13px)!important}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__button-label{max-width:100%}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__chevron{width:8px;height:8px;flex:0 0 8px}:is(.obdm-qnav,#obdm-scope) .obdm-qnav__panel{top:calc(var(--obdm-header-visible-height, 50px) + var(--obdm-qnav-bar-height))!important;max-height:calc(100dvh - var(--obdm-header-visible-height, 50px) - var(--obdm-qnav-bar-height))!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/obd-quick-categories.css.map */