:root {
   --boxShadow: 0px 4px 64px 0px #23439814, 0px 2px 8px 0px #2343981F;
   --lilacColor: #A8BEF8;
   --blueColor: #557FF2;
   --mainColor: #3C3C3C;
}

@media only screen and (max-width: 1366px) {
   .footer__container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
   }

   .footer__col:not(:last-child) {
      padding-right: 0;
   }

   .footer__col:first-child {
      order: 5;
   }

   .footer__col:last-child {
      order: 6;
   }

   .header-feedback__col {
      display: none;
   }
}

@media only screen and (max-width: 1199px) {

   .header-top__container {
      padding-block: 8px;
   }

   .statistic__grid,
   .feedback__footer {
      grid-template-columns: 1fr 1fr;
   }

   .feedback__footer .feedback__button {
      grid-column: 1/-1;
      text-align: center;
   }

   .card-pr__grid {
      grid-template-columns: 360px 1fr;
   }

   .card-pr__info {
      grid-column: 1/-1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: space-between;
   }

   .personal-area__row {
      flex-direction: column;
      gap: 16px;
   }

   .search-bl__panel {
      grid-template-columns: 1fr 49%;
   }

   .search-bl__button-bl {
      grid-column: 1/-1;
   }
}

@media only screen and (max-width: 959px) {
   .comparing-table {
      grid-template-columns: 135px calc(100% - 135px);
      font-size: 14px;
   }

   .comparing-table .product__img {
      height: 84px;
      width: 84px;
   }

   .comparing-table .button:not(.icon) {
      font-size: 0;
      gap: 0;
      padding-inline: 22px;
   }

   .comparing-table .button .icon {
      font-size: 24px;
   }

   .comparing__wrapper {
      padding-right: 0;
      padding-left: 16px;
   }

   .comparing-table {
      border-right: none;
   }


   /*cart-table*/
   .cart-table-head,
   .cart-table__grid::before {
      display: none;
   }

   .cart-table__grid {
      display: block;
   }

   .cart-table-item {
      display: grid;
      column-gap: 8px;
      grid-template-columns: 100px 1fr;
      grid-template-rows: auto 1fr;
   }

   .cart-table__img {
      grid-row: span 2;
   }

   .cart-table__price,
   .cart-table__number {
      justify-self: start;
   }

   .cart-table__total {
      font-size: 16px;
      font-weight: 700;
      justify-self: end;
      align-self: center;
   }

   .cart-table__price,
   .cart-table__delete {
      grid-column: 2;
      grid-row: 2;
   }

   .cart-table__delete {
      justify-self: end;
   }

   .cart-table__price-title {
      display: inline-block;
   }

   .cart-table__number .quantity {
      width: 100%;
      grid-template-rows: 27px;
      grid-template-columns: 16px 34px 16px;
      padding: 0 8px;
   }
   .cart-table__number .quantity input{
      order: 1;
   }
   .cart-table__number .quantity .icon-arrow_Up{
      order: 2;
   }

   .cart-table__number .icon-arrow_Up:before,
   .cart-table__number .icon-arrow_Down:before {
      transform: rotate(90deg);
   }

   header {
      z-index: 110;
   }

   #mob-menu,
   #filter {
      position: fixed;
      top: -100%;
      z-index: 110;
      flex-direction: column;
      overflow-y: auto;
      transition: all 0.5s;
   }

   #filter {
      top: 10px;
      left: -100%;
      height: calc(100vh - 10px);
      width: calc(100vw - 10px);
      max-width: 430px;
      margin-left: 0;
      padding-top: 32px;
      border-radius: 0;
   }

   #mob-menu {
      left: 0;
      width: 100vw;
      max-width: 960px;
      background: #fff;
      max-height: calc(100dvh - 55px);
   }

   #filter.__open {
      left: 0;
   }

   #mob-menu.__open,
   #mob-menu.__open2 {
      top: 55px;
   }

   .header-icons__link:hover {
      border-color: transparent;
   }

   .header-language .dropdown-menu {
      top: inherit;
      bottom: 28px;
      padding-top: 6px;
      padding-bottom: 6px;
      border-radius: 3px;
   }

   .header-language .icon-arrow_Down {
      transform: rotatex(180deg);
   }

   .header-language .open .icon-arrow_Down {
      transform: rotatex(0deg);
   }

   .header-search {
      display: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 160px;
      width: calc(100% - 176px);
      border: 2px solid var(--lilacColor);
      background: #CEDAFF;
      border-radius: 8px;
      padding-left: 16px;
      padding-right: 8px;
      gap: 10px;
      max-width: none;
   }

   .header-search.__open {
      display: flex;
   }

   .header-search .icon-search {
      font-size: 20px;
   }

   .header-search input::-moz-placeholder {
      color: #a3a3a3;
   }

   .header-search input::-webkit-input-placeholder {
      color: #a3a3a3;
   }






   /*--------*/

   .category__grid,
   .in-feedback__grid {
      grid-template-columns: 1fr;
   }

   .statistic-item {
      padding-block: 16px;
   }

   .advantage,
   .container {
      padding-inline: 16px;
   }

   .card-pr__tabs-wrapper,
   .slider-shadow {
      padding-inline: 16px;
      margin-inline: -16px;
   }



   .prices__grid,
   .materials-contacts__grid,
   .in-category__grid {
      gap: 24px;
   }

   .header-top,
   .header-bottom {
      display: none;
   }

   .category-panel .icon-filter {
      display: flex;
   }

   .header-mob {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
   }

   #content {
      padding-top: 56px;
   }

   #body {
      padding-inline: 0;
   }

   .article__content,
   .blog__content {
      padding: 0;
   }
}

@media only screen and (max-width: 853px) {

   .card-pr__grid {
      grid-template-columns: 100%;
   }

   .cart-table-footer {
      font-size: 14px;
      flex-direction: column;
      align-items: flex-start;
   }

   .comparing-table__td .stars-bl__number {
      font-size: 12px;
   }
}

@media only screen and (max-width: 719px) {

   .category-panel__buttons,
   .product-grid-list {
      display: none;
   }

   .article__content {
      display: contents;
   }

   .article__title {
      order: -1;
      margin-bottom: 0;
   }

   .category-panel {
      padding: 12px 8px;
      gap: 8px;
   }

   .select-bl__button {
      font-size: 12px;
      padding: 8px;
      gap: 8px;
      min-width: 100px;
   }

   .select-bl .dropdown-menu li {
      font-size: 12px;
      padding-inline: 8px;
   }

   .footer__container {
      grid-template-columns: repeat(2, 1fr);
   }

   .faq__accordion .panel-body,
   .in-feedback__grid {
      padding-inline: 0;
   }

   .item-reviews {
      width: 94%;
      margin-inline: auto;
   }

   footer {
      padding-inline: 8px;
   }

   .ordering-form,
   .sales__grid,
   .universal__grid,
   .contacts__grid {
      grid-template-columns: 1fr;
   }

   .universal__left-bl{
      position: static;
      top: 0;
   }

   .contacts__description .info-bl {
      display: grid;
      grid-template-columns: 4fr 5fr;
      gap: 8px 16px;
   }

   .case .universal__item-grid {
      padding-inline: 24px;
   }

   .personal-area__grid {
      gap: 0;
   }

   .personal-area__list {
      display: flex;
   }

   .personal-area__list-wrapper {
      max-width: 100vw;
      padding: 16px;
      margin-inline: -16px;
      margin-top: -16px;
      overflow-x: auto;
      scrollbar-width: none;
   }

   .personal-area__list .universal__link {
      padding: 8px 16px;
      font-size: 14px;
   }
}

@media only screen and (max-width: 639px) {
   .cart-table-body__row {
      flex-direction: column;
   }
}

@media only screen and (max-width: 575px) {
   .comparing-slider .swiper-slide {
      width: 198px;
   }

   .compare__button-bl {
      justify-content: space-between;
   }
}

@media only screen and (max-width: 539px) {

   .search-bl__panel {
      grid-template-columns: 100%;
   }

   .feedback__footer,
   .statistic__grid {
      grid-template-columns: 1fr;
   }

   .card-pr__col {
      margin-bottom: 16px;
   }

   .materials-contacts__grid {
      gap: 16px;
   }

   .card-pr__button {
      padding: 8px 16px;
      min-width: 0 !important;
      font-size: 20px;
   }

   .img-left,
   .img-right {
      width: 100%;
      margin-bottom: 16px;
   }

   .feedback--product-card .feedback__button {
      text-align: center;
   }
}

@media only screen and (max-width:479px) {

   .cart-table {
      box-shadow: none;
      border-radius: 0;
      background: none;
      padding: 0;
   }

   .cart-table__grid,
   .cart-table-body {
      background: #fff;
      border-radius: 12px;
      box-shadow: var(--boxShadow);
      padding: 16px 8px;
   }

   .cart-table-body {
      padding: 16px;
   }

   .personal-area__item .title-h3{
      font-size: 16px;
   }

   .password-forget .description,
   .ordering-item .description,
   .pa-table__td {
      font-size: 14px;
   }

   .pa-textarea__icon {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }

   .article__panel {
      padding: 8px;
   }

   .universal__list {
      gap: 8px;
   }

   .universal__link {
      padding: 12px;
   }

   .feedback--product-card .input-container input {
      min-width: 0;
   }

   .footer__container {
      grid-template-columns: 1fr;
   }

   .footer__col:first-child {
      order: -1;
   }

   .footer__title+.footer-menu__list,
   .footer__title+.footer-menu__content {
      display: none;
   }

   .footer__button {
      display: flex;
      margin-inline: auto;
   }

   .footer-menu__list li:not(:last-child) {
      margin-bottom: 8px;
   }

   .footer__title,
   .footer-social {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .footer__title .icon {
      display: block;
      font-size: 10px;
   }

   .footer__title.open .icon {
      transform: rotate(180deg);
   }

   .footer__col:last-child {
      display: grid;
      gap: 16px;
   }

   .footer-social {
      order: 2;
   }

   .footer-copy {
      padding-top: 0;
   }

   .advantage-item {
      padding: 16px;
      gap: 8px;
   }

   .sales__grid {
      padding: 0;
   }

   .personal-area__button {
      margin-inline: auto;
   }

   .search-bl__button-bl,
   .ordering-form__button-bl {
      text-align: center;
   }

   .search-bl__button-bl .button {
      width: 100%;
      max-width: 296px;
   }
}

@media only screen and (max-width:429px) {
   .error404__button {
      font-size: 18px;
      padding: 10px;
   }

   .prices__wrapper {
      padding-inline: 24px;
      gap: 32px;
   }

   .item-price {
      flex-direction: row;
      align-items: center;
      padding-top: 8px;
   }

   .item-price__img {
      flex: 0 0 90px;
      height: 90px;
   }

   .item-price__name {
      text-align: left;
   }
}

@media only screen and (max-width:440px) {

   .select-bl__button {
      min-width: 250px !important;
   }
   .category-panel {
      justify-content: flex-end;
   }
   .category-panel .icon-filter {
      margin-right: auto;
   }
}

@media only screen and (max-width:389px) {

   .case .universal__item-grid,
   .universal__item-grid {
      grid-template-columns: 1fr;
   }

   .category-panel .icon-filter {
      margin-right: auto;
   }

   .category-panel {
      justify-content: flex-end;
   }

   .select-bl__button {
      min-width: 250px;
   }

   .pr-desc__price {
      font-size: 28px;
   }

   .card-pr__button {
      font-size: 18px;
   }

   .item-sertificate__name {
      font-size: 14px;
   }

   .button {
      min-width: 260px;
   }

   .contacts__description .info-bl {
      grid-template-columns: 1fr;
   }

   .cart-table-item {
      font-size: 14px;
   }

   .promocod__row {
      flex-direction: column;
      gap: 0;
   }
}

@media only screen and (max-width:359px) {

   .advantage,
   .container {
      padding-inline: 7px;
   }

   .personal-area__list-wrapper,
   .card-pr__tabs-wrapper,
   .slider-shadow {
      padding-inline: 7px;
      margin-inline: -7px;
   }

   .ordering-item .block-boxshadow,
   .case .universal__item-grid,
   .blog__content .universal__item-grid {
      padding-inline: 16px;
   }

   .header-search {
      right: 151px;
      width: calc(100% - 158px);
   }
}

/*min-width*/
@media only screen and (min-width: 1200px) {
   .container {
      width: 100%;
   }
}

@media only screen and (min-width: 960px) {
   #mob-menu,
   #filter .icon-close {
      display: none;
   }

   .personal-area .cart-table__grid {
      display: block;
   }

   .personal-area .cart-table-head,
   .personal-area .cart-table-item {
      display: grid;
      grid-template-columns: auto 1fr repeat(1, minmax(0, 160px));
      gap: 8px;
      margin-bottom: 0;
      position: relative;
   }

   .personal-area .cart-table__number .quantity {
      width: 100%;
      grid-template-rows: 27px;
      grid-template-columns: 16px 34px 16px;
      padding: 0 8px;
   }

   .personal-area .cart-table__number .icon-arrow_Up:before,
   .personal-area .cart-table__number .icon-arrow_Down:before {
      transform: rotate(-90deg);
   }

   .personal-area .cart-table__total {
      grid-column: span 2;
      font-size: 16px;
      font-weight: 700;
      justify-self: end;
      align-self: center;
   }

   .personal-area .cart-table__delete {
      position: absolute;
      right: 0;
      bottom: 50px;
   }

   .personal-area .cart-table__delete .icon-shopper,
   .personal-area .cart-table__delete .icon-delete {
      font-size: 22px;
      color: var(--mainColor);
      cursor: pointer;
   }
}

@media only screen and (min-width: 540px) {
   .search-bl .products-grid {
      gap: 24px;
   }
}

/*min-max-width*/
@media (min-width: 390px) and (max-width: 540px) {

   .sertificates__grid,
   .products-grid,
   .subcategory__grid {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 16px;
   }

   .sertificates__grid .item-sertificate__img,
   .products-grid .product__img,
   .item-subcategory__img {
      height: clamp(8.625rem, -5.35rem + 57.33vw, 14rem);
   }
}