body {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300 !important;
    text-transform: uppercase !important;
}

.benefitBanner .benefitBanner__title {
    font-weight: 300 !important;
}

.homepage-group-title {
    font-weight: 300 !important;
    text-transform: uppercase !important;
}

header {
    background-color: #0e1724 !important;
}

.navigation-buttons > a {
    background-color: #ffffff00;
}

.site-name > a > img {
    max-width: 150px !important;
}


.container--bannersBenefit {
    padding-top: 100px !important;
}

.col-sm-6 > .banner > .banner-wrapper > span {
    display: flex !important;
    flex-direction: column !important;
}

.col-sm-4 > .banner > .banner-wrapper > span {
    display: flex !important;
    flex-direction: column !important;
}

.navigation-buttons > .toggle-window {
    
    background-color: rgba(255, 255, 255, 0) !important;
}

.menu-level-1 {
    background: #101724;
    border-top: solid 1px #192438;
}

.products-block>div .p .p-in .p-in-in .name {
    font-size: 25px !important;
    font-weight: 300;
    text-transform: uppercase;
}

.products-block>div .p .p-in {
    padding-top: 25px;
}

.next-to-carousel-banners {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.banner-wrapper {
    position: relative;
    width: 45%;
}

.benefitBanner .benefitBanner__picture {
    background: #ffffff21;
    padding: 15px;
    aspect-ratio: 1/1;
    border-radius: 150px;
    height: 100px;
}

.benefit-banners-full-width {
    background-color: rgba(255, 255, 255, 0) !important;
}

.products-block .p .image img {
    border: solid 2px #d9b76a;
    border-radius: 0px 50px;
}

.homepage-products-6 .p .image img {
    border: solid 2px #e5e5e5;
    border-radius: 0px 50px;
}

.homepage-products-3 .p .image img {
	border: solid 2px #d9b76a;
    border-radius: 50px 0px;
}

.next-to-carousel-banners > .banner-wrapper {
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
}

.next-to-carousel-banners {
gap: 20px;
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(2) {
	background-image: url("https://743960.myshoptet.com/user/documents/upload/set_dámské_AIV09850.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 330px;
    background-position-x: center;
    background-position-y: -70px;
    border-radius: 50px 0px;
    border: solid 2px #d9b76a; 
    z-index: 1;
    transition: 0.3s ease-in-out;
    padding: 0 16px;
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(2):hover {
transform: scale(1.02);
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(1) {
	background-image: url("https://743960.myshoptet.com/user/documents/upload/set_pánské_AIV09849.jpg");
    background-size: cover;
    height: 330px;
    background-position-x: center;
    background-position-y: -100px;
    border-radius: 0 50px;
    background-repeat: no-repeat;
    border: solid 2px #e5e5e5;
    z-index: 1;
    transition: 0.3s ease-in-out;
    padding: 0 16px;
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(1):hover {
transform: scale(1.02);
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(1)::before {
content: "";
position: absolute;
inset: 0;
border-radius: 0 50px;
}

.next-to-carousel-banners .banner-wrapper:nth-of-type(2)::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50px 0;
}

.banner-wrapper:is(:nth-of-type(1), :nth-of-type(2)) * {
  position: relative;
  z-index: 1;
}

footer {
background: linear-gradient(180deg, #0f1724 0%, #152b46 60%, #152940 100%) !important;
}

footer a:hover {
color: #d9b76a !important;
}

footer .banner-wrapper {
width: fit-content;
}

.footer-newsletter-full-width {
display: none;
}

.footer-bottom-full-width, .footer-bottom {
background-color: transparent !important;
}

.products-block {
width: 100%;
}


/*WELCOME WRAPPER*/
@media (min-width: 1440px) {
    body.id-1 #content-wrapper, .one-column-body .welcome-wrapper .welcome {
        width: 100% !important;
    }
 body.id-1 #content .homepage-group-title, body.id-1 #content .products-wrapper.product-slider-holder, body.id-1 #content .homepage-group-title, body.id-1 #content .products-wrapper.product-slider-holder
     {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
body.id-1 .welcome h2, body.id-1 #content .welcome-wrapper .maxwidth {
max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
}


}
/*WELCOME WRAPPER*/
body.template-14 #footer h4 > span:after {
border-color: #d9b76a;
}

body.template-14 #cboxClose {
background-color: transparent !important;
}

html:has(head link[rel="canonical"][href*="/panske-parfemy/"]) 
  .products-block .p .image img {
    border: 2px solid #76a3d9 !important;
    border-radius: 50px 0 !important;
}

.p-detail-inner .p-to-cart-block .add-to-cart {
justify-content: start;
}

.p-detail-inner .p-to-cart-block .add-to-cart-button {
flex-grow: 0;
}

button.btn.btn-conversion.add-to-cart-button {
width: 200px;
}

.cookiesSetting__button:hover {
background-color: #D9B76A;
}

.cookiesSetting__button {
background-color: #c5a663;
}

.cookiesSetting__uncheckLink {
color: white;
border: 1px solid white !important; 
}

.colorbox-html-content, .cookiesSetting__item__name, .cookiesSetting__item__text, .cookiesSetting__perex {
color: white;
}

.template-14 #cboxContent.cookiesDialog .colorbox-html-content {
border: 1px solid #d9b76a; 
}

div#cboxLoadedContent, .cookiesSetting__data {
background-color: #101724;
}

body.template-14 .searchWhisperer__products, body.template-14 .searchWhisperer__additionalResults {
background-color: #101724;
}

body.template-14 .checkout-box, body.template-14 #checkoutSidebar .cart-content, body.template-14.ordering-process .co-box, body.template-14 .checkout-box-wrapper, body.template-14 .summary-wrapper {
background-color: #101724;
}

a:hover:not(.btn) {
color: #c5a663 !important;
}

h1, h2, h3 {
color: white !important;
}

.overall-wrapper, .content-wrapper, .breadcrumbs {
background-color: #0f1724 !important;
}

.shp-tabs-holder ul.shp-tabs li.shp-tab.active a {
box-shadow: none;
}

.subcategories img {
display: none;
}

.continue-shopping {
color: #c5a663;
}

.cart-content.summary-wrapper, .cart-content.checkout-box-wrapper {
background-color: transparent !important;
border: solid 1px #c5a663;
}

i {
color: #f2f2f2 !important;
}

a.shp-tab-link {
background-color: transparent !important;
}

.js-validator-msg.msg-error {
background-color: transparent !important;
}

.shp-tab {
background-color: transparent !important;
} 

.tab-content {
border-top: solid 1px #c5a663;
border-radius: inherit !important;
}

input.btn.btn-sm.btn-primary {
padding: 15px !important;
}

#discussion-form {
background-color: transparent !important;
}

.p-detail-full-width #tab-content {
box-shadow: none;
}

.full-width.p-detail-full-width {
background-color: #0e1724 !important;
}

body.template-14 #category-header, .shp-tabs-holder, .shp-tabs {
background-color: transparent !important;
}

#filters {
background: transparent !important;
border-color: #c5a663 !important;
}

.body.template-14 .products-top-header, body.template-14 .category-top {
border-color: #c5a663;
}


@media screen and (max-width: 1630px) {

.next-to-carousel-banners .banner-wrapper:nth-of-type(1), .next-to-carousel-banners .banner-wrapper:nth-of-type(2) {
background-position: center;
}

}


@media screen and (max-width: 1000px) {
.banner-wrapper > span > h2 {
	font-size: 25px; 
}

.container-full-width {
    margin-top: 30px;
}

}

@media screen and (max-width: 991px) {
.header-top {
height: 10vh !important;
display: flex;
flex-direction: row;
align-items: center;
}

.p-short-description {
margin-top: 15px;
}

.site-name {
padding: 0px !important;
}

.site-name > img {
height: 60px;
}

.site-name > a > img {
    max-width: fit-content !important;
}

}


@media screen and (max-width: 768px) {

.header-top .header-top-wrapper {
width: 100% !important;
}

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

.one-column-body .welcome-wrapper .welcome {
width: 100% !important;
}

.header-top {
justify-content: space-between;
}

}


@media screen and (max-width: 767px) {

    
.customer-page .content {
background-color: #0f1724;
box-shadow: none;
}

}

@media screen and (max-width: 650px) {

.next-to-carousel-banners {
flex-direction: column;
}

.carousel-inner {
    flex-direction: column;
    height: fit-content;
}

.banner-wrapper {
    width: 100%;
}

.next-to-carousel-banners {
    margin-left: 16px;
    margin-right: 16px;
}


}

@media screen and (max-width: 370px) {
.banner-wrapper > span > h2 {
font-size: 22px;
}

}

.welcome h2 {
font-size: 48px;
}

/*Cookies - vyskakovací okno*/ 

.siteCookies__form, .siteCookies, .siteCookies--bottom {
background-color: #0e1724 !important;
}

/*Konec Cookies*/

.welcome h3, .welcome p, .welcome h2 {
line-height: 1.4em;
}

body:not(.id-1) div#content-wrapper{
  /* styly, které se mají použít všude mimo stránku s body.id-1 */
max-width: 1440px !important;
}

.content-inner {
padding: 8px;
}

div#content-wrapper {
max-width: 100% !important;
}

.container-full-width {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}

.carousel-inner::before {
background: linear-gradient(
90deg, rgba(14, 23, 35, 1) 0%, rgba(14, 23, 35, 0) 50%, rgba(14, 23, 35, 1) 100%);
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
}

.welcome {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.welcome > h1 {
text-align: center;
}

.products-wrapper.product-slider-holder {
position: relative;
z-index: 0;
background: linear-gradient(180deg, #0f1724 0%, #152b46 60%, #0f1724 100%) !important;
}

.products-wrapper.product-slider-holder::before {
background: linear-gradient(
90deg, rgba(14, 23, 35, 1) 0%, rgba(14, 23, 35, 0) 50%, rgba(14, 23, 35, 1) 100%);
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 0;
pointer-events: none;
}

@media screen and (min-width: 2000px) {
body {
overflow-x: hidden;
}

}

@media screen and (min-width: 1199px) {
.one-column-body .welcome-wrapper .welcome {
width: 100% !important;
}
}

@media screen and (max-width: 980px) {
.next-to-carousel-banners {
margin-top: 40px;
}

.welcome img {
height: 40vh;
object-fit: cover;
}
}

@media screen and (max-width: 767px) {

#header .header-top .header-top-wrapper {
    padding-left: 8px;
    padding-right: 8px;
}

.header-bottom {
display: block;
}

.custom-footer__contact > .contact-box {
   min-height: fit-content !important;
}

.product-slider-holder .product-slider-navigation {
top: 40%;
}

.welcome h2 {
font-size: 32px;
}

}