/* Skins4Market mobile navigation fix: no clipped links, accessible full-height menu */
.topbar { overflow: visible; }
.topbar .nav { min-width: 0; }
.topbar .brand { min-width: 0; flex-shrink: 1; }
.topbar .brand-logo-nav { display: block; width: auto; max-width: min(215px, 100%); height: auto; max-height: 64px; object-fit: contain; }
.topbar .links { min-width: 0; }
.topbar .s4m-nav-actions { min-width: 0; }
.topbar .s4m-lang-switch .s4m-lang-chevron { flex: none; transition: transform .2s ease; }
.topbar .s4m-lang-switch[open] .s4m-lang-chevron { transform: rotate(180deg); }
.topbar .s4m-lang-switch > summary { white-space: nowrap; }
.topbar .s4m-lang-options { z-index: 200; }
@media (max-width: 1180px) {
    .topbar { height: 76px; }
    .topbar .nav { width: calc(100% - 32px); max-width: 1180px; height: 100%; gap: 10px; flex-wrap: nowrap; }
    .topbar .brand { order: 1; flex: 0 1 205px; max-width: 205px; margin-right: auto; }
    .topbar .s4m-nav-actions { order: 2; gap: 9px; flex: 0 0 auto; margin: 0; }
    .topbar .s4m-nav-actions .nav-cta { display: none; }
    .topbar .hamb { display: inline-flex; order: 3; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #344239; background: #151c1e; font-size: 25px; }
    .topbar .links { display: none; position: fixed; top: 76px; left: 0; right: 0; width: 100%; max-width: none; height: calc(100dvh - 76px); overflow-y: auto; overscroll-behavior: contain; padding: 15px 20px 35px; margin: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; background: #0b0e13; border-top: 1px solid #293139; border-bottom: 1px solid #293139; z-index: 95; }
    .topbar .links.open { display: flex; }
    .topbar .links a { display: block; flex-shrink: 0; width: 100%; padding: 15px 7px; border-bottom: 1px solid #293139; white-space: normal; font-size: 15px; }
    body.s4m-menu-open { overflow: hidden; }
    .topbar .s4m-lang-switch { z-index: 100; }
}
@media (max-width: 480px) {
    .topbar .nav { gap: 7px; }
    .topbar .brand { flex-basis: 155px; max-width: 155px; }
    .topbar .brand-logo-nav { max-height: 52px; }
    .topbar .s4m-nav-actions { gap: 6px; }
    .topbar .s4m-nav-cart { min-width: 43px; height: 42px; gap: 4px; padding: 0 5px; }
    .topbar .s4m-nav-cart svg { width: 19px; height: 19px; }
    .topbar .s4m-nav-cart-count { min-width: 17px; height: 17px; font-size: 10px; padding: 0 3px; }
    .topbar .s4m-lang-switch > summary { min-height: 42px; padding: 0 6px; gap: 5px; }
    .topbar .hamb { width: 42px; flex-basis: 42px; height: 42px; }
}
@media (max-width: 355px) {
    .topbar .brand { flex-basis: 112px; max-width: 112px; }
    .topbar .s4m-lang-switch > summary > span:not(:last-child) { display: none; }
    .topbar .s4m-nav-actions { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .topbar .s4m-lang-switch .s4m-lang-chevron { transition: none; }
}