.cn-nav-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cn-nav-card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;min-width:0;white-space:normal}.cn-nav-image{position:relative;aspect-ratio:1;display:grid;place-items:center}.cn-nav-image img{width:100%;height:100%;object-fit:contain}.cn-nav-badge{position:absolute;top:0;right:0;max-width:100%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:5px 10px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.cn-nav-title{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.cn-nav-point{font-size:14px;font-weight:600;line-height:1.5}.cn-nav-point p{margin:0}.cn-nav-all{display:block;text-align:right;padding:16px 0;color:inherit;text-decoration:none;white-space:normal}.cn-nav-card:focus-visible,.cn-nav-all:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-mobile-nav .cn-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cn-mobile-nav .cn-nav-card{padding:10px}.cn-mobile-nav .cn-nav-title,.cn-mobile-nav .cn-nav-point{font-size:12px}.cn-mobile-nav .cn-nav-badge{font-size:11px;padding:4px 7px}@media(min-width:992px){.cn-desktop-nav .cn-nav-image{aspect-ratio:4/3;max-height:180px}.cn-desktop-nav .cn-nav-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.cn-desktop-nav .cn-nav-all{font-size:13px;padding:12px 0}}.cn-navigation .cn-nav-card{height:auto;min-height:0;overflow:visible;align-self:start}.cn-navigation .cn-nav-image{width:100%;min-width:0;min-height:0;overflow:hidden;flex:none}.cn-navigation .cn-nav-image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}.cn-navigation .cn-nav-title{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;color:rgb(var(--color-foreground))!important;font-size:14px!important;line-height:1.4!important;white-space:normal!important;margin:0;max-height:none;overflow:visible;min-height:2.8em}@media(min-width:992px){.cn-desktop-nav .cn-nav-cards{gap:12px 16px;align-items:start}.cn-desktop-nav .cn-nav-card{padding:6px;gap:8px}.cn-desktop-nav .cn-nav-image{height:var(--cn-image-height,clamp(80px, calc((100dvh - 340px)/2) ,150px));max-height:none;aspect-ratio:auto}.cn-desktop-nav .cn-nav-point{font-size:12px;line-height:1.3}}@media(min-width:992px){.header__menu:has(.cn-navigation){padding:0 20px!important;min-width:0}.header__menu_ul:has(.cn-navigation){align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(12px,1.5vw,24px)}.header__menu_ul:has(.cn-navigation)>.header__menu_li{margin:0!important;flex-shrink:1;min-width:0}.header__menu_ul:has(.cn-navigation) .header__menu_item{display:flex;align-items:center;gap:6px;padding:22px 0!important;margin:0;font-size:clamp(12px,1.05vw,16px);line-height:1.35;white-space:nowrap}.cn-desktop-nav .cn-dropdown{padding:24px max(28px,calc((100vw - 1280px)/2))}}.cn-item{position:static!important}.cn-navigation{display:block}.cn-entry>summary,.cn-category>summary{cursor:pointer;list-style:none;white-space:normal}.cn-entry>summary::-webkit-details-marker,.cn-category>summary::-webkit-details-marker{display:none}.cn-entry>summary{display:flex;align-items:center;gap:8px}.cn-dropdown{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:24px}.cn-desktop-nav .cn-dropdown{position:absolute;left:0;right:0;top:100%;z-index:100;max-height:var(--cn-available-height, calc(100dvh - 150px) );overflow:auto;box-shadow:0 8px 18px #0000001f}.cn-desktop-nav .cn-categories{position:relative;padding-right:calc(100% - 190px);min-height:280px}.cn-category>summary{padding:18px 14px;border-left:3px solid transparent;line-height:1.4}.cn-category[open]>summary{border-color:currentColor;background:rgba(var(--color-foreground),.06);font-weight:600}.cn-desktop-nav .cn-panel{position:absolute;left:214px;right:0;top:0}.cn-mobile-nav .cn-dropdown{padding:10px 0}.cn-mobile-nav .cn-category>summary{padding:14px 10px}.cn-mobile-nav .cn-panel{padding:12px 4px}.cn-entry>summary:focus-visible,.cn-category>summary:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAADA */