/** PiroDesign: desktopowy nagłówek i menu główne. */
@media (min-width:992px){
#header .header-top{padding:.65rem 0 1rem}
#header .header-top>.container{position:static}
#header .header-top>.container>.row:first-of-type{align-items:flex-start;flex-wrap:wrap}
#header{position:relative}
#header #_desktop_logo{position:absolute;top:2px;left:calc((100% - 970px)/2 + 8px);z-index:10;width:auto;max-width:none;padding:0;text-align:left}
#header #_desktop_logo .logo{display:block;width:auto;max-width:117px;max-height:69px}
#header .header-nav .col-md-5{padding-left:140px}
@media (min-width:1200px){#header #_desktop_logo{left:calc((100% - 1140px)/2 + 8px)}}
#header .header-top-right{flex:0 0 100%;max-width:100%;width:100%;padding:0 15px}
#header .header-top .search-widgets{float:right;max-width:16rem;margin:0 0 .55rem}
#header #block_top_menu{clear:both;width:100%}
#header #block_top_menu .sf-menu{display:flex;flex-wrap:nowrap;align-items:stretch;margin-bottom:0}
#header #block_top_menu .sf-menu>li{float:none;flex:1 0 auto}
#header #block_top_menu .sf-menu>li>a{padding:14px 10px;font-size:13px;line-height:22px;letter-spacing:.1px}
#header #block_top_menu .sf-menu>li:hover>ul,#header #block_top_menu .sf-menu>li.sfHover>ul{top:50px}
}


/** PiroDesign: interaktywne stany menu głównego. */
@media (min-width:992px){
#header #block_top_menu .sf-menu>li>a{color:#3b3b3b;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}
#header #block_top_menu .sf-menu>li>a:after{position:absolute;right:10px;bottom:0;left:10px;height:3px;content:"";background:#24b9d7;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
#header #block_top_menu .sf-menu>li:hover>a,#header #block_top_menu .sf-menu>li.sfHover>a,#header #block_top_menu .sf-menu>li>a:focus{color:#147f93;background:#fff;text-decoration:none;box-shadow:inset 0 1px 0 #fff}
#header #block_top_menu .sf-menu>li:hover>a:after,#header #block_top_menu .sf-menu>li.sfHover>a:after,#header #block_top_menu .sf-menu>li>a:focus:after{transform:scaleX(1)}
}


/** PiroDesign: aktywna pozycja menu na podstawie breadcrumbs. */
@media (min-width:992px){
#header #block_top_menu .sf-menu>li.is-current>a{color:#147f93;background:#fff;text-decoration:none;box-shadow:inset 0 1px 0 #fff}
#header #block_top_menu .sf-menu>li.is-current>a:after{transform:scaleX(1)}
}


/** PiroDesign: menu pozostaje w jednej linii na węższym desktopie. */
@media (min-width:992px) and (max-width:1199.98px){
  #header #block_top_menu .sf-menu>li>a{padding-right:9px;padding-left:9px}
}


/** PiroDesign: katalog kategorii na desktopie. */
@media (min-width:992px){
  body.page-category #left-column{display:none}
  body.page-category #content-wrapper{float:left;width:100%!important;flex:0 0 100%;max-width:100%}
  body.page-category .products .js-product.product{flex:0 0 25%;max-width:25%}
}

/** PiroDesign: wyraźniejsza karta zakupu produktu. */
@media (min-width:992px){
  #product .product-prices{margin:.75rem 0 1.25rem}
  #product .product-prices .current-price-value{font-size:2rem;font-weight:700;line-height:1.1;color:#147f93}
  #product .product-add-to-cart .add-to-cart{min-width:16.5rem;padding:.85rem 1.4rem;font-weight:700;letter-spacing:.02em;background:#159fbd;box-shadow:0 4px 10px rgba(21,159,189,.25);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
  #product .product-add-to-cart .add-to-cart:hover,
  #product .product-add-to-cart .add-to-cart:focus{background:#147f93;box-shadow:0 6px 14px rgba(20,127,147,.32);transform:translateY(-1px)}
  #product .product-add-to-cart .add-to-cart .material-icons{margin-right:.35rem;font-size:1.35rem;vertical-align:-.15em}
  #product .purchase-benefits{display:grid;gap:.38rem;margin-top:.8rem;padding:.72rem .85rem;border-left:3px solid #24b9d7;background:#f1fbfd;color:#3b3b3b;font-size:.9rem;line-height:1.3}
  #product .purchase-benefits span{display:flex;align-items:center;gap:.38rem}
  #product .purchase-benefits .material-icons{font-size:1.05rem;color:#2aa65a}
}

/** PiroDesign: prostszy nagłówek kategorii i produktu na desktopie. */
@media (min-width:992px){
  body.page-category .breadcrumb,
  body.page-product .breadcrumb,
  body#product .breadcrumb,
  body.page-category #js-product-list-top .total-products{display:none}
  body.page-category #js-product-list-top>.col-lg-7{float:right}
}


/** PiroDesign: ukryty wybór języka — sklep pozostaje po polsku. */
#_desktop_language_selector,
#_mobile_language_selector{display:none!important}

/* PiroDesign: pojedynczy baner strony głównej — ażurowe dekoracje. */
.homeslider-container {
  margin-bottom: 2rem;
}
.homeslider-container .caption {
  left: 7%;
  right: auto;
  bottom: auto;
  top: 50%;
  width: 38%;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  color: #292929;
  background: transparent;
  text-align: left;
}
.homeslider-container .caption h2 {
  margin: 0 0 .45rem;
  color: #202020;
  font-size: clamp(1.45rem, 2.2vw, 2.35rem);
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
.homeslider-container .caption p {
  margin: 0 0 1rem;
  font-size: clamp(.9rem, 1.3vw, 1.15rem);
  line-height: 1.4;
}
.homeslider-container .piro-hero-cta {
  display: inline-block;
  padding: .7rem 1.05rem;
  color: #fff;
  background: #18aec8;
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.homeslider-container a:hover .piro-hero-cta,
.homeslider-container a:focus .piro-hero-cta {
  background: #128fa6;
}
@media (max-width: 575px) {
  .homeslider-container {
    margin-bottom: 1.25rem;
  }
  .homeslider-container .caption {
    left: 6%;
    width: 46%;
  }
  .homeslider-container .caption h2 {
    margin-bottom: .25rem;
    font-size: 1rem;
  }
  .homeslider-container .caption p {
    margin-bottom: .45rem;
    font-size: .66rem;
    line-height: 1.28;
  }
  .homeslider-container .piro-hero-cta {
    padding: .4rem .55rem;
    font-size: .55rem;
  }
}

/* PiroDesign: czytelna nakładka tekstowa dla aktualnego slidera strony głównej. */
body.page-index #carousel .carousel-item .caption {
  left: 7%;
  right: auto;
  bottom: auto;
  top: 50%;
  width: 38%;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  text-align: left;
}
body.page-index #carousel .carousel-item .caption .display-1 {
  margin: 0 0 .45rem;
  color: #202020;
  font-size: clamp(1.45rem, 2.2vw, 2.35rem);
  font-weight: 700;
  line-height: 1.1;
}
body.page-index #carousel .carousel-item .caption .caption-description,
body.page-index #carousel .carousel-item .caption .caption-description p {
  margin: 0;
  color: #3d3d3d;
  font-size: clamp(.9rem, 1.3vw, 1.15rem);
  line-height: 1.4;
}
body.page-index #carousel .carousel-item .caption .caption-description p {
  margin-bottom: 1rem;
}
body.page-index #carousel .carousel-item .caption .piro-hero-cta {
  display: inline-block;
  padding: .7rem 1.05rem;
  color: #fff;
  background: #18aec8;
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.page-index #carousel .carousel-item > a:hover .piro-hero-cta,
body.page-index #carousel .carousel-item > a:focus .piro-hero-cta {
  background: #128fa6;
}
@media (max-width: 575px) {
  body.page-index #carousel .carousel-item .caption {
    left: 6%;
    width: 46%;
  }
  body.page-index #carousel .carousel-item .caption .display-1 {
    margin-bottom: .25rem;
    font-size: 1rem;
  }
  body.page-index #carousel .carousel-item .caption .caption-description,
  body.page-index #carousel .carousel-item .caption .caption-description p {
    font-size: .66rem;
    line-height: 1.28;
  }
  body.page-index #carousel .carousel-item .caption .caption-description p {
    margin-bottom: .45rem;
  }
  body.page-index #carousel .carousel-item .caption .piro-hero-cta {
    padding: .4rem .55rem;
    font-size: .55rem;
  }
}

/* PiroDesign: pasek najważniejszych korzyści zakupowych. */
.piro-benefits-bar {
  border-top: 1px solid #e7f2f4;
  border-bottom: 1px solid #dcecef;
  background: #f4fbfc;
}
.piro-benefits-list {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.piro-benefits-list li {
  display: flex;
  align-items: center;
  padding: 0 .95rem;
  color: #3a3a3a;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1.2;
  white-space: nowrap;
}
.piro-benefits-list li + li {
  border-left: 1px solid #cfe4e8;
}
.piro-benefits-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-right: .38rem;
  color: #fff;
  border-radius: 50%;
  background: #18aec8;
  font-size: .68rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .piro-benefits-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: .25rem .3rem;
  }
  .piro-benefits-list li {
    width: 50%;
    padding: .4rem .45rem;
    font-size: .67rem;
    white-space: normal;
  }
  .piro-benefits-list li + li {
    border-left: 0;
  }
  .piro-benefits-list li:nth-child(even) {
    border-left: 1px solid #cfe4e8;
  }
}

/* PiroDesign: spokojne, spójne kadry na kartach produktów. */
#products .product-miniature .thumbnail-container,
.featured-products .product-miniature .thumbnail-container,
.product-accessories .product-miniature .thumbnail-container {
  border: 1px solid #f0f2f2;
  box-shadow: 0 2px 7px rgba(35, 35, 35, .045);
  transition: box-shadow .2s ease;
}
#products .product-miniature .thumbnail-top,
.featured-products .product-miniature .thumbnail-top,
.product-accessories .product-miniature .thumbnail-top {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background: #fff;
}
#products .product-miniature .thumbnail-top .product-thumbnail,
.featured-products .product-miniature .thumbnail-top .product-thumbnail,
.product-accessories .product-miniature .thumbnail-top .product-thumbnail,
#products .product-miniature .thumbnail-top picture,
.featured-products .product-miniature .thumbnail-top picture,
.product-accessories .product-miniature .thumbnail-top picture {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#products .product-miniature .thumbnail-top .product-thumbnail,
.featured-products .product-miniature .thumbnail-top .product-thumbnail,
.product-accessories .product-miniature .thumbnail-top .product-thumbnail {
  padding: .5rem;
}
#products .product-miniature .thumbnail-top .product-thumbnail img,
.featured-products .product-miniature .thumbnail-top .product-thumbnail img,
.product-accessories .product-miniature .thumbnail-top .product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#products .product-miniature .thumbnail-container:hover,
.featured-products .product-miniature .thumbnail-container:hover,
.product-accessories .product-miniature .thumbnail-container:hover {
  box-shadow: 0 5px 14px rgba(35, 35, 35, .09);
}