@font-face {
    font-family: Articulat;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/articulat-light.otf) format("opentype"),url(/assets/fonts/articulat-light.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Articulat;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/articulat-regular.otf) format("opentype"),url(/assets/fonts/articulat-regular.ttf) format("truetype"),url(/assets/fonts/articulat-regular.woff2) format("woff2"),url(/assets/fonts/articulat-regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Articulat;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/articulat-medium.otf) format("opentype"),url(/assets/fonts/articulat-medium.ttf) format("truetype"),url(/assets/fonts/articulat-medium.woff2) format("woff2"),url(/assets/fonts/articulat-medium.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Articulat;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/articulat-bold.otf) format("opentype"),url(/assets/fonts/articulat-bold.ttf) format("truetype"),url(/assets/fonts/articulat-bold.woff2) format("woff2"),url(/assets/fonts/articulat-bold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: jubilat;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/jubilat-light.otf) format("opentype"),url(/assets/fonts/jubilat-light.ttf) format("truetype"),url(/assets/fonts/jubilat-light.woff2) format("woff2"),url(/assets/fonts/jubilat-light.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: jubilat;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/jubilat-regular.otf) format("opentype"),url(/assets/fonts/jubilat-regular.ttf) format("truetype"),url(/assets/fonts/jubilat-regular.woff2) format("woff2"),url(/assets/fonts/jubilat-regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: jubilat;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/jubilat-medium.otf) format("opentype"),url(/assets/fonts/jubilat-medium.ttf) format("truetype"),url(/assets/fonts/jubilat-medium.woff2) format("woff2"),url(/assets/fonts/jubilat-medium.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: jubilat;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/jubilat-semibold.otf) format("opentype"),url(/assets/fonts/jubilat-semibold.ttf) format("truetype"),url(/assets/fonts/jubilat-semibold.woff2) format("woff2"),url(/assets/fonts/jubilat-semibold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: jubilat;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/jubilat-bold.otf) format("opentype"),url(/assets/fonts/jubilat-bold.ttf) format("truetype"),url(/assets/fonts/jubilat-bold.woff2) format("woff2"),url(/assets/fonts/jubilat-bold.woff) format("woff");
    font-display: swap
}
@font-face {
  font-family: yellowtail;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Yellowtail-Regular.woff2) format('woff2'), url(/assets/fonts/Yellowtail-Regular.woff) format("woff");
}
:root {
    --bs-body-font-family: "Articulat", Arial, sans-serif;
    --font-secondary: "jubilat", Arial, sans-serif;
    --font-fancy: "yellowtail", cursive;
    --bs-body-bg:#F9F1F4;
        --bs-border-radius-lg: 1rem;
    --bs-border-radius-xl: 1.4rem;
    --bs-border-radius:1rem;
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    padding-top: 190px;
}


a {color: var(--bs-primary);text-decoration: none;}
a:hover {text-decoration: none;}

.intro {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background-color: var(--bg-body);
    height: 100dvh;
    overflow: hidden;
}
.intro video {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.intro .box {
    position: absolute;
    z-index: 1000;
    bottom: 10%;
    width: 100%;
    text-align: center;
}
.intro .box h1 {
    color: #f9f1f4;
    font-size: 64px;
    font-weight: 500;
    font-family: var(--font-secondary);
}
.intro .btn {
    max-width: 273px;
    width: auto;
    color: #fff;
    border: 0;
    background: var(--bs-primary);
    min-height: 50px;
    font-weight: 500;
    font-size: 16px;
    font-family: var(--font-secondary);
    padding: 16px 32px;
        border-radius: 12px;
}
.intro .btn:hover, .intro .btn:focus {
            background: #ff0089;
              color: #fff;
    border: 0;
}

header {
    background: #f9f1f4;
}
header .hcont { padding: 24px 0;height: 110px;}
.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 1500;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.header-sticky.scrolled {
    opacity: 0;
    pointer-events: none;
}

.rightnav {
    display: flex;
    gap: 32px;
   align-items: flex-start;
   position: absolute;
   right:0;
}
.rightnav a {
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
        min-width: 49px;
            -webkit-transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
}
.rightnav a span {
    font-weight: 700;
        line-height: 1.4;
        font-size: 16px;
}
.rightnav img, .mb4px {
        margin: 0 0 4px;
    -webkit-transition: all .15s;
    transition: all .15s;
}
.rightnav a:active, .rightnav a:focus, .rightnav a:hover {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
.rightnav a:active img, .rightnav a:focus img, .rightnav a:hover img {
    width: 49px;
}
.rightnav a span.cart-count {
    width: 14px;
    height: 14px;
    border-radius: 100px;
    background: #ff0089;
    color: #f9f1f4;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
        right: 1px;
        bottom: -6px;
}

.text-pink {
    color: var(--bs-primary);
}

.slidemenu {
  padding-bottom: 16px;
}

.slidemenu .swiper-scrollbar {
  background: #d6d6d6;
      border-radius: 8px;
      left: 0;
    width: 100%;
}


.subcatsbuttons {gap: 12px;justify-content: center;flex-wrap: wrap;}

.slidemenu a, .subcatsbuttons a {
    width: auto !important;
        border-radius: 100px;
    border: 1px solid #e39dc2;
    color: #c35f95;
    position: relative;
    overflow: hidden;
    padding: 10px 18px;
        min-height: 39px;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
        -webkit-transition: .3s;
    transition: .3s;
    white-space: nowrap;
        min-width: max-content;
}
.slidemenu.white a {
        color: #f9f1f4;
    border-color: #f9f1f4;
}

.subcatsbuttons a {
    border-color: #45474a;
    color: #3f3543;
}

.slidemenu a span, .subcatsbuttons a span {position: relative;z-index: 3;}

.slidemenu .swiper-scrollbar {
      background-color: #f3dbe8;
    border-radius: 8px;
}
.swiper-scrollbar-drag {
        background-color: #f3bdda;
    border-radius: 8px;
}
.navbar.slidemenu {
    background-color: #faeaf0;
 padding: 24px 0px 6px 0px;
}

.slidemenu a::before, .subcatsbuttons a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    right: 100%;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 92, 190, .15)), color-stop(50%, rgba(142, 53, 183, .15)), to(rgba(255, 92, 190, .15)));
    background: linear-gradient(90deg, rgba(255, 92, 190, .15) 0, rgba(142, 53, 183, .15) 50%, rgba(255, 92, 190, .15) 100%);
    -webkit-transition: left .3s, right .3s;
    transition: left .3s, right .3s;
    border-radius: 50px;
}
.slidemenu.white a::before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .6)), color-stop(50%, rgba(255, 192, 223, .6)), to(rgba(255, 255, 255, .6)));
    background: linear-gradient(90deg, rgba(255, 255, 255, .6) 0, rgba(255, 192, 223, .6) 50%, rgba(255, 255, 255, .6) 100%);
    border-radius: 50px;
    -webkit-transition: left .3s, right .3s;
    transition: left .3s, right .3s;
}
.slidemenu a:active, .slidemenu a:focus, .slidemenu a:hover, .subcatsbuttons a:hover {
      border-color: #ff5cbe;
        color: var(--bs-primary);
    }
.slidemenu a:active, .subcatsbuttons a:active  {
        -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
    }
.slidemenu a:active::before, .slidemenu a:focus::before, .slidemenu a:hover::before, .subcatsbuttons a:hover::before {
        left: 0;
        right: 0;
    }

.hp-section {
    max-height: 700px;
    min-height: 480px;
}
.hp-section img {
     -o-object-fit: cover;
    object-fit: cover;
    max-height:700px;
   width: 100%;
    min-height: 480px;
}
.hp-section video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
   max-height: 700px;
    min-height: 480px;
    display: none;
}
.hp-section .bottompart {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9;
}
.hp-section .vlna {
    width: 100%;
    aspect-ratio: 1218 / 29;
    height: auto;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0,-100%);
    transform: translate(0, -100%);
        top: 2px;
    left: 0;
    position: absolute;
}
.hp-section h2 a {
        font-family: var(--font-fancy);
        font-size: 48px;
        color: #f9f1f4;
    font-weight: normal;
    line-height: 1.15;
    margin: 0 0 10px;
    position: relative;
            margin-bottom: 16px;
            display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.hp-section h2 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: currentColor;
    -webkit-transition: width .3s, left .3s;
    transition: width .3s, left .3s;
}
.hp-section h2 a:hover {
    color: #ffc0df;
}
.hp-section h2 a:hover:after {
        width: calc(100% - 20px);
        left: 10px;
}
.hp-section .bgpart {
    position: absolute;
    top: 0;
    left: 0;
width: 100%;
    height: 100%;
    opacity: 0.8;
}
.hp-c-1 {
    background: rgba(153, 80, 96);
     color: rgba(153, 80, 96);
}
.hp-c-2 {
    background: #793b6a;
     color: #793b6a;
}
.hp-c-3 {
    background: #f0a79d;
     color: #f0a79d;
}
.hp-c-4 {
    background: #f09dcb;
     color: #f09dcb;
}
.hp-c-5 {
    background: #e3ae98;
     color: #e3ae98;
}
.hp-c-6 {
    background: #aa7b52;
     color: #aa7b52;
}
.hp-c-7 {
    background: #9cd3dd;
     color: #9cd3dd;
}
.hp-c-8 {
    background: #aa7b52;
     color: #aa7b52;
}
.hp-c-9 {
    background: #eb6cb0;
     color: #eb6cb0;
}
.hp-c-10 {
    background: #d2797b;
     color: #d2797b;
}
.hp-c-11 {
    background: #84b1be;
     color: #84b1be;
}
.hp-c-12 {
    background: #da6a86;
     color: #da6a86;
}

.herohero {
            background: -webkit-gradient(linear, left top, right top, from(#e99dc5), color-stop(24%, #d4798a), to(#7460cd));
        background: linear-gradient(90deg, #e99dc5 0, #d4798a 24%, #7460cd 100%);
        padding: 64px 0;
}
.herohero .hhbox {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    color: #f9f1f4;
    font-size: 14px;
    line-height: 1.4;
}
.herohero .hhbox h4 {
    margin: 16px 0 4px;
        font-size: 20px;
        font-weight: 500;
    line-height: 1.15;
    font-family: var(--font-secondary);
}

.font-secondary {
        font-family: var(--font-secondary);
        font-weight: normal;
}
.font-fancy {
          font-family: var(--font-fancy);
          font-weight: normal;
}

.btn {
    --bs-btn-padding-x: 2.5rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-border-radius: 0.75rem;
    --bs-btn-font-weight: 500;
    --bs-btn-font-size: 1rem;
    font-family: var(--font-secondary);
     }

 .btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.35rem;
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 1.7;
        font-weight: 400;
}

.btn-close:focus {
    box-shadow: none;
}
.modal {
    --bs-modal-zindex: 1855;
    --bs-modal-border-width:0;
    --bs-modal-padding: 1.8rem;
 }
 .modal-content {
        --bs-modal-bg:white;
 }
 .modal-backdrop {
  --bs-backdrop-zindex: 1850;
      --bs-backdrop-bg: rgba(226,157,193,0.6)!important;
      -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
        --bs-backdrop-opacity: 1;
 }
 .modal-open {
  padding-right: -17px;
}
.modal-header {align-items: flex-start;}




.normalfont {
    font-family: var(--bs-body-font-family);
}

     .btn-light {
    --bs-btn-color: #3f3543;
    --bs-btn-bg: #f9f1f4;
    --bs-btn-border-color: #f9f1f4;
    --bs-btn-hover-color: #3f3543;
    --bs-btn-hover-bg: #e8c0d5;
    --bs-btn-hover-border-color: #e8c0d5;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #3f3543;
    --bs-btn-active-bg: #e8c0d5;
    --bs-btn-active-border-color: #e8c0d5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #3f3543;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}


     .btn-primary {
    --bs-btn-color: #3f3543;
    --bs-btn-bg: #e8c0d5;
    --bs-btn-border-color: #e8c0d5;
    --bs-btn-hover-color: #3f3543;
    --bs-btn-hover-bg: #e8c0d5;
    --bs-btn-hover-border-color: #e8c0d5;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #3f3543;
    --bs-btn-active-bg: #e8c0d5;
    --bs-btn-active-border-color: #e8c0d5;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #3f3543;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
            box-shadow: 0 4px 16px rgba(232, 192, 213, .4);
     padding: 12px 32px;
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
}

.btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    right: 100%;
    bottom: 0;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 92, 190, .3)), color-stop(50%, rgba(219, 166, 194, .3)), to(rgba(255, 92, 190, .3)));
    background: linear-gradient(90deg, rgba(255, 92, 190, .3) 0, rgba(219, 166, 194, .3) 50%, rgba(255, 92, 190, .3) 100%);
    -webkit-transition: left .3s, right .3s;
    transition: left .3s, right .3s;
}
    .btn-primary:active::before, .btn-primary:focus::before, .btn-primary:hover::before {
        left: 0;
        right: 0;
    }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
     color: var(--bs-primary);
}

.btnred {
       --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF0089;
    --bs-btn-hover-border-color: #FF0089;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #3f3543;
    --bs-btn-active-bg: #e8c0d5;
    --bs-btn-active-border-color: #e8c0d5;
    --bs-btn-active-shadow: none;
}
.btnred:hover {text-decoration: none;}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #696969;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #696969;
    --bs-gradient: none;
}

footer {
   color: #954a73;
   padding: 48px 0 0;
    background: #faeaf0;
}
footer a {
      color: currentColor;
}
footer a:hover {
    text-decoration: underline;
}
footer h4 {
    font-weight: 500;
    line-height: 1.15;
    font-family: var(--font-secondary);
    margin: 0 0 15px;
    font-size: 1rem;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.footer-box {border-left: 1px solid #e8c0d5;padding: 0 0 0 30px;display: flex;justify-content: end;}
.footer-box-inner {max-width: 255px;}
.footer-box-inner p {font-size: 0.9rem;}
.footer-box-inner img {margin: 0 auto; display: block;margin-bottom: 1rem;border-radius: 100px;}
.footer-contact a {    display: inline-flex;
    gap: 8px;
    align-items: center;}
    .footer-contact img {margin: 0;}
    .footer-contact a span {margin-top: 3px;}
.footer-bottom {font-size: 0.75rem;    border-top: 1px solid #e8c0d5;padding-top: 16px;padding-bottom: 16px;}

section, .p64 {
    padding: 64px 0;
}

.cat-head {
    height: 600px;
    max-height: 60vh;
}
.cat-head img {
         -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.cat-head:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
}
.chcontent {
        color: #f9f1f4;
        margin-top: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        z-index: 9;
}
.chcontent h1 {font-size: 48px;font-weight: normal;font-family: var(--font-secondary);}
.chcontent p {
    max-width: 590px;
    margin: 0 auto;
    line-height: 1.7;
}

.subcats a {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 0.5rem;
color: #3f3543;
    font-size: 14px;
    line-height: 1.15;
    font-family: var(--font-secondary);
}
.subcats a img {
        -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.subcats a:hover img {
            -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.fullimg {
      width: 100%;
    min-height: 300px;
    max-height: 617px;
    -o-object-fit: cover;
    object-fit: cover;
}
.category h2 {
font-size: 38px;
    color: #3f3543;
    font-family: var(--font-secondary);
    font-weight: normal;
}

.titlesection {
  font-size: 38px;
    color: var(--bs-primary);
    font-family: var(--font-secondary);
        line-height: 1.15;
    font-weight: 400;
}

.productbox .imgarea {
    display: flex;
    align-items: center;
    aspect-ratio: auto 294 / 360;
    overflow: hidden;
    position: relative;
        border-radius: 8px 8px 0 0;
            justify-content: center;
}
.productbox .imgarea img {
       width: 100%;
    height: 100%;
    object-fit: cover;
        border-radius: 8px 8px 0 0;
}
.productbox .bottom {
    padding: 20px 20px 35px;
    background-color: #faeaf0;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 0 0 8px 8px;
}
.productbox:hover .bottom {
    background: #fad3e2;
}
.productbox .bottom h4 {
        margin: 0 0 4px;
    font-weight: 700;
    font-size: 0.9rem;
}
.productbox .bottom .price {
    color: #3f3543;
    font-weight: 300;
}
.product-tags {
    margin: 0 0 16px;
        gap: 16px;
        position: absolute;
    left: 10px;
    top: 10px;
        display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 28px;
    pointer-events: none;
}
.tag {
    font-weight: 700;
    font-size: 12px;
    padding: 6px 12px;
    color: var(--bs-primary);
    border-radius: 8px;
}
.tag.new {
    background: #c6fdff;
}
.addtocart {
    text-decoration: none;
    border: 1px solid var(--bs-primary);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    background-color: var(--bs-body-bg);
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s;
}
.addtocart span {line-height: 1;}
.productbox:hover .addtocart {
        background-color: var(--bs-primary);
        color: #fff;
}
.productbox .mtup {margin-top: -18px;}
.row-gap-6 {row-gap: 5rem;}

#prodspecontent ul li p {margin: 0;}


.fixedsubcats {
        position: fixed;
    bottom: -100%;
    width: 100%;
    display: flex;
    justify-content: center;
-webkit-transition: all .8s;
    transition: all .8s;
        z-index: 1000;
}
.fixedsubcats .row {
        display: inline-flex;
            flex-direction: row;
        padding: 12px 16px;
        border-radius: 16px;
        gap: 12px;
            background: rgba(249, 241, 244, .85);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: start;
                max-width: 95%;
}
.fixedsubcats img {
        max-height: 32px;
    max-width: 27px;
    -o-object-fit: cover;
    object-fit: cover;
}
.fixedsubcats a {
    border-radius: 12px;
        gap: 12px;
        padding: 8px 16px;
        display: flex;
    align-items: center;
        line-height: 1.15;
    font-family: var(--font-secondary);
    font-size: 14px;
        color: #3f3543;
        width: auto;
        white-space: nowrap;
}

.custom-select {
    position: relative;
    cursor: pointer;
}

.custom-select .dropdown-icon {
    position: absolute;
    z-index: 5;
    right: 20px;
    top: 60%;
    transform: translateY(-80%) rotate(0);
    transition: all 0.4s;
    -webkit-transition:all 0.4s;
}
.custom-select.active .dropdown-icon, .custom-select:hover .dropdown-icon {
  transform: translateY(-80%) rotate(-180deg);
}
.custom-select-trigger {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-white);
  position: relative;
  z-index: 1;
  padding-right: 50px;
}
.custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #f9f1f4;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: -6px 0 0;
  padding: 0;
  list-style: none;
  display: block;
  z-index: 10;
  max-height: 300px;
  opacity: 0;
  overflow-y: scroll;
  pointer-events: none;
    transition: all 0.4s;
    -webkit-transition:all 0.4s;
      scrollbar-width: thin;
    scrollbar-color: #f3bdda #f3dbe8;
}
.custom-select:hover .custom-options {opacity: 1;pointer-events: auto;}
.custom-options .option a {
  padding: 12px 24px;
    transition: all 0.4s;
    -webkit-transition:all 0.4s;
  margin: 0;
  color: #786479;
      line-height: 1;
      display: block;
}
.custom-options .option a.selected, .custom-options .option a:hover, .custom-select.multiple .custom-options .option a:hover  {
  background: #faeaf0;
}

.catselect {
 position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    top: 40px;
    font-family: var(--font-secondary);
        font-size: 14px;
}
.catselect .custom-select-trigger {
        background: #f9f1f4;
    color: #3f3543;
    font-weight: 400;
}

#mena-float {
    background: #e8c0d5;
    padding: 7px 5px;
    border-radius: 8px;
    font-size: 0.8rem;
}

#mena-float .custom-select-trigger {
    color: var(--bs-primary);
    border-color: rgba(0, 0, 0, 0.1);
    background: #f9f1f4;
    padding: 4px 8px;
    border-radius: 4px;
    text-align: center;
    line-height: 1;
    font-weight: 600;
}

#mena-float .custom-options {
    background: #f9f1f4;
    overflow: hidden;
    border: 1px solid #e8c0d5;
    border-top: 0;
}
#mena-float .custom-options a {
      font-size: 0.9rem;
    font-weight: 600;padding: 10px;
    color: #636363;
}
#mena-float .custom-options a:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


.varianty .radios {
    display: flex;
    gap: 8px;
}
.varianty .radios label {
            padding: 12px 15px;
        min-width: 52px;
        text-align: center;
            border: 1px solid #ccc;
    display: block;
    border-radius: 5px;
    background: #fff;
    line-height: 1;
    color: #666;
    white-space: nowrap;
    cursor: pointer;
}
.varianty .radios .radio {
    display: inline-block;
}
.varianty .radios input {display: none;}
.varianty .radios label:hover {
    border-color: #353c4e;
    color: #444;
}
.varianty .radios input[type="radio"]:checked + label {
color: #fff;
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}

.form-select, .form-control {
    color:#666;
    padding: .875rem 2.25rem .875rem 1.25rem;
    background-color: #fff;
    border: 1px solid #595959;
}

.modal .form-select, .modal .form-control {
    color: #3f3543;
    padding: .875rem 2.25rem .875rem 1.25rem;
    background-color: #fff;
    border: 1px solid #e8c0d5;
}

#checkout-form .form-select, #checkout-form .form-control, .search-form-overlay .form-control {
    color: #242424;
    padding: .5rem 2.25rem .5rem 1.25rem;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #d8aec4;
    font-size: 0.9rem;
}
#checkout-form .form-label {
    margin-bottom: .15rem;
    font-size: 0.9rem;
    color: #786479;
}

select:disabled {
    opacity: 0.7;
}
.search-form-overlay .form-control {
    padding: 0.5rem 1rem;
}


.form-select:focus, .form-control:focus {
    border:1px solid var(--bs-primary);
    outline: 0;
    box-shadow: none;
    background: #fff;
}
.pricearea {line-height: 1.2;}
.pricearea .price {
    font-size: 1.7rem;
    color: #3f3543;
    font-family: var(--font-secondary);
}
.pricearea span {
        color: #786379;
    font-size: 12px;
    font-weight: 300;
    display: block;
    font-family: var(--font-secondary);
}

.big-gardient {
    background: linear-gradient(91.77deg, #ff5cbe 22.38%, #8e35b7 100.94%);
    background-size: 200% 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    line-height:normal;
    border: 0;
}
    .big-gardient:active, .big-gardient:focus, .big-gardient:hover {
        -webkit-transform: translateY(0) scale(1.02);
        -ms-transform: translateY(0) scale(1.02);
        transform: translateY(0) scale(1.02);
        -webkit-box-shadow: 0 8px 24px rgba(255, 92, 190, .4);
        box-shadow: 0 8px 24px rgba(255, 92, 190, .4);
         color: #fff;
    }
.big-gardient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(91.77deg, #8e35b7 0, #ff5cbe 50%, #8e35b7 100%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
    .big-gardient:active::before, .big-gardient:focus::before, .big-gardient:hover::before {
        opacity: 1;
    }
    .big-gardient img, .big-gardient span {
    position: relative;
    z-index: 1;
}

.qty {
        width: 15%;
    padding-right: 1.25rem;
    border-color: white;
    border-radius: 0.75rem;
}

.nav-tabs .nav-link {
    font-weight: 700;
    color: #786479;
    border: 0;
    padding: 0.5rem 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 1px solid var(--bs-primary);
}

.nav-tabs {
    --bs-nav-tabs-border-color: #d8aec4;
    gap: 32px;
}
.tab-content {
        margin-top: 2rem;
}
.fullwidthsw {overflow: visible;}

.sw-button-prev.swiper-button-disabled, .sw-button-next.swiper-button-disabled {visibility: hidden;}

.recenze {max-width: 900px; margin: 0 auto;border-bottom: 1px solid #d8aec4;}
.recenze img {border-radius: 12px;}
.recenze p {margin: 0;}

.swiperproduct { width: 100%; height: 60vh; border-radius: 24px;}
.swiperproduct .swiper-slide { display:flex; align-items:center; justify-content:center; background:#000;background-color: rgba(254, 177, 217, .75); }
.swiperproduct .swiper-slide img,
.swiperproduct .swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover; /* dej cover pokud chceš ořezávat */
}
.swiperproduct .navs svg {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 24px;
    line-height: 1;
    text-align: center;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    width: 18px;
    fill: transparent;
}
.thumbs a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.thumbs a .play-overlay {
    position: absolute;z-index: 9;
    background-color: rgba(17, 17, 17, 0.5) !important;
        width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.thumbs .imgarea {
    aspect-ratio: 1/1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.entergallery {
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
}

label.is-disabled { opacity: .4; cursor: not-allowed; }
option:disabled { color: #ccc;}

.medallion {display: flex;align-items: center;gap:1rem}
.medallion p {margin: 0;
font-size: 14px;
    color: #0f032a;
    line-height: 1.3;
}

/* Efekt vyjetí pro pole s firemními údaji a doručením na jinou adresu */
.slide-toggle {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1), opacity 0.4s;
}
.slide-toggle.open {
  max-height: 500px; /* dostatečně velké pro obsah */
  opacity: 1;
  transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1), opacity 0.4s;
}
/* Bar na dopravu zdarma */
.free-shipping-bar {
  background: #e8c0d5;
  border-radius: 8px;
  padding: 1.2em 1.5em 1.5em 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
  box-shadow: 0 2px 8px rgba(232,192,213,0.12);
}
.free-shipping-bar__text {
  color: var(--bs-primary);
  font-weight: 400;
  margin-bottom: 0.7em;
  font-size: 1em;
}
.free-shipping-bar__progress {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  height: 20px;
  overflow: hidden;
  margin-top: 0.2em;
}
.free-shipping-bar__progress-inner {
  background: var(--bs-primary);
  height: 100%;
  border-radius: 8px;
  transition: width 0.4s cubic-bezier(0.4,0,0.2,1);
}

#cartTable {
font-size: 0.9rem;
}
#cartTable .qty {
    width: auto;
    max-width: 70px;
    text-align: center;
    border: 0;
    padding: 12px 15px;
    border-radius: 10px;
}
.fs-6 {font-size: 1.1rem;}
.fs-b {font-size: 3rem;}

.checkouttitle {
    font-family: var(--font-secondary);
    line-height: 1.15;
    color: var(--bs-primary);
    font-weight: normal;
}
#cartTable .remove  {
    color:var(--bs-primary);border:1px solid var(--bs-primary);border-radius:6px;padding:1px 8px;font-weight:600;
    background: transparent;
}
#cartTable .remove:hover {
    background: var(--bs-primary);
    color: white;
}
#summary {
        text-align: right;
    font-size: 0.9rem;
    line-height: 1.5rem;
}
#coupon {
    border-radius: 8px;
    border: 0;
    padding: 10px;
    font-size: 0.9rem;
}
#couponMsg {
     font-size: 0.8rem;
    padding: 4px 8px;
    color: red;
    width: 100%;
}
#cartTable img {
    width:100%;max-width:120px;height:120px;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #eee;
}
.form-check {
    padding-left: 1.8em;
}
.form-check .form-check-input {
    margin-left: -1.8em;
}
.form-check, .form-check-label {cursor: pointer;}
.form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: none;
}
.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    --bs-form-check-bg:white;
    border: var(--bs-border-width) solid #666767;
    margin-top: 0;
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.recap {background: #f2e1ea;border: 0;}

#cartTableCheckout {
        border-radius: 8px;
    overflow: hidden;
}
#cartTableCheckout th {font-weight: normal;font-size: 0.8rem;}
#summaryCheckout {
    line-height: 1.6rem;
}

/* Zvýraznění počtu v košíku */
.cart-count-animate {
  background: #c30069;
  color: #fff !important;
  border-radius: 50%;
  padding: 2px 8px;
  font-weight: bold;
  box-shadow: 0 0 8px #c30069;
  transition: background 0.3s, color 0.3s;
  animation: cart-bounce 0.8s;
}
@keyframes cart-bounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.3); }
  60% { transform: scale(0.95); }
  100% { transform: scale(1); }
}


.search-form-overlay {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 15px 0px;
  border-radius: 0px;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index: 1050;
}

.search-form-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.search-form-overlay .form-control {
   border: 1px solid #d8aec4;
}

.search-form-overlay .input-group .btn[data-toggle="search-close"] {
  border: 1px solid #e8c0d5;
  background: #e8c0d5;
}

.search-form-overlay .input-group .btn[data-toggle="search-close"]:hover {
  background: #e8c0d5;
  color: white;
}

.search-form-overlay .input-group .btn[type="submit"] {color:var(--bs-primary)}

.search-form-overlay .input-group .btn[type="submit"]::before {display: none;}
.search-form-overlay .input-group .btn[type="submit"]:hover {
  background: #e8c0d5;
  color: white;
}

.search-form-overlay .input-group {
      width: 60%;
    margin: 0 auto;
}

/* ScrollOut fade-up */
[data-scroll] {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition-delay: var(--scroll-delay, 0ms);
}

[data-scroll].is-inview {
  opacity: 1;
  transform: translateY(0);
}

[data-scroll].fade-down {
  transform: translateY(-32px);
}

[data-scroll].fade-down.is-inview {
  transform: translateY(0);
}


.masonry {
  column-count: 4;
  column-gap: 2rem;
}

@media (max-width: 1200px) {
  .masonry { column-count: 3; }
}

@media (max-width: 992px) {
  .masonry { column-count: 2; }
}

@media (max-width: 576px) {
  .masonry { column-count: 1; }
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.poklona a {font-size: 0.9rem;display: block;}
.poklona .card {background: #faeaf0;
    -webkit-transition: all .5s;
    transition: all .5s;}
.poklona a:hover .card {
    background: #f5d5e1;
}
#poklonaDetailImg {
    aspect-ratio: 280 / 380;
    overflow: hidden;
    max-width: 300px;
        display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
        flex-shrink: 0;
}
#poklonaDetailImg img {
        height: 100%;
    width: auto;
    max-width: none;

}

@media (min-width: 768px) {
    .sheader:before {
       content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
        background: linear-gradient(230deg, rgba(164, 141, 156, 0) 0, rgba(164, 141, 156, 0) 15%, #a48d9c 87%, #a48d9c 100%);
    }
}

.poklona-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.08);
    background: #fff;
    color: #000;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    z-index: 2;
}

.poklona-nav:hover {
    border-color: rgba(0,0,0,0.18);
    box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}

.poklona-nav.prev { left: 10px; }
.poklona-nav.next { right: 10px; }

.modal-dialog.modal-lg {
    position: relative;
}


.poklona-fadeout {
    opacity: 0;
    transition: opacity .12s ease;
}

.modal-dialog.poklona-fade {
    transition: opacity .22s ease;
}

.poklona-fade-out { opacity: 0; }
.poklona-fade-in { opacity: 1; }

/* Override bootstrap modal transforms for poklona detail to allow custom fade */
.modal.fade#poklonaDetail .modal-dialog,
.modal.show#poklonaDetail .modal-dialog {
    transform: none !important;
    transition: opacity .22s ease !important;
}

/* PPL modal styles (podle návodu) */
.ppl-modal-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); display:none; z-index:9999; }
.ppl-modal-box { position: fixed; top:5%; left:50%; transform: translateX(-50%); width: min(100%, 96%) !important; height: 90% !important; background: #fff; display:none; z-index:99999 !important; box-shadow:0 10px 30px rgba(0,0,0,0.2); border-radius:6px; }
.ppl-modal-box .ppl-close { position:absolute; top:10px; right:10px; z-index:2; }
.ppl-parcelshop-map { height:100%; max-height:640px; }
#ppl-parcelshop-map .c-btn.btn-primary::before {display: none;}

@media (max-width:991px){

.footer-box {
    padding: 0;
    border: 0;
}
.bbmob {border-bottom: 1px solid #e8c0d5;}
.search-form-overlay .input-group {
    width: 90%;
}
}

@media (max-width:768px){
header .hcont {height: auto;}
    .navbar-brand img {    max-width: 58px;}
    .rightnav {
        z-index: 9999;
    position: fixed;
    gap: 2vw;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    background: #f9f1f4;
    padding: 16px 3vw !important;
            align-items: center;
}
#mena-float {
    font-size: 0.6rem;
}
#mena-float .custom-select-trigger {
    padding: 3px 4px;
    font-size: 0.7rem;
     }
#mena-float .custom-options {
    top: -60px;
    border: 1px solid #e8c0d5;
            border-radius: 8px;
}
#mena-float .custom-options a {
    font-size: 0.7rem;
    padding: 10px 0px;
 min-width: auto;
}
.rightnav a span {display: none;}
    .rightnav img {
        max-width: 26px;
        max-height: 26px;
    }
    .rightnav a span.cart-count {
            right: 6px;
    bottom: 0px;
    }
    .rightnav a:active, .rightnav a:focus, .rightnav a:hover {
     -webkit-transform: none;
    -ms-transform: none;
     transform: none;
}

    .hp-section video {
        display: block;
    }
    .intro .box h1 {
    font-size: 40px;
}
.fixedsubcats {
   position: absolute;
    bottom: auto !important;
    top: 20px;
}
.flexscroll {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    justify-content: start;
    max-width:95%;
}

.subcats {padding-top: 0px;}
.catselect {top: 110px;}
.cat-head {
    max-height: 35vh;
}

#cartTable img {
       max-width: 70px;
    height: 70px;
}
.search-form-overlay {top: auto;bottom: 60px;}

#poklonaDetailImg {
        max-width: 400px;
            width: 100%;
    aspect-ratio: 280 / 280;
}



}