.mega-menu__grid:has(>.ok-brand-menu){display:block}.menu-list__submenu-inner:has(.ok-brand-menu){padding-block:22px;overflow-y:auto}header-component:has(.menu-list__link[aria-expanded=true]+.menu-list__submenu .ok-brand-menu){--full-open-header-height: calc(var(--top-row-height) + var(--submenu-height)) !important}.menu-list__submenu:has(.ok-brand-menu){clip-path:rect(var(--top-row-height) 100% var(--full-open-header-height) 0)}.ok-brand-menu{width:100%;white-space:normal}.ok-brand-menu__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ok-brand-menu__heading h2{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.15}.ok-brand-menu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ok-brand-menu__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgb(var(--color-foreground-rgb) / .13);border-radius:12px;background:rgb(var(--color-background-rgb));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ok-brand-menu__card:hover,.ok-brand-menu__card:focus-visible{color:inherit;border-color:rgb(var(--color-foreground-rgb) / .35);box-shadow:0 8px 22px #00000014;transform:translateY(-2px)}.ok-brand-menu__media{display:grid;place-items:center;width:100%;aspect-ratio:16 / 7;overflow:hidden;background:#fff}.ok-brand-menu__media img{width:100%;height:100%;object-fit:contain}.ok-brand-menu__wordmark{display:grid;width:100%;height:100%;place-items:center;padding:16px;font-size:clamp(22px,2.2vw,34px);font-weight:800;line-height:1;letter-spacing:.04em;text-align:center}.ok-brand-menu__wordmark--hokkaido{color:#fff;background:#b51923;font-style:italic}.ok-brand-menu__wordmark--w-d-s{color:#111;background:#f2f2f2;letter-spacing:.12em}.ok-brand-menu__name{display:block;padding:10px 13px 12px;font-size:16px;font-weight:700;line-height:1.2;text-align:center}.ok-brand-menu--mobile>summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:700}.ok-brand-menu--mobile>summary::-webkit-details-marker{display:none}.ok-brand-menu--mobile[open] .ok-brand-menu__toggle{transform:rotate(45deg)}.ok-brand-menu__toggle{transition:transform .16s ease}.ok-brand-menu--mobile .ok-brand-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block:6px 16px}.ok-brand-menu--mobile .ok-brand-menu__name{padding:8px 6px 10px;font-size:14px}.ok-brand-menu--mobile .ok-brand-menu__wordmark{padding:8px;font-size:19px}@media screen and (max-width:1100px)and (min-width:750px){.ok-brand-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.ok-brand-menu__card,.ok-brand-menu__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ok-brand-menu.css.map */