/* Unified editorial navigation: one catalogue control, generous readable type. */
.site-header .catalog-toggle,
.site-header .left-nav>.mobile-only,
.site-header .right-nav>a{
  font-family:var(--serif);font-size:20px!important;font-weight:400;
  letter-spacing:.005em;line-height:1.25;text-transform:none;white-space:nowrap;
}
.site-header .right-nav{gap:26px!important}
.site-header .right-nav>a{display:inline-flex;align-items:center;min-height:44px}
.site-header .bag-link>span{font:inherit!important}
.site-header .catalog-toggle{display:inline-flex;align-items:center;gap:11px;padding:10px 0;min-height:44px}
.catalog-mark{position:relative;display:inline-block;width:10px;height:10px;flex:none}
.catalog-mark:before,.catalog-mark:after{content:"";position:absolute;background:currentColor;left:0;top:4.5px;width:10px;height:1px}
.catalog-mark:after{transform:rotate(90deg);transition:transform .18s ease}
.catalog-toggle[aria-expanded=true] .catalog-mark:after{transform:rotate(0)}
.catalog-toggle:hover>span:first-child{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.site-header .catalog-submenu{top:calc(100% + 12px);width:355px;padding:28px 30px 22px;border-top:0;box-shadow:0 16px 45px #18201526}
.site-header .catalog-submenu>a{font-family:var(--serif);font-size:27px!important;line-height:1.25;padding:16px 0;min-height:54px}
.site-header .catalog-submenu>.catalog-all{font-family:var(--sans);font-size:12px!important;line-height:1.6;margin-top:10px;white-space:normal}
.immersive-page .catalog-toggle:focus-visible{outline-color:var(--paper)}
.immersive-page .catalog-submenu a:focus-visible{outline-color:var(--wine)}
@media(min-width:1101px) and (max-width:1280px){
  .site-header{padding-left:3%;padding-right:3%;gap:16px}
  .site-header .right-nav{gap:17px!important}
  .site-header .right-nav>a,.site-header .catalog-toggle{font-size:18px!important}
}
@media(max-width:1100px){
  .site-header .right-nav>a:not(.bag-link){display:none}
  .site-header .left-nav.is-open{gap:8px;max-height:calc(100svh - 140px);overflow-y:auto;padding:24px 6% 28px}
  .site-header .left-nav>.mobile-only,.site-header .catalog-toggle{font-size:27px!important;min-height:48px;padding:10px 0}
  .site-header .catalog-nav{display:block}
  .site-header .catalog-toggle{width:100%;justify-content:space-between}
  .site-header .catalog-submenu{position:static;width:100%;padding:8px 0 18px 18px;background:transparent;box-shadow:none;border-left:1px solid var(--line);margin:8px 0 12px}
  .site-header .catalog-submenu>a{font-size:24px!important;min-height:48px;padding:12px 0}
  .site-header .catalog-submenu>.catalog-all{font-size:12px!important}
  .immersive-page .left-nav .catalog-toggle:focus-visible{outline-color:var(--wine)}
  .site-header .right-nav .bag-link{font-size:17px!important;gap:7px}
}
@media(max-width:420px){.site-header .right-nav .bag-link{font-size:15px!important}.site-header .bag-link svg{width:20px}}
@media(prefers-reduced-motion:reduce){.catalog-mark:after{transition:none}}
/* SURA35: nested mobile sections; desktop retains links and columns. */
.sura-menu-new{display:block;max-width:1300px;margin:0 auto 36px;font:clamp(30px,3vw,44px) var(--serif)}
.sura-menu-new span{font:20px var(--sans);margin-left:18px}
.sura-menu-dialog .sura-menu-children{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sura-menu-dialog .sura-menu-grandchildren{padding-left:18px;margin-top:8px;border-left:1px solid var(--line)}
.sura-menu-dialog .sura-menu-mobile-heading,.sura-menu-dialog .sura-menu-mobile-all{display:none}
@media(max-width:650px){
 .sura-menu-dialog .sura-catalog-columns{gap:0}
 .sura-menu-dialog .sura-menu-group{display:block;width:100%;border-bottom:1px solid var(--line);padding:12px 0}
 .sura-menu-dialog .sura-menu-desktop-heading{display:none}
 .sura-menu-dialog .sura-menu-mobile-heading{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:5px 0;border:0;background:none;color:inherit;font:30px var(--serif);text-align:left;cursor:pointer}
 .sura-menu-mobile-heading span{font:22px var(--sans)}
 .sura-menu-mobile-heading[aria-expanded=true] span{transform:rotate(45deg)}
 .sura-menu-dialog .sura-menu-child-heading{font:19px var(--serif);min-height:44px}
 .sura-menu-dialog .sura-menu-children{gap:2px;padding:8px 0 12px 14px}
 .sura-menu-dialog .sura-menu-children[hidden]{display:none}
 .sura-menu-dialog .sura-menu-mobile-all{display:block;font-size:12px;letter-spacing:.04em}
 .sura-menu-jewelry{width:100%}
 .sura-menu-new{margin-bottom:12px;font-size:30px;min-height:48px}
}
