/*
 * Theme Name: Start-Site 2.5
 * Description: Ultra-minimal WordPress starter theme. Optimized for converting html-layouts to websites. Also is a good start for SPA, creating unique projects.
 * Theme URI:   https://start-site.by
 * Author:      ULADZIMIR KONOVALOVE
 * Author URI:  https://start-site.by
*/

div#customer_login {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.u-column1, .u-column2 {
    width: 30%;
}

.woocommerce .woocommerce-result-count {

    margin: 0px 10px 1em;
}
.category_home_ss {
	padding: 0px 0px 100px 0px;
}
section.related.products {
    clear: both;
}
/* Подключаем шрифт Jost с разными начертаниями */
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost-Light.woff2') format('woff2'),
       url('fonts/Jost-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost-Regular.woff2') format('woff2'),
       url('fonts/Jost-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost-Medium.woff2') format('woff2'),
       url('fonts/Jost-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost-Bold.woff2') format('woff2'),
       url('fonts/Jost-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Устанавливаем шрифт для body и делаем strong полужирным (600) */

strong {
  font-weight: 600;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    margin: -1px !important;
    border: 0px solid;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
}
div#reviews {
    display: none;
}
/*product*/
a.reset_variations {
    color: #303030;
}
.single-product div.product form.cart div.quantity {
    display: none !important;
}
button.single_add_to_cart_button.button.alt {
    width: 100%;
    background: #444444;
    padding: 18px 0px;
    font-weight: 300;
    font-size: 20px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
    background-color: #1e1e1e;
    color: #fff;
}
.woocommerce-product-gallery__wrapper {
    display: flex;
    flex-wrap: wrap;
    /* при желании можно добавить отступы */
    /* gap: 10px; */
}

.woocommerce-product-gallery__wrapper > div {
    box-sizing: border-box;
}

/* Первая миниатюра на всю ширину */
.woocommerce-product-gallery__wrapper > div:first-child {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Остальные изображения — по 50% */
.woocommerce-product-gallery__wrapper > div:nth-child(n+2) {
    flex: 0 0 50%;
    max-width: 50%;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover {
    background: #717171;
}
.single-product #primary {
    width: 100%;
}
nav.woocommerce-breadcrumb a {
    text-decoration: none;
}

h1.product_title.entry-title {
    font-size: 35px;
    margin-bottom: 50px;
}


.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 46%;
}

.single span.woocommerce-Price-amount.amount bdi {font-size: 30px;color: #202020;}

span.woocommerce-Price-amount.amount {
    margin-top: 40px;
}

.woocommerce-product-details__short-description {
    margin-bottom: 40px; font-size: 22px;
}

.single-product .summary.entry-summary h2 {
    font-size: 22px;
}



body {
  font-family: Jost, sans-serif;
}
.wc-block-components-checkout-place-order-button__text {
    font-family: jost;
}


.wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout .wc-block-components-main {
    box-sizing: border-box;
    margin: 0;
    padding-right: 0px;
    padding: 20px;
    width: 60%;
    background: #f5f5f5;
    border-radius: 20px;
}

.wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar {
    box-sizing: border-box;
    margin-top: 0px;
    width: 35%;
    height: auto;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 20px;
}
 button.single_add_to_cart_button.button.alt {
    font-family: "jost";
}
 .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    gap: 20px;
    align-items: flex-start;
}

.wp-block-woocommerce-cart.alignwide a.wc-block-components-product-name {
    text-decoration: none;
    color: #202020;
}
 

.wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout {
display: flex;
    justify-content: center !important;
    align-items: flex-start;
    gap: 20px;
    flex-direction: row;
}



 
/* Контейнер */
.container {
  max-width: 1530px;
  margin: 0 auto;
  display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

/* Логотип */
.header-logo img {
  display: block; /* убирает отступы у img */
}

/* Обёртка навигации */
.header-nav {
  display: flex; 
  align-items: center;
}

/* Кнопка переключения мобильного меню (если нужна) */
.menu-toggle {
  display: none; /* по умолчанию скрыта, если не нужна на десктопе */
  /* при желании стилизуйте её для мобильной версии */
}

/* Селектор, под который попадает ваш список из wp_nav_menu */
#primary-menu ul {
  list-style: none;
  display: flex;
  gap: 30px;
  margin: 0;
  padding: 0;
}
.container.head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px auto;
	    align-items: center;
}
#primary-menu li a {
  text-decoration: none;
  color: #202020;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  padding: 10px 0;
}

/* Иконки */
.header-icons {
  display: flex;
  gap: 20px;
	position:relative;
}
.wrapper-cart-count {
    color: #303030;
    position: absolute;
    right: -4px;
    bottom: 13px;
    background-color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat-SemiBold";
    font-size: 12px;
    border: 1px solid;
}
.header-icons a img {
  width: 24px; /* задайте нужный размер иконок */
  height: auto;
}


/**/

.container.cont_slide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    max-width: 1380px;
	gap:20px;
}

.container.cont_slide h2 {
    font-family: 'Jost';
    font-style: 300;
    font-weight: 400;
    font-size: 50px;
    color: #FFFFFF;
}

a.btn {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 25px;
    padding-bottom: 25px;
    background: white;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    color: #202020;
    font-size: 25px;
	text-decoration:none;
}


p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide input {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    background: #fafafa;
    box-sizing: border-box;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    background: #222222;
    box-sizing: border-box;
    color: #fff;
}

.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 1530px;
    justify-content: flex-start;
}

.products-grid .product, ul.products.columns-4 .product {
    width: 244.19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.products-grid .product img, ul.products.columns-4 .product img {
    width: 244.17px;
    height: 434.09px;
    object-fit: cover;
}

.product-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.product-title {
    font-size: 15px;
    font-family: Jost, sans-serif;
    font-weight: 400;
    color: black;
    max-width: 241px;
    word-wrap: break-word;
}

.product-price {
    font-size: 15px;
    font-family: Jost, sans-serif;
    font-weight: 400;
    color: #202020;
}

.shop-container {
    max-width: 1530px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.product-title a {
    color: black;
    text-decoration: none;
}





/*ховер*/

.product {
    position: relative;
    overflow: hidden;
}

.product-hover-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 58px;
    background: rgba(255, 255, 255, 0.9);
    opacity:0;
    z-index: 10;
    padding: 10px 15px;
	transition:all 0.3s;
}

.products-grid .product:hover .product-hover-overlay, ul.products.columns-4 .product:hover .product-hover-overlay {
/*     display: block;  */
	  opacity:1; transition:all 0.3s;}

.product-hover-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-sizes {
    font-size: 13.76px;
    font-family: 'Jost', sans-serif;
    color: #000;
}

.product-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.product-actions button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.owne {
    position: relative;
}

a.added_to_cart.wc-forward {
    display: none;
}
.tinv-header {
    display: none;
}
.container.pages {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-direction: column;
    margin-top: 40px;
	
    padding-bottom: 50px;
}
table.tinvwl-table-manage-list a {
    color: #202020;
}

tr.wishlist_item:nth-child(2n+1) {
    background: #f1f1f1;
}

.tinv-wishlist .product-action button {
    width: 185px !important;
    font-family: 'Jost' !important;
}
.wc-block-components-sidebar-layout {
    display: flex;
    justify-content: center !important;
}
.wc-block-components-product-metadata__description {
    display: none;
}
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main, .wp-block-woocommerce-checkout .wc-block-components-sidebar  {
    width: 40% !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    background: #f7f7f7d1;
}

.wc-block-components-order-summary.is-large {
    padding: 0 50px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    width: 69px !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    max-width: 67px !important;
    width: 67px!important;
    border-radius: 10px;
    object-fit: cover;
    height: 90px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding-bottom: 5px;
    padding-left: 24px;
    padding-right: 12px;
    padding-top: 10px;
    padding: 0px 0px 0px 20px;
    height: auto;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    align-items: center;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
    font-size: 17px;
    color: #202020;
}


.collection_head{
	text-align: center;
	font-family: Jost, sans-serif;
	font-weight: 400;
	line-height: 100%;
	font-size: 35px;
    margin: 40px 0px;
}

.products_head{
	padding-top: 4rem;
	padding-bottom: 4rem;
	display: block;
}
/**/

/* Контейнер обёртка */
.featured-container {
  display: flex; /* Включаем флекс, чтобы левый и правый блоки шли в строку */
  width: 100%;   /* Ширину берём из родительского контейнера */
	
}

/* Большой левый блок */
.left_side {
  flex: 0 0 50%;               /* Занимает 50% места по ширине */
  background-size: cover;       /* Размер фона */
  background-position: center;  /* Центровка фона */
  background-repeat: no-repeat; /* Отключаем повтор */
  position: relative;           /* Чтобы можно было позиционировать ссылку внутри */
	    height: 980px;
}

/* Правая часть, внутри будут два блока (верхний second_and_third, нижний four_and_five) */
.right_side {
  flex: 0 0 50%;  /* Ещё 50% ширины для правой части */
  display: flex;  
  flex-direction: column; /* Блоки идут вертикально друг за другом */
}

/* Каждый из внутренних «рядов» справа (second_and_third, four_and_five) */
.second_and_third,
.four_and_five {
  display: flex; /* Чтобы блоки (featured-item) стояли в ряд */
  flex: 1 1 auto;
}

/* Общие стили для всех featured-item справа */
.second_and_third .featured-item,
.four_and_five .featured-item {
  flex: 1 1 50%;             /* Делим ширину на 2 блока пополам */
  background-size: cover;     /* Растягиваем фон с сохранением пропорций */
  background-position: center;/* Центруем фон */
  background-repeat: no-repeat;
  position: relative;         /* Для позиционирования ссылки внутри */
}

/* Ссылка-кнопка */
.featured-link {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  color: #000;
  text-decoration: none;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  border-radius: 2px;

  /* Чтобы «прикрепить» ссылку к нижнему краю блока (если нужно). */
  position: absolute;
  bottom: 20px;
  left: 20px;
}


.woocommerce-message {
    border-top-color: #606060;
}
.woocommerce-message::before {

    color: #6e6e6e;
}
.sale_block {
    height: 680px;
    background-size: cover;
}

/*меню*/
/* 
   Общий контейнер для меню. 
   На мобильных будет скрыт за левой границей экрана 
   (через transform: translateX(-100%)), 
   при активном состоянии (is-active) выезжает (translateX(0)).
*/
#primary-menu {
  /* По умолчанию для десктопа сделаем отображение flex (или block),
     но сразу скроем его только для мобильных через @media (max-width) */
  display: flex; 
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Пункты меню */
#primary-menu li {
  margin-right: 20px;
}

/* Ссылки в меню */
#primary-menu a {
  text-decoration: none;

  font-weight: 700;
  color: #202020;
  font-size: 14px;
}














/* Навигация личного кабинета */
.woocommerce-MyAccount-navigation {
    display: flex;
    flex-wrap: wrap;
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 20px;
    max-width: 850px;
    margin: 0 auto;
    justify-content: space-around;
}

/* Список элементов навигации */
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Пункты навигации */
.woocommerce-MyAccount-navigation li {
  margin: 0;
}

/* Ссылки в навигации */
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 15px;
  color: #000;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #ccc; /* Серый бордер */
  border-radius: 3px;
  transition: background-color 0.2s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
  background-color: #e0e0e0; /* При ховере чуть темнее */
}

/* Активная вкладка */
.woocommerce-MyAccount-navigation li.is-active a {
  background-color: #ccc; /* Для активного пункта */
}

/* Контент личного кабинета */
.woocommerce-MyAccount-content {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    max-width: 850px;
    margin: 0 auto;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  /* Навигация в колонку */
  .woocommerce-MyAccount-navigation ul {
    flex-direction: column;
  }
  /* Убираем лишние отступы на мобильных */
  .woocommerce-MyAccount-navigation li a {
    width: 100%;
    text-align: center;
  }
}





/* Общая стилизация формы */
.woocommerce-EditAccountForm {
  max-width: 600px;           /* Ограничиваем ширину формы */
  margin: 0 auto;             /* Центрируем */
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Сброс внутренних отступов и обнуление float */
.woocommerce-EditAccountForm .form-row {
  margin: 0;
  padding: 0;
  float: none;
  box-sizing: border-box;
}

/* Для «Имя» и «Фамилия» на одной строке (desktop) */
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
  float: left;      
  width: 48%;
  margin-right: 2%;
}

/* Убираем отступ у последнего элемента */
.woocommerce-EditAccountForm .form-row-last {
  margin-right: 0;
}

/* Для узких экранов (мобильных) делаем поля в столбик */
@media (max-width: 768px) {
  .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-EditAccountForm .form-row-last {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}

/* Стили для поля ввода */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  background: #fafafa;
  box-sizing: border-box;
}

/* Метки полей */
.woocommerce-EditAccountForm label {
  display: block;
  margin-bottom: 5px;
  color: #000;
  font-weight: 600;
}

/* Fieldset (смена пароля) */
.woocommerce-EditAccountForm fieldset {
  border: 1px solid #ccc;
  padding: 10px 15px;
  margin-top: 20px;
  background: #f2f2f2;
}
.woocommerce-EditAccountForm legend {
  font-weight: 600;
  color: #000;
}

/* Кнопка "Сохранить изменения" */
.woocommerce-EditAccountForm button[type="submit"] {
  background-color: #000;    /* Чёрная кнопка */
  color: #fff;               /* Текст белый */
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.woocommerce-EditAccountForm button[type="submit"]:hover {
  background-color: #333;    /* При ховере чуть светлее чёрного */
}

/* Кнопки показа пароля */
.woocommerce-EditAccountForm .show-password-input {
  background: none;
  border: none;
  cursor: pointer;
  color: #666; /* Серый цвет иконки / текста */
  margin-left: 5px;
}




body.wp-singular.page-template-default.page.page-id-22.wp-custom-logo.wp-theme-zero_wp-master.theme-zero_wp-master.woocommerce-cart.woocommerce-page.woocommerce-js.woo-variation-swatches.wvs-behavior-blur.wvs-theme-zero_wp-master.wvs-show-label.wvs-tooltip.tinvwl-theme-style .wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns {
    display: none;
}










/* Кнопка (гамбургер) 
   По умолчанию скрываем, на мобильных покажем в @media 
*/
.menu-toggle {
  display: none;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 8px 12px;
}

/* ==================== */
/*  Адаптивная часть    */
/* ==================== */
@media (max-width: 768px) {
	.container, .shop-container {
    padding: 0px 20px;
}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
}
.archive .products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
/*     max-width: 1270px; */
    justify-content: center;
}
	.shopsky {
       flex-direction: column;
}
  /* Показываем кнопку на мобильных */
  .menu-toggle {
    display: inline-block;
  }

  /* Делаем меню фиксированным, за экраном слева */
  #primary-menu {
    display: block; /* или flex, если хотите расположить элементы вертикально/горизонтально */
    position: fixed;
    top: 0;
    left: 0;
    width: 70%; /* ширину на ваше усмотрение */
    height: 100%;
    background: #fff;
    transform: translateX(-100%); /* сдвинуто за левый край */
    transition: transform 0.3s ease;
    z-index: 9999; /* чтобы было поверх контента */
    padding: 20px; /* отступы внутри */
  }

  /* Теперь пункты меню в столбик */
  #primary-menu ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  /* Когда меню активно (is-active), выезжает на экран */
  #primary-menu.is-active {
    transform: translateX(0);
  }
}

/* На экранах больше 768px меню видно всегда, 
   а кнопку скрываем (десктопное отображение).
*/
@media (min-width: 769px) {
  .menu-toggle {
    display: none;
  }

  #primary-menu {
    position: static;
    transform: none;
    background: transparent;
    height: auto;
  }

  /* Горизонтальное меню */
  #primary-menu ul {
    display: flex;
    flex-direction: row;
  }
}






/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
  .featured-container {
    display: block; /* Меняем на блочное, чтобы всё шло вертикально */

  }

  .left_side,
  .right_side {
    width: 100% !important; /* Растягиваем на всю ширину экрана */
    flex: none;            /* Сбрасываем флекс-ограничения */
	  
  }

  /* Правые блоки теперь тоже складываем в столбец */
  .second_and_third,
  .four_and_five {
    display: block;
  }

  /* Каждый отдельный .featured-item становится на всю ширину */
  .second_and_third .featured-item,
  .four_and_five .featured-item {
    width: 100%;
    flex: none; 
  }
	.featured-item{
		height:500px;
	}
  /* При желании можно чуть уменьшить размеры ссылки */
  .featured-link {
    bottom: 10px;
    left: 10px;
    font-size: 16px;
    padding: 8px 16px;
  }
}

	@media (max-width: 539px) {

.products-grid .product img, ul.products.columns-4 .product img {
    height: 334.09px;
    object-fit: cover;
}
.products-grid .product, ul.products.columns-4 .product {
    width: 48%;

}

}


@media (max-width: 337px) {
    .products-grid .product, ul.products.columns-4 .product {
        width: 100%;
    }
}