/* Premium mobile navigation: warm ivory, charcoal and restrained gold. */
@media (max-width:930px) {
  body.menu-open { overflow:hidden; }
  body.menu-open .yn-nova, body.menu-open .privacy-banner { visibility:hidden; pointer-events:none; }
  .mobile-menu.yn-mobile-menu {
    --yn-nav-gold:#806126;
    inset:var(--yn-nav-top,72px) 0 0;
    z-index:69;
    padding:24px max(20px,calc((100vw - 600px)/2)) max(26px,env(safe-area-inset-bottom));
    overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:radial-gradient(ellipse at 100% 0,rgba(204,177,117,.13),transparent 42%),#fbf8f2;
    backdrop-filter:none;
    scrollbar-width:thin; scrollbar-color:#c9b995 transparent;
  }
  .yn-mobile-menu[hidden] { display:none!important; }
  .yn-mobile-menu a { border:0; min-height:44px; letter-spacing:normal; font:inherit; color:#151515; }
  .yn-mobile-menu a::after { content:none!important; display:none!important; }
  .yn-nav-kicker { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; color:#806126; font:700 9px/1.4 Inter,Arial,sans-serif; letter-spacing:.15em; }
  .yn-nav-kicker>span:last-child { border:1px solid #b4945840; border-radius:20px; padding:5px 9px; color:#696255; letter-spacing:.08em; background:#ffffff80; }
  .yn-nav-title { margin:0 0 18px; font:600 clamp(27px,8vw,36px)/1.1 Sora,Arial,sans-serif; letter-spacing:-.05em; color:#171715; }
  .yn-nav-title em { font-style:normal; color:#806126; }
  .yn-nav-search { display:grid; grid-template-columns:20px minmax(0,1fr) 42px; align-items:center; gap:10px; min-height:52px; margin:0 0 18px; padding:4px 5px 4px 16px; border:1px solid #15151521; border-radius:14px; background:#fff; box-shadow:0 3px 15px #3b2e1510; }
  .yn-nav-search>span { display:flex; color:#8d877e; }
  .yn-nav-search svg { width:20px; height:20px; }
  .yn-nav-search input { min-width:0; width:100%; height:40px; padding:0; border:0; background:transparent; outline:0; color:#151515; font:400 16px/1.4 Inter,Arial,sans-serif; }
  .yn-nav-search input::placeholder { color:#79756f; }
  .yn-nav-search button { display:grid; place-items:center; min-width:42px; min-height:42px; padding:0; border:0; border-radius:10px; background:#f1e9d9; color:#806126; cursor:pointer; }
  .yn-nav-search:focus-within { border-color:#9b783a; box-shadow:0 0 0 3px #b4945830; }
  .yn-mobile-menu .yn-nav-feature { position:relative; display:flex; min-height:148px; margin:0 0 20px; padding:19px 20px; overflow:hidden; border:1px solid #b4945875; border-radius:19px; background:radial-gradient(ellipse at 85% 90%,#66523770,transparent 68%),#1c1c1a; color:#fff; box-shadow:0 12px 28px #261e161a; }
  .yn-nav-feature-copy { position:relative; z-index:1; display:grid; align-content:center; gap:9px; width:65%; }
  .yn-nav-feature-copy>small { color:#d6bf8d; font:700 8px/1.3 Inter,Arial,sans-serif; letter-spacing:.14em; }
  .yn-nav-feature-copy>strong { color:#fff; font:500 24px/1.12 Sora,Arial,sans-serif; letter-spacing:-.045em; }
  .yn-nav-feature-copy>span { display:flex; align-items:center; gap:8px; color:#d8c79f; font:600 10px/1.4 Inter,Arial,sans-serif; }
  .yn-nav-feature-copy svg { width:14px; height:14px; }
  .yn-nav-feature-visual { position:absolute; width:42%; height:136px; right:8px; bottom:0; }
  .yn-nav-feature-visual::before { content:""; position:absolute; bottom:5px; left:0; width:100%; height:16px; background:#0006; border-radius:50%; filter:blur(7px); }
  .yn-nav-feature-visual img { position:absolute; object-fit:contain; width:90px; height:130px; filter:drop-shadow(0 8px 8px #0007); }
  .yn-nav-feature-visual img:first-child { z-index:1; left:0; bottom:0; transform:rotate(-8deg); }
  .yn-nav-feature-visual img:last-child { width:95px; right:-3px; bottom:8px; transform:rotate(9deg); }
  .yn-nav-core { border-top:1px solid #15151515; margin:0 0 20px; }
  .yn-mobile-menu .yn-nav-core>*, .yn-mobile-menu .yn-nav-core .mobile-shop:first-child { border-top:0; border-bottom:1px solid #15151515; }
  .yn-mobile-menu .yn-nav-primary-link { display:flex; align-items:center; gap:13px; min-height:72px; padding:10px 0; border:0; }
  .yn-nav-number { align-self:center; min-width:18px; font:600 9px/1 Inter,Arial,sans-serif; color:#8a7859; letter-spacing:.04em; }
  .yn-nav-label { display:grid; min-width:0; gap:4px; }
  .yn-nav-label strong { font:600 23px/1.15 Sora,Arial,sans-serif; letter-spacing:-.045em; color:#171715; }
  .yn-nav-label small { font:400 10px/1.4 Inter,Arial,sans-serif; color:#77716a; letter-spacing:0; }
  .yn-nav-arrow { display:grid; width:42px; height:42px; margin-left:auto; place-items:center; color:#806126; border:1px solid #b4945833; border-radius:50%; background:#ffffff50; font-style:normal; }
  .yn-nav-arrow svg { width:18px; height:18px; }
  .yn-mobile-menu :is(.mobile-shop-head,.mobile-knowledge-head,.mobile-company-head) { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; }
  .yn-mobile-menu :is(.mobile-shop-toggle,.mobile-knowledge-toggle,.mobile-company-toggle) { min-width:44px; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #b4945833; border-radius:50%; background:#ffffff50; transition:background .2s ease,border-color .2s ease; }
  .yn-mobile-menu :is(.mobile-shop-toggle,.mobile-knowledge-toggle,.mobile-company-toggle)::before,
  .yn-mobile-menu :is(.mobile-shop-toggle,.mobile-knowledge-toggle,.mobile-company-toggle)::after { background:#806126; }
  .yn-mobile-menu .is-open :is(.mobile-shop-toggle,.mobile-knowledge-toggle,.mobile-company-toggle) { border-color:#b4945866; background:#eadeca; }
  .yn-mobile-menu :is(.mobile-shop-panel,.mobile-knowledge-panel,.mobile-company-panel) { padding:3px 0 17px; }
  .yn-mobile-menu :is(.mobile-shop-panel,.mobile-knowledge-panel)>section { padding:13px; border-color:#b494582b; border-radius:14px; background:#f3eee5; }
  .yn-mobile-menu .mobile-shop-category { min-height:76px; grid-template-columns:48px minmax(0,1fr) 18px; padding:10px 8px; gap:11px; border:1px solid #15151508; background:#fff; }
  .yn-mobile-menu .yn-nav-product-thumb { display:grid; width:48px; height:48px; padding:0; border:0; background:#f4f1eb; overflow:hidden; border-radius:10px; }
  .yn-nav-product-thumb img { width:44px; height:48px; object-fit:contain; }
  .yn-mobile-menu .mobile-shop-category strong { font:600 12px/1.3 Inter,Arial,sans-serif; }
  .yn-mobile-menu .mobile-shop-category em { font:400 10px/1.4 Inter,Arial,sans-serif; }
  .yn-mobile-menu .mobile-shop-category small { display:none; }
  .yn-mobile-menu .mobile-shop-category i,.yn-mobile-menu .mobile-company-links i { font-size:16px; }
  .yn-mobile-menu .mobile-company-links a { padding:10px; min-height:58px; border:1px solid #b4945824; background:#fff; }
  .yn-mobile-menu .mobile-knowledge-links a { border:0; min-height:48px; padding:10px; font:500 12px/1.4 Inter,Arial,sans-serif; letter-spacing:0; }
  .yn-mobile-menu .mobile-knowledge-links span { font:600 9px/1.3 Inter,Arial,sans-serif; }
  .yn-mobile-menu .mobile-shop-quick strong,.yn-mobile-menu .mobile-company-links strong { font:600 12px/1.4 Inter,Arial,sans-serif; }
  .yn-mobile-menu .mobile-shop-quick small,.yn-mobile-menu .mobile-company-links small { font:400 10px/1.4 Inter,Arial,sans-serif; }
  .yn-nav-utilities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:19px; }
  .yn-mobile-menu .yn-nav-utilities a { position:relative; display:flex; min-height:91px; flex-wrap:wrap; align-content:center; align-items:center; gap:9px; padding:14px 12px; border:1px solid #b4945836; border-radius:15px; background:#fffdf9; }
  .yn-nav-utility-icon { display:grid; flex:none; width:28px; height:30px; place-items:center; color:#806126; }
  .yn-nav-utility-icon svg { width:22px; height:22px; }
  .yn-nav-utilities a>span:nth-child(2) { display:grid; min-width:0; flex:1; gap:5px; }
  .yn-nav-utilities strong { font:600 12px/1.3 Inter,Arial,sans-serif; letter-spacing:-.02em; }
  .yn-nav-utilities small { font:400 9px/1.4 Inter,Arial,sans-serif; color:#77716a; }
  .yn-nav-utilities i { position:absolute; right:8px; top:9px; color:#a48a57; font-style:normal; }
  .yn-nav-utilities i svg { width:12px; height:12px; }
  .yn-mobile-menu .yn-nav-utilities [data-cart-count] { position:absolute; top:8px; right:8px; display:grid; min-width:20px; height:20px; margin:0; padding:0 5px; place-items:center; border-radius:50%; background:#e8dac0; color:#674b1e; font:700 10px/1 Inter,Arial,sans-serif; }
  .yn-nav-footer { border-top:1px solid #15151510; padding-top:15px; }
  .yn-nav-footer p { display:flex; align-items:center; gap:8px; margin:0 0 3px; font:500 10px/1.5 Inter,Arial,sans-serif; color:#686158; }
  .yn-nav-footer p>span { display:grid; place-items:center; width:17px; height:17px; background:#806126; color:#fff; font-size:12px; border-radius:4px; }
  .yn-nav-footer>div { display:flex; gap:18px; flex-wrap:wrap; }
  .yn-mobile-menu .yn-nav-footer a { display:inline-flex; align-items:center; min-height:44px; padding:5px 0; color:#767066; font:400 10px/1.4 Inter,Arial,sans-serif; }
  .yn-mobile-menu :is(a,button):focus-visible { outline:2px solid #806126; outline-offset:3px; }
  .yn-mobile-menu .yn-nav-primary-link:hover .yn-nav-label strong,.yn-mobile-menu .yn-nav-primary-link[aria-current=page] .yn-nav-label strong { color:#806126; }
  .yn-mobile-menu .yn-nav-feature:focus-visible { outline-color:#b49458; }
}
@media (min-width:601px) and (max-width:930px) {
  .yn-nav-title { font-size:38px; }
  .yn-mobile-menu .yn-nav-feature { min-height:170px; }
  .yn-nav-feature-copy>strong { font-size:30px; }
  .yn-nav-feature-visual { width:35%; height:170px; }
  .yn-nav-feature-visual img { width:118px; height:165px; }
  .yn-nav-feature-visual img:last-child { width:118px; }
}
@media (max-width:350px) {
  .mobile-menu.yn-mobile-menu { padding-inline:16px; }
  .yn-nav-label strong { font-size:21px; }
  .yn-nav-feature-copy>strong { font-size:21px; }
  .yn-nav-feature-visual { right:2px; }
  .yn-nav-feature-visual img { width:78px; }
  .yn-nav-feature-visual img:last-child { width:80px; right:-1px; }
  .yn-nav-utilities { gap:8px; }
  .yn-mobile-menu .yn-nav-utilities a { padding:12px 9px; }
}
@media (prefers-reduced-motion:reduce) {
  .yn-mobile-menu *, .yn-mobile-menu *::before,.yn-mobile-menu *::after { transition:none!important; animation:none!important; scroll-behavior:auto; }
}