/*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

/* for the hotspot tooltip */
.wk-iamge {
  width: 110px;
  height: 110px;
}
@media only screen and (min-width: 330px) and (max-width: 450px) {
  .wk-iamge {
    width: 90px;
    height: 90px;
  }
}

@media only screen and (min-width: 100px) and (max-width: 330px) {
  .wk-iamge {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .wk-iamge {
    width: 90px;
    height: 90px;
  }
}

.card.card-block.wk-tooltip {
  cursor: default;
}
.card-block {
  padding: 0.25rem 0.25rem 0.5rem !important;
}
.wk-tooltip {
  width: 10vw;
  height: inherit;
}

.wk-tooltip-image {
  width: 100%;
  margin: auto;
  position: relative;
}

.wk-tooltip-image img {
  width: inherit;
  height: inherit;
}

.wk-tooltip-name {
  font-size: 0.8rem;
  color: black;
}
.wk-tooltip-price {
  color: #0aafc7;
  font-size: 0.8rem;
}
.open_in_new {
  color: #525252;
  font-size: 1rem !important;
  position: absolute;
  left: 7.5vw;
  top: 0.2vw;
}

.b {
  border: 1px solid black;
}
.wishlist-button-add {
  display: none !important;
}
.wk-collection-look-product.product-variants {
  background-color: white;
  padding: 5px 13px;
}

.product-variants-item {
  display: inline-grid !important;
  margin: 1.25rem 0px 0.5rem !important ;
}

.product-not-available {
  color: red;
  margin: 0px 0px 16px;
}

.wk_look_cover_img {
  /* width: 33rem; */
  /* height: 29rem; */
  /* background: white; */
  /* display: flex; */
  justify-content: center;
  align-items: center;
}
.wk_look_cover_img_inside {
  width: 100%;
  flex-basis: 50%;
}

.wk-look-li-image {
  width: inherit;
  height: inherit;
}
.wk_look_cover_img img {
  width: inherit;
  height: inherit;
  border-radius: 8px;
}

.image-selected {
  border: 3px solid #2fb5d2;
}

.wk-banner-image-collection-controller {
  margin-bottom: 40px;
  width: 100%;
  height: 200px;
  position: relative;
}

.wk-banner-image-collection-controller img {
  height: inherit;
  width: inherit;
}

.wk_look_img {
  height: 6rem;
  border-radius: 8px;
}

.out-of-stock {
  color: red;
}

.text-on-image-collection-banner {
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 2.5%;
  width: 94%;
  text-align: center;
  color: white;
  font-size: 2.5vw;
  font-weight: bold;
  word-wrap: break-word;
  height: 35px;
  line-height: 1em;
}

.bootstrap-touchspin .wk-stl-quantity-wk.input-group {
  height: 2.5rem !important;
}

.product-quantity div.bootstrap-touchspin input.form-crol,
.bootstrap-touchspin input.input-group {
  height: 2.75rem !important;
}

.overlay-loader {
  background-color: rgba(1, 1, 1, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.wk-choose-option {
  margin: 55px 0px 4px 0px;
}

.wk-stl-loader-div {
  text-align: center;
  margin-top: 20%;
}

.wk-collection-look-product {
  margin-bottom: 5px;
}

.wk-product-name {
  color: #525252;
}
.open_in_new_product i {
  font-size: 1rem;
}

.open_in_new_product {
  color: #525252;
}
.add-to-cart {
  margin-left: 1rem !important;
}

.out-of-stock {
  float: right;
}

.product-quantity {
  margin-bottom: 1rem;
}

.images-container .js-qv-mask.scroll {
  width: calc(100% - 60px);
  margin: 0 auto;
}
.images-container .js-qv-mask {
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px;
}

.scroll-box-arrows {
  display: block !important;
}

.wk-look-li-image-parent {
  display: inline;
  width: 5rem !important;
  height: 5rem !important;
}

.wk-customization-title {
  font-weight: 700;
  font-size: 1.05rem;
  color: #232323;
}

.wk-customization-description {
  color: #232323;
}

.wk-hummingbird-theme-customization-wrapper {
  padding: unset;
}

.wk-add-to-cart-btn-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.wk-add-to-cart-btn-hummingbird-parent {
  flex-grow: 1;
}

.wk-hummingbird-add-to-cart-btn {
  width: 100%;
  margin-left: unset !important;
}

fieldset.product-variants-item {
  display: block !important;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .wk_look_cover_img {
    width: 100% !important;
    height: 23rem;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wk_look_cover_img {
    width: 100% !important;
    height: 30rem;
    text-align: center;
  }
  .bootstrap-touchspin {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 425px) {
  .wk_look_cover_img {
    width: 100% !important;
    height: 26rem;
  }
  .bootstrap-touchspin {
    margin-bottom: 20px;
  }
  .wk-tooltip {
    width: auto;
    background-color: #fff;
  }
}

@media only screen and (min-width: 0px) and (max-width: 374px) {
  .wk_look_cover_img {
    width: 100% !important;
    height: 20rem;
  }
  .bootstrap-touchspin {
    margin-bottom: 20px;
  }
    .wk-tooltip {
      width: auto;
      background-color: #fff;
    }
}
.wk-add-to-cart {
  float: right;
}
.wk_ajax_add_to_cart_button .material-icons {
  margin-right: unset !important;
}

.thumb-container.wk-look-li {
  margin: 5px 2px 5px 2px;
}
.action-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}  /* BEAUTY-PROFI — кнопки Shop The Look */

/* BEAUTY-PROFI – Shop The Look Warenkorb-Buttons */

a.wk_ajax_add_to_cart_button.btn.btn-primary {
    background-color: #30343B !important;
    border-color: #30343B !important;
    color: #FFFFFF !important;
}

a.wk_ajax_add_to_cart_button.btn.btn-primary:hover {
    background-color: #555B63 !important;
    border-color: #555B63 !important;
}  /* BEAUTY-PROFI – Hauptbutton Shop The Look */

.wk-collection-main button.add-to-cart.btn-primary {
    background-color: #30343B !important;
    border-color: #30343B !important;
    color: #FFFFFF !important;
}

.wk-collection-main button.add-to-cart.btn-primary:hover {
    background-color: #555B63 !important;
    border-color: #555B63 !important;
}  /* BEAUTY-PROFI – Shop The Look – корзина */

.wk_ajax_add_to_cart_button .wk-cart {
    font-size: 0 !important;
    display: inline-block !important;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.5 13h12l3-9H6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.5 13h12l3-9H6'/%3E%3C/svg%3E") center / contain no-repeat;
    vertical-align: middle;
}  

/* BEAUTY-PROFI – Shop The Look: Warenkorb-Icons */

a.wk_ajax_add_to_cart_button .wk-cart {
    font-size: 0 !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-color: #FFFFFF !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
}

a.wk_ajax_add_to_cart_button .wk-cart::before {
    content: none !important;
}

/* Einheitliche Ausrichtung der Produktbuttons */

.wk-collection-look-product .action-buttons {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wk-collection-look-product .wk-add-to-cart {
    margin-left: 0 !important;
}
/* BEAUTY-PROFI – Shop The Look: Ausrichtung der Warenkorb-Buttons */

.wk-collection-look-product .action-buttons {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-items: flex-start !important;
}  /* BEAUTY-PROFI – Shop The Look: Hauptbutton Warenkorb */

.wk-front-collection-selected-product
.wk-collection-look-product .action-buttons {
    /* Bestehende Produktbuttons unverändert lassen */
}

/* BEAUTY-PROFI – Shop The Look: Hauptbutton Warenkorb */

button[data-button-action="wk-add-to-cart"] i.shopping-cart {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 10px !important;

    font-size: 0 !important;
    line-height: 0 !important;

    background-color: #FFFFFF !important;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.5 13h9l3-9H6'/%3E%3C/svg%3E") center / contain no-repeat !important;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.5 13h9l3-9H6'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

button[data-button-action="wk-add-to-cart"] i.shopping-cart::before {
    content: none !important;
}  /* BEAUTY-PROFI – Shop The Look: horizontale Produktdarstellung */

@media (min-width: 768px) {

  .wk-collection-look-product.product-variants > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  .wk-collection-look-product.product-variants > .row > .col-xs-3:first-child {
    width: 110px !important;
    flex: 0 0 110px !important;
  }

  .wk-collection-look-product.product-variants > .row > .product-variants {
    width: calc(100% - 110px) !important;
    flex: 1 1 0 !important;
  }

} */
 /* BEAUTY-PROFI – Shop The Look: Warenkorb mobil rechts */

@media (max-width: 767px) {

  .wk-collection-look-product .col-xs-3.action-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
  }

}   
/* BEAUTY-PROFI – мобильная версия */
@media (max-width: 767px) {
    .wk-product-name .material-icons {
        display: none !important;
    }
}

/* BEAUTY-PROFI | Mobile compact collection products | 2026-11-03 */
@media only screen and (max-width: 767px) {
  .wk-front-collection-selected-product .wk-collection-look-product.product-variants > .row {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product.product-variants > .row > .col-xs-3:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 82px !important;
    max-width: 82px !important;
    float: none !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product.product-variants > .row > .col-xs-3:first-child .wk-iamge {
    width: 76px !important;
    height: auto !important;
    max-height: 100px !important;
    object-fit: contain !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product.product-variants > .row > .product-variants.col-xs-6 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product.product-variants > .row > .action-buttons.col-xs-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product .action-buttons .current-price {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product .action-buttons .wk-add-to-cart {
    float: none !important;
    margin: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product .action-buttons .product-variants-item {
    margin: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product .wk-product-name {
    overflow-wrap: anywhere;
    line-height: 1.4;
  }
  .wk-front-collection-selected-product .wk-collection-look-product {
    margin-bottom: 12px !important;
  }
/* S+ BEAUTY SETS – Title Desktop */
@media (min-width: 768px) {
    .wk-set-heading {
        font-size: 36px !important;
        line-height: 1.2;
    }
}