/* ============================================================ MOBILE HEADER EXACT ALIGN V50.6 ============================================================ */ @media (max-width:700px){ html[data-site-theme] body.site-home-modern .topbar{ position:absolute!important; top:0!important; left:0!important; right:0!important; width:100%!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; z-index:1000!important; } /* ======================================================== ОСНОВНОЙ КОНТЕЙНЕР ======================================================== */ html[data-site-theme] body.site-home-modern .topbar .shell.home-nav-v1{ position:relative!important; width:calc(100% - 20px)!important; max-width:none!important; height:104px!important; min-height:104px!important; margin:0 auto!important; padding:8px 0 0!important; display:grid!important; grid-template-columns: 108px 44px minmax(0,1fr) 44px 44px!important; grid-template-rows: 48px 36px!important; grid-template-areas: "logo catalog city theme account" "links links links links links"!important; column-gap:7px!important; row-gap:4px!important; align-items:end!important; overflow:visible!important; box-sizing:border-box!important; transform:none!important; translate:none!important; } /* * СБРАСЫВАЕМ ВСЕ старые сдвиги. */ html[data-site-theme] body.site-home-modern .home-nav-v1 > *{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; margin:0!important; transform:none!important; translate:none!important; align-self:end!important; } /* ======================================================== ЛОГО НИЗ = общая линия первой строки ======================================================== */ html[data-site-theme] body.site-home-modern .home-logo-v1{ grid-area:logo!important; width:108px!important; min-width:108px!important; max-width:108px!important; height:48px!important; min-height:48px!important; max-height:48px!important; padding:0!important; display:flex!important; align-items:flex-end!important; justify-content:flex-start!important; overflow:visible!important; } html[data-site-theme] body.site-home-modern .home-logo-v1 img{ display:block!important; width:106px!important; max-width:106px!important; height:46px!important; max-height:46px!important; margin:0!important; object-fit:contain!important; object-position:left bottom!important; transform:none!important; } /* ======================================================== КАТАЛОГ ======================================================== */ html[data-site-theme] body.site-home-modern .home-catalog-v1{ grid-area:catalog!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0!important; margin:0!important; align-self:end!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:0!important; border-radius:12px!important; transform:none!important; } /* ======================================================== ГОРОД ======================================================== */ html[data-site-theme] body.site-home-modern .home-city-v1{ grid-area:city!important; width:100%!important; min-width:0!important; max-width:none!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0 10px!important; align-self:end!important; display:grid!important; grid-template-columns: 14px minmax(0,1fr) 8px!important; gap:7px!important; align-items:center!important; border-radius:12px!important; overflow:hidden!important; box-sizing:border-box!important; transform:none!important; } html[data-site-theme] body.site-home-modern .home-city-v1 b{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:11px!important; line-height:1!important; } /* ======================================================== ТЕМА ======================================================== */ html[data-site-theme] body.site-home-modern .site-theme-toggle-v33{ grid-area:theme!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; align-self:end!important; border-radius:50%!important; transform:none!important; translate:none!important; transition:none!important; animation:none!important; } html[data-site-theme] body.site-home-modern .site-theme-toggle-v33:hover, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33:active, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33:focus{ transform:none!important; translate:none!important; } html[data-site-theme] body.site-home-modern .site-theme-toggle-v33 svg{ position:absolute!important; left:50%!important; top:50%!important; width:20px!important; height:20px!important; margin:0!important; transform:translate(-50%,-50%)!important; transition:none!important; animation:none!important; } /* ======================================================== ЛК ======================================================== */ html[data-site-theme] body.site-home-modern .home-account-v1{ grid-area:account!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; align-self:end!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; font-size:11px!important; transform:none!important; } /* ======================================================== ЕДИНАЯ НИЖНЯЯ ЛИНИЯ ПЕРВОЙ СТРОКИ ======================================================== */ html[data-site-theme] body.site-home-modern .home-catalog-v1, html[data-site-theme] body.site-home-modern .home-city-v1, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33, html[data-site-theme] body.site-home-modern .home-account-v1{ margin-bottom:0!important; bottom:0!important; } /* ======================================================== ВТОРАЯ СТРОКА ПРЯМО ПОД ПЕРВОЙ ======================================================== */ html[data-site-theme] body.site-home-modern .home-links-v1{ grid-area:links!important; position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:100%!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0 6px!important; align-self:start!important; display:grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; gap:4px!important; align-items:center!important; background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; overflow:visible!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } html[data-site-theme] body.site-home-modern .home-links-v1 a, html[data-site-theme] body.site-home-modern .home-links-v1 button{ width:100%!important; height:32px!important; min-height:32px!important; margin:0!important; padding:0 3px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; color:#fff!important; font-size:9px!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; text-shadow: 0 1px 4px rgba(0,0,0,.95), 0 2px 8px rgba(0,0,0,.82)!important; transform:none!important; translate:none!important; } /* ======================================================== GLASS ПЕРВОЙ СТРОКИ ======================================================== */ html[data-site-theme] body.site-home-modern .home-city-v1, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33, html[data-site-theme] body.site-home-modern .home-account-v1{ border:1px solid rgba(255,255,255,.17)!important; background: linear-gradient( 145deg, rgba(255,255,255,.10), rgba(255,255,255,.025) )!important; color:#fff!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 5px 14px rgba(0,0,0,.18)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } /* ======================================================== УПРАВЛЯТЬ ======================================================== */ html[data-site-theme] body.site-home-modern .hero-manage{ top:108px!important; right:14px!important; } html[data-site-theme] body.site-home-modern .catalog-panel{ top:104px!important; } } /* ============================================================ УЗКИЙ IPHONE ============================================================ */ @media (max-width:390px){ html[data-site-theme] body.site-home-modern .topbar .shell.home-nav-v1{ width:calc(100% - 14px)!important; height:100px!important; min-height:100px!important; grid-template-columns: 96px 40px minmax(0,1fr) 40px 40px!important; grid-template-rows: 44px 34px!important; column-gap:5px!important; row-gap:4px!important; } html[data-site-theme] body.site-home-modern .home-logo-v1{ width:96px!important; min-width:96px!important; max-width:96px!important; height:44px!important; } html[data-site-theme] body.site-home-modern .home-logo-v1 img{ width:94px!important; max-width:94px!important; height:42px!important; } html[data-site-theme] body.site-home-modern .home-catalog-v1, html[data-site-theme] body.site-home-modern .home-city-v1, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33, html[data-site-theme] body.site-home-modern .home-account-v1{ height:40px!important; min-height:40px!important; max-height:40px!important; } html[data-site-theme] body.site-home-modern .home-catalog-v1, html[data-site-theme] body.site-home-modern .site-theme-toggle-v33, html[data-site-theme] body.site-home-modern .home-account-v1{ width:40px!important; min-width:40px!important; max-width:40px!important; } html[data-site-theme] body.site-home-modern .home-links-v1{ height:34px!important; min-height:34px!important; } html[data-site-theme] body.site-home-modern .home-links-v1 a, html[data-site-theme] body.site-home-modern .home-links-v1 button{ height:30px!important; min-height:30px!important; font-size:8.5px!important; } }