/*Slidery Nowości i Bestseller na Głównej, wyłączenie dodatkowych atrybutów oraz dostosowanie wielkości fontów */

.carousel-fx-wrapper.carousel-deck .abs-col-details-description-attributes {
display: none;
}

.carousel-fx-wrapper.carousel-deck .abs-item-price-box .abs-item-price-final {
font-size: 1.4em;
}

.carousel-fx-wrapper.carousel-deck .abs-item-price-box .abs-item-price-base {
font-size: 1em;
}

.carousel-fx-wrapper.carousel-deck .abs-item-price-box .abs-item-price-breakdown {
font-size: 0.85em;
}

.carousel-fx-wrapper.carousel-deck .abs-item-price-box > span {
margin-bottom: 5px;
}

/*adres na stronie kontakt*/
#controllerContent > div > div.panel-body > div.abs-company-data-container > div > div.abs-company-data-col.abs-company-data-col-2 > div:nth-child(1) > div.panel-body > div:before {
display:block;
content:'Drogeria eCarol';
}

#controllerContent > div > div.panel-body > div.abs-company-data-container > h2 {
margin-bottom: 2rem;
font-size:1.6rem
}

.abs-btn-account.open > ul.dropdown-menu >li > a:hover {
background: #f5f5f5;
}

/*
.navbar-static-top .abs-header-content-row .abs-header-content-logo .navbar-brand {
padding: 8px;
}

#topAppHeader .navbar-brand {
padding-top:9px !important;
}
*/
.category-Info-panel-wrapper {
position: relative;
order:2;
}

.panel.abs-panel-main.injection-main-panel-content h2 {
font-size: 2rem;
}

.panel.abs-panel-main.slideshow-p-main-panel-content.abs-display-on-all h2 {
font-size: 2rem;
}


.abs-newsletter-panel {
font-size: clamp(1rem, 1.5vh, 1.4rem);
}

main.abs-col-content .abs-panel-main {
margin-bottom:5rem;
}

#selectDivisionBtn {
display:none;
}
.abs-categories-intro {
margin-inline:0px;
margin-top:0px;
}

.abs-categories-intro> a {
flex-basis:240px;
min-height:400px;
min-width:252px;
flex:0 0 240px;
}

#home-link {
  display: none;
}


@media (min-width: 1350px) {
  .container {
    max-width: 1600px;
  }
/*.na razie wylaczony abs-body-top-inset-main {
margin-bottom: 10rem;
} */
}

section[data-panel-id="injection-1161"] .panel-heading {
display: none;
}

/*na razie wylaczony .abs-body-top-inset-main {
margin-bottom: 8rem;
}
*/

ul.nav.abs-mobile-side-nav>a+li {
margin-top:0px;
}


#mobileBrandSearch {
width:400px;
padding:8px 25px;
border:1px solid #eee;
height:40px;
}

.mobile-Brand-Search-Li {
border-top:50px solid #f8f8f8;
margin-top:0px !important;
margin-right:0px;
z-index:10;
position:fixed !important;
background-color: #f8f8f8;
}

body > footer > div.abs-footer-items-wrapper.container > div > div > div > div.panel-heading {
display:none;
}

.abs-panel-main > .panel-heading {
padding-inline:0.5rem !important;
}

/*2sekcja na main*/
.ad-wrapper {
content-visibility: auto;
            display: flex;
            flex-flow:row wrap;
            justify-content: space-around;
gap:1rem;
align-items: stretch;
padding-inline:0.5rem;
         }
 
.ad-product-card {
display:flex;
            height:auto;
flex: 1;
width:33%;
max-width:450px;
flex-direction:column;  
        }
    
        .ad-product-description {
            display: flex;
flex-direction: column;
padding-inline:0.5rem;
flex-grow: 1;
        }
    
        .ad-product-description .ad-product-head {
            font-size: 1.8rem;
        }
    
        .ad-product-description .ad-product-subhead {
            font-size: 1.5rem;
            margin-bottom: 1.4rem;
margin-top:0px;
min-height:60px;
        }
 .ad-btn {
align-self: flex-start;
display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
        .ad-wrapper {
            flex-direction: column;
            gap:3rem;
align-content: center;
        }
        .ad-product-description .ad-product-head {
            font-size: 1.8rem;
        }
.ad-product-card {
width: 100%;
}
        
    }

    @media screen and (max-width: 991px) {
        .ad-wrapper {
            gap:3rem;
        }
    } 
/*nasze marki*/
.btn-see-more {
margin:10px;
font-weight:500;
}

.btn-see-more:hover,
.btn-see-more:active {
color: #4E78B7;
background-color: #eee;
border-radius: 10px;
}
/*przyciski przewijania*/
.category-button {  
height:fit-content;
scale:0.9;
background-color: #DDDDDD;
opacity:0.5;
  border: none;
  border-radius: 4px;
  color: #333030;
  cursor: pointer;
  font-size: 30px;
font-weight:400;
line-height:30px;
  padding: 1px;
  position: absolute;
  top: 50%;
 
}

.category-button-left {
left:0;
 transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
} 
.category-button-right {
right:0;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
} 

.abs-categories-intro .abs-subcategory div>img {
width: 100%
}

   .abs-categories-intro {
    overflow-x: scroll;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
   }

   

.abs-categories-intro > a {
scroll-snap-align: start;
margin: 0px;
padding: 5px;

}

.abs-categories-intro .abs-subcategory {
margin-bottom:0.5rem;
max-height: 400px
}

.abs-categories-intro:not(:hover)::-webkit-scrollbar {
  visibility: hidden;
}
.abs-categories-intro:not(:hover) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*--------------------------------------------------------------------------*/
#injection-1001 .panel-heading > h2 {
text-align: center;
font-size:2.5rem;
}
/*szerokość strony*/
@media (min-width: 992px) {
.abs-layout-site-two-column>.abs-row>.abs-col-left-sidebar {
width:15%;
}
.abs-layout-breadcrumbs {
max-width: 1800px;
}
.abs-layout-site-two-column > .abs-row > .abs-col-content {
width: 85%;
}
.abs-article-page-content {
padding-inline:4rem !important;
}

.abs-article-page-content h3 {
margin-block: 3rem;
}

/*fonty w main menu desktop*/
#mainMenu > ul > li {
font-size: 1.8rem;
} 

}

/* nagłówek główny na razie wylaczony
#bodyTopInset {
width:100%;
max-width: 1800px;
height: auto;
max-height: 600px;
}

#bodyTopInset .abs-html-injection {
padding: 0px !important;
}
*/

@media (min-width: 1350px) {
.abs-layout-site-two-column {
    max-width: 1800px;
    width: 100%;
}
.abs-layout-breadcrumbs {
max-width: 1800px;
}
.abs-col-content {
width:80%;
}
.abs-layout-site-one-column {
max-width: 1800px;
}
}
aside #categoriesPanel > .panel-body ul {
max-height:400px;
overflow:hidden;
}

.abs-side-menu li>a {
        padding:2px 15px;
    }

.abs-search-options-links {
display:none;
}

#menuCategoryTree li[data-href*="makijaz"],
#menuCategoryTree li[data-href*="pielegnacja"],
#menuCategoryTree li[data-href*="wlosy"],
#menuCategoryTree li[data-href*="paznokcie"],
#menuCategoryTree li[data-href*="zapachy"],
#menuCategoryTree li[data-href*="dzieci"],
#menuCategoryTree li[data-href*="mezczyzna"],
#menuCategoryTree li[data-href*="akcesoria"],
#menuCategoryTree li[data-href*="dom"],
#menuCategoryTree li[data-href*="zdrowie"],
.abs-side-menu li[data-href*="makijaz"],
.abs-side-menu li[data-href*="pielegnacja"],
.abs-side-menu li[data-href*="wlosy"],
.abs-side-menu li[data-href*="paznokcie"],
.abs-side-menu li[data-href*="zapachy"],
.abs-side-menu li[data-href*="mezczyzna"],
.abs-side-menu li[data-href*="dzieci"],
.abs-side-menu li[data-href*="akcesoria"],
.abs-side-menu li[data-href*="dom"],
.abs-side-menu li[data-href*="zdrowie"] {
  display: none;
}


aside #categoriesPanel {
min-height: 150px;
}

section .panel-body.abs-html-injection {
padding:10px 4px !important;
}

.logo-desktop {
padding: 8px;
}

/* karet na main menu */
#mainMenu .caret {
display:none
}