/* Bounded black/gold navigation, independent of historical scripts. */
header:has(#enjoybeauty-navigation){position:relative;z-index:20;display:block;max-width:none;padding:20px max(18px,calc((100vw - 1200px)/2));background:#101010;border-bottom:1px solid #806a37}
#enjoybeauty-navigation{font:15px/1.45 system-ui,sans-serif;color:#f7f2e8;position:relative;min-width:0}
#enjoybeauty-navigation a,#enjoybeauty-navigation summary{color:#efd488;min-height:44px;padding:11px 10px;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;text-decoration:none}
#enjoybeauty-navigation a:hover,#enjoybeauty-navigation summary:hover{background:#26231d;text-decoration:underline}
#enjoybeauty-navigation :focus-visible{outline:3px solid #f3d783;outline-offset:2px}
#enjoybeauty-navigation .frn-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#enjoybeauty-navigation .frn-brand-row>a{font-weight:750;font-size:22px;letter-spacing:.08em}
#enjoybeauty-navigation nav{display:flex;flex-wrap:wrap;align-items:center;gap:3px}
#enjoybeauty-navigation .frn-primary{padding-top:8px;border-top:1px solid #49402e}
#enjoybeauty-navigation details{min-width:0}
#enjoybeauty-navigation summary{cursor:pointer;list-style-position:inside}
#enjoybeauty-navigation .frn-panel{position:absolute;left:0;right:0;top:100%;z-index:30;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:20px;background:#161513;border:1px solid #b8a06c;box-shadow:0 12px 24px #0007;max-height:min(65vh,580px);overflow:auto;overscroll-behavior:contain}
#enjoybeauty-navigation details:not([open])>.frn-panel{display:none}
#enjoybeauty-navigation .frn-group{display:flex;flex-direction:column;min-width:0}
#enjoybeauty-navigation .frn-group-heading{font-size:14px;line-height:1.4;color:#fff;margin:0 10px 8px}
#enjoybeauty-navigation .frn-shortcuts{margin-top:6px;border-top:1px solid #49402e;font-size:13px}
#enjoybeauty-navigation .frn-professional{justify-content:flex-end;font-size:13px;border-top:1px solid #49402e;color:#d2c7ae}
#enjoybeauty-navigation .frn-professional>span{padding-left:10px}
.frn-page{max-width:1100px;margin:auto;padding:36px 22px 70px}
.frn-page section{scroll-margin-top:24px;margin:32px 0;padding:22px;border:1px solid #806a37;background:#191816}
.frn-page h2{margin-top:0}.frn-page .frn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.frn-page article{max-width:none;min-width:0;margin:0}.frn-page img{display:block;width:100%;height:220px;object-fit:contain;background:#f7f4ee}.frn-page .frn-note{color:#d9cfbc;font-size:.95rem}.frn-page a{display:inline-block;padding:8px 0;min-height:44px}.frn-page li{margin:8px 0}.frn-page p{max-width:76ch}
@media(max-width:850px),(max-height:600px){#enjoybeauty-navigation .frn-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#enjoybeauty-navigation .frn-primary>details[open]{grid-column:1/-1}#enjoybeauty-navigation .frn-primary>a{display:inline-block}#enjoybeauty-navigation .frn-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;margin-bottom:10px;padding:14px;gap:12px}#enjoybeauty-navigation .frn-professional{display:block}#enjoybeauty-navigation .frn-professional>span{display:block;padding-top:8px}}
@media(max-width:480px){#enjoybeauty-navigation .frn-panel{grid-template-columns:1fr}#enjoybeauty-navigation .frn-brand-row>a{font-size:18px}#enjoybeauty-navigation .frn-brand-row{gap:4px}#enjoybeauty-navigation .frn-shortcuts{gap:0}.frn-page{padding:24px 16px}.frn-page section{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
