.mobile-bottom-nav, .mobile-categories:not([open]) { display: none; }
.mobile-shell .mahsun-brand-name { display: none; }
.mobile-shell :focus-visible { outline: 3px solid #033593; outline-offset: 3px; }
.mobile-shell input { caret-color: #033593; }
.mobile-shell input::placeholder { color: #526477; opacity: 1; }
.mahsun-modern header.main-header { box-shadow: none; border-bottom: 1px solid #e2e8ef; padding: 0; }
.mahsun-modern .topbar { padding-block: 18px; }
.mahsun-modern .topbar > .row { flex-wrap: nowrap; gap: 24px; margin: 0; }
.mahsun-modern .topbar > .row > div { padding: 0; }
.mahsun-modern .topbar > .row > .mahsun-brand { display: flex; align-items: center; gap: 12px; flex: 0 0 260px; max-width: none; }
.mahsun-modern .mahsun-brand .logo-area { width: 70px; flex-shrink: 0; }
.mahsun-modern .mahsun-brand-name { display: block; font: 700 15px/1.8 iranyekan, Tahoma, sans-serif; color: #19344d; }
.mahsun-modern .topbar .home-search-column { flex: 1; max-width: none; }
.mahsun-modern .topbar .topbar-left { flex: 0 0 auto; width: auto; max-width: none; }
.mahsun-modern header.main-header .search-area form.search input { height: 48px; border: 1px solid #e2e8ef; border-radius: 10px; background: #f5f7fa; padding-inline: 16px 58px; }
.mahsun-modern header.main-header .search-area form.search button[type=submit] { width: 44px; height: 44px; top: 2px; left: 2px; border-radius: 8px; }
.mahsun-modern .bottom-header { margin-bottom: 0; border-top: 1px solid #edf1f5; }
.mahsun-modern .main-menu > .list > li > a { min-height: 48px; display: flex; align-items: center; font-size: 14px; }
.categories-open { overflow: hidden; }
@media (max-width: 992px) {
    .mobile-shell { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .mobile-shell header.main-header { padding: 0; box-shadow: none; border-bottom: 1px solid #e2e8ef; }
    .mobile-shell header.main-header > .main-container { padding-inline: 16px; }
    .mobile-shell header.main-header .topbar { padding-block: 12px; }
    .mobile-shell .topbar > .row { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
    .mobile-shell .topbar > .row > .mahsun-brand { display: flex; align-items: center; gap: 12px; flex: 0 0 100%; max-width: 100%; padding: 0; }
    .mobile-shell header.main-header .mahsun-brand .logo-area { width: 48px; flex-shrink: 0; }
    .mobile-shell .mahsun-brand-name { display: block; color: #19344d; font: 700 16px/1.8 iranyekan, Tahoma, sans-serif; }
    .mobile-shell .topbar .home-search-column.hidden-sm { display: block !important; order: 3; flex: 0 0 100%; max-width: 100%; padding: 0; }
    .mobile-shell header.main-header .search-area { display: block; }
    .mobile-shell header.main-header .search-area form.search input { height: 46px; border-radius: 10px; border: 1px solid #e2e8ef; background: #f5f7fa; font: 400 16px/1.8 iranyekan, Tahoma, sans-serif; padding-inline: 14px 58px; }
    .mobile-shell header.main-header .search-area form.search button[type=submit] { width: 44px; height: 42px; top: 2px; left: 2px; border-radius: 8px; }
    .mobile-shell .topbar .topbar-left, .mobile-shell .bottom-header, .mobile-shell .btn-menu, .mobile-shell .side-menu, .mobile-shell .overlay-side-menu { display: none !important; }
    .mobile-bottom-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); position: fixed; z-index: 1050; bottom: 0; inset-inline: 0; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #dce5ef; }
    .mobile-bottom-nav > a, .mobile-bottom-nav > button { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; min-height: 52px; padding: 3px; background: none; border: 0; border-radius: 8px; color: #526477; font: 400 12px/1.7 iranyekan, Tahoma, sans-serif; cursor: pointer; }
    .mobile-bottom-nav i { font-size: 25px; line-height: 28px; }
    .mobile-bottom-nav [aria-current=page], .mobile-bottom-nav [aria-expanded=true] { color: #033593; font-weight: 700; background: #f0f5fb; }
    .mobile-categories[open] { display: block; position: fixed; inset: auto 0 0; width: 100%; max-width: 640px; max-height: 88dvh; margin: auto auto 0; padding: 0 20px calc(24px + env(safe-area-inset-bottom)); border: 0; border-radius: 20px 20px 0 0; background: #fff; color: #19344d; font: 400 15px/1.8 iranyekan, Tahoma, sans-serif; overflow-y: auto; overscroll-behavior: contain; }
    .mobile-categories::backdrop { background: rgb(15 35 55 / 42%); }
    .mobile-categories-header { position: sticky; top: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 16px 12px; border-bottom: 1px solid #e2e8ef; }
    .mobile-categories-header h2 { font: 700 19px/1.7 iranyekan, Tahoma, sans-serif; margin: 0; }
    .mobile-categories-header button { width: 44px; height: 44px; background: #f3f6fa; border: 0; border-radius: 8px; font-size: 26px; color: #19344d; }
    .mobile-categories a { display: flex; align-items: center; gap: 10px; min-height: 48px; padding-block: 10px; color: #19344d; }
    .mobile-categories .mobile-all-products, .mobile-categories .mobile-magazine-link { color: #033593; font-weight: 700; }
    .mobile-category-list > a, .mobile-category-list > details { border-bottom: 1px solid #e2e8ef; }
    .mobile-category-list summary { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; }
    .mobile-category-list summary::-webkit-details-marker { display: none; }
    .mobile-category-list details[open] summary { color: #033593; font-weight: 700; }
    .mobile-category-list details > a { padding-inline: 14px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .mobile-shell *, .mobile-shell *::before, .mobile-shell *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}