.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #edc9d5;border-radius:999px;background:#fff;cursor:pointer;flex:0 0 auto;margin-left:6px}
.mobile-nav-toggle-bars,.mobile-nav-toggle-bars::before,.mobile-nav-toggle-bars::after{content:'';display:block;width:18px;height:2px;border-radius:2px;background:var(--ink,#30292b)}
.mobile-nav-toggle-bars{position:relative}
.mobile-nav-toggle-bars::before{position:absolute;top:-6px;left:0}
.mobile-nav-toggle-bars::after{position:absolute;top:6px;left:0}

.mobile-nav-overlay{position:fixed;inset:0;background:rgba(48,41,43,.45);z-index:70;opacity:0;transition:opacity .2s}
.mobile-nav-overlay.is-open{opacity:1}

.mobile-nav-panel{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:#fff;z-index:71;box-shadow:-18px 0 40px rgba(99,61,73,.18);transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;overflow-y:auto}
.mobile-nav-panel[hidden]{display:none!important}
.mobile-nav-panel.is-open{transform:translateX(0)}

.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid var(--line,#eee2e5)}
.mobile-nav-head-title{font-family:'Playfair Display',Georgia,serif;font-size:20px;color:var(--rose-dark,#b14368)}
.mobile-nav-close{width:36px;height:36px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--muted,#786f71)}

.mobile-nav-links{display:flex;flex-direction:column;padding:8px 10px 24px}
.mobile-nav-links>a,.mobile-nav-catalog-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 10px;font-size:16px;font-weight:700;color:var(--ink,#30292b);border:0;border-bottom:1px solid var(--line,#eee2e5);background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}
.mobile-nav-catalog-caret{font-size:13px;transition:transform .18s;color:var(--muted,#786f71)}
.mobile-nav-catalog-toggle[aria-expanded="true"] .mobile-nav-catalog-caret{transform:rotate(180deg)}

.mobile-nav-catalog-menu{display:flex;flex-direction:column;padding:2px 0 8px 14px}
.mobile-nav-catalog-menu[hidden]{display:none!important}
.mobile-nav-catalog-menu a{display:flex;align-items:center;gap:10px;padding:11px 10px;font-size:14px;font-weight:600;color:#59494d}
.mobile-nav-catalog-menu a span{font-size:16px}
.mobile-nav-catalog-all{color:var(--rose,#df6489)!important;font-weight:700!important}

body.mobile-nav-open{overflow:hidden}

@media(max-width:900px){.mobile-nav-toggle{display:inline-flex}}
