@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Madimi+One&display=swap');

:root {
    --bs-primary-blue: var(--bs-primary);
    --bs-primary-yellow: #fff4d6;
    --bs-primary-pink: #FAC5D4;
    --bs-primary-green: #AFD1A7;
    /*--bs-primary-purple: #7673D1;*/
    --bs-primary-purple: #6E69CE;
    --bs-primary-orange: #f99866;

    --bs-img-arc: 50% 50% 0 0;
    --margin-basic: 20px;

    --wave-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 100 L5 103.17793349817683 L10 105.66311896062463 L15 106.91381838416596 L20 106.65739561406608 L25 104.94974746830583 L30 102.16311896062463 L35 98.90495874471839 L40 95.88550323395269 L45 93.76295433068142 L50 93 L55 93.76295433068142 L60 95.88550323395269 L65 98.90495874471839 L70 102.16311896062463 L75 104.94974746830583 L80 106.65739561406608 L85 106.91381838416596 L90 105.66311896062463 L95 103.17793349817684 L100 100 L105 96.82206650182317 L110 94.33688103937537 L115 93.08618161583404 L120 93.34260438593392 L125 95.05025253169416 L130 97.83688103937537 L135 101.0950412552816 L140 104.11449676604731 L145 106.23704566931858 L150 107 L155 106.23704566931858 L160 104.11449676604731 L165 101.09504125528161 L170 97.83688103937538 L175 95.05025253169417 L180 93.34260438593392 L185 93.08618161583404 L190 94.33688103937536 L195 96.82206650182317 L200 100 V200 H0 Z'/%3E%3C/svg%3E");
    --bs-button-border-radius: 1.25rem;

    --bs-background: color-mix(in oklab, var(--bs-body-color) 6%, var(--bs-body-bg)) ;
}


.contactus-wrap {display: none;}

body {
    font-family: 'Livvic' sans-serif;
}

h1, h2, h3, .h1, .h2, .h3 {
    /*font-family: "Alkatra", sans-serif;*/
    font-family: "Madimi One", sans-serif;
    color: var(--bs-primary-blue);
}

.h4>h2 {margin-top: 20px;}


h1, .h1,
.wave-underline {
    text-decoration: underline wavy color-mix(in oklab, var(--bs-primary-green) 50%, var(--bs-body-bg));
}

.section-wave h1, .section-wave-bottom h1 {
    text-decoration: none;

}

.eshop-header>h1 {
    text-align: center;
    display: inherit;
}

.product-item__title {
    font-size: 1.45rem;}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2.5rem;
    }

    h1, .h1 {font-size: 3rem;}
}

/* animace */

@keyframes animace { 0% {transform:scale( 0.7,0.7); opacity: 0;}
    70% {transform:scale( 1.05,1.05); opacity: 0.4;}
    100% {transform:scale(1,1);
        opacity: 1;}
}

.section-color-item { animation: animace 0.6s;}
h1, h2 {animation: animace 0.5s;}



.breadcrumb {
    font-size: 0.85rem;
    padding-top: 0.2rem;
    padding-bottom: 0.5rem;
}

#index img:not(.article-item img),
.eshop-products img {border-radius: var(--bs-img-arc);
}

.img-shadow img{
    box-shadow: 22px -3px 0px 10px rgba(175,209,167,0.3);
    -webkit-box-shadow: 22px -3px 0px 10px rgba(175,209,167,0.3);
    -moz-box-shadow: 22px -3px 0px 10px rgba(175,209,167,0.3);
}

/* MOTIV */

.section-wave-bottom-slow {
    padding-bottom: 4rem;
    clip-path: polygon(
            0 0,
            100% 0,
            100% calc(100% - 6px),
            75% 100%,
            50% calc(100% - 6px),
            25% 100%,
            0 calc(100% - 6px)
    );
}


section, .section {
    padding-top: clamp(1.5rem, 5vw, 4rem);
    padding-bottom: clamp(1.5rem, 5vw, 4rem);
}

#index .section-dynamic-container {
    margin-top: 40px;
}

/* section 3 cell - pod motivem */

.section-3-col-bottom-text {
    margin-top: 4rem;
}

.section-color-item {
    flex:1;
    padding: 0;
    background-color: transparent;
    margin: var(--margin-basic);
    min-width: 180px;
    width: calc(100% - 2 * var(--margin-basic));

}

@media screen and (min-width: 991px) {
    .section-color-item {
        display: flex;
    }

    .section-color-img {
        margin: auto 0;
    }

    .section-color-text {
        text-align: left;

    }
}

.section-color-text h3 {
    font-size: 1.4rem;
}

.section-color-img {
    width: 100px;
    height: 100px;
    padding: 15px;
    margin: 0 auto;
    background-color: var(--bs-primary);
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.section-color-img img {
    max-height: 100%;
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
}

.section-color-item:first-child .section-color-img {
    background-color: var(--bs-primary-green);
}

.section-color-item:nth-child(2) .section-color-img {
    background-color: var(--bs-primary-pink);
}

.section-color-item:last-child .section-color-img {
    background-color: var(--bs-primary-orange);
}

.btn-secondary, .btn-default {
    background-color: var(--bs-body-bg);
}


/* eshop */

.article-item__img-wrapper, .product-item__img-wrapper, .category__img-wrapper {
    background-color: transparent;
}

#main {padding-top: 0;}

/* vlnka */
.eshop-filters {
    position: relative;
    padding-top: 40px;
}

.eshop-filters::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;

    width: 100%;
    height: 12px;

    background-color: var(--bs-body-bg);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M0 7 L5 10.17793349817683 L10 12.66311896062463 L15 13.91381838416596 L20 13.65739561406608 L25 11.94974746830583 L30 9.16311896062463 L35 5.90495874471839 L40 2.88550323395269 L45 0.76295433068142 L50 0 L55 0.76295433068142 L60 2.88550323395269 L65 5.90495874471839 L70 9.16311896062463 L75 11.94974746830583 L80 13.65739561406608 L85 13.91381838416596 L90 12.66311896062463 L95 10.17793349817684 L100 7 L105 3.82206650182317 L110 1.33688103937537 L115 0.08618161583404 L120 0.34260438593392 L125 2.05025253169416 L130 4.83688103937537 L135 8.0950412552816 L140 11.11449676604731 L145 13.23704566931858 L150 14 L155 13.23704566931858 L160 11.11449676604731 L165 8.09504125528161 L170 4.83688103937538 L175 2.05025253169417 L180 0.34260438593392 L185 0.08618161583404 L190 1.33688103937536 L195 3.82206650182317 L200 7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M0 7 L5 10.17793349817683 L10 12.66311896062463 L15 13.91381838416596 L20 13.65739561406608 L25 11.94974746830583 L30 9.16311896062463 L35 5.90495874471839 L40 2.88550323395269 L45 0.76295433068142 L50 0 L55 0.76295433068142 L60 2.88550323395269 L65 5.90495874471839 L70 9.16311896062463 L75 11.94974746830583 L80 13.65739561406608 L85 13.91381838416596 L90 12.66311896062463 L95 10.17793349817684 L100 7 L105 3.82206650182317 L110 1.33688103937537 L115 0.08618161583404 L120 0.34260438593392 L125 2.05025253169416 L130 4.83688103937537 L135 8.0950412552816 L140 11.11449676604731 L145 13.23704566931858 L150 14 L155 13.23704566931858 L160 11.11449676604731 L165 8.09504125528161 L170 4.83688103937538 L175 2.05025253169417 L180 0.34260438593392 L185 0.08618161583404 L190 1.33688103937536 L195 3.82206650182317 L200 7'/%3E%3C/svg%3E");

    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;

    -webkit-mask-size: 170px 12px;
    mask-size: 170px 12px;

    -webkit-mask-position: left top;
    mask-position: left top;

    pointer-events: none;
}


.footer,
.section-wave.section-bg {
    position: relative;
    padding-top: 50px;
}

.footer::before,
.section-wave.section-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 12px;

    background-color: var(--bs-body-bg);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0 H200 V7 L195 3.82206650182317 L190 1.33688103937536 L185 0.08618161583404 L180 0.34260438593392 L175 2.05025253169417 L170 4.83688103937538 L165 8.09504125528161 L160 11.11449676604731 L155 13.23704566931858 L150 14 L145 13.23704566931858 L140 11.11449676604731 L135 8.0950412552816 L130 4.83688103937537 L125 2.05025253169416 L120 0.34260438593392 L115 0.08618161583404 L110 1.33688103937537 L105 3.82206650182317 L100 7 L95 10.17793349817684 L90 12.66311896062463 L85 13.91381838416596 L80 13.65739561406608 L75 11.94974746830583 L70 9.16311896062463 L65 5.90495874471839 L60 2.88550323395269 L55 0.76295433068142 L50 0 L45 0.76295433068142 L40 2.88550323395269 L35 5.90495874471839 L30 9.16311896062463 L25 11.94974746830583 L20 13.65739561406608 L15 13.91381838416596 L10 12.66311896062463 L5 10.17793349817683 L0 7 Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0 H200 V7 L195 3.82206650182317 L190 1.33688103937536 L185 0.08618161583404 L180 0.34260438593392 L175 2.05025253169417 L170 4.83688103937538 L165 8.09504125528161 L160 11.11449676604731 L155 13.23704566931858 L150 14 L145 13.23704566931858 L140 11.11449676604731 L135 8.0950412552816 L130 4.83688103937537 L125 2.05025253169416 L120 0.34260438593392 L115 0.08618161583404 L110 1.33688103937537 L105 3.82206650182317 L100 7 L95 10.17793349817684 L90 12.66311896062463 L85 13.91381838416596 L80 13.65739561406608 L75 11.94974746830583 L70 9.16311896062463 L65 5.90495874471839 L60 2.88550323395269 L55 0.76295433068142 L50 0 L45 0.76295433068142 L40 2.88550323395269 L35 5.90495874471839 L30 9.16311896062463 L25 11.94974746830583 L20 13.65739561406608 L15 13.91381838416596 L10 12.66311896062463 L5 10.17793349817683 L0 7 Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;

    -webkit-mask-size: 175px 12px;
    mask-size: 175px 12px;

    -webkit-mask-position: left top;
    mask-position: left top;
    pointer-events: none;
}


.section-blank.section-bg,
.section-wave-bottom.section-bg {
    --section-bg: #111;
    --wave-color: var(--bs-body-bg);
    --wave-width: 175px;
    --wave-height: 12px;

    position: relative;
    background: var(--section-bg);
    padding-bottom: 40px;
}

.section-blank.section-bg::after,
.section-wave-bottom.section-bg::after  {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--wave-height);

    background-color: var(--wave-color);
    pointer-events: none;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 7 L5 10.17793349817683 L10 12.66311896062463 L15 13.91381838416596 L20 13.65739561406608 L25 11.94974746830583 L30 9.16311896062463 L35 5.90495874471839 L40 2.88550323395269 L45 0.76295433068142 L50 0 L55 0.76295433068142 L60 2.88550323395269 L65 5.90495874471839 L70 9.16311896062463 L75 11.94974746830583 L80 13.65739561406608 L85 13.91381838416596 L90 12.66311896062463 L95 10.17793349817684 L100 7 L105 3.82206650182317 L110 1.33688103937537 L115 0.08618161583404 L120 0.34260438593392 L125 2.05025253169416 L130 4.83688103937537 L135 8.0950412552816 L140 11.11449676604731 L145 13.23704566931858 L150 14 L155 13.23704566931858 L160 11.11449676604731 L165 8.09504125528161 L170 4.83688103937538 L175 2.05025253169417 L180 0.34260438593392 L185 0.08618161583404 L190 1.33688103937536 L195 3.82206650182317 L200 7 V14 H0 Z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 7 L5 10.17793349817683 L10 12.66311896062463 L15 13.91381838416596 L20 13.65739561406608 L25 11.94974746830583 L30 9.16311896062463 L35 5.90495874471839 L40 2.88550323395269 L45 0.76295433068142 L50 0 L55 0.76295433068142 L60 2.88550323395269 L65 5.90495874471839 L70 9.16311896062463 L75 11.94974746830583 L80 13.65739561406608 L85 13.91381838416596 L90 12.66311896062463 L95 10.17793349817684 L100 7 L105 3.82206650182317 L110 1.33688103937537 L115 0.08618161583404 L120 0.34260438593392 L125 2.05025253169416 L130 4.83688103937537 L135 8.0950412552816 L140 11.11449676604731 L145 13.23704566931858 L150 14 L155 13.23704566931858 L160 11.11449676604731 L165 8.09504125528161 L170 4.83688103937538 L175 2.05025253169417 L180 0.34260438593392 L185 0.08618161583404 L190 1.33688103937536 L195 3.82206650182317 L200 7 V14 H0 Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;

    -webkit-mask-size: var(--wave-width) var(--wave-height);
    mask-size: var(--wave-width) var(--wave-height);

    -webkit-mask-position: left bottom;
    mask-position: left bottom;
}


@media (min-width: 992px) {
    #eshop .container--eshop {
        padding-top: 0 !important;
    }
}
/*
.footer {
background:  #7673D1 var(--bs-primary-purple);
color: #e1d6eb;
padding-top: 60px;
} */

.footer {
    background: var(--bs-primary-purple);
    color: #ffffff;
    padding-top: 60px;
}


.footer a {color: #ffffff;}

.footer .section-content {
    padding-bottom: 20px;
}

.category,
.article-item,
.product-item {
    border-width: 1px 1px 5px 1px;
    border-color: color-mix(in oklab, var(--bs-primary) 25%, var(--bs-body-bg));

}
.category:hover,
.article-item:hover,
.product-item:hover {
    border-color: var(--bs-primary-purple);
}

.category {
    background-color: var(--bs-background);
}
/* všechny formuláře a šedé pole */

.eshop-products .category { background-color: var(--bs-body-bg);}


.eshop-filters,
.search-form-wrapper,
.eshop-menu__list,
.cart-table__th,
.cart-table__tr--sum td,
.cart-form__info,
.cart-form__items-wrapper,
.account-form__items-wrapper {
    background-color:  color-mix(in oklab, var(--bs-primary) 6%, var(--bs-background));

}

.cart-table__divider--border
{
    border-bottom: 2px dashed var(--bs-primary-orange);
}

.btn-primary, .comment__reply:hover, .add-comment__button--submit, .product-page__cart-button, .cart-button, .promo-code__submit, .account-button, .minicart__button-cart, .search-form__search-button, .locked__submit, .motto__button-link,
.btn, .cookies__button, .comment__reply, .comment__hide, .add-comment__button--close, .add-comment__button--submit, .product-page__cart-button, .product-item__cart-button, .cart-button, .promo-code__submit, .account-button, .minicart__button-cart, .minicart__button-close, .search-form__search-button, .locked__submit, .eshop-filters__submit, .motto__button-link, .navbar__search-button {
    border-radius: var(--bs-button-border-radius);
}