/* Layon 1.3.3: source-backed catalog, spacious desktop and one-level mobile navigation. */
[data-catalog-navigation] [hidden]{display:none!important}
[data-catalog-navigation] summary{list-style:none;cursor:pointer;text-decoration:none}
[data-catalog-navigation] summary::-webkit-details-marker{display:none}
[data-catalog-navigation] a{text-decoration:none}
[data-catalog-navigation] a:focus-visible,[data-catalog-navigation] summary:focus-visible,[data-catalog-navigation] button:focus-visible{outline:2px solid #333;outline-offset:3px;border-radius:6px}
.menu-root-list,.menu-leaves{list-style:none;margin:0;padding:0}
.menu-root-list{display:flex;align-items:center;justify-content:space-between;gap:12px}
.menu-root{min-width:0}
.menu-root-branch>summary,.menu-direct-link{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 0;font-size:14px;line-height:1.4;font-weight:400;color:var(--layon-ink);white-space:nowrap}
.menu-root-branch>summary>.menu-chevron,.menu-direct-link>.menu-chevron{display:none}
.menu-root-branch[open]>summary,.menu-root.is-active>details>summary,.menu-root.is-active>.menu-direct-link{box-shadow:inset 0 -2px var(--layon-primary)}
.menu-root-branch>summary:hover,.menu-direct-link:hover{color:var(--layon-ink);box-shadow:inset 0 -2px var(--layon-primary)}
.menu-mega{position:absolute;inset:100% 0 auto;z-index:45;padding:24px 28px 28px;background:#fff;border:1px solid var(--layon-line);border-radius:0 0 var(--layon-card-radius) var(--layon-card-radius);box-shadow:0 16px 32px #1b273814;max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:contain}
.menu-mega-heading{display:flex;align-items:center;gap:24px;min-height:48px;padding:0 0 16px;margin:0 0 24px;border-bottom:1px solid var(--layon-line)}
.menu-mega-heading h2{font-size:24px;letter-spacing:-.02em;font-weight:500;line-height:1.25;margin:0}
.menu-view-all{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:14px;font-weight:500;color:var(--layon-ink);text-underline-offset:4px}
.menu-view-all:hover{text-decoration:underline}
.menu-root-all{margin-left:auto}
.menu-close,.menu-back{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--layon-ink);border-radius:var(--layon-button-radius);cursor:pointer}
.menu-close:hover,.menu-back:hover{background:var(--layon-cream)}
.menu-close svg,.menu-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.menu-mega-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--layon-menu-promo-width);gap:40px;align-items:start}
.menu-groups{position:relative;min-width:0}
.menu-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;font-size:15px;font-weight:500;line-height:1.4;border-radius:var(--layon-button-radius)}
.menu-group>summary:hover{background:var(--layon-cream)}
.menu-group[open]>summary{background:#edf8fc;color:var(--layon-ink)}
.menu-chevron{display:block;width:6px;height:6px;flex:none;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-right:4px}
.menu-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;min-height:44px}
.menu-group-heading h3,.menu-group-title{font-size:18px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0}
.menu-group-body{padding:12px}
.menu-leaves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.menu-leaves a,.menu-leaf-direct{display:flex;align-items:center;min-height:32px;padding:6px 8px;font-size:14px;line-height:1.4;border-radius:var(--layon-button-radius);color:var(--layon-secondary)}
.menu-leaves a:hover,.menu-leaves a[aria-current=page]{background:var(--layon-cream);color:var(--layon-ink)}
.menu-leaves a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.menu-promo{display:block;overflow:hidden;border-radius:var(--layon-card-radius);background:var(--layon-cream);color:var(--layon-ink)}
.menu-promo>img{display:block;width:100%;height:240px;object-fit:cover;object-position:center}
.menu-promo-girls>img{object-position:78% center}
.menu-promo-boys>img{object-position:20% center}
.menu-promo-copy{display:grid;gap:8px;padding:20px}
.menu-promo-copy>small{font-size:12px;line-height:1.4;color:var(--layon-secondary)}
.menu-promo-copy>strong{font-size:23px;line-height:1.2;letter-spacing:-.02em;font-weight:500}
.menu-promo-action{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:500;margin-top:4px}
.menu-promo:hover .menu-promo-action{text-decoration:underline;text-underline-offset:4px}
.menu-school-art{display:grid;place-items:center;height:200px;background:#edf8fc}
.menu-school-art svg{width:140px;height:140px;fill:none;stroke:var(--layon-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-drawer-heading{display:none}
.menu-toys{min-height:280px}
.menu-toy-link{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px;margin-top:16px;max-width:380px;background:var(--layon-cream);border-radius:var(--layon-card-radius);font-size:22px;font-weight:500}
.menu-toy-link small{grid-column:1/-1;font-size:14px;font-weight:400;color:var(--layon-secondary)}
.menu-toy-link:hover{background:#edf8fc}
@media(min-width:1101px){
  [data-catalog-navigation][data-enhanced=true] .menu-groups{min-height:448px;padding-right:0}
  [data-catalog-navigation][data-enhanced=true] .menu-group>summary{width:var(--layon-menu-group-width);margin-bottom:4px}
  [data-catalog-navigation][data-enhanced=true] .menu-group-body{position:absolute;inset:0 0 auto calc(var(--layon-menu-group-width) + 32px);padding:0}
  [data-catalog-navigation][data-enhanced=true] .menu-groups:not(:has(>.menu-group:nth-child(3))){min-height:280px}
  .menu-leaves{grid-auto-flow:column;grid-template-rows:repeat(12,auto)}
  .menu-leaves:has(>li:nth-child(19)){grid-template-rows:repeat(12,auto)}
  .menu-leaves:not(:has(>li:nth-child(19))){grid-template-rows:repeat(9,auto)}
  .menu-leaves:not(:has(>li:nth-child(13))){grid-template-rows:repeat(6,auto)}
  .menu-leaves:not(:has(>li:nth-child(9))){grid-template-rows:repeat(4,auto)}
  .menu-leaves:not(:has(>li:nth-child(5))){grid-template-rows:repeat(2,auto)}
}
@media(min-width:1101px) and (max-width:1300px){
  .menu-mega{padding:20px}
  .menu-mega-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}
  [data-catalog-navigation][data-enhanced=true] .menu-group>summary{width:150px;font-size:14px}
  [data-catalog-navigation][data-enhanced=true] .menu-group-body{left:174px}
  .menu-group-heading{gap:8px}
  .menu-group-heading h3{font-size:16px}
  .menu-leaves{gap:0 12px}
  .menu-promo>img{height:220px}
}
@media(max-width:1100px){
  .menu-root-list{display:block}
  .menu-root{border-bottom:1px solid var(--layon-line)}
  .menu-root-branch>summary,.menu-direct-link{justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;white-space:normal;font-size:16px}
  .menu-root-branch>summary>.menu-chevron,.menu-direct-link>.menu-chevron{display:block}
  .menu-root-branch[open]>summary,.menu-root.is-active>details>summary,.menu-root.is-active>.menu-direct-link{box-shadow:none}
  .menu-root-branch>summary:hover,.menu-direct-link:hover{box-shadow:none;background:var(--layon-cream)}
  .menu-root.is-active>details>summary,.menu-root.is-active>.menu-direct-link{font-weight:500}
  .menu-mega{position:static;max-height:none;padding:0 0 20px;border:0;box-shadow:none;border-radius:0;overflow:visible}
  .menu-mega-heading{display:block;margin:0 0 12px;padding:0;border:0;min-height:0}
  .menu-mega-heading h2{display:none}
  .menu-root-all{margin:0}
  .menu-view-all{display:flex;min-height:48px;width:100%;background:var(--layon-cream);padding:12px 16px;border-radius:var(--layon-button-radius);font-size:14px}
  .menu-mega-close{display:none!important}
  .menu-mega-layout{display:block}
  .menu-group{border-bottom:1px solid var(--layon-line)}
  .menu-group>summary{min-height:56px;font-size:16px;padding:14px 0;border-radius:0;font-weight:400}
  .menu-group[open]>summary{background:transparent;font-weight:500}
  .menu-group-body{padding:0 0 12px}
  .menu-group-heading{display:block;margin-bottom:12px}
  .menu-group-heading h3{display:none}
  .menu-leaves{display:block}
  .menu-leaves a{font-size:16px;min-height:48px;padding:12px 0;line-height:1.45;color:var(--layon-ink)}
  .menu-promo{margin-top:24px}
  .menu-promo>img{height:170px}
  .menu-promo-copy{padding:16px;gap:6px}
  .menu-promo-copy>strong{font-size:22px}
  .menu-promo-action{margin:0}
  .menu-school-art{height:150px}
  .menu-school-art svg{width:110px;height:110px}
  .menu-toys{min-height:0}
  .menu-toy-link{max-width:none}
  .menu-drawer-heading{display:flex;align-items:center;gap:12px;position:sticky;top:-20px;z-index:1;padding:0 0 16px;margin-bottom:8px;background:#fff;min-height:60px}
  .menu-drawer-heading strong{font-size:20px;font-weight:500;line-height:1.3}
  .menu-drawer-heading .menu-close{margin-left:auto}
  [data-catalog-navigation][data-enhanced=true] .menu-panel{position:fixed;inset:0 auto 0 0;width:min(420px,calc(100vw - 32px));max-height:none;height:100dvh;padding:20px;z-index:52;overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden;box-shadow:16px 0 40px #1b27381a}
  [data-catalog-navigation][data-enhanced=true][data-screen=root] .menu-root:not(.menu-selected),[data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-root:not(.menu-selected),
  [data-catalog-navigation][data-enhanced=true][data-screen=root] .menu-selected>.menu-root-branch>summary,[data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-selected>.menu-root-branch>summary{display:none}
  [data-catalog-navigation][data-enhanced=true]:not([data-screen=roots]) .mobile-account-section{display:none}
  [data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-selected .menu-mega-heading,
  [data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-selected .menu-promo,
  [data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-group:not([open]),
  [data-catalog-navigation][data-enhanced=true][data-screen=group] .menu-group[open]>summary{display:none}
  [data-catalog-navigation][data-enhanced=true]:not([data-screen=roots]) .menu-selected{border:0}
  .catalog-navigation-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){[data-catalog-navigation] *{scroll-behavior:auto}}

.menu-brand-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #e5e5e5;padding-top:16px;margin-top:24px}.menu-brand-links>span{font-size:13px;color:#666;margin-right:8px}.menu-brand-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;text-decoration:none;font-size:14px}.menu-brand-links a:hover{background:#13a7dd;color:var(--layon-primary-foreground);border-color:#13a7dd}@media(max-width:1100px){.menu-brand-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-brand-links>span{grid-column:1/-1}.catalog-menu[data-screen="group"] .menu-brand-links{display:none}}

.menu-brand-links a{gap:12px;justify-content:space-between}.menu-brand-links img{width:auto;max-width:90px;height:24px;object-fit:contain}

/* Direct links share the same single cyan indicator as category summaries. */
body.layon-natural:not(.staff-page) [data-catalog-navigation] .menu-direct-link,body.layon-natural:not(.staff-page) [data-catalog-navigation] .menu-direct-link:hover,body.layon-natural:not(.staff-page) [data-catalog-navigation] .menu-direct-link[aria-current]{text-decoration:none}

/* Keep promo heading clean; the nested action retains its link cue. */
body.layon-natural:not(.staff-page) .menu-promo:hover{text-decoration:none}

/* Brand logos are quiet navigation, not primary action buttons. */
.menu-brand-links a{justify-content:center;gap:0;border-color:transparent;background:transparent;color:var(--layon-ink)}
.menu-brand-links a:hover{background:#f7f7f7;color:var(--layon-ink);border-color:transparent;text-decoration:none}
.menu-brand-links a:focus-visible{outline:2px solid var(--layon-accent);outline-offset:2px;background:#f7f7f7}

/* Keep portrait faces visible in desktop cards and the shorter mobile preview. */
.menu-promo.menu-promo-autumn>img{object-position:50% 12%}
.menu-promo.menu-promo-autumn>img[src*="menu-autumn-baby-"],.menu-promo.menu-promo-autumn>img[src*="menu-autumn-toys-"]{object-position:50% 50%}