/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                     PRODUCT PAGE                                              ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.woocommerce div.product .product_title { line-height: 1.1; }
.woocommerce div.product p.price { display: inline-block;  }
.woocommerce div.product div.brand-logo { display: block; float: right; width: 100px; margin-left: 30px; }
.woocommerce div.product form.cart::before { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }


/* ВРЕМЕННО
.woocommerce table.shop_attributes th { width: 230px; }

.woocommerce div.product div.images { width: 28%; }

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price  { color: rgb(201, 87, 12); font-size: 24px; font-weight: bold;  }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: rgb(201, 87, 12); font-size: 16px; font-weight: bold;  }

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt { background-color: #108b6e  !important; }

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}
.woocommerce ul.products,
.woocommerce-page ul.products { 
    display: grid;
    grid-auto-columns: max-content;  
    grid-auto-flow: dense; 
    grid-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    width: 100%;  
    margin: 0; padding: 15px; background-color: rgb(247, 247, 247); 
}

.woocommerce div.product div.summary::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.related.products { clear: both; border: 2px solid rgb(209, 209, 209); padding: 20px; margin-bottom: 30px;  }
 */

 

.layout-shop {}
.woocommerce div.product { margin-bottom: 0; position: relative; }
.woocommerce div.product div.images.woocommerce-product-gallery { position: relative; }

.woocommerce div.product div.images,
.woocommerce div.product div.summary { margin-bottom: 40px; }

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images { float: left; width: 400px; }
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary { float: right; width: calc(100% - 560px); clear: none; }

.woocommerce #content div.product .woocommerce-tabs, 
.woocommerce div.product .woocommerce-tabs, 
.woocommerce-page #content div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs { clear: both; }

/* TABS */
.woocommerce div.product .woocommerce-tabs ul.tabs { 
  --prodtabs-bg: #e0e6ec;
  --prodtabs-bg-active:  white;
  --prodtabs-radius: 2px; 
  --prodtab-text: black;
  --prodtab-text-active: var(--blue);
  --prodtab-border-width: 2px;
  --prodtab-border: #e0e6ec;
  --prodtab-border-active: var(--blue);
  list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; 
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { 
  position: absolute; content:''; width: 100%; bottom: 0; left: 0; 
  border-bottom: var(--prodtab-border-width) solid var(--prodtab-border); z-index: 1; 
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: var(--prodtab-border-width) solid var(--prodtab-border);
  border-bottom-color: rgb(207, 200, 216);
  background-color: var(--prodtabs-bg);
  color: var(--prodtab-text);
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: var(--prodtabs-radius) var(--prodtabs-radius) 0 0;
  margin: 0 -5px;
  padding: 0 0px;
  transition:all 0.2s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  color: var(--prodtab-text-active);
  background: var(--prodtabs-bg-active); 
  border-bottom-color: var(--prodtabs-bg-active);
  border-top-color: var(--blue);  
  z-index: 2;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: 1px solid var(--prodtab-border);
  border-top-width: var(--prodtab-border-width); border-right-width: var(--prodtab-border-width); border-bottom-width: var(--prodtab-border-width); border-left-width: var(--prodtab-border-width);
  position: absolute; bottom: calc(var(--prodtab-border-width) * -1); width: 5px; height: 5px; content:'';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { left: -5px; border-bottom-right-radius: var(--prodtabs-radius); border-width: 0 var(--prodtab-border-width) var(--prodtab-border-width) 0; box-shadow: 2px 2px 0 var(--prodtabs-bg); }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { right: -5px; border-bottom-left-radius: var(--prodtabs-radius); border-width: 0 0 var(--prodtab-border-width) var(--prodtab-border-width); box-shadow: -2px 2px 0 var(--prodtabs-bg); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: 2px 2px 0 var(--prodtabs-bg-active); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow: -2px 2px 0 var(--prodtabs-bg-active); }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active { color: var(--prodtab-text-active); }
.woocommerce div.product .woocommerce-tabs ul.tabs li { color: var(--prodtab-text-active); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 12px 30px; font-weight: 700; color: var(--prodtab-text); text-decoration: none; }

/* Stock status */
.woocommerce div.product div.summary .product_title::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }

.woocommerce div.product div.summary .price { font-size: 20px; font-weight: 500; }
.woocommerce div.product div.summary .price del { text-decoration: line-through; opacity: 0.5; }
.woocommerce div.product div.summary .price ins { text-decoration: none; color: var(--red-dark); }

.woocommerce div.product div.summary .stock { text-transform: uppercase; display: block; width: auto; float: right; border: 1px solid transparent; font-size: 11px; font-weight: 500; padding: 5px 11px; border-radius: 4px; }
.woocommerce div.product div.summary .in-stock { background-color: #D7F8E4; color: var(--green-dark); }
.woocommerce div.product div.summary .in-stock::before { content: '✔ '; }
.woocommerce div.product div.summary .out-of-stock { background-color: #FFEBD2; color: var(--red-dark); }
.woocommerce div.product div.summary .out-of-stock::before { content: '🛇 '; }


.woocommerce div.product div.summary .cart { margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; }
.woocommerce div.product div.summary .cart .quantity { flex-shrink: 0; display: flex; align-items: center; gap: 0 5px;  }
.woocommerce div.product div.summary .cart .quantity [type="button"] { 
  display: inline-flex; align-items: center; justify-content: center; 
  height: 44px; width: 44px; background-color: transparent; border: 2px solid var(--grey-light);  
  line-height: 1; font-size: 28px; font-weight: 300; border-radius: 3px;
  cursor: pointer; transition:all 0.2s;
}
.woocommerce div.product div.summary .cart .quantity [type="button"].minus {}
.woocommerce div.product div.summary .cart .quantity [type="button"].plus { margin-right: 30px; }
.woocommerce div.product div.summary .cart .quantity [type="button"]:hover { border-color: var(--green-dark); }
.woocommerce div.product div.summary .cart .input-text.qty { 
  border: 2px solid var(--grey-light); 
  height: 44px; border-radius: 3px; padding: 3px 15px; text-align: center; 
  line-height: 1; font-size: 22px; font-weight: 600;
}
.woocommerce div.product div.summary .cart button[type="submit"] { flex-grow: 1;  background-color: var(--green-dark); border-color: var(--green-dark); color: var(--white); }
.woocommerce div.product div.summary .cart button[type="submit"]:hover { border-color: var(--green); opacity: 0.9; }

.woocommerce div.product div.summary .product_meta { margin: 15px 0; padding-left: 12px; border-left: 3px solid var(--sky); }
.woocommerce div.product div.summary .product_meta > span { display: block; }

/* Product Gallery
.woocommerce-product-gallery__wrapper { transition: all cubic-bezier(.795,-.035,0,1) .5s; margin: 0; padding: 0; }
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {  width: 25%; display: inline-block;  }
*/
 
.slick-gallery-mains { margin-bottom: 20px;   }
.slick-gallery-mains a { display: block; border-radius: 4px; overflow: hidden; outline-offset: -2px; }
.slick-gallery-mains img { display: block; width: 100%; max-width: 100%; height: auto; box-shadow: none; }
.slick-gallery-mains .slick-arrow { 
  display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 4px; overflow: hidden;
  position: absolute;  top: 50%; transform: translateY(-50%); z-index: 10;
  background-color: var(--white); border: none; outline: none; color: var(--blue);
  box-shadow: 0 4px 8px 0 rgba(69, 88, 115, .22);
  cursor: pointer; line-height: 1; font-size: 28px;
  transition:all 0.2s;
}
.slick-gallery-mains .slick-arrow:hover {  background-color: var(--blue);  color: var(--white); }
.slick-gallery-mains .slick-prev { left: -22px; }
.slick-gallery-mains .slick-next { right: -22px; }

.slick-gallery-thumbs { }
.slick-gallery-thumbs .slick-slide { width: 100px; /* requires : variableWidth: true; */ }
.slick-gallery-thumbs .slick-slide picture { 
  filter: brightness(110%); -webkit-filter: brightness(110%); -moz-filter: brightness(110%); opacity: 0.7; transition:all 0.2s; 
  padding: 2px; border: 1px solid #F7F8F5; outline:2px solid transparent;
  border-radius: 4px; overflow: hidden;  
}
.slick-gallery-thumbs .slick-slide.slick-current.slick-active picture { border-color: var(--blue); outline-color:var(--sky);  }
.slick-gallery-thumbs .slick-slide.slick-center  picture { filter: brightness(100%); -webkit-filter: brightness(100%); -moz-filter: brightness(100%);  opacity: 1;  }
/* spacer */
.slick-gallery-thumbs .slick-slide { margin: 6px 6px; }
.slick-gallery-thumbs .slick-list { margin: 0 -6px; }


/* .related.products */
section.related.products { padding-top: 30px; }

/* Line-On-Sides Headers */
section.related.products > h2 { margin-bottom: 30px; text-transform: uppercase; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; }
section.related.products > h2:before, 
section.related.products > h2:after { content: ''; border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px; }
section.related.products > h2:after { margin: 0 0 0 20px; }

/* custom */
a.woocommerce-loop-product__link .woocommerce-loop-product__title_sku { flex-grow: 1; margin-bottom: 12px; padding-top: 6px;  }
a.woocommerce-loop-product__link .woocommerce-loop-product__title_sku h2.woocommerce-loop-product__title { display: block; line-height: 1.12; margin-bottom: 3px; display: block; font-size: 15px; padding: 0;  }
a.woocommerce-loop-product__link .woocommerce-loop-product__title_sku small { display: block; font-size: 12px;  opacity: 0.5;}




/* Cross Sales
.woocommerce div.product .cross-sells > h2 { margin-bottom: 30px; text-transform: uppercase; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; }
.woocommerce div.product .cross-sells > h2:before, 
.woocommerce div.product .cross-sells > h2:after { content: ''; border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px; }
.woocommerce div.product .cross-sells > h2:after { margin: 0 0 0 20px; }
 */
.woocommerce div.product div.summary .cross-sells {}
.woocommerce div.product div.summary .cross-sells > h2::before { content: "\f0c1"; margin-right: 4px; font-family: "Font Awesome 6 Free"; font-weight: 900;  }
.woocommerce div.product div.summary .cross-sells > h2 { color: var(--blue); display: block; font-size: 15px; margin-bottom: 12px; text-transform: uppercase; }
.woocommerce div.product div.summary .cross-sells ul.products { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.woocommerce div.product div.summary .cross-sells ul.products > li.product { padding: 6px 0; margin: 0; display: block; }
.woocommerce div.product div.summary .cross-sells ul.products > li.product:first-child { border-top: 2px solid #ECF2F3; }
.woocommerce div.product div.summary .cross-sells a.woocommerce-loop-product__link { display: flex; width: 100%; gap: 0 10px; align-items: center; }
.woocommerce div.product div.summary .cross-sells a.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail { min-width: auto; flex-shrink: 0; width: 55px; }
.woocommerce div.product div.summary .cross-sells .woocommerce-loop-product__title_sku { margin-bottom: 0; }
.woocommerce div.product div.summary .cross-sells .woocommerce-loop-product__title_sku h2.woocommerce-loop-product__title { font-size: 17px; }
.woocommerce div.product div.summary .cross-sells .price { flex-shrink: 0; font-size: 15px; }



/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XL */ @media (max-width: 1365.98px) {
 
} /* @media ---| width < 1366px |--- */


/* LG */ 
@media (max-width: 1279.98px) {

 .woocommerce #content div.product div.images, 
 .woocommerce div.product div.images, 
 .woocommerce-page #content div.product div.images, 
 .woocommerce-page div.product div.images { width: 350px; }
 div.summary, .woocommerce div.product div.summary, 
 .woocommerce-page #content div.product div.summary, 
 .woocommerce-page div.product div.summary { width: calc(100% - 370px); }

} /* @media ---| width < 1200px |--- */

/* MD */ @media (max-width: 991.98px) {

 .woocommerce #content div.product div.images, 
 .woocommerce div.product div.images, 
 .woocommerce-page #content div.product div.images, 
 .woocommerce-page div.product div.images { width: 300px; }
 div.summary, .woocommerce div.product div.summary, 
 .woocommerce-page #content div.product div.summary, 
 .woocommerce-page div.product div.summary { width: calc(100% - 315px); }

 .woocommerce div.product div.brand-logo { margin-left: 20px; width: 80px; }
 .woocommerce div.product div.summary .price { font-size: 18px; }
 

} /* @media ---| width < 992px |--- */

/* SM */ @media (max-width: 767.98px) {

  .woocommerce #content div.product div.images, 
  .woocommerce div.product div.images, 
  .woocommerce-page #content div.product div.images, 
  .woocommerce-page div.product div.images { width: 100%; max-width: 320px; float: none; }
  div.summary, .woocommerce div.product div.summary, 
  .woocommerce-page #content div.product div.summary, 
  .woocommerce-page div.product div.summary { width: 100%; float: none; }

/*
  .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; }
  .woocommerce div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
  .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {  width: 100%;  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; text-align: left; }
  .woocommerce div.product .woocommerce-tabs .panel { display: none; padding: 12px 0; }
  .woocommerce div.product .woocommerce-tabs .panel.active { display: block; }
*/



} /* @media ---| width < 768px |--- */

/* XS */ @media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

  .woocommerce div.product div.summary .cart { flex-wrap: wrap; gap: 12px; justify-content: flex-start; }


  
} /* @media ---| width < 576px |--- */

@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }

/* XXS */ @media (max-width: 319.98px) and (orientation:landscape) {}
@media (max-width: 319.98px) {


} /* @media ---| width < 320px |--- */

/* ---| END |--- */
/* ¡ NO STYLES BELOW THIS LINE PLEASE ! */