/* === MAIN PAGE index.php === */
/* news + daily_product + block editor */

@media (min-width: 1024px) {
.news-dailyprod {
display: flex;
justify-content: center;
width: 100%;
gap: 95px;
}
.news-dailyprod-pad {
padding-top: 43px;
}
.block-editor-container {
display: flex;
justify-content: space-around;
width: 100%;
gap: 10px;
padding-left: 15px;
}
}


/* daily product + block editor + triggers ON MOBILE */
.news-dailyprod-pad > .dailyProduct {
width: 360px !important;
}
@media (max-width: 321px) {
.news-dailyprod-pad > .dailyProduct {
width: 270px !important;
}
}
@media (max-width: 479px) {
.image-block1 {
height: 340px !important;
width: 100% !important;
padding-bottom: 10px !important; 
}
.image-block2 {
height: 340px !important;
width: 100% !important;
}
.trigger1-mob {
font-size: 15px !important;
padding-bottom: 10px !important;
}
.mg-trigger-guarantee.horfloat .mg-trigger {
padding-top: 10px !important;
padding-bottom: 10px !important;
height: 315px !important;
}
.news-dailyprod-pad-mob {
display: flex;
justify-content: center;
padding-bottom: 25px;
}
.news-dailyprod-pad > .dailyProduct {
width: 320px !important;
}
}

/* font fix for Yandex webmaster */
@media (max-width: 767px) {
.c-login__text {
font-size: 12px !important;
}
.c-group__link {
font-size: 12px !important;
}
}
@media (max-width: 767px) {
.c-carousel__title--more {
font-size: 12px !important;
}
}
@media (max-width: 767px) {
.c-ribbon__new, .c-ribbon__hit, .c-ribbon__sale {
font-size: 12px !important;
}
}

/* gallery fix */
#mg-gallery .mg-gallery-list li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 991px) {
#mg-gallery .mg-gallery-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
}
}
@media (max-width: 462px) {
#mg-gallery .mg-gallery-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
}

@media (max-width: 2560px) {
#mg-gallery .mg-gallery-list li {
	height: 127px !important;
}
}
@media (max-width: 1897px) {
#mg-gallery .mg-gallery-list li {
	height: 127px !important;
}
}
@media (max-width: 1697px) {
#mg-gallery .mg-gallery-list li {
	height: 127px !important;
}
}
@media (max-width: 1441px) {
#mg-gallery .mg-gallery-list li {
	height: 127px !important;
}
}
@media (max-width: 1025px) {
#mg-gallery .mg-gallery-list li {
	height: 88px !important;
}
}
@media (max-width: 991px) {
#mg-gallery .mg-gallery-list li {
	height: 300px !important;
    width: 225px !important;
}
}
@media screen and (max-width: 462px) and (-webkit-min-device-pixel-ratio:0) {
#mg-gallery .mg-gallery-list li {
	height: 255px !important;
    width: 170px !important;
}
}
@media screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio:0) {
#mg-gallery .mg-gallery-list li {
	height: 262px !important;
    width: 197px !important;
}
}
@media screen and (max-width: 391px) and (-webkit-min-device-pixel-ratio:0) {
#mg-gallery .mg-gallery-list li {
	height: 230px !important;
    width: 173px !important;
}
}
@media screen and (max-width: 376px) and (-webkit-min-device-pixel-ratio:0) {
#mg-gallery .mg-gallery-list li {
	height: 220px !important;
    width: 145px !important;
}
}
@media screen and (max-width: 361px) and (-webkit-min-device-pixel-ratio:0) {
#mg-gallery .mg-gallery-list li {
	height: 202px !important;
    width: 150px !important;
}
}
@media (max-width: 321px) {
#mg-gallery .mg-gallery-list li {
	height: 180px !important;
    width: 133px !important;
}
}

.mg-slider-products .owl-carousel__title span {
    line-height: 1.3 !important;
}

/* catrgories size fix */
.c-sub__img {
    height: 180px !important;
}
@media (max-width: 1024px) {
.c-sub__img {
    height: 150px !important;
}
}
@media (max-width: 767px) {
.c-sub__img {
    height: 120px !important;
}
}

.popup-notifications {
    min-height: 200px !important;
}
@media (max-width: 430px) {
.popup-notifications {
    min-height: 210px !important;
    height: 210px !important;
}
}
@media (max-width: 390px) {
.popup-notifications {
    min-height: 200px !important;
    height: 200px !important;
}
}

/* DOLYAME */

.l-header__dolyame {
    position: relative;
    background: #ffcced;
	height: 40px;
	text-align: center;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.l-header__dolyame a {
	text-decoration: underline;
}
.l-header__dolyame .l-row {
	justify-content: center;
}
.l-header__block__dolyame {
	text-align: center;
    margin: 0 auto;
}
.l-header__block__dolyame img {
	width: 70px;
    height: auto;
	background: #000;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin: 4px 10px;
}
.dolyame_img {
	line-height: 1;
}
@media (max-width: 370px) {
.l-header__block__dolyame {
	font-size: 15px;
}
}
@media (max-width: 320px) {
.l-header__block__dolyame {
	font-size: 12px;
}
}

.c-order__payment li [class*='icon-'] {
    display: block !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.icon-payment-18 {
    background: url(../../../uploads/dpIcons/p-tinkof.png) !important;
    width: 125px;
    height: 40px;
}
.icon-payment-5 {
    background: url(../../../uploads/dpIcons/p-robo.jpg) !important;
    width: 125px;
    height: 40px;
}
.icon-payment-4 {
    background: url(../../../uploads/dpIcons/p-cdek2.jpg) !important;
    width: 125px;
    height: 40px;
}
.icon-payment-1002 {
    background: url(../../../uploads/dpIcons/p-ras.jpg) !important;
    width: 125px;
    height: 40px;
}
.icon-payment-1001 {
    background: url(../../../uploads/dpIcons/d-post.jpg) !important;
    width: 125px;
    height: 40px;
}
.c-form [type='text'] {
	font-size: 16px;
}
.c-form .address-area {
	font-size: 16px;
}
.c-order__list--item select {
	font-size: 16px;
}
.icon-payment-1, .icon-payment-2, .icon-payment-5, .icon-payment-6, .icon-payment-7, .icon-payment-8, .icon-payment-9, .icon-payment-10, .icon-payment-11, .icon-payment-16, .icon-payment-18, .icon-payment-19 {
    margin: 0px 2px 4px 2px;
}

.mg-trigger-guarantee img, .mg-trigger-guarantee i {
    width: 150px !important;
    height: 150px !important;
}

/* slider fix */
@media (max-width: 2560px) {
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 25px;
}
}
@media (max-width: 767px) {
.payment-form-block [type='submit'] {
    padding: 5px 36px !important;
}
.swiper-container-1.mg-slider-wrap {
    height: 1430px !important;
    min-height: 1430px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 20px;
}
}
@media (max-width: 540px) {
.swiper-container-1.mg-slider-wrap {
    height: 1150px !important;
    min-height: 1150px !important;
}
}
@media (max-width: 463px) {
.swiper-container-1.mg-slider-wrap {
    height: 910px !important;
    min-height: 910px !important;
}
}
@media (max-width: 430px) {
.swiper-container-1.mg-slider-wrap {
    height: 850px !important;
    min-height: 850px !important;
}
}
.no-pad {
	padding: 0 0 !important;
}
.mg-slider-wrap {
    margin-bottom: 0 !important;
}
.payment-form-block [type='submit'] {
    padding: 10px 36px !important;
}
.icon-payment-1003 {
	background: url(https://shopoff.online/uploads/dpIcons/t-logo.png);
    min-width: 100px;
    height: 40px;
    width: 100%;
    position: relative;
	max-width: 125px;
}
.icon-payment-1004 {
	background: url(https://shopoff.online/uploads/dpIcons/robokassa.png);
    min-width: 100px;
    height: 40px;
    width: 100%;
    position: relative;
	max-width: 125px;
}
.icon-payment-1005 {
	background: url(https://shopoff.online/uploads/dpIcons/d_nalojka2.png);
    min-width: 100px;
    height: 40px;
    width: 100%;
    position: relative;
	max-width: 125px;
}
.icon-payment-1006 {
	background: url(https://shopoff.online/uploads/dpIcons/d-post.jpg);
    min-width: 100px;
    height: 40px;
    width: 100%;
    position: relative;
	max-width: 125px;
}
.icon-payment-1007 {
	background: url(https://shopoff.online/uploads/dpIcons/dolyami.png);
    min-width: 100px;
    height: 40px;
    width: 100%;
    position: relative;
	max-width: 125px;
}

.last-items-dropdown option {
font-size: 15px;
text-transform: uppercase;
}
.c-filter .label-field {
    font-size: 15px;
}
.c-filter .mg-filter-body .mg-filter-title {
    font-size: 15px;
}
.c-filter .mg-filter-body li {
    font-size: 15px;
}
.last-items-dropdown {
    font-size: 15px;
	text-transform: uppercase;
}
.c-goods__title span {
	word-break: break-word;
}
@media (max-width: 1024px) {
    .c-nav__text {
        line-height: 1 !important;
    font-size: 15px;
    }
}

/* DOLYAMI */
@font-face {
  font-family: 'Font';
  src: url('../fonts/Font.otf');
  font-weight: 400;
  font-style: normal;
}
section .dlm-row {
margin: 70px 0;
  font-family: 'Font';
}
.dlm-container {
	font-size: 16px;
	max-width: 1361px;
	margin: 0 auto;
display: block;
}
.dlm-slider  {
	max-height: 1150px;
}
@media (min-width: 1025px) {
.dlm-slider  {
	max-height: 568px;
}
.trg-text {
max-width: 300px;
font-family: 'Font';
}
}
.swiper-wrapper {
	height: unset !important;
}
.dlm-row {
display: flex;
flex-flow: row wrap;
}
.triggers .trg-wrapper {
flex: 300px;
    margin: 10px;
    padding: 5px;
}
.trg-icon {
    padding: 10px 5px;
}
.trg-title {
    padding: 10px 5px;
    font-size: 18px;
    font-weight: 700;
font-family: 'Font';
}
.trg-text {
    padding: 10px 5px;
	font-size: 16px;
    color: #7c7c7c;
line-height: 1.7;
font-family: 'Font';
}
.ht-title {
text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 700;
margin-bottom: 30px;
font-family: 'Font';
}
.trg-icon img {
    max-width: 300px;
}
@media (max-width: 1024px) {
.trg-wrapper {
text-align: center;
}
}
.faq {
justify-content: center;
}
.q-wrapper {
width: 100%;
max-width: 750px;
margin: 0 10px;
    padding: 5px;
border-top: 1px solid #eee;
}
.q-wrapper-no-border {
border: unset !important;
}
.q-title {
    padding: 10px 5px;
    font-size: 18px;
    font-weight: 700;
font-family: 'Font';
}
.q-text {
    padding: 5px 5px;
	font-size: 16px;
    color: #7c7c7c;
line-height: 1.7;
font-family: 'Font';
}
.faq {
margin-bottom: 30px;
}
.faq-b {
justify-content:center;
margin-top: 15px;
margin-bottom: 100px;
font-family: 'Font';
}
.q a {
    text-decoration: none !important;
    color: #000 !important;
    padding: 13px 17px;
    background: #eee;
    border-radius: 10px;
font-family: 'Font';
}
.q-button {
    text-decoration: none !important;
    color: #000 !important;
    padding: 13px 17px;
    background: #eee;
    border-radius: 10px;
font-family: 'Font';
}
.app {
justify-content: center;
margin-bottom: 10px;
}
.app img {
margin: 10px 10px 40px 10px;
width: 100%;
    padding: 5px;
max-width: 750px;
}
.a-title {
text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 700;
margin-bottom: 15px;
font-family: 'Font';
}
.a-text {
    padding: 10px 5px;
	font-size: 18px;
    color: #7c7c7c;
line-height: 1.7;
margin: 15px;
font-family: 'Font';
}
.buttons {
justify-content: center;
margin-top: 10px;
}
.trg-icon a img {
    max-width: 200px;
}
.q {
text-align: center;
}
.accordioner {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
}
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordioner:after {
  content: "\2926";
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.activer:after {
  content: "\2924";
}

.c-filter__button {
	height: 50px;
    margin: 10px;
	text-transform: uppercase;
    font-weight: 600;
}
.deliveryInfo {
    padding-top: 5px;
    color: #777;
    line-height: 1.4;
    padding-left: 33px;
    flex: 1;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    font-size: 14px;
}
.c-order__payment label {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    text-decoration: none !important;
}

@media (min-width: 1025px) {
.l-header__left {
        flex: 0 0 70%;
        max-width: 70%;
}
.l-header__right {
        flex: 0 0 30%;
        max-width: 30%;
}
}

.news-dailyprod, .white-wrapper {
    background: #fff;
    border-radius: 12px;
	margin: 10px 0;
}
#mg-gallery .mg-gallery-list li {
    margin: 4px;
}
.news-block {
	max-width: 400px;
}

@media (min-width: 700px) and (max-width: 850px) {
.news-dailyprod {
display: flex;
  }
}

.c-filter__button-re {
	color: #ffffff!important;
	font-size: 18px!important;
	opacity: 1!important;
	background: linear-gradient(135deg, var(--main-color), var(--secondary-color))!important;
}
.c-goods__price--old {
    color: #747474!important;
    display: block!important;
}

/* Стили для панели админа adminbar.css в мобилке, чтобы не скрывались пункты меню
@media (max-width: 450px) {
.c-nav__menu {
    padding-top: 50px;
}
.mg-filter-body {
    padding-top: 50px!important;  
}
}
*/

/* стили для баннеров с коктейлем и патчами */
@media (max-width: 462px) {
.button-tail-2 {
margin: 0 0 0 -12%;
}
.button-tail-3 {
margin: 20% 0 0 7%;
}
}
@media (min-width: 768px) {
.button-tail {
margin: 0 0 0 -27px;
}
.button-tail-2 {
margin: 0 0 0 -27px;
}
.button-tail-3 {
margin: 0 0 -40px 0;
}
}
@media (min-width: 1024px) {
.button-tail {
margin: 0 0 0 77px;
}
.button-tail-2 {
margin: 0 0 0 77px;
}
.button-tail-3 {
margin: 0 0 0 100px;
}
}
@media (min-width: 1440px) {
.button-tail-3 {
margin: 0 0 0 125px;
}
}

.c-search__dropdown a {
    height: 90px;
}
/* Дефолтные стили для всех экранов */
.fast-result-info {
  max-height: 4.5em !important;
  line-height: 1.5em !important;
  overflow: hidden !important;
  position: relative !important;
}

@media screen and (min-width: 800px) and (max-width: 1133px) {
  .fast-result-info {
    max-height: 4.5em !important;
    line-height: 1.5em !important;
    overflow: hidden !important;
    position: relative !important;
  }
}

@media screen and (min-width: 1025px) {
  .fast-result-info {
    max-height: none !important;
    line-height: inherit !important;
    overflow: visible !important;
    position: static !important;
  }
}

/* GIFT подарок при заказе */
.gift-wrapper {
	padding: 10px;
    background: #fff;
    margin: 10px 0;
    border-radius: 12px;
}
.gift-wrapper h3 {
	font-size: 26px;
    font-weight: 700;
    text-align: center;
}