a.carousel-hover{

transition: all .3s ease-in-out;

}

a.carousel-hover:hover{

transform: scale(1.05);

}

*{

font-family: 'avenir', 'Open sans', sans-sherif!important;

}

.ff-avenir{

font-family: 'avenir', 'Open sans', sans-sherif!important;

}

.ff-bodoni, .name > span{

  font-family: "Libre Bodoni", serif!important;

  font-optical-sizing: auto;

  font-weight: 700;

  font-style: normal;

}

.name > span{

font-size:15px;

}

h1, h2, h3, h4{

  font-family: "Libre Bodoni", serif!important;

  font-optical-sizing: auto;

  font-weight: 700;

  font-style: normal;

}



.filter-label.disabled{

  display:none;

}

.carousel-control {

color:#4fb696!important;

}

.extended-banner-texts .extended-banner-link{

    top: 100%;

    transform: translate(0%,-200%);

    right:50%;

    font-size:1.75rem;

width: auto!important;

height: auto!important;

}

/*  Výber predajní  */

#personal-collection-wrapper {

    text-align: center;

}

.personal-collection-point:not(:has(.em)) a {

    color: #4fb696;

    border-color: #4fb696;

    font-weight: bolder;

    border-width: 3px;

}

/* Novinky  */

.flag.flag-new{

background-color: #252a55!important;

}

/* Sale */

.flag-discount{

background-color:#4fb696!important;

}

.flag-action{

background-color:#4fb696!important;

}

.p-code{

color:transparent;

}

span[data-micro="sku"] {

    color: #252a55;

}

span[style="color:#009901"] {

    color: #4fb696!important;

}



.extended-banner-text {

    bottom: 10%;

    width: 20ch;

    left: 5%;

    padding: 2px 5px;

    text-align: center;

    font-size: 11px;

    font-family: 'avenir'!important;

    color: white;

    background: #00000035;

}



.carousel-control{

width:5%;

}

.carousel-control{

background: linear-gradient(90deg, transparent, transparent);

}

.carousel-control:hover {

    background: linear-gradient(90deg, #003057, transparent);

}

.carousel-control.right{

background: linear-gradient(270deg, transparent, transparent);

}

.carousel-control:hover.right {

    background: linear-gradient(270deg, #003057, transparent);

}



.banner-uzod{

            background-image: url('https://www.adamshop.sk/user/documents/upload/gallery/Layer 3.jpg');

            margin: auto auto;

            max-width: max-content;

            max-height: max-content;

            background-repeat: no-repeat;

            background-position: center;

            background-size: contain;

            position: relative;

        }

        .text-uzod{

            font-size: 2rem;

        text-transform: capitalize;

            box-shadow: #ffffff -0.25vw 0.25vw;

            position: absolute;

            padding: 1% 1.25%;

            background-color: #003057;

            color: white;

        }

        .obleky{

            transform: rotate(-9deg);

            left: 10%;

            top: 20%;

        }

        .nohavice{

            transform: rotate(13deg);

            left: 30%;

            top: 35%;

        }

        .kosele{

            transform: rotate(-13deg);

            left: 20%;

            top: 50%;

        }

        span.p-code {

            display: none!important;

        }

        .p-desc {

            display: none;

        }

        /*.shp-tabs-wrapper.p-detail-tabs-wrapper {

            display: none;

        }*/

        .p-short-description {

            display: none;

        }

        .initial-snow > * {

    font-size: 50px;

    width: calc(2*var(--size));

    /* height: auto; */

    fill: #00ccff!important;

    opacity: 1;

    /* color: white; */

    position: absolute;

    top: -5vh;

}

/* Kategorie s obrázkom animacia */

.subcategories.with-image li a {

  filter: saturate(0);

  transition: filter 0.5s ease-in-out;

}

.subcategories.with-image li a:hover{

    filter: saturate(1);

}

/* BannerText */

/* CSS */

.gavalierom-banner-container {

    position: relative;

    width: 100%;

    overflow: hidden;

  }

  

  .gavalierom-banner-image {

    width: 100%;

    height: auto;

    object-fit: cover;

  }

  

  .gavalierom-text-overlay {

    position: absolute;

    bottom: 15%;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    color: white;

    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);

    width: 100%;

    justify-content: center;

    text-transform: uppercase;



  }

  

  .gavalierom-static-text {

    font-size: 3rem;

    margin-bottom: 1rem;

  }

  

  .gavalierom-animated-container {

    position: relative;

    padding-bottom: 1em;

  }

  

  .gavalierom-animated-text {

    font-size: 2rem;

    position: absolute;

    opacity: 0;

    transform: translateY(0px) translateX(-50%);

    transition: transform 1.25s ease-in-out;

    animation: gavalierom-text-cycle 3s infinite;

    width: 100%;

  }

  

  @keyframes gavalierom-text-cycle {

    0% {

      opacity: 0;

      transform: translateY(50px) translateX(-50%);

    }

    25%,75% {

      opacity: 1;

      transform: translateY(0) translateX(-50%);

    }

    100% {

      opacity: 0;

      transform: translateY(-50px) translateX(-50%);

    }

  }

  

  /* Default styles for mobile-first approach */

  

@media (min-width: 768px){

    .text-uzod{

        font-size:24px;

    }

    .extended-banner-text{

        font-size: 24px;

    }

}



/* Tablets and small desktops (≥ 1280px) */

@media (min-width: 1280px) {

  /* Add styles for 1280px here */

  .gavalierom-static-text{

  font-size: 6.75rem;

  }

  .gavalierom-animated-text{

  font-size: 4.5rem;

  }

}



/* Large desktops (≥ 1920px) */

@media (min-width: 1920px) {

  /* Add styles for 1920px here */

  .gavalierom-static-text{

  font-size: 9.99rem;

  }

  .gavalierom-animated-text{

  font-size: 6.66rem;

  }

}



/* 4K screens (≥ 3840px) */

@media (min-width: 3840px) {

  /* Add styles for 4K here */

}



/* info box */

.info-box-wrapper {

  position: absolute;

  top: 10px;

}



.info-box {

  position: absolute;

  right: 0;

  background-color: #003057;

  color: #fff;

  border-radius: 4px;

  font-weight: bold;

  cursor: pointer;

  z-index: 20;

  text-align: center;

  width: 24px;

  height: 24px;

  line-height: 24px;

  font-size: 14px;

  box-shadow: 0 2px 6px rgba(0,0,0,0.3);

}



.info-popover {

  display: none;

  position: absolute;

  top: 30px;

  right: 0;

  background-color: #fff;

  color: #333;

  padding: 10px 12px;

  border: 1px solid #ccc;

  border-radius: 6px;

  box-shadow: 0 4px 8px rgba(0,0,0,0.2);

  font-size: 1.6rem;

  white-space: nowrap;

  z-index: 15;

}



a.btn.btn-primary {

    color: #003057!important;

    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(250, 250, 255, 1) 51%, rgba(245, 245, 255, 1) 100%);

}

.pagination-appendix{

font-weight:400;

font-size:3rem;

}