:root {
    --prim-pink: #FFA1BD;
    --seco-pink: #fd729b;
    --trip-pink: #fd729b;
    --light-pink: #FFBACF;
}

body {
    background-color: #FCFAF7;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1230px;
    }
}

.navigation-buttons a[data-target="cart"]:hover {
    color: #fff;
}


@media(min-width:992px) {
    #header .cart-count {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
}

.btn.cart-count::before,
a.btn.cart-count::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(/user/documents/upload/template-parts/icons/kosik.svg);
    background-size: cover;
    filter: invert(1);

}

@media(min-width:992px) {
    .header-top .btn.cart-count::before {
        margin-right: 5px;
    }

    .btn.cart-count::before,
    a.btn.cart-count::before {
        width: 34px;
        height: 34px;
    }
}

@media(min-width:992px) {
    .admin-logged .popup-widget.cart-widget {
        top: 80px;
        margin-left: 165px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .cart-widget-button {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .popup-widget.cart-widget {
        top: 70px;
        margin-left: 165px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}

.products-block .p-bottom .p-tools {
    text-align: left;
}

.price-final {
    color: var(--trip-pink);
}

.products-block .ratings-wrapper .availability {
    flex: 1 1 100%;
    text-align: left;
}

.availability>span {
    font-weight: 600;
}

.flag {
    border-radius: 20px;
}

@media(min-width:992px) {
    .header-top>div {
        flex: 0 1 20%;
        align-self: center;
    }

    .header-top>div:nth-child(2) {
        flex: 0 1 60%;
        align-self: center;
    }
}

.homepage-box {
    border-top-color: #f2f2f2 !important;
    border-bottom-color: #f2f2f2 !important;
    background-color: #FCFAF7 !important;
}

.top-navigation-bar {
    display: none;
}

@media(max-width:767px) {
    .top-navigation-bar {
        background-color: var(--seco-pink);
        display: block;
    }
}

.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
    background-color: var(--light-pink);
    border-color: var(--light-pink);
    border-radius: 20px;
}

.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover,
.p:hover.btn.btn-conversion,
.p:hover a.btn.btn-conversion,
.p:hover .btn.btn-cart,
.p:hover a.btn.btn-cart {
    background-color: var(--trip-pink);
    border-color: var(--trip-pink);
}

/*Navigace*/

@media(min-width:768px) {
    #header {
        position: relative;

        background-color: var(--seco-pink);
    }

    #header::after {
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        background-color: var(--prim-pink);
        position: absolute;
    }

    #navigation {
        height: 50px;
        z-index: 1;
    }

    .navigation-in>ul>li>a {
        background-color: transparent;
        color: #fff;
    }

    .navigation-in>ul>li:hover>a {

        color: #000;
    }

    .navigation-in>ul>li {
        border-color: var(--trip-pink);
    }

    .navigation-in ul.menu-level-2 {
        border-color: transparent;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .navigation-in {
        line-height: 32px;
        font-size: 16px;
        background-color: var(--prim-pink);
    }

    .fitted .navigation-in ul {
        justify-content: flex-start;
    }
}

/*Submenu*/
@media(min-width:768px) {
    .sub-header-menu {
        height: 50px;
        position: relative;
        display: flex;
        align-items: center;
        margin-left: -20px;
        margin-right: -20px;
    }

    .nav-sub {
        line-height: 16px;
        font-size: 16px;

        width: 100%;
    }

    ul.sb-menu {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 0;
    }

    ul.sb-menu>li>a {
        background-color: transparent;
        color: #fff;
        padding: 9px 20px;
    }

    ul.sb-menu>li:hover>a {
        color: #f2f2f2;
    }
}

/*Header top*/
@media(min-width:768px) {
    .header-top {
        display: flex;
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 0;
        height: 70px;
    }

    .navigation-buttons a[data-target="cart"] {
        color: #fff;
    }
}

input[type="search"].form-control {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#header .search .btn.btn-default {
    background-color: var(--prim-pink);
    border-color: var(--prim-pink);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

/*Carousel*/
.homepage-box.before-carousel {
    border: none;
}

.homepage-box.before-carousel {
    border: none;
    display: flex;
    width: 100%;
    justify-content: center;
}

.homepage-box.before-carousel .row.banners-row {
    justify-content: center;
    display: flex;
}

/*Content*/
.exp-banners {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.exp-banner {
    display: flex;
    margin: 24px 0 0 24px;
    flex-direction: column;
    text-align: center;
    padding: 20px 20px 18px;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #F5F0E8;
    background-color: #fff;
    position: relative;
    color: #504f55;
    text-decoration: none !important;
    outline: 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    flex-basis: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
}

@media(max-width:767px) {


    .exp-banner {
        flex-basis: 100%;
        max-width: 100%;
        margin: 5px 0;
    }

}

.exp-banner .linked>a {

    color: #3f2d20;
    border-radius: 15px;
    border: 1px solid #F5F0E8;
    padding: 10px 15px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.exp-banner .linked>a:after {
    content: '\e910';
    font-family: shoptet;
    font-size: 8px;
    margin-left: 5px;

}

.benefitBanner__item {
    background: #fff;
    padding: 20px 25px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.benefitBanner__item:hover {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.benefitBanner__item img {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.benefitBanner__title {
    font-size: 21px;
    font-weight: 400;
}

.benefitBanner__data {
    color: #504f55;
    opacity: .8;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
}

.benefitBanner {
    margin: 0 auto !important;
}

.footer-banners.row.banner-wrapper {
    margin: 0;
}

@media (min-width: 480px) {
    .benefitBanner {
        flex-direction: column;
        order: 1;

    }
}

@media (min-width: 992px) {
    .benefitBanner__item {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

}

.banners-topic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

@media(max-width:767px) {
    .banners-topic {
        flex-direction: column;
    }
}

.banners-topic>div {
    width: 50%;
}

@media(max-width:767px) {
    .banners-topic>div {
        width: 100%;
    }
}

.content-wrapper {
    background-color: #FCFAF7;
}

.footer-banner.col-sm-12.col-lg-12 img {
    border-radius: 20px;
}

h4.homepage-group-title,
.h4.homepage-group-title {
    text-align: left;
    margin-left: 15px;
}

.welcome-wrapper {
    display: none;
}

.p .name {
    color: #504f55;
}

/*Product*/

.products-block.products>div {
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    border: none !important;
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    transition: all 0.4s ease-in-out;
 
}


@media(min-width:992px){
    .products-block.products>div{
    width: calc(25% - 10px);
}
}
@media(max-width:767px) {
    .products-block.products>div {
        margin: 5px 0;
    }
}

.products-block.products>div:hover {

    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

/*footer*/
#footer>.container {
    border: none;
}

#footer,
#footer>.container {
    background-color: var(--seco-pink);
    color: #fff;
}

#footer h4,
#footer a,
#footer p,
#footer ul a,
#footer .news-item-widget a {
    color: #fff;
}

@media(max-width:767px) {
    .footer-banners>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/*Editor*/

.menu-helper{top:126px;}
.navigation-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 4px;
    padding-bottom: 4px;
}

.custom-footer {
    border: none !important;
}

.newsletter-inner-wrapper{
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(253,114,155,1) 100%);
    color: #fff;
padding:40px 0;
}

@media (min-width: 480px) {
    .benefitBanner__item {
        flex: 0 0 50%;
        width: 100%;
    }
}

.responsive-tools>a[data-target="navigation"]::before {
    color: #fff;
    background-color: #ff95b5;
}

.top-navigation-bar a {
    color: #fff;
}

.responsive-tools>a::before {
    font-weight: 600;
}

@media (min-width: 768px) {
    .col-sm-8 {
        width: 100%;
    }
}

.sb-menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sb-menu li a .icon {
    margin-right: 10px;
}

.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(/user/documents/upload/template-parts/icons/kosik.svg);
    background-size: cover;
}
.p-tools .btn.btn-primary:before,.p-tools  a.btn.btn-primary:before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(/user/documents/upload/template-parts/icons/lupa.svg);
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    top: 2px;
    position: relative;
}
.p:hover .btn-cart,
.p .btn-cart {
    color: #000;
}

.category-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.category-item {
    width: calc(20% - 10px);
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-radius: 20px;
}

.category-item>a>img {
    border-radius: 20px;
}

@media(max-width:991px) {
    .category-banners {
        justify-content: flex-start;
    }

    .category-item {
        width: calc(33.333% - 10px);

    }
}

@media(max-width:767px) {
#header .site-name {
    margin: 10px;
    text-align: center;
}
    .category-item {
        width: calc(50% - 10px);
    }

    .banners-topic {
        flex-direction: column;
    }

    .banners-topic>div {
        width: 100%;
    }
    .top-navigation-bar a, .top-navigation-bar .dropdown button {
    color: #fff;
}

}

.add-to-cart .quantity {
    border: none !important;
    background: #fff;

}

.add-to-cart .quantity .increase,
.add-to-cart .quantity .decrease {
    border: none !important;
    background-color: #fff;
    color: inherit;
}

.breadcrumbs {
    color: #504f55;
    background-color: transparent;
    border: none !important;
}

.type-detail .add-to-cart .btn.btn-conversion {
    background-color: var(--light-pink);
    border-color: var(--light-pink);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#footer .contact-box a,
#footer .password-helper a,
#footer .news-item-widget a,
#footer ul a {
    color: #fff;
}

.btn.btn-primary,
a.btn.btn-primary {
    border-radius: 20px;
    color: #000;
    text-transform: initial;
        background-color: var(--light-pink);
    border-color: var(--light-pink);
    display: inline-block;
    vertical-align: middle;
}
.p:hover a.btn.btn-primary,.p:hover .btn.btn-primary {
    color: #000;
        background-color: var(--trip-pink);
    border-color: var(--trip-pink);
}
/*Newsletter*/
.newsletter-inner-wrapper .container .custom-footer__newsletter.extended {
    padding: 24px 0;
    max-width: 1080px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    width: 100%;
    flex-wrap: wrap;
}


.newsletter-inner-wrapper .container .newsletter-header {
    width: 30%;
    padding-right: 25px;
    text-align: center;
}
@media(max-width:767px){
.newsletter-inner-wrapper .container .newsletter-header {
    width: 100%;
    padding-right: 0;
    text-align: center;
}
}
.newsletter-inner-wrapper .newsletter-header h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;

}
.newsletter-inner-wrapper .newsletter-header span::after {
    content: "Přihlašte se a neunikne vám žádná novinka a slevová akce. ";
    color: #f2f2f2;
    display: block;
    font-size: 16px;
    font-weight: 300;
      text-transform: initial;
}

.newsletter-inner-wrapper #formNewsletterWidget {
    width: 100%;
    max-width: 450px;
    padding-left: 0px;
    top:15px;
    color:rgb(41, 41, 41);
}

.newsletter-inner-wrapper #formNewsletterWidget a{
    color:rgb(41, 41, 41);
    font-weight: 600;
}
.newsletter-inner-wrapper .container .extended #formNewsletterWidget input[type=email] {

    color: #000;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    max-width: 310px;
    height: 45px;
    box-shadow: none;
    border-radius: 10px;
    background-color: #fff;
    font-style: italic;
    padding-left: 15px;
    border: 0;
}
.newsletter-inner-wrapper .container .extended #formNewsletterWidget button[type=submit] {
    top: 0;
    right: 3px;
    color: #fff;
    font-size: 0;
    font-weight: 500;
    width: 114px;
    height: 45px;

    border: 0;
    border-radius: 10px;
    text-transform: none;
}
.newsletter-inner-wrapper .container .extended #formNewsletterWidget button[type=submit]::before {
    content: "";
    }
.newsletter-inner-wrapper .container .extended #formNewsletterWidget button[type=submit]::after {
    content: "Odeslat";
    font-size: 15px;
    font-weight: 500;
    position: relative;
    top: 2px;
}
.sub-header-menu>div>ul>li>a img {
    filter: invert(1);
    margin-right: 5px;
    width: 28px;
}

/*Blog*/
.blog-wrapper{
            margin-bottom:20px;
}
[class~=blog-wrapper]:before {
    text-align: left;
    content:'Články';
        font-size: 26px;
margin-left:15px;
}
.image a img {
    border-radius: 20px;
}
@media(min-width:992px){
.blog-homepage {
    display: flex;
    flex-direction: row;
    margin-top:20px;
}
.blog-homepage .news-item:first-child {
width:calc(50% - 10px);
margin: 0 10px;
display:flex;
flex-direction:column;
position:relative
}
.blog-homepage .news-item:not(:first-child) {
    width: calc(25% - 10px);
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 15px;
    border-radius: 20px;
}
.blog-homepage .news-item:first-child .image {
    width: 100%;
}

.blog-homepage .news-item:not(:first-child) .image {
    width: 370px;
    max-width: 100%;
}
.blog-homepage .news-item:not(:first-child) .text .title {
    line-height: 32px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    margin: 5px 0;
}
.blog-homepage .news-item:first-child .text {
    position: absolute;
    width: 100%;
    position: absolute;
    height: 100%;

}
.blog-homepage .news-item:first-child .description {
display:none;
}
}
.category-header{
    background-color: #fdeaed;
    }
    .sidebar, .filter-sections {
    background-color: #fff;
    }
    .sub-header-menu{
    height:40px;
    }
    .sb-menu{
    margin: 0;
    }
    ul.sb-menu>li>a {
    font-size: 14px;
    }
    .navigation-in>ul>li>a{
    font-size: 14px;
    }
    .sub-header-menu>div>ul>li>a img{
    width: 20px;
    }
    .news-item{
    position:relative;
    }
    .btn-blog{
    
        position: absolute;
        right: 10px;
        bottom: 10px;
    
    }
    .news-item .title{
    color: var(--color-tertiary);
    
    }
    @media(min-width:992px){
        .blog-homepage .news-item:not(:first-child) .title{
    color: var(--color-tertiary);
    
    }
    .blog-homepage .news-item:first-child .title{
     position: absolute;
        left: 10px;
        top: 10px;
        color:#fff;
    }
    }
    a.btn.btn-blog {
        background: var(--color-tertiary);
        border: none;
        color: #fff;
        border-radius: 20px;
        text-transform:inherit;
    }
    body:not(.in-index) .btn.btn-primary,body:not(.in-index)  a.btn.btn-primary{
    display:flex;
    align-items:center;
    }
    body:not(.in-index) .btn.btn-primary:before,body:not(.in-index)  a.btn.btn-primary:before{
    top:0;
    }
    @media(max-width:767px){
    .btn.btn-primary,a.btn.btn-primary{
    display:flex;
    align-items:center;
    }
    .btn.btn-primary:before, a.btn.btn-primary:before{
    top:0;
    }
    a.btn.btn-blog{
    position: relative;
        bottom: 0;
        float: right;
    }
    
    }
    .news-item:not(:first-child) a.btn.btn-blog{
    font-size:12px;
    }
    .news-item:first-child a.btn.btn-blog{
    font-size:16px;
    }
    
    .footer-rows .site-name{
    max-width:100%;
    
    }
    .footer-rows .site-name img{
    max-height:100%;
    
    }
    #footer .site-name {
        display: flex;
        text-align: left;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #footer h4 {
        font-weight:600;
        font-size:19px;
        text-transform:none;
    }
    #footer li a{
        font-weight:100;
        font-size:16px;
    }
    .footer-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .kontakt-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .kontakt-item p {
        margin: 0;
        font-weight:100;
         font-size:14px;
    }
    .kontakty-footer {
        margin-top: 40px;
    }
    .kontakt-item .text{
    padding: 0 10px;
    }
    .kontakt-item .image {
        margin-right: 15px;
    }
    .kontakt-item img {
        max-width: 40px;
    }
    .kontakt-item:not(:last-child) {
        border-bottom: 1px solid rgb(201 152 167 / 60%);
        margin: 10px 0;
    }
    .kontakt-item{
    padding:15px 0;
    }
    @media(min-width:992px){
    .custom-footer {
        padding-left: 385px;
        padding-top: 76px;
    }
    .custom-footer>div{
    width:33.333%;
    }
    }
    .footer-bottom {
        background: #f2f2f2;
        position: relative;
        top: 70px;
    }
    
    .footer-right #signature,.footer-right .copyright{
        flex: 0;
        margin: 0;
        color:#c7c5c6;
        font-weight:normal;
        text-align: left;
    }
    .footer-right  #signature a,.footer-right strong{
     color:#c7c5c6;
        font-weight:normal;
           
    }
    .footer-right .copyright {
     
        max-width: 300px;}
    #signature .image{
    display:none;
    }
    .footer-bottom .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-bottom .container>.footer-left {
        flex: 1 0 80%;
        justify-content: flex-start;
        display: flex;
        align-items:center;
    }
    .footer-bottom .container>.footer-left img{
    max-width: 50px;
    }
    .footer-bottom .container>.footer-right {
    flex:1 0 20%;
    }
    .footer-left a {
        margin: 0 5px;
    }
    @media(max-width:767px){
    #footer{
    padding-top: 20px;
    }
    .footer-bottom .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .footer-bottom .container>.footer-left,.footer-bottom .container>.footer-right{
       flex: 1 0 100%;
         justify-content: center;
         margin:10px 0;
         align-items:center;
    }
    .footer-right #signature, .footer-right .copyright{
    text-align:center;
    }
    .custom-footer.elements-3>div {
        text-align: center;
    }
    .newsletter-inner-wrapper{
    padding:20px 0;
    }
    #carousel{margin-bottom:20px;}
    .img-responsive, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        border-radius: 20px;
    }
    }