main {
  width: 100% !important;
}

/*Шаблон h2, div 4*4 */
.azs-block-div-4-4 {
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.azs-block-div-4-4 h2 {
  padding-bottom: 10px;
}

.azs-block-div-4-4 p {
  text-align: justify;
}

.azs-block-div-4-4 > div {
  align-items: stretch;
}

.azs-block-div-4-4 > div > div {
  position: relative;
  border: var(--azs-border);
  border-radius: var(--azs-border-radius);
  box-shadow: var(--azs-box-shadow);
  transition: var(--azs-transition-background);
  background: rgba(255, 255, 255, 1.0) !important;
  padding: 5px 15px 5px 5px;
  cursor: pointer;
}

.azs-block-div-4-4 > div > div:hover {
  box-shadow: var(--azs-box-shadow-hover);
}

.azs-block-div-4-4 > div:nth-child(2) > div:first-child, .azs-block-div-4-4 > div:last-child > div:last-child {
  flex-basis: 50%;
}

.azs-block-div-4-4 > div:nth-child(2) > div:last-child, .azs-block-div-4-4 > div:last-child > div:first-child {
  flex-basis: 50%;
}

.azs-block-div-4-4 > div > div > figure {
  min-width: 180px;
}

.azs-block-div-4-4 > div > div > div:last-child {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

.azs-block-div-4-4 > div > div > div:last-child > div,
.azs-block-div-4-4 > div > div > div:last-child > div > a {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*Слайдер*/
.azs-home-slider {
  width: 1240px !important;
  margin-right: auto;
  margin-left: auto;
  border: var(--azs-border);
  background: rgba(255, 255, 255, 1.0) !important;
  border-radius: var(--azs-border-radius);
  box-shadow: var(--azs-box-shadow);
  transition: var(--azs-transition-background) !important;
}

.azs-home-slider:hover {
  box-shadow: var(--azs-box-shadow-hover);
}

.azs-home-slider-box {
  border: var(--azs-border);
  border-radius: var(--azs-border-radius);
  box-shadow: 0 0 5px rgba(200, 200, 200, 0.5);
  transition: var(--azs-transition-background);
}

.azs-home-slider-box:hover > div {
  box-shadow: 0 0 15px 5px rgba(var(--main-color), 0.7);
}

.azs-slider-col-text:has(h1) {
  width: 530px !important;
}

.azs-home-slider-img img {
  border-radius: 10px !important;
}

.azs-home-slider-r-about, .azs-home-slider-r-about div, .azs-home-slider-r-about h2,
.azs-home-slider-r-prk, .azs-home-slider-r-prk div, .azs-home-slider-r-prk h2,
.azs-home-slider-r-oblad, .azs-home-slider-r-oblad div, .azs-home-slider-r-oblad h2,
.azs-home-slider-r-metal, .azs-home-slider-r-metal div, .azs-home-slider-r-metal h2,
.azs-home-slider-r-farb, .azs-home-slider-r-farb div, .azs-home-slider-r-farb h2,
.azs-home-slider-r-program, .azs-home-slider-r-program div, .azs-home-slider-r-program h2 {
  cursor: pointer !important;
}

.azs-home-slider-button > div > a {
  border: var(--azs-border) !important;
  border-radius: var(--azs-border-radius) !important;
  box-shadow: var(--azs-box-shadow-button) !important;
  background: var(--azs-background-button) !important;
  transition: var(--azs-transition-background) !important;
}

.azs-home-slider-button > div > a:hover {
  background: var(--azs-background-button-hover) !important;
  box-shadow: var(--azs-box-shadow-button-hover) !important;
}

.azs-home-slider-services > div > div > div {
  border: var(--azs-border) !important;
  border-radius: var(--azs-border-radius) !important;
  box-shadow: var(--azs-box-shadow) !important;
  transition: var(--azs-transition-background) !important;
}

.azs-home-slider-services > div > div > div:hover {
  box-shadow: var(--azs-box-shadow-hover) !important;
}

/*Карточки*/
.azs-home-card {
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
  gap: 25px;
}

.azs-home-card {
  margin-top: 15px;
}

.azs-home-card > div {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
  border: var(--azs-border);
  border-radius: var(--azs-border-radius);
  box-shadow: var(--azs-box-shadow);
  background: rgba(255, 255, 255, 1.0) !important;
  cursor: pointer;
  padding: 20px;
  transition: var(--azs-transition-background);
}

.azs-home-card > div:hover {
  box-shadow: var(--azs-box-shadow-hover);
}

.azs-home-card > div:nth-child(1)::before {
  background-image: url('https://slvtch.store/wp-content/uploads/2023/12/product-range.png');
}

.azs-home-card > div:nth-child(2)::before {
  background-image: url('https://slvtch.store/wp-content/uploads/2023/11/customer-support.png');
}

.azs-home-card > div:nth-child(3)::before {
  background-image: url('https://slvtch.store/wp-content/uploads/2023/11/program.png');
}

.azs-home-card > div:nth-child(4)::before {
  background-image: url('https://slvtch.store/wp-content/uploads/2023/12/settings-1.png');
}

.azs-home-card > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.2;
  z-index: 0;
}

.azs-home-card > div > h3 {
  font-weight: bold;
}

.azs-home-card > div > p {
  text-align: justify;
}

.azs-home-card > div > div {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

.azs-home-card > div > div > div,
.azs-home-card > div > div > div > a {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*Популярні товари*/
.azs-home-products {
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.azs-home-products h2 {
  padding-bottom: 10px;
}


.azs-home-products-best-selling > ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.azs-home-products-best-selling > ul > li {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: auto !important;
  padding: 5px;
  position: relative;
  border: var(--azs-border);
    border-radius: var(--azs-border-radius);
    box-shadow: var(--azs-box-shadow);
    background: rgba(255, 255, 255, 1.0) !important;
    transition: var(--azs-transition-background); 
}

.azs-home-products-best-selling > ul > li:hover {
  box-shadow: var(--azs-box-shadow-hover);
}

/*Розпродаж*/
.azs-home-products-best-selling > ul > li > div.wc-block-components-product-image {
  height: 130px !important;
  margin-bottom: clamp(75px, 10vw, 80px) !important;
}

.azs-home-products-best-selling > ul > li > div.wc-block-components-product-image > a > div {
  color: rgba(255, 255, 255, 1.0);
  background: rgba(var(--main-color), 1.0);
  border: none;
}

/*Зображення*/
.azs-home-products-best-selling > ul > li > div.wc-block-components-product-image > a > img {
  height: 130px !important;
  width: 100% !important;
  object-fit: contain !important;
}

/*Назва*/
.azs-home-products-best-selling > ul > li > h5.wp-block-post-title {
  line-height: 1.2;
  position: absolute;
  top: 147px;
  left: 5px;
  right: 5px;
  margin-bottom: 0 !important;
}

.azs-home-products-best-selling > ul > li > h5.wp-block-post-title > a {
    display: -webkit-box;
  font-size: clamp(17px, 2vw, 20px) !important;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.azs-home-products-best-selling > ul > li > h5.wp-block-post-title > a:hover {
  color: rgba(var(--main-color), 1.0);
}

/*Короткий опис*/
.azs-home-products-best-selling > ul > li > div.wp-block-post-excerpt {
  height: clamp(65px, 12vw, 70px);
  margin-bottom: 0px !important;
}

.azs-home-products-best-selling > ul > li > div.wp-block-post-excerpt > p {
  text-align: left;
  font-size: clamp(14px, 2vw, 15px) !important;
    line-height: 1.2 !important;  
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4; /* Ограничение количества строк */
    -webkit-box-orient: vertical;
}

/*Рейтинг*/
.azs-home-products-best-selling > ul > li:not(:has(div.wc-block-components-product-rating)) > div.wp-block-post-excerpt {
  margin-bottom: 31px !important;
}

.azs-home-products-best-selling > ul > li > div.wc-block-components-product-rating {
  height: clamp(17px, 3vw, 26px);
  font-size: clamp(14px, 2vw, 16px) !important;
  margin-bottom: 0 !important;
}

.azs-home-products-best-selling > ul > li > div.wc-block-components-product-rating > div {
  color: rgba(var(--main-color), 1.0) !important;
}

/*Ціна*/
.azs-home-products-best-selling > ul > li > div.wp-block-woocommerce-product-price {
  height: clamp(45px, 6vw, 55px);
  margin-bottom: 0 !important;
}

.azs-home-products-best-selling > ul > li div.wp-block-woocommerce-product-price > div {
  display: flex;
  flex-direction: column;
    align-items: flex-start;
}

.azs-home-products-best-selling > ul > li div.wp-block-woocommerce-product-price > div > span {
  font-size: clamp(17px, 2vw, 20px);
}

.azs-home-products-best-selling > ul > li div.wp-block-woocommerce-product-price > div > ins > span {
  color: red;
  font-size: clamp(17px, 2vw, 20px);
}

.azs-home-products-best-selling > ul > li div.wp-block-woocommerce-product-price > div > del > span {
  font-size: clamp(14px, 2vw, 15px);
}

/*Кнопки*/
.azs-home-products-best-selling > ul > li > div.wp-block-button {
  flex: 1;
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > a,
.azs-home-products-best-selling > ul > li > div.wp-block-button > button {
  text-align: center;
  height: 30px !important;
  width: 100%;
  margin-top: auto !important;
  margin-bottom: auto !important;
  border: none;
  border-radius: 50px;
  background: rgba(var(--main-color), 1.0);
  box-shadow: inset 0 0 0 2px rgba(var(--main-color), 1);
  transition: var(--azs-transition-background);
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > a:hover,
.azs-home-products-best-selling > ul > li > div.wp-block-button > button:hover {
  color: rgba(255, 255, 255, 1.0) !important;
  background: rgba(var(--main-color), 0.8);
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > button > span {
  font-size: clamp(14px, 2vw, 15px) !important;
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > span {
  text-align: center;
  height: 30px !important;
  width: 100%;
  border-radius: 50px;
  background: rgba(var(--azs-color-button-s), 1);
  box-shadow: inset 0 0 0 2px rgba(var(--azs-color-button-s), 1);
  transition: var(--azs-transition-background);
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > span:hover {
  background: rgba(var(--azs-color-button-s-hover), 1);
}

.azs-home-products-best-selling > ul > li > div.wp-block-button > span > a {
  color: rgba(var(--azs-color-button-s-text), 1.0) !important;
  padding: 0 !important;
  margin-top: 4px !important;
  text-decoration: none !important;
}

/*Паливороздовальні колонки*/

/*Продукція для АЗС*/

/*Послуги*/

/*Лідери обирають нас*/
.azs-home-partners h2 {
  padding-bottom: 10px;
}

.azs-home-partners > div {
  border: var(--azs-border);
  box-shadow: var(--azs-box-shadow);
  transition: var(--azs-transition-background);
}

.azs-home-partners > div:hover {
  box-shadow: var(--azs-box-shadow-hover);
}

.azs-home-partners > div > div > div {
  animation: none !important;
}

.azs-home-partners img {
  object-fit: contain !important;
}

/*СЕО текст*/
.azs-seo-text {
  width: 1240px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.azs-seo-text > div.azs-text-hidden {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.azs-seo-text > div.azs-text-show {
  display: block;
}
    

.azs-seo-text figure {
  text-align: center;
  border-radius: var(--azs-border-radius);
}

.azs-seo-text img {
  border-radius: var(--azs-border-radius);
}

.azs-seo-text-show > a {
  padding: 10px 15px;
  border: none;
  border-radius: 15px;
  background: rgba(var(--main-color), 1);
  box-shadow: inset 0 0 0 2px rgba(var(--main-color), 1);
  transition: var(--azs-transition-background);
}

.azs-seo-text-show > a:hover {
  background: rgba(var(--main-color), .8);
}
    

/******************************/
@media (max-width: 1300px) {
  .azs-block-div-4-4, .azs-home-slider, .azs-home-card, .azs-home-products, .azs-seo-text {
    width: 1000px !important;
  }
}

/*******************************/
@media (max-width: 1080px) {
  .azs-block-div-4-4, .azs-home-slider, .azs-home-card, .azs-home-products, .azs-seo-text {
    width: 100% !important;
  }

  main > div > div:first-child {
    width: 100% !important;
  }

  /*Шаблон h2, div 4*4 */
  .azs-block-div-4-4 > div {
    flex-direction: column;
  }

  .azs-block-div-4-4 > div figure {
    min-width: fit-content !important;
  }

  .azs-block-div-4-4 > div img {
    width: clamp(80px, 18vw, 180px) !important;
    height: clamp(80px, 18vw, 180px) !important;
  }

  /*Слайдер*/
  .azs-home-slider-img img {
    width: 200px !important;
    height: auto !important;
  }

  .azs-slider-col-text {
    flex: 1 !important;
  }

  .azs-slider-col-image {
    max-width: 210px !important;
  }

  .azs-slider-first-image {
    width: auto !important;
    max-width: none !important;
  }

  .azs-slider-col-image > div > div {
    height: auto !important;
  }

  /*Карточки*/
  .azs-home-card {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }

  /*Популярні товари*/
  .azs-home-products-best-selling > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/*******************************/
@media (max-width: 900px) {
  /*Слайдер*/
  .azs-slider-content > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .azs-slider-col-image {
    display: flex !important;
  }
}

@media (max-width: 780px) {
  /*Популярні товари*/
  .azs-home-products-best-selling > ul {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 630px) {
  /*Слайдер*/
  .azs-home-slider-box > div > div {
    flex-wrap: nowrap !important;
    flex-direction: column;
  }

  .azs-slider-col-image {
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: 150px;
  }

  .azs-slider-col-text:has(h1) {
    width: auto !important;
  }

  .azs-slider-first-image {
    width: 90% !important;
  }

  .azs-slider-first-image > div {
    background-position: 50% 50%, 50% 0% !important;
  }
}

@media (max-width: 600px) {
  /*Популярні товари*/
  .azs-home-products-best-selling > ul > li > div:last-child > span > a {
    margin-top: 7px !important;
  }
}

@media (max-width: 480px) {
  /*Карточки*/
  .azs-home-card {
    grid-template-columns: repeat(1, 1fr);
  }

  /*Популярні товари*/
  .azs-home-products-best-selling > ul {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}