/* Shared category navigation. Native details works without JavaScript. */
.site-header .nav{max-width:1440px;min-height:76px;flex-wrap:nowrap;gap:24px}
.category-nav{display:flex!important;align-items:center;gap:8px!important;margin-left:auto;font-family:'Gothic A1','Malgun Gothic',sans-serif;line-height:1.5}
.category-nav a,.category-nav summary{font-family:inherit;text-decoration:none!important}
.category-nav .category-home,.category-nav>button{color:#f8f5ef!important;font-size:13px!important;padding:10px 9px!important;background:none!important;border:0!important;white-space:nowrap}
.category-nav .category-group{position:relative}
.category-nav .category-group>summary{list-style:none;cursor:pointer;color:#f8f5ef;font-weight:800;font-size:15px;padding:13px 14px;border-radius:7px;white-space:nowrap;display:flex;gap:13px;align-items:center}
.category-nav summary::-webkit-details-marker{display:none}
.category-nav .category-group>summary:after{content:'⌄';color:#c2b7a7;font-size:15px}
.category-nav .category-group[open]>summary,.category-nav .category-group>summary:hover{background:#ffffff15}
.category-nav .category-group.current>summary{color:#ffcf94}
.category-nav .category-panel{position:absolute;top:calc(100% + 9px);right:0;width:310px;max-height:70dvh;overflow-y:auto;margin:0;padding:9px;list-style:none;background:#fffdf8;border:1px solid #ded5c7;border-radius:12px;box-shadow:0 18px 40px #16130f26;z-index:200;text-align:left}
.category-nav .category-panel li{margin:0;padding:0}
.category-nav .category-panel a{display:block;padding:13px 14px;border-radius:7px;color:#211c17!important;opacity:1;font-size:14px!important;background:none!important;border:0;box-shadow:none;font-weight:800}
.category-nav .category-panel a:hover,.category-nav .category-panel a[aria-current=page]{background:#f2ece2!important;color:#a53a27!important}
.category-nav .category-panel small{display:block;font-size:11px;font-weight:400;color:#746a5f;line-height:1.6;margin-top:3px}
.category-nav .category-new{display:inline-block;font-size:9px;letter-spacing:.06em;background:#e8eee1;color:#4d653a;border-radius:4px;padding:2px 5px;margin-left:7px;vertical-align:middle}
.category-nav .lang-switch{white-space:nowrap;margin-left:9px;font-size:11px}
.category-nav .lang-switch a{font-size:11px!important;color:#fff!important}
.category-nav :focus-visible{outline:2px solid #edb15c;outline-offset:3px}
.topbar:has(.category-nav){height:76px;min-height:76px;position:relative;z-index:60;gap:15px}
.studio-ready .topbar:has(.category-nav){height:64px;min-height:64px}
.studio-ready #editor{height:calc(100dvh - 106px);position:relative;z-index:0;isolation:isolate}
.studio-ready .category-nav .category-group>summary{font-size:13px;padding:10px}
.hub-category-title{grid-column:1/-1;margin:26px 0 0;font-family:inherit;font-size:19px;letter-spacing:-.04em;border-bottom:1px solid #d6cbb5;padding-bottom:12px}
.hub-category-title:first-child{margin-top:0}
.outfit-mini{display:flex;align-items:center;gap:12px;transform:rotate(-4deg)}
.outfit-mini svg{width:110px;height:110px}
.outfit-mini span{display:grid;gap:7px}
.outfit-mini i{display:block;width:24px;height:24px;border-radius:50%;background:#54745d;border:3px solid #fff}
.outfit-mini i:nth-child(2){background:#e4dccd}.outfit-mini i:nth-child(3){background:#283647}
.outfit-crosslink{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin:28px 0;border:1px solid #d4dac9;border-radius:12px;background:#edf1e6;color:#304e39}
.outfit-crosslink small{display:block;color:#62705d;margin-top:5px}.outfit-crosslink a{font-weight:800;white-space:nowrap;color:#304e39}
@media(max-width:1100px){
 .site-header .nav{padding:14px 18px;gap:14px;flex-wrap:wrap}
 .category-nav{flex-wrap:wrap;gap:2px!important;justify-content:flex-end}
 .category-nav .category-group>summary{font-size:13px;padding:10px}
 .topbar:has(.category-nav),.studio-ready .topbar:has(.category-nav){height:auto;min-height:64px;flex-wrap:wrap;padding:10px 16px}
 .studio-ready #editor{height:auto;min-height:650px}
}
@media(max-width:650px){
 .site-header .nav,.topbar:has(.category-nav){gap:12px!important}
 .category-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-content:flex-start;margin:0;position:relative;padding-bottom:2px;gap:4px!important}
 .category-nav .category-group{position:static;flex:1;min-width:0}
 .category-nav .category-group>summary{padding:11px 10px;font-size:13px;gap:7px;justify-content:space-between;background:#ffffff09}
 .category-nav .category-panel{top:100%;left:0;right:auto;width:100%;max-height:65dvh}
 .category-nav .category-home{display:none}
 .category-nav .lang-switch{grid-column:1/-1;justify-self:end;margin-left:0;padding:6px}
 .category-nav>button{padding:7px!important}
 .category-nav .category-group>summary:after{font-size:11px}
 .outfit-crosslink{align-items:flex-start;flex-direction:column}
}