/* Стили для планшетов */ @media only screen and (max-width: 1200px) { /* header */ main{ padding-top: 64px; } .main-menu{ display: none; } .header__open-menu{ display: block; } .lang{ display: none; } .header__logo{ width: 136px; height: 29px; } .header__content{ height: auto; padding: 8px 16px; } .mini-profile__item:nth-child(2){ margin-left: 0; } .header::after{ left: 0; width: 100%; } .header__pc-menu{ display: none; } .header__phone-menu{ display: block; } .header__menu-block{ top: 56px; } .header__content::after{ left: 0; right: 0; width: 100%; } /* header */ /* footer */ .footer{ margin-top: 0; padding: 24px 16px; } /* footer */ /* breadcrumbs */ .breadcrumbs{ display: none; } /* breadcrumbs */ /* product */ .product{ padding: 12px; padding-top: 20px; } .product__title{ font-weight: 700; font-size: 26px; line-height: 123%; text-transform: uppercase; } .to-know p { font-size: 18px; } .toggle-table__title{ font-weight: 700; font-size: 12px; line-height: 133%; } .toggle-table__item p{ font-weight: 500; font-size: 12px; line-height: 133%; } .toggle-table-item__line{ margin-top: 12px; } .detail{ margin: 24px 16px; } .back-detail{ display: inline; } .detail-catalot__title{ font-size: 22px; } .product__footer--error{ margin: 48px 0px 24px; } /* product */ /* modal */ .modal{ padding: 0; } .modal__text{ padding-right: 0; } .form__button-pc{ display: none; } .form__button-mobile{ display: block; } .modal-form{ /* min-height: 100%; width: 100%; border-radius: 0; border: none; */ } .modal__notification{ margin: 24px; } .form-input-phone__list{ left: 0; } .modal-form-content__line--two{ flex-wrap: wrap; } .modal-form-content__line--two .modal-form-content-line__element{ margin-top: 24px; width: 100%; } .modal-form-content__line--two .modal-form-content-line__element:first-child{ margin-top: 0; } .modal-map{ width: 100%; flex-direction: column; border-radius: 0; } .modal-map__left, .modal-map__right{ width: 100%; } .modal-map__map iframe { width: 100%; height: 528px; } .modal-map-form__button{ display: none; } .modal-map-form__sub-button{ margin-top: 64px; padding: 0 24px; display: flex; } /* modal */ /* cabinet */ .cabinet{ flex-direction: column; position: relative; } .cabinet__control{ display: flex; position: relative; } .cabinet__orders, .cabinet__profile{ width: calc(100% - 48px); } .cabinet__orders, .cabinet__profile{ position: absolute; opacity: 0; transition: opacity .2s ease-out; } .cabinet__orders.active, .cabinet__profile.active{ opacity: 1; } /* cabinet */ } @media only screen and (max-width: 980px) { /* product */ .product__item{ width: calc(50% - 24px); } /* product */ /* detail */ .detail{ flex-direction: column; } .detail__images{ display: none; } .detail__content{ width: 100%; } .detail__content{ margin-left: 0; } .detail__images-phone{ display: block; margin-top: 48px; margin-bottom: 48px; position: relative; overflow: hidden; } .detail__images-phone .swiper-slide{ display: flex; justify-content: center; } .detail-images-phone__image-block{ width: 100%; aspect-ratio: 1; max-width: 500px; display: flex; justify-content: center; align-items: center; background: var(--background-grey); border-radius: 16px; } .detail__images-phone .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 50%; border: 1px solid #666; background-color: #666; opacity: 1; } .detail__images-phone .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--background-white); } .detail__images-phone .swiper-pagination{ margin-bottom: 19px; } .detail__title{ font-size: 26px; line-height: 123%; } .gallery__slider .swiper-pagination { display: block; } .gallery__pagination{ display: none; } .gallery__slider .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 50%; border: 1px solid #666; background-color: #666; opacity: 1; } .gallery__wrapper .gallery-button{ display: none; } .gallery__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--background-white); } .gallery__slider{ margin-left:0; padding: 0px 0px 50px 0px; /* padding: 40px; */ } .gallery__block { width: 100%; aspect-ratio: 1; height: auto; } /* detail */ } @media only screen and (max-width: 750px) { /* cabinet */ .cabinet-card-order__open-detail{ margin-top: 144px; } .cabinet-card-order__detail-short{ right: auto; left: 0; bottom: 48px; } .cabinet-card-order-detail-short__item{ margin-left: -27px; } .cabinet-card-order-detail-short__item:first-child{ margin-left: 0; } .cabinet-card__order.active .cabinet-card-order__open-detail{ margin-top: 24px; } /* cabinet */ }