/* korekty własne */
body {
 background: #ededed 
}

.breadcrumb {
 background-color: #ededed 
}

#header .header_logo {
padding: 3px 0 0 0;
margin-left: 35px !important;
}


.vertical-menu .top-menu a.dropdown-submenu {
  text-transform: none;
}

.products .product-title a {
   font-weight: 600;
}

.vertical-menu .dropdown-item {
  white-space: wrap;
  }
/* korekty własne */


  .image-block_slider {
    display: none;
  }
  .special-products #special-carousel .thumbnail-container .special_block {
    width: auto;
    height: 100%;
    float: left;
  }
  section.special-products .products .product-thumbnail img {
    height: auto;
    /*width: auto;*/
  }
  section.special-products .thumbnail {
      display: block; 
      text-align: center; 
  }
  section.special-products .image-block, section.special-products .product-description {
    display: flex;
    justify-content: space-evenly; 
    align-items: center; 
    height: 100%; 
    flex-direction: column;
  }
  .products .product_list article.item {
    float: left;
    width: 100%;
    height: 272px;
    padding: 0;
  }
  section.special-products article {
    display: block;
  }
  section.special-products .js-product-miniature, section.special-products .product-description {
    height: 100%
  }
  section.special-products .products .thumbnail-container {
   width: 100%;
    height: 100%;
  }
@media (min-width: 550px) and (max-width: 820px) {
    section.special-products .products .thumbnail-container {
        max-width: 500px;
        margin: 0 18%;
    }
}
  section.special-products .single-product-title {
    display: none;
  }
  section.special-products ul.product-flags.js-product-flags {
    margin-bottom: 0 !important;
  }
  section.special-products .product-list-reviews, section.special-products .end-deal {
    display: none;
  }
  section.special-products .product-price-and-shipping {
    height: 45px;
  }
  section.special-products .psproductcountdown {
    padding: 0;
  }
  .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
  }
  .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin:
  5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius:
  20px;
    -moz-border-radius: 20px;
    border-radius:
  20px;
    background:
  #869791;
  }
  .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
  }
  section.special-products .owl-pagination {
    position: relative;
    bottom: -20px;
    height: 40px;
  }
/* special products content experiments */
.special-products .special-wrapper {
  padding-bottom: 50px;
}
.special-products .product-actions-main .btn.add-to-cart {
  border: 0;
  font-size: 0;
  height: 35px;
  width: 35px;
  padding: 0;
  mask-image: url(/themes/Shopstic/assets/img/codezeel/cart.svg);
  -webkit-mask-image: url(/themes/Shopstic/assets/img/codezeel/cart.svg);
  display: inline-block;
  -webkit-mask-size: 19px;
  mask-size: 19px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-position-y: 15px;
  mask-position-x: 5px;
  background-color: #111111;
  vertical-align: middle;
  transition: none;
}
.special-products .product-actions-main:hover .btn.add-to-cart {
    background-color: var(--secondary-color);
}
.progress-action-container {
    width: 100%;
}
.special-products .product-actions-main {
  box-shadow: 2px 0 0 0 var(--secondary-color), -2px 0 0 0 var(--secondary-color), 0 2px 0 0 var(--secondary-color), 0 -2px 0 0 var(--secondary-color);
  border-width: 2px;
  border-color: var(--primary-color);
  border-style: solid;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  width: 35px;
  height: 40px;
  float: left;
  margin: 8px 0 0 10px;
}
.special-products .product-actions-main:hover {
    box-shadow: 2px 0 0 0 var(--primary-color), -2px 0 0 0 var(--primary-color), 0 2px 0 0 var(--primary-color), 0 -2px 0 0 var(--primary-color);
    border-color: var(--secondary-color);
    background-color: var(--primary-color);
  }
.special-products .product-actions-main::after {
  content: "+";
  position: absolute;
  top: -3px;
  right: 5px;
  background: transparent;
  color: var(--primary-color);
  font-size: 1rem;
  transition: color 0.3s;
  pointer-events: none;
}
.special-products .product-actions-main::before {
  content: "+";
  position: absolute;
  top: -3px;
  right: 14px;
  background: transparent;
  color: var(--primary-color);
  font-size: 1rem;
  transition: color 0.3s;
  pointer-events: none;
  opacity: 0;
}
.special-products .product-actions-main:hover::after {
    color: var(--secondary-color);
    animation: fallFirstPlus 1s linear infinite;
 }
 .special-products .product-actions-main:hover::before {
    color: var(--secondary-color);
    animation: fallFirstPlus 1s linear infinite -0.5s;
 }
.special-products .qtyprogress {
  width: 70%;
  float: left;
}
/* special products content experiments end*/
/* add to cart button fixes consloidatet*/ 
/* Combined fixes for add to cart button */
.products .product_list li .outer-functional,
.products .product_list li:hover .outer-functional {
    opacity: 1;
    top: -30px; /* From modifier */
}

.products .product_list li .outer-functional .functional-buttons .wishlist,
.products .product_list li .outer-functional .functional-buttons .quickview {
    opacity: 0;
    top: -5px; /* From modifier */
    right: 12px; /* From modifier */
    position: absolute; /* From modifier */
}

.products .product_list li .outer-functional .functional-buttons .product-actions,
.products .product_list li:hover .outer-functional .functional-buttons .product-actions {
    position: absolute; /* Overrides fixed from ajax cart */
    overflow: clip;
    height: 40px;
    right: 5px;
    border-radius: 5px;
    border-color: var(--primary-color);
    top: 305px; /* From modifier */
}

.products .product_list li .outer-functional .functional-buttons .product-actions .btn.add-to-cart {
    mask-position-y: 15px;
}

.products .product_list li:hover .outer-functional .functional-buttons .wishlist,
.products .product_list li:hover .outer-functional .functional-buttons .quickview {
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute; /* From modifier */
    top: 94px; /* From modifier */
    right: 12px; /* From modifier */
    transition: all 500ms ease 0s; /* From modifier */
}

.products .product_list li:hover .outer-functional .functional-buttons .quickview {
    display: none;
}

/* Animations */
.products .product_list li .outer-functional .functional-buttons .product-actions::after,
.products .product_list li .outer-functional .functional-buttons .product-actions::before {
    content: "+";
    position: absolute;
    top: -3px;
    right: 5px;
    background: transparent;
    color: var(--primary-color);
    font-size: 1rem;
    transition: color 0.3s;
    pointer-events: none;
}

.products .product_list li .outer-functional .functional-buttons .product-actions:hover::after {
    color: var(--secondary-color);
}

.products .product_list li .outer-functional .functional-buttons .product-actions::before {
    top: -5px;
    right: 15px;
    opacity: 0;
}

.products .product_list li .outer-functional .functional-buttons .product-actions {
    box-shadow: 2px 0 0 0 var(--secondary-color),
               -2px 0 0 0 var(--secondary-color),
               0 2px 0 0 var(--secondary-color),
               0 -2px 0 0 var(--secondary-color);
    border-width: 2px;
    border-color: var(--primary-color);
}

.products .product_list li .outer-functional .functional-buttons .product-actions:has(.btn.add-to-cart:hover) {
    box-shadow: 2px 0 0 0 var(--primary-color),
               -2px 0 0 0 var(--primary-color),
               0 2px 0 0 var(--primary-color),
               0 -2px 0 0 var(--primary-color);
    border-color: var(--secondary-color);
}

.products .product_list li .outer-functional .functional-buttons .product-actions:hover::before {
    font-size: 1rem;
    color: var(--secondary-color);
    right: 15px;
    animation: fallFirstPlus 1s linear infinite -0.5s;
}

.products .product_list li .outer-functional .functional-buttons .product-actions:hover::after {
    font-size: 1rem;
    right: 5px;
    animation: fallFirstPlus 1s linear infinite;
}

@keyframes fallFirstPlus {
    0% {
        transform: translateY(-10px);
        opacity: 1;
    }
    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}

/* Grey out .product-actions using filter when the add-to-cart button is disabled */
.product-actions:has(.btn.add-to-cart:disabled) {
    filter: grayscale(100%) brightness(0.8);
}

/* Prevent hover styles like box-shadow and border-color when button is disabled */
.products .product_list li:hover .outer-functional .functional-buttons 
.product-actions:has(.btn.add-to-cart:disabled) {
    box-shadow: none;
    border-color: #ccc;
}

/* Completely disable animations and pseudo-elements when button is disabled */
.products .product_list li .outer-functional .functional-buttons 
.product-actions:has(.btn.add-to-cart:disabled)::before,
.products .product_list li .outer-functional .functional-buttons 
.product-actions:has(.btn.add-to-cart:disabled)::after,
.products .product_list li:hover .outer-functional .functional-buttons 
.product-actions:has(.btn.add-to-cart:disabled)::before,
.products .product_list li:hover .outer-functional .functional-buttons 
.product-actions:has(.btn.add-to-cart:disabled)::after {
    content: none;
    display: none;
    animation: none;
}

/* New label fix */
ul li .product-flags .new {
    opacity: 1;
    transform: unset;
}

/* payment options fixes */
#checkout section.checkout-step .payment-options .custom-radio {
  margin-top: 0;
}
#checkout-payment-step .payment-option {
  display: flex !important;
  align-items: center; 
  }
#checkout-payment-step .payment-option >  label  {
  display: flex !important;
  align-items: center; 
}
#checkout-payment-step .payment-option >  label > img {
  margin-right: 20px;
  max-width: 54px;
  order: -1;
}
/* payment options fixes end */
/* header logo*/
#header .header_logo {
  margin-left: 40px;
}
/* header logo end*/
/* label corrections */
.seosa_product_label.top-right {
  right: 10px;
  top: 30px !important;
  z-index: auto;
}
.seosa_product_label.top-left {
  left: 10px;
  top: 30px !important;
  z-index: auto;
}
.seosa_product_label {
  z-index: 3;
}
/* label corrections end */