You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
333 lines
6.3 KiB
333 lines
6.3 KiB
/* Стили для мобильных устройств */
|
|
@media only screen and (max-width: 720px) {
|
|
/* product */
|
|
.product__item{
|
|
width: calc(100% - 24px);
|
|
}
|
|
/* product */
|
|
|
|
/* modal */
|
|
.modal__basket{
|
|
width: 100%;
|
|
}
|
|
.modal__filter{
|
|
width: 100%;
|
|
}
|
|
.modal__to-know,
|
|
.modal__to-know-submit{
|
|
width: 100%;
|
|
}
|
|
.modal__button .to-know{
|
|
display: flex;
|
|
|
|
background: none;
|
|
}
|
|
.modal__basket .modal__header {
|
|
height: calc(100% - 156px);
|
|
margin-bottom: -36px;
|
|
}
|
|
.modal-basket-item__block-image{
|
|
position: absolute;
|
|
width: 80px;
|
|
}
|
|
.modal-basket-item__image{
|
|
width: 48px;
|
|
}
|
|
.modal-basket-item__content{
|
|
margin-left: 0;
|
|
|
|
padding-left: 96px;
|
|
}
|
|
.modal-basket-item__control{
|
|
margin-left: -80px;
|
|
}
|
|
.modal-basket-item__title{
|
|
min-height: 40px;
|
|
|
|
font-size: 16px;
|
|
}
|
|
.modal-basket__item--return{
|
|
flex-direction: column;
|
|
align-items: start;
|
|
}
|
|
.modal-basket__item--return .modal-basket-item__title{
|
|
margin-right: auto;
|
|
}
|
|
.notification--width-584{
|
|
width: 100%;
|
|
}
|
|
.notification__title{
|
|
font-size: 20px;
|
|
}
|
|
.notification__text--center-pc{
|
|
text-align: start;
|
|
}
|
|
.notification__img{
|
|
height: 360px;
|
|
}
|
|
.notification__title{
|
|
padding-right: 96px;
|
|
}
|
|
.modal-form__buttons--two{
|
|
flex-wrap: wrap;
|
|
}
|
|
.modal-form__buttons--two button, .modal-form__buttons--two input{
|
|
margin-top: 24px;
|
|
width: 100%;
|
|
}
|
|
.modal-form__buttons--two button:first-child, .modal-form__buttons--two input:first-child{
|
|
margin-top: 0;
|
|
}
|
|
.modal-map__control{
|
|
flex-wrap: wrap;
|
|
}
|
|
.modal-map-control__item{
|
|
width: calc(100% - 24px);
|
|
}
|
|
.form__full-mobile{
|
|
width: 100%;
|
|
border-radius: 0;
|
|
border: none;
|
|
}
|
|
|
|
.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
|
|
width: 69px;
|
|
}
|
|
.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
|
|
|
|
}
|
|
.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
|
|
width: 82px;
|
|
}
|
|
.form__input{
|
|
padding: 12px 14px;
|
|
}
|
|
.modal-form--height-100-phone{
|
|
min-height: 100%;
|
|
}
|
|
/* modal */
|
|
|
|
/* footer */
|
|
.footer__about{
|
|
display: none;
|
|
}
|
|
.footer__wrapper{
|
|
flex-direction: column;
|
|
}
|
|
.footer__content{
|
|
width: 100%;
|
|
}
|
|
.footer__form{
|
|
margin-top: 24px;
|
|
margin-left: 0;
|
|
|
|
width: 100%;
|
|
}
|
|
.footer__social-media{
|
|
display: block;
|
|
|
|
margin-top: 24px;
|
|
}
|
|
.footer-about__text{
|
|
padding-top: 35px;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
.footer__list{
|
|
margin-top: 20px;
|
|
}
|
|
/* footer */
|
|
|
|
/* detail */
|
|
.toggle__table--two .toggle-table__block{
|
|
width: 100%;
|
|
}
|
|
.toggle__table--two .toggle-table__block:nth-child(even){
|
|
margin-top: 32px;
|
|
margin-left: 0;
|
|
}
|
|
.toggle__table--three .toggle-table__block:nth-child(1){
|
|
width: 31%;
|
|
}
|
|
/* detail */
|
|
|
|
/* cabinet */
|
|
.cabinet-card__title{
|
|
font-size: 20px;
|
|
}
|
|
.cabinet-card__no-orders{
|
|
margin-top: 16px;
|
|
}
|
|
.cabinet-card-order__header{
|
|
flex-direction: column;
|
|
}
|
|
.cabinet-card-order__payment{
|
|
margin-top: 16px;
|
|
}
|
|
.cabinet-card-order-detail__main{
|
|
flex-direction: column;
|
|
}
|
|
.cabinet-card-order-detail-main__links{
|
|
margin-top: 24px;
|
|
|
|
align-items: start;
|
|
}
|
|
.cabinet-card-order-detail-main-product__img{
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
.cabinet-card-order-detail-main__product{
|
|
margin-top: 16px;
|
|
|
|
align-items: start;
|
|
}
|
|
.cabinet-card-order-detail-main-product__content{
|
|
margin-left: 16px;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
position: relative;
|
|
}
|
|
.cabinet-card-order-detail-main-product__description{
|
|
width: 100%;
|
|
}
|
|
.cabinet-card-order-detail-main-product__count{
|
|
position: absolute;
|
|
left: 116px;
|
|
bottom: 0;
|
|
}
|
|
.cabinet-card-order-detail-main-product__price{
|
|
position: absolute;
|
|
left: 153px;
|
|
bottom: 0;
|
|
}
|
|
.cabinet-card__content{
|
|
padding-right: 19px;
|
|
}
|
|
|
|
/* .cabinet-card__order.active */
|
|
/* .cabinet-card__order.active */
|
|
/* cabinet */
|
|
}
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
/* header */
|
|
|
|
/* header */
|
|
|
|
/* product */
|
|
.product__header{
|
|
flex-direction: column;
|
|
align-items: start;
|
|
}
|
|
.product__header .button{
|
|
margin-top: 48px;
|
|
}
|
|
/* product */
|
|
|
|
/* modal */
|
|
.modal__aside{
|
|
left: 0;
|
|
}
|
|
.form-input-radio__title span{
|
|
display: block;
|
|
width: 100%;
|
|
|
|
color: var(--text-grey);
|
|
}
|
|
.modal-form__title{
|
|
font-size: 20px;
|
|
}
|
|
/* modal */
|
|
|
|
/* detail */
|
|
.detail-block-form__item,
|
|
.detail-block-form__submit{
|
|
min-width: 100%;
|
|
}
|
|
/* detail */
|
|
|
|
/* cabinet */
|
|
|
|
.cabinet-card-order-detail-main-product__img{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.cabinet-card-order-detail-main-product__count{
|
|
left: auto;
|
|
right: 71px;
|
|
}
|
|
.cabinet-card-order-detail-main-product__price{
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.cabinet-card-order__detail-short{
|
|
transition-delay: 0;
|
|
transition-duration: 0;
|
|
}
|
|
/* cabinet */
|
|
}
|
|
|
|
@media only screen and (max-width: 720px) {
|
|
.subscription__item{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.subscription__item > p:first-child{
|
|
font-size: 16px;
|
|
color: var(--text-6);
|
|
}
|
|
.subscription__item > p:last-child{
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.subscription__add-title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.subscription__add-product{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.subscription__add-product > *:not(:first-child){
|
|
padding-top: 0;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product__img{
|
|
width: 73px;
|
|
height: 66px;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product-description__what{
|
|
font-size: 12px;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product-description__with-what{
|
|
margin-top: 8px;
|
|
|
|
font-size: 12px;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product__description {
|
|
width: calc(100% - 73px);
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product__content{
|
|
position: static;
|
|
margin-top: -10px;
|
|
margin-left: auto;
|
|
width: calc(100% - 73px);
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product__count{
|
|
position: static;
|
|
font-size: 12px;
|
|
}
|
|
.subscription__add-product .cabinet-card-order-detail-main-product__price{
|
|
position: static;
|
|
font-size: 16px;
|
|
}
|
|
} |