.ce-model-header{position:relative}ce-model-nav{display:block;grid-area:navigation}.ce-model-nav{--ce-accent: #e35e01;color:#292929}.ce-model-nav__list,.ce-model-nav__cards,.ce-model-nav__quick ul{list-style:none;margin:0;padding:0}.ce-model-nav__list{display:flex;align-items:center;gap:clamp(2rem,3vw,4rem)}.ce-model-nav__details{position:static}.ce-model-nav__trigger{display:flex;align-items:center;justify-content:flex-start;gap:.9rem;min-height:4.4rem;padding:.5rem 0;color:inherit;font:inherit;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none}.ce-model-nav__trigger::-webkit-details-marker{display:none}.ce-model-nav__trigger>.icon-caret{position:static;width:1rem;height:.7rem;transition:transform .15s ease}.ce-model-nav__details[open]>.ce-model-nav__trigger,.ce-model-nav__trigger:hover{color:var(--ce-accent)}.ce-model-nav__details[open]>.ce-model-nav__trigger>.icon-caret{transform:rotate(180deg)}.ce-model-nav__trigger:focus-visible,.ce-model-nav__tile:focus-visible,.ce-model-nav__quick-link:focus-visible{outline:2px solid var(--ce-accent);outline-offset:4px}.ce-model-nav__panel{position:absolute;inset-inline:0;top:100%;z-index:30;background:#fff;border-top:1px solid #eaeaea;box-shadow:0 12px 24px #00000014;max-height:calc(100dvh - 150px);overflow-y:auto}.ce-model-nav__details:not([open])>.ce-model-nav__panel{display:none}.ce-model-nav__panel-inner{max-width:1440px;margin:0 auto;padding:3rem 2.4rem 3.2rem;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:2.4rem}.ce-model-nav__cards{display:grid;gap:1.8rem;align-items:stretch}.ce-model-nav__cards--lr5{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-model-nav__cards--lr4{grid-template-columns:repeat(4,minmax(0,1fr))}.ce-model-nav__tile{display:flex;height:100%;flex-direction:column;text-decoration:none;color:inherit;border-radius:1.2rem;overflow:hidden;background:#f6f6f6}.ce-model-nav__art{display:flex;justify-content:center;align-items:center;aspect-ratio:4/3;padding:1.5rem;overflow:hidden;background:#f6f6f6}.ce-model-nav__image{width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.ce-model-nav__fallback{font-size:2.2rem;font-weight:600;text-align:center;color:#6b6b6b}.ce-model-nav__tile-label{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1.4rem;font-size:1.5rem;font-weight:600;line-height:1.4}.ce-model-nav__tile-label .icon-arrow{width:1.4rem;flex:0 0 1.4rem}.ce-model-nav__tile:hover,.ce-model-nav__tile:focus-visible{color:var(--ce-accent)}.ce-model-nav__tile:hover .ce-model-nav__image{transform:scale(1.035)}.ce-model-nav__quick{border-left:1px solid #e8e8e8;padding:.4rem 0 0 2.3rem}.ce-model-nav__quick-title{margin:0 0 1rem!important;font-weight:700;font-size:1.7rem}.ce-model-nav__quick-link{display:block;padding:.7rem 0;color:#333;text-decoration:none;font-size:1.45rem;line-height:1.45}.ce-model-nav__quick-link:hover{color:var(--ce-accent);text-decoration:underline;text-underline-offset:3px}.ce-model-mobile__quick-heading{margin:1.5rem 3rem .3rem!important;border-top:1px solid #e3e3e3;padding-top:1.7rem}.ce-model-mobile__quick-heading p{margin:0;font-weight:700;font-size:1.6rem}.ce-model-mobile__quick-link{font-size:1.6rem;min-height:4.4rem}@media(max-width:1199px){.ce-model-nav__panel-inner{padding:2.2rem 1.5rem;gap:1.5rem;grid-template-columns:minmax(0,1fr) 190px}.ce-model-nav__cards{gap:1rem}.ce-model-nav__tile-label{padding:1rem;font-size:1.4rem}.ce-model-nav__quick{padding-left:1.5rem}}@media(min-width:990px){.ce-model-header header-drawer{display:none}}@media(max-width:989px){ce-model-nav{display:none}.ce-model-header header-drawer{display:block}}@media(prefers-reduced-motion:reduce){.ce-model-nav__image,.ce-model-nav__trigger>.icon-caret{transition:none}}@media(min-width:990px)and (max-width:1199px){.ce-model-nav__list{gap:1.8rem}.ce-model-nav__trigger{font-size:1.45rem;gap:.6rem}}.ce-model-nav__card{min-width:0}.ce-model-nav__cards--accessories,.ce-model-nav__cards--components{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:990px){.ce-model-nav__list{gap:clamp(1.2rem,1.7vw,2.6rem)}.ce-model-nav__trigger{font-size:1.5rem}}@media(min-width:990px)and (max-width:1199px){.ce-model-nav__list{gap:1.2rem}.ce-model-nav__trigger{font-size:1.35rem;gap:.45rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ce-model-nav.css.map */