/** стили блока с геолокацией из local/templates/diam/components/o2k.diamregion/place.geoip/header/style.css * перенесены сюда, т.к. style.css не подключатся при включенной опции "Объединять CSS файлы" */ .phone_global { color: #333; text-decoration: none; font-size: 18px; display: inline-block; margin-bottom: 5px; margin-left: 11px; } .ask-location-box, .select-location-popup { display:none; } .ask-location-box { position: absolute; left: -200px; top: 100%; border-radius: 5px; background: #fff; padding: 32px 40px 28px; z-index: 70; box-shadow: 0 0 5px rgba(0,0,0,.4); margin-top: 15px; min-width:350px; box-sizing: border-box; } .ask-location-box:after { content: ""; position: absolute; left: 303px; top: -7px; width: 10px; height: 10px; background: #fff; transform: rotate(-45deg); border-top: 2px solid rgba(0,0,0,.1); border-right: 2px solid rgba(0,0,0,.1); z-index: 18; } .ask-location-box .location { font-size: 16px; line-height: 24px; color: #333; margin-bottom: 24px; } .ask-location-box .location span { color: #5c3795; } .ask-location-box .btn-confirm { line-height: 44px; font-size: 16px; color: #fff; width: 160px; text-align: center; background: #5c3795; box-shadow: 0 2px 0 0 #452675; padding: 0 20px; margin-right: 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .ask-location-box .btn-confirm:hover { background: #452675; } .ask-location-box .btn-change, .ask-location-box .btn-satyhere { background: none; color: #5c3795; line-height: 20px; padding: 12px 0 10px; text-decoration: underline; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .ask-location-box .btn-satyhere { padding:6px 0 0 0; min-width:160px; text-align:center; } .ask-location-box .btn-change:hover, .ask-location-box .btn-satyhere:hover { text-decoration: none; } .select-location-popup { max-height: 100vh; overflow: auto; } .select-location-wraper { border-radius: 5px; width:520px; padding:52px 40px 30px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .select-location-popup .modal-close { position: absolute; right: 14px; top: 16px; font-size: 20px; line-height: 20px; width: 20px; height: 20px; color: #848484; padding: 0; background: transparent; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } @media (max-width: 680px) { .phone_global { font-weight: bold; margin-bottom: 10px; display: inline-block; margin-left: 8px; } .phone_global { font-size: 13px; margin-bottom: 5px; } } @media (max-width: 600px) { .select-location-wraper { max-width: 520px; width: 100%; } } @media (max-width: 420px) { .ask-location-box { min-width: 0; max-width: 240px; } .btn.btn-confirm { margin: 0; } } @media (max-width: 300px) { .ask-location-box { max-width: 100%; padding: 10px; } .btn.btn-confirm { width: 100%; padding-left: 0; padding-right: 0; } } /* стили блока с геолокацией */ /** Фикс для заголовка на маленьких экранах в старой вёрстке. Для вывода цветной полосы заголовка на экранах 360px, когда заголовок длинный на две строки */ .heading-main {box-sizing: border-box;} .heading-main span {box-sizing: border-box;} /** Фикс для кнопок на странице /special-offers/ после смены заголовка */ .page-special-offers .sort_display { top: unset; }