.single-product .site-main {
   grid-template-areas:
      'breadcrumbs'
      'main';
   align-content: start;
}

.single-product .product.type-product {
   grid-area: main;
}

.woocommerce .custom-breadcrumb {
   grid-area: breadcrumbs;
   position: relative;
   border-bottom: solid 1px var(--red-main);
   border-image: linear-gradient(to right, color-mix(in srgb, var(--red-main), transparent 60%), transparent) 1;
   width: 100%;
   padding: 5px 0 5px 28px;
}

.woocommerce .custom-breadcrumb:before {
   content: '';
   background-image: url("data:image/svg+xml,%0A%3Csvg enable-background='new 0 0 52 52' height='20' viewBox='0 0 52 52' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233a3a3a'%3E%3Cpath d='m8.4 42c-.6 0-1-.4-1-1v-30.1c0-.6.4-1 1-1h8.1c.4 0 .9.2 1.2.5l11.6 14.6c.4.5.4 1.3 0 1.9l-11.7 14.6c-.3.4-.8.6-1.3.6z'/%3E%3Cpath d='m44.3 25-11.7-14.5c-.5-.6-1.4-.8-2.1-.2l-2.3 1.9c-.7.5-.8 1.5-.2 2.1l9.5 11.7-9.5 11.8c-.5.6-.4 1.6.2 2.1l2.3 1.9c.7.5 1.5.4 2.1-.2l11.7-14.6c.4-.8.4-1.5 0-2z'/%3E%3C/g%3E%3C/svg%3E");
   background-position: center left;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
   display: grid;
   width: 22px;
   opacity: 0.8;
}

.woocommerce .custom-breadcrumb a {
   color: var(--blue-main);
}

.woocommerce .custom-breadcrumb a:hover {
   color: var(--red-main);
}

.woocommerce .custom-breadcrumb .separator {
   color: #ccc;
}

.woocommerce .custom-breadcrumb .separator:has(+ .breadcrumb-item:last-child) {
   display: none;
}

.woocommerce .custom-breadcrumb .breadcrumb-item:last-child {
   display: none;
}

.tax-product_cat #maincontent, 
.woocommerce-shop #maincontent {
   padding: 0 15px;
}

.site-main {
   max-width: var(--contentWProduct);
   margin: auto;
   padding: 20px 15px 0 15px;
}

.product_title {
   font-size: clamp(1.3rem, 1.7vw, 2.1rem);
   line-height: normal;
}

.product.type-product {
   display: grid;
   grid-template-areas:
      'main-info images'
      'bottom bottom';
   grid-template-columns: 60% 40%;
   row-gap: 20px;
   margin-top: 25px;
}
body.woocommerce div.product.type-product div.images {
   grid-area: images;
   width: 100%;
   float: none;
   max-width: 320px;
   margin: auto;
}
body.woocommerce div.product.type-product div.summary {
   grid-area: main-info;
   display: grid;
   grid-template-areas:
      'product-page-title'
      'product-page-customDataMeta'
      'product-page-price'
      'product-page-stock'
      'product-page-qtyAdd'
      'product-page-meta';
   align-content: start;
   gap: 15px;
   width: 100%;
   float: none;
   padding: 30px;
   border-radius: 8px;
   background-image: url(../images/2.png);
}

body.woocommerce div.summary .product_title {
   grid-area: product-page-title;
}
body.woocommerce div.summary .price {
   grid-area: product-page-price;
}
body.woocommerce div.summary .stock {
   grid-area: product-page-stock;
}
body.woocommerce div.summary .cart {
   grid-area: product-page-qtyAdd;
}
body.woocommerce div.summary .product_meta {
   grid-area: product-page-meta;
}
body.woocommerce div.summary .product-warranty {
   grid-area: product-page-customDataMeta;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
   margin: 0;
}

body.woocommerce div.product.type-product div.summary .entry-title {
   opacity: 1;
}

body.woocommerce div.product.type-product div.summary .price .woocommerce-Price-amount {
   display: inline-block;
}

body.woocommerce div.product.type-product div.summary .price bdi {
   color: var(--blue-main);
   font-weight: bold;
   font-size: 1.8rem;
}

body.woocommerce div.product.type-product div.summary .price .out-of-stock-change-price bdi {
   color: #ccc;
}

.woocommerce div.product .on-backorder,
.woocommerce div.product .out-of-stock,
.woocommerce div.product .in-stock {
    color: var(--text);
}

.on-backorder ~ form.cart,
ul.products .product-type-simple:has(.on-backorder) form.cart {
   pointer-events: none;
   filter: grayscale(1);
}

.woocommerce div.product p.stock {
   font-size: 1.2rem;
}

.woocommerce div.product p.stock:first-letter {
   opacity: 0.7;
}

.woocommerce div.product form.cart {
   display: grid;
   grid-template-rows: 1fr;
   grid-template-columns: auto auto;
   justify-content: left;
   align-items: center;
   margin: 0;
}

.woocommerce div.product form.cart:before {
   content: none;
}

.woocommerce-tabs {
   grid-area: bottom;
   display: grid;
   transition: all 0.25s ease-out;
}

.woocommerce-Tabs-panel--video_tab {
   display: grid;
    gap: 40px;
}

@media (max-width: 768px) {
   .woocommerce-tabs {
      grid-template-columns: 1fr;
   }
   .woocommerce-tabs ul.tabs {
      /* display: flex; */
      /* flex-direction: column; */
      /* margin-right: 10px; */
   }
   .woocommerce-tabs ul.tabs li {
      /* width: 98%; */
   }
}
@media (min-width: 769px) {
   .woocommerce-tabs {
      grid-template-columns: 1fr 324px;
      gap: 25px;
   }
}


.show--product-side .woocommerce-tabs {
   grid-template-columns: 1fr 324px;
}

.woocommerce-Tabs-panel--downloads_tab {
   display: grid;
   gap: 20px;
}

.woocommerce-Tabs-panel--downloads_tab .file-for-load-row__link {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 5px;
   color: var(--blue-main);
   text-decoration: initial;
}

@media (hover: hover) {
   .woocommerce div.product .woocommerce-tabs ul.tabs a[aria-selected='false']:hover {
      color: #fff;
   }
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
   border-bottom: none;
}

@media (min-width: 769px) {
   .woocommerce div.product .woocommerce-tabs ul.tabs {
      position: sticky;
      top: var(--headerH);
      background: #fff;
      transition: all 0.3s ease-in-out;
   }
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
   border-image: linear-gradient(to right, #cfc8d8, transparent) 1;
}


@media (max-width: 560px) {
   body.woocommerce .woocommerce-tabs__wrapper table.shop_attributes tr {
      display: grid;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
   }
   
   body.woocommerce .woocommerce-tabs__wrapper table.shop_attributes tr > td,
   body.woocommerce .woocommerce-tabs__wrapper table.shop_attributes tr > th {
      width: 100%;
      text-align: center;
   }
}

@media (min-width: 561px) {
   .woocommerce .woocommerce-tabs__wrapper .woocommerce-product-attributes-item__label {
      width: 25vw;
      text-align: left;
   }

   .woocommerce .woocommerce-tabs__wrapper .woocommerce-product-attributes-item__value {
      padding: 0 8px;
   }
}

.woocommerce-custom-side {
   display: none;
}

.show--product-side .woocommerce-custom-side {
   display: block;
}

.woocommerce-custom-side__box {
   position: sticky;
   top: calc(var(--headerH) + 5px);
   padding: 20px;
   transition: opacity 0.5s;
   background-image: url(../images/2.png);
   border-radius: 8px;
   opacity: 0;
   visibility: hidden;
   display\: g;
   display: grid;
   gap: 10px;
}
.show--product-side .woocommerce-custom-side__box {
   opacity: 1;
   visibility: visible;
}

@media (max-width: 768px) {
   .product.type-product {
      grid-template-areas:
         'main-info'
         'images'
         'bottom';
      grid-template-columns: 1fr;
   }

   /*    .woocommerce div.product div.images {
      ! display: none;
   } */
}

.woocommerce-custom-side__content {
   display: grid;
   gap: 10px;
   grid-template-columns: 1fr 1fr;
   grid-template-areas:
      'in-stock in-stock'
      'price price'
      'add-to-cart add-to-cart';
   align-items: center;
}

.woocommerce-custom-side__content .product-stock {
   grid-area: in-stock;
}

.woocommerce-custom-side__content .product-price {
   grid-area: price;
   font-weight: bold;
   font-size: 1.2rem;
}

.woocommerce-custom-side__content .product-price bdi {
   color: var(--blue-main);
}

.woocommerce div.product .woocommerce-custom-side__content form.cart {
   grid-area: add-to-cart;
   display: grid;
   gap: 10px;
   grid-template-columns: auto auto;
   justify-content: center;
}

.woocommerce div.product .woocommerce-custom-side__content #quantity-aside {
   width: 100%;
   text-align: left;
   width: 60px;
}

/* ====================================================== */

.woocommerce-shop #main.site-main,
.tax-product_cat #main.site-main {
   display: grid;
   row-gap: 20px;
   column-gap: 20px;
}

@media (max-width: 1024px) {
      .woocommerce-shop #main.site-main,
      .tax-product_cat #main.site-main {
      grid-template-areas:
         'breadcrumbs'
         'main-title'
         'count'
         'filter-selected-terms'
         'order'
         'filter'
         'notices'
         'main'
         'pagination';
      grid-template-columns: 1fr;
      padding-left: 3px;
      padding-right: 3px;
   }
}

@media (min-width: 1025px) {
      .woocommerce-shop #main.site-main,
      .tax-product_cat #main.site-main {
      grid-template-areas:
         'breadcrumbs   breadcrumbs    breadcrumbs'
         'main-title    main-title     notices'
         'filter        filter-selected-terms          count'
         'filter        main           main'
         '. pagination pagination';
      grid-template-columns: 280px 1fr 300px;
   }
}

.woocommerce-shop .woocommerce-breadcrumb,
.tax-product_cat .woocommerce-breadcrumb {
   grid-area: breadcrumbs;
}

.woocommerce-shop .wpc-custom-selected-terms,
.tax-product_cat .wpc-custom-selected-terms {
   grid-area: filter-selected-terms;
}

.woocommerce-shop .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header {
   grid-area: main-title;
}

.woocommerce-products-header__title {
   font-size: 2.4rem;
}

.woocommerce-shop .woocommerce-notices-wrapper,
.tax-product_cat .woocommerce-notices-wrapper {
   grid-area: notices;
}

.woocommerce-shop .woocommerce-result-count,
.tax-product_cat .woocommerce-result-count {
   grid-area: count;
   display: grid;
   margin-bottom: 0;
}

@media (min-width: 1024px) {
   .woocommerce-shop .woocommerce-result-count,
   .tax-product_cat .woocommerce-result-count {
      text-align: right;
   }
}

.woocommerce-shop .woocommerce-ordering,
.tax-product_cat .woocommerce-ordering {
   grid-area: order;
   margin-bottom: 0;
   display: none;
}

.woocommerce .woocommerce-ordering select {
   padding: 8px 0;
   border-radius: 4px;
   width: 100%;
}

.woocommerce-shop .woocommerce-sidebar-area,
.tax-product_cat .woocommerce-sidebar-area 
{
   position: relative;
   z-index: 1;
   grid-area: filter;
   min-width: 280px;
}

.woocommerce-sidebar-area .filter-title {
   font-size: 1.2rem;
   font-weight: bold;
   margin-bottom: 10px;
   ) 1;
}

.woocommerce-shop .woocommerce-sidebar-sticky-box,
.tax-product_cat .woocommerce-sidebar-sticky-box 
{
   /* position: sticky; */
   /* top: calc(var(--headerH) + 5px); */
   background-color: #ebebeb54;
   padding: 15px;
   border-radius: 4px;
   background-image: url('../images/2.png');
   max-width: 400px;
   margin: auto;
}


.woocommerce-shop .woocommerce-sidebar-sticky-box .filters-container form,
.tax-product_cat .woocommerce-sidebar-sticky-box .filters-container form {
   display: grid;
   gap: 20px;
}


 .wpc-custom-selected-terms ul.wpc-filter-chips-list {
    display: flex;
     flex-wrap: wrap;
     gap: 10px;
}

@media screen and (max-width: 769px) {
   div.wpc-custom-selected-terms:not(.wpc-show-on-mobile) {
      display: block;
   }
}

body ul.wpc-filter-chips-list li.wpc-filter-chip {
   margin: 0;
}

.wpc-edit-filter-set {
   display: none;
}

div.wpc-filters-section:last-child {
   margin-bottom: 0;
}

div.wpc-filter-title {
   font-weight: bold;
}

/* --- woo search results --- */
.search-results #main.site-main {
    grid-template-areas: 'breadcrumbs breadcrumbs breadcrumbs' 'main-title main-title notices' 'filter filter-selected-terms .' 'count main main' '. pagination pagination';
}
.search-results .woocommerce-result-count {
    align-self: start;
    background-color: #ebebeb54;
    padding: 15px;
    border-radius: 4px;
    background-image: url("../images/2.png");
    text-align: left;
    font-size: 1.1rem;
}
.search-results .woocommerce-sidebar-sticky-box {
    display: none;
}

/* --- /woo search results --- */

/* --- woo__categories --- */
.woo__categories .bottom-menu {
   display: grid;
}

.woo__categories .bottom-menu a {
   position: relative;
   display: block;
   color: var(--text);
   padding: 10px;
   padding-block: 0.5rem;
   padding-inline: 1.25rem;
   /* font-weight: bold; */
   outline: none;
   overflow: hidden;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   mask-image: linear-gradient(to right, white 80%, transparent);
   border-bottom: solid 1px var(--red-main);
   border-image: linear-gradient(to right, 
color-mix(in srgb, var(--red-main), transparent 60%), transparent) 1;
} 
.woo__categories .bottom-menu a:hover {
   transform: scale(1.05);
   background-color: hsl(0deg 2% 83% / 60%);
}
 
.woo__categories .bottom-menu a::before {
   content: "";
   position: absolute;
   width: 100px;
   height: 100%;
   background-image: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 30%,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0) 70%
   );
   top: 0;
   left: -100px;
   opacity: 0.6;
}

.woo__categories .bottom-menu a:hover::before {
   animation: shine 1.25s ease-out;
}
 
@keyframes shine {
   0% {
     left: -100px;
   }
 
   60% {
     left: 100%;
   }
 
   to {
     left: 100%;
   }
}
/* --- /woo__categories --- */

/* --- filter --- */
div.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
   background: #fff;
   border-radius: 4px;
   padding: 4px;
}

.wpc-filters-main-wrap li.wpc-term-item a {
   color: var(--text);
}

.widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, 
.widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, 
.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, 
.widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, 
.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, 
.wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, 
.wpc-term-count-0:not(.wpc-has-not-empty-children), 
.wpc-term-count-0:not(.wpc-has-not-empty-children) a, 
body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, 
body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a {
   pointer-events: none;
   display: none;
}

body ul.wpc-filter-chips-list li.wpc-chip-reset-all a {
   border-color: var(--red-main);
}
/* --- /filter --- */

.woocommerce-shop .products,
.tax-product_cat .products {
   grid-area: main;
   display: grid;
   gap: 20px;
}

@media (max-width: 700px) {
      .woocommerce-shop .products,
      .tax-product_cat .products {
      grid-template-columns: repeat(1, 1fr);
      !i;!;!!;!;
   }
}

@media (min-width: 701px) and (max-width: 1224px) {
      .woocommerce-shop .products,
      .tax-product_cat .products {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (min-width: 1225px) {
      .woocommerce-shop .products,
      .tax-product_cat .products {
      grid-template-columns: repeat(3, 1fr);
   }
}

.woocommerce ul.products::before {
   content: none;
}

.woocommerce-page ul.products[class*='columns-'] li.product {
   position: relative;
   float: none;
   margin: 0;
   width: auto;
   display: grid;
   grid-template-rows: 1fr auto auto;
   grid-template-columns: 1fr;
   grid-template-areas:
      'img-title'
      'button';
   transition: box-shadow 0.3s;
   border-radius: 8px;
   border: solid 1px var(--background-color);
   overflow: hidden;
   box-shadow: inset 0px 0px 10px -7px #959595;
}

.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail {
   margin-bottom: 0;
   max-height: 320px;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
   display: grid;
   gap: 15px;
}

.woocommerce ul.products li.product:hover {
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.17);
   z-index: 3;
   background-image: url('../images/2.png');
}

.woocommerce li.product a.woocommerce-loop-product__link {
   grid-area: img-title;
   text-align: center;
   display: grid;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
   padding: 0 10px;
   color: var(--Hn);
}

.woocommerce ul.products li.product .product-stock {
   color: var(--text);
}

.woocommerce ul.products li.product .product-stock:first-letter {
   opacity: 0.7;
}

.woocommerce ul.products li.product .price {
    color: var(--blue-main);
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 0;
}

.woocommerce ul.products li.product .cart {
   grid-area: button;
   margin: 0 10px;
}

.woocommerce .custom-qty-wrapper {
   display: grid;
   gap: 15px;
   grid-template-columns: auto auto;
   align-items: center;
   justify-content: center;
}

/* Стилі для контейнера пагінації WooCommerce */
.woocommerce-pagination {
   grid-area: pagination;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   margin: 20px 0;
}

.woocommerce nav.woocommerce-pagination ul {
   display: flex;
   gap: 8px;
   border: navajowhite;
}
.woocommerce nav.woocommerce-pagination ul li {
   border: none;
}

/* Стилі для окремих елементів пагінації (лінків) */
.woocommerce-pagination ul {
   display: flex;
   list-style: none;
   padding: 0;
   margin: 0;
}

.woocommerce-pagination li {
   margin: 0;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
   display: inline-block;
   padding: 8px 12px;
   color: #333;
   text-decoration: none;
   border-radius: 5px;
   font-size: 14px;
   transition: all 0.3s ease;
   border: solid 1px var(--background-color);
}

/* Ховер ефект для лінків */
.woocommerce-pagination a:hover {
   background-color: #0073aa;
   color: #fff;
}

/* Стиль для поточної сторінки */
.woocommerce nav.woocommerce-pagination ul li span.current {
   background-color: #0073aa;
   color: #fff;
   font-weight: bold;
   pointer-events: none; /* Забороняємо клікання на поточну сторінку */
}

/* Стилі для кнопок "попередня" та "наступна" */
.woocommerce-pagination .prev,
.woocommerce-pagination .next {
   font-weight: bold;
}

/* Виравнювання кнопок "попередня" та "наступна" */
.woocommerce-pagination .prev {
   margin-right: auto;
}

.woocommerce-pagination .next {
   margin-left: auto;
}

/* Адаптивність для малих екранів */
@media (max-width: 600px) {
   .woocommerce-pagination a,
   .woocommerce-pagination span {
      padding: 6px 10px;
      font-size: 12px;
   }

   .woocommerce-pagination {
      gap: 8px;
   }
}
/* --- cart page --- */
.woocommerce-page main .woocommerce {
   display: grid;
   gap: 30px;
   padding: clamp(45px, 5vw, 95px) 0;
   max-width: 1200px;
   width: 100%;
   margin: auto;
}

.woocommerce-checkout.woocommerce-page main .woocommerce {
   padding-top: 0;
}

.woocommerce .woocommerce-error {
   margin: 0;
   padding: 15px 15px 15px 50px;
}
/* --- /cart page --- */

/* --- my account --- */
.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
   content: none;
}

.woocommerce-account main .woocommerce {
   grid-template-areas: 'side main';
   grid-template-columns: 2fr 6fr;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
   grid-area: side;
   width: 100%;
   float: none;
   background: #f8f8f8;
   padding: 15px;
   border-radius: 10px;
}

.woocommerce-MyAccount-navigation ul {
   position: sticky;
   top: calc(var(--headerH) + 10px);
   list-style: none;
   padding: 0;
   margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
   margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
   display: block;
   padding: 10px;
   text-decoration: none;
   color: var(--button-color);
   font-weight: bold;
   background: #fff;
   border-radius: 5px;
   transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-navigation ul li a:hover {
   background: #0073aa;
   color: #fff;
}

/* Основний контент */
.woocommerce-account .woocommerce-MyAccount-content {
   grid-area: main;
   display: grid;
   grid-template-rows: min-content min-content;
   gap: 20px;
   width: 100%;
   float: none;
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button {
   margin-top: 15px;
}

/* Оформлення таблиць (замовлення, адреси) */
.woocommerce-account .woocommerce-Addresses:after,
.woocommerce-account .woocommerce-Addresses:before {
   content: none;
}
.woocommerce-account .woocommerce-Addresses {
   display: grid;
   justify-content: center;
   gap: 20px;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   padding: 20px;
   background: #f8f8f8;
   border-radius: 10px;
   width: 100%;
}

/* Стилі для форми входу та реєстрації */
.woocommerce-form-login,
.woocommerce-form-register {
   max-width: 400px;
   margin: 0 auto;
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Поля вводу */
.woocommerce form .form-row input {
   width: 100%;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 5px;
}

/* Повідомлення WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
   padding: 15px 15px 15px 50px;
   border-radius: 5px;
   margin-bottom: 15px;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
   left: 1rem;
}
main > .woocommerce:has(> form.woocommerce-form-login) {
   /* grid-template-areas: 'main'; */
   grid-template-columns: 1fr 1fr;
   /* justify-content: center; */
   /* text-align: center; */
}

.woocommerce form.woocommerce-form-login {
   width: 100%;
   margin: auto;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 20px;
}

.page-id-111 form.login .form-row {
   display: grid;
   gap: 10px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
   margin: 0;
}

.woocommerce-ResetPassword {
   display: grid;
   gap: 10px;
}

.woocommerce .woocommerce-ResetPassword .form-row {
   margin: auto;
}

/* Медіа-запит для мобільних пристроїв */
@media screen and (max-width: 768px) {
   .woocommerce-MyAccount-navigation {
      width: 100%;
      float: none;
      margin-bottom: 20px;
   }

   .woocommerce-MyAccount-content {
      margin-left: 0;
   }
}

/* --- /my account --- */

/* --- cart page --- */
/* Контейнер кошика */
/* Стилі для таблиці товарів */
.woocommerce-cart-form table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 15px;
}

.woocommerce-cart-form table th,
.woocommerce-cart-form table td {
   padding: 15px;
   border: 1px solid #ddd;
   text-align: center;
}

.woocommerce-cart-form table th {
   background: #f8f8f8;
   font-weight: bold;
}

/* Вирівнювання зображення товару */
.woocommerce-cart-form .product-thumbnail img {
   max-width: 80px;
   height: auto;
}

/* Стилі для кнопок "Оновити кошик" та "Продовжити покупки" */
.woocommerce-cart-form .button,
.woocommerce ul.products li.product .button {
   background: var(--blue-main);
   color: #fff;
   padding: 10px 15px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   text-decoration: none;
   display: inline-block;
   transition: 0.3s ease-in-out;
   text-align: center;
   margin: 0;
}

.woocommerce-cart-form .button:hover,
.woocommerce a.button:hover {
   background: #005b8e;
}

/* Блок підсумку кошика */
.cart-collaterals {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   margin-top: 20px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order {
   background-color: var(--blue-main);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover {
   background-color: var(--blue-d-2);
}

.cart_totals {
   flex: 1;
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Форма купона */
.woocommerce-cart .woocommerce-form-coupon {
   margin-bottom: 20px;
   padding: 15px;
   background: #f8f8f8;
   border-radius: 10px;
}

/* Стилі для поля вводу купона */
.woocommerce-cart .woocommerce-form-coupon input {
   width: 100%;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 5px;
}

/* Кнопка застосування купона */
.woocommerce-cart .woocommerce-form-coupon button {
   margin-top: 10px;
   width: 100%;
}

/* Адаптація для мобільних */
@media screen and (max-width: 768px) {
   .cart-collaterals {
      flex-direction: column;
   }

   .cart_totals {
      width: 100%;
   }

   .woocommerce-account main .woocommerce {
      grid-template-areas:
         'side'
         'main';
      grid-template-columns: 1fr;
   }
}
/* --- /cart page --- */



/* --- custom style for product features --- */
.custom-style-for-product-features table {
   border: 0;
   border-top: 1px dotted rgba(0, 0, 0, .1);
   margin-bottom: 1.618em;
   width: 100% !important;
}
.custom-style-for-product-features td:first-child {
   font-weight: 700;
   padding: 8px;
   border-top: 0;
   margin: 0;
   line-height: 1.5;
   font-weight: 700;
   padding: 9px 12px;
   line-height: 1.5em;
   font-style: normal;
}

.custom-style-for-product-features td {
   font-style: italic;
   padding: 0;
   border-top: 0;
   margin: 0;
   line-height: 1.5
}

.custom-style-for-product-features td p {
   margin: 0;
   padding: 8px 0
}

.custom-style-for-product-features tr:nth-child(even) td,.custom-style-for-product-features tr:nth-child(even) th {
   background: rgba(0,0,0,.025)
}


.custom-style-for-product-features table td {
   padding: 9px 12px;
   vertical-align: middle;
   line-height: 1.5em
}

.custom-style-for-product-features table td small {
   font-weight: 400
}

.custom-style-for-product-features table td del {
   font-weight: 400
}

.custom-style-for-product-features table tbody:first-child tr:first-child td,.custom-style-for-product-features table tbody:first-child tr:first-child th {
   border-top: 0
}

.custom-style-for-product-features table tbody th,.custom-style-for-product-features table tfoot td,.custom-style-for-product-features table tfoot th {
   font-weight: 700;
   border-top: 1px solid rgba(0,0,0,.1)
}
/* --- /custom style for product features --- */