/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');

:root {
    --container-width: 1650px;

    --h1: clamp(2.25rem, 1.538rem + 3.04vw, 3.438rem);
    
    --ff-1: "Niconne", cursive;

    --btn-height: 3.5552em;

    --clr-white: #fff;
    --clr-btn: #54222A;
    --clr-title: #191516;
    --clr-subtitle: #EAB2DA;
    --clr-border: #DCDCDC;

    --bg-1: #F5F5F5;

    --transition: .2s;
}

/*--------------------*/
/*  General           */
/*--------------------*/
body {line-height: 1.8 !important;}
h1, .h1 {font-size: var(--h1);line-height: 1.1;}
.uppercase, h6, span.widget-title, th {letter-spacing: 0;}
.subtitle {color: var(--clr-subtitle);font-family: var(--ff-1);font-size: clamp(1.875rem, 1.35rem + 2.24vw, 2.75rem);letter-spacing: 0.02em;line-height: 1.2;margin-bottom: .45em;}
.subtitle p {margin-bottom: 0;}
.res-text, .box-text {font-size: 1em;}
@media screen and (min-width: 550px) {
    .res-text {
        font-size: 1em;
    }
}
@media screen and (min-width: 850px) {
    .res-text {
        font-size: 1em;
    }
}
/*--------------------*/
/*  Header            */
/*--------------------*/
.nav>li.html {font-size: 1em;}
.nav-uppercase>li>a {letter-spacing: 0;}
.nav li.has-icon-left>a>img {margin-right: 10px;}
.header-top .nav-small.nav>li.html {font-size: 1rem;}
.header-top .html img {margin-right: 10px;}
.header-top .nav>li {margin-inline: 25px;display: flex;}
.header-top.nav-dark .nav>li.html, .header-top.nav-dark .nav>li>a {color: rgba(255,255,255,.6);}
.header-main::before {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;z-index: -1;height: 250px;background: linear-gradient(180deg, rgba(23, 22, 22, 0.9) 0%, rgba(23, 22, 22, 0) 100%);transform: matrix(-1, 0, 0, 1, 0, 0);}
.header-main>.flex-row {align-items: flex-start;}
.header-main .flex-left, .header-main .flex-right:has(.header-nav) {position: relative;padding-block: 37px;}
.header-main .flex-left::before, .header-main .flex-right:has(.header-nav)::before {content: '';display: block;position: absolute;bottom: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,.1);}
.header-main .nav-spacing-xlarge>li {margin-inline: 30px;}
.header-main .nav>li>a {padding-block: 20px;}
.stuck .header-main {height: 90px !important;}
.stuck .header-main::before {display: none;}
.stuck .header-main>.flex-row {align-items: center;}
.stuck .logo-center .logo, .stuck .header-main .flex-left, .stuck .header-main .flex-right:has(.header-nav) {padding-top: 0;}
.has-transparent .header-main .nav>li>a {color: var(--clr-white);}
.header-top.nav-dark .nav>li>a:hover, .has-transparent .header-main .nav>li>a:hover {color: var(--fs-color-primary);}
.logo-center .logo {margin-inline: 60px;padding-top: 21px;}
.nav>li>a.h-phone {font-weight: 700;font-size: 22px;display: inline-flex;gap: 20px;}
.nav>li>a.h-phone:hover img {-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@media (max-width: 1366px) {
    .header-main .nav-spacing-xlarge>li {margin-inline: 20px;}
}
@media (max-width: 1199px) {
    .header .hide-for-medium {display: none;}
	.header .show-for-medium {display: block !important;}
	.medium-logo-center .flex-left {order: 1;flex: 1 1 0;}
	.medium-logo-center .flex-right {flex: 1 1 0;order: 3;}
    .header-main > .flex-row {align-items: center;}
    .header-main .flex-left::before, .header-main .flex-right:has(.header-nav)::before {display: none;}
    .logo-center .logo {padding-top: 0;margin: 0;order: -1;}
    .logo-center .logo img {margin: 0;}
    .nav > li > a.h-phone {padding: 0 !important;}
}
@media (max-width: 549px) {
    .header-top {display: none;}
    .transparent .header-main {height: 100px !important;}
    #logo {width: 150px !important;}
}
/*--------------------*/
/*  Hero banner       */
/*--------------------*/
.hero-banner .overlay::before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 96%;background: linear-gradient(254.16deg, rgba(23, 22, 22, 0) 17.57%, rgba(23, 22, 22, 0.7) 84.28%);}
.hero-banner .banner h1, .hero-banner .banner .h1 {margin-block: 0 .35em;font-size: var(--h1);}
.hero-banner .banner p, .hero-banner .banner .button {margin-block: 0;}
.hero-banner .banner p {max-width: 655px;margin-bottom: 1.73em;}
.hero-banner .flickity-page-dots .dot {border-color: rgba(255,255,255,.4);}
.hero-banner .flickity-button {--clr-border: rgba(255,255,255,.7);bottom: 100px;top: auto;}
.hero-banner .flickity-button::after {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.hero-banner .flickity-button:hover {border-color: var(--clr-white);}
.hero-banner .flickity-button.previous {left: auto;right: calc((100vw - var(--container-width))/2 + var(--btn-width) + 25px);}
.hero-banner .flickity-button.next {right: calc((100vw - var(--container-width))/2 + 15px);}
@media (max-width: 1650px) {
    .hero-banner .flickity-button.previous {right: calc(var(--btn-width) + 25px);}
    .hero-banner .flickity-button.next {right: 15px;}
}
@media (max-width: 1199px) {
    .hero-banner .is-full-height {height: auto;min-height: 800px;}
    .hero-banner .flickity-button {display: none;}
}
@media (max-width: 549px) {
    .hero-banner .overlay::before {height: 100%;}
    .hero-banner .is-full-height {min-height: 600px;}
}
/*--------------------*/
/*  Button            */
/*--------------------*/
.header-button .button:not(.is-outline), .btn:not(.is-outline) {border: none;}
.header-button .button, .btn {padding-inline: 1.94em;margin: 0;line-height: var(--btn-height);min-height: var(--btn-height);color: var(--clr-btn) !important;font-weight: 500;letter-spacing: 0;}
.header-button .button:hover, .btn:hover {color: var(--clr-white) !important;} 
.header-button .button.is-medium, .btn.is-medium {font-size: .9em;}
.btn:not(.icon)>span+i, .btn:not(.icon)>i {margin: 0;width: 58px;height: 58px;border-radius: 100%;background-color: rgba(255,255,255,.5);background-repeat: no-repeat;background-position: center;}
.btn:not(.icon)>span+i {margin-inline: 17px -32px;}
.btn:not(.icon)>i {margin-inline: -32px 17px;}
.btn .icon-menu {background-image: url("img/icons/icon-lists.svg");}
.btn .icon-phone {background-image: url("img/icons/icon-telephone.svg");}
.btn .icon-menu::before, .btn .icon-phone::before {content: '';}
/*--------------------*/
/*  Flickity slider   */
/*--------------------*/
.slider {--btn-width: 102px;--btn-height: 64px;--dots-size: 9px;--dots-gap: calc(25px/2);}
.flickity-page-dots {bottom: 30px;height: var(--dots-size);}
.flickity-page-dots .dot {width: var(--dots-size);height: var(--dots-size);border-width: 2px;vertical-align: top;margin-inline: var(--dots-gap);opacity: 1;}
.flickity-page-dots .dot.is-selected {border-color: var(--fs-color-primary);}
.row-slider .flickity-page-dots {bottom: 28px;left: 0;right: 0;}
.row-slider .flickity-page-dots::before {content: '';display: block;position: absolute;left: calc(var(--btn-width) + 70px);right: calc(var(--btn-width) + 70px);top: 0;bottom: 0;margin-block: auto;height: 1px;background-color: var(--clr-border);}
.row-slider .flickity-page-dots .dot {position: relative;box-shadow: 0 0 0 12.5px var(--bg-1);}
.row-slider .flickity-page-dots .dot:first-child::before, .row-slider .flickity-page-dots .dot:last-child::before {content: '';display: block;position: absolute;top: 2px;width: 60px;height: 1px;background-color: var(--bg-1);}
.row-slider .flickity-page-dots .dot:first-child::before {left: -62px;}
.row-slider .flickity-page-dots .dot:last-child::before {right: -62px;}
.row-slider .flickity-page-dots .dot:not(.is-selected) {background-color: var(--bg-1) !important;}
.row-slider .flickity-page-dots .dot {width: var(--dots-size);height: var(--dots-size);background-color: transparent;border: 2px solid var(--fs-color-primary);opacity: 1;}
.slider-nav-light .flickity-page-dots .dot.is-selected, .row-slider .flickity-page-dots .dot.is-selected {background-color: var(--fs-color-primary);}
.flickity-button {width: var(--btn-width);height: var(--btn-height);border-radius: 32.5px;border: 1px solid var(--clr-border);transition: var(--transition);}
.flickity-button:hover {border-color: var(--clr-title);}
.flickity-button::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-image: url("img/icons/icon-arrow-left.svg");}
.flickity-button svg {display: none;}
.flickity-button.next::after {transform: scale(-1);}
.flickity-button {position: absolute;}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {opacity: 1;transform: none !important;}
@media (max-width: 1199px) {
    .row-slider .flickity-page-dots::before {left: calc(var(--btn-width) + 40px);right: calc(var(--btn-width) + 40px);}
    .row-slider .flickity-page-dots .dot:first-child::before, .row-slider .flickity-page-dots .dot:last-child::before {width: 30px;}
    .row-slider .flickity-page-dots .dot:first-child::before {left: -32px;}
    .row-slider .flickity-page-dots .dot:last-child::before {right: -32px;}
}
@media (max-width: 549px) {
    .flickity-page-dots {bottom: 20px;}
    .row-slider .flickity-prev-next-button, .row-slider .flickity-page-dots::before, .row-slider .flickity-page-dots .dot:first-child::before, .row-slider .flickity-page-dots .dot:last-child::before {display: none;}
    .row-slider .flickity-page-dots {bottom: -30px;}
    .row-slider .flickity-page-dots .dot {box-shadow: none;}
}
/*--------------------*/
/*  Categories        */
/*--------------------*/
.ctgs .overlay::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 250px;background: linear-gradient(180deg, rgba(23, 22, 22, 0.9) 0%, rgba(23, 22, 22, 0) 100%);transform: rotate(180deg);}
.ctgs .box-text::before {content: '';display: block;width: 54px;height: 70px;border-radius: 33.5px;margin-inline: auto;margin-bottom: 23px;border: 1px solid rgba(255,255,255,.5);background-repeat: no-repeat;background-position: center;background-size: auto 24px;}
.ctgs .product-category:nth-child(1) .box-text::before {background-image: url("img/icons/icon-flower.svg");}
.ctgs .product-category:nth-child(2) .box-text::before {background-image: url("img/icons/icon-box.svg");}
.ctgs .product-category:nth-child(3) .box-text::before {background-image: url("img/icons/icon-capsules.svg");}
.ctgs .box-text h5 {margin-block: 0;font-size: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);}
.ctgs .box-overlay.dark .box-text {text-shadow: none;}
.ctgs .count {text-transform: none;font-size: 18px;color: rgba(255,255,255,.7);}
/*--------------------*/
/*  Products          */
/*--------------------*/
.prds.slider .col {padding-bottom: 111px !important;}
.prds .box-image {border-radius: 15px;position: relative;padding-bottom: 127%;}
.prds .box-image img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: transform .6s;}
.prds .box-image a:hover img {transform: scale(1.1);}
.prds .box-text {padding: 15px 0 0 0;text-align: center;}
.prds .box-text>*+* {margin-top: 15px;}
.prds .box-text p {margin-block: 0;}
.prds .title-wrapper {display: flex;flex-direction: column-reverse;gap: 15px;}
.prds .product-title {font-weight: 700;font-size: 20px;}
.prds .product-title a {color: var(--clr-title);transition: var(--transition);margin-block: 0;}
.prds .product-title a:hover {color: var(--clr-btn);}
.prds .category {line-height: 1;color: rgba(25, 21, 22, 0.7);opacity: 1;}
.prds .box-text .button {margin: 0;text-transform: none;color: var(--clr-btn);background-color: var(--fs-color-primary);font-weight: 500;border: none;border-radius: 99px;letter-spacing: 0;display: inline-flex;align-items: center;line-height: 1;}
.prds .box-text .button:hover {box-shadow: inset 0 0 0 100px rgba(0,0,0,.2) !important;color: var(--clr-white);}
.prds .flickity-button {margin-top: 0;transform: none !important;opacity: 1;top: auto;bottom: 0;z-index: 20;}
.prds .flickity-button.previous {left: 10px;}
.prds .flickity-button.next {right: 10px;}
@media (max-width: 549px) {
    .prds.slider .col {padding-bottom: 0px !important;}
}
/*--------------------*/
/*  Banner            */
/*--------------------*/
.bnr {--btn-height: 2.78em;border-radius: 20px;overflow: hidden;}
.bnr.box-overlay.dark .box-text {text-shadow: none;}
.bnr .box-text h4 {font-size: clamp(1.5rem, 1.257rem + 1.036vw, 2.5rem);line-height: 1.1;margin-block: 0;}
.bnr .box-text p, .bnr .box-text .button {margin-block: 0;}
.bnr .box-text-inner>*+* {margin-top: 20px !important;}
.bnr [data-text-bg] {font-size: clamp(0.875rem, 0.784rem + 0.388vw, 1.25rem);border-radius: 99px;padding-inline: 15px;padding-block: .275em;color: var(--clr-white);display: inline-block;vertical-align: top;}
.bnr [data-text-bg] strong {font-weight: 800;}
@media (min-width: 850px) {
    .bnr .overlay {opacity: 0;}
    .bnr .box-text {max-width: 460px;}
}
@media (max-width: 849px) {
    .bnr .image-cover {padding-top: 50% !important;}
    .bnr .box-text-inner>*+* {margin-top: 10px !important;}
}
/*--------------------*/
/*  Services          */
/*--------------------*/
.services .col-inner {box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);}
.services .icon-box-center .icon-box-img {margin-bottom: 25px;}
.services .icon-box-text {font-size: 18px;color: var(--clr-title);line-height: 1.5;}
/*--------------------*/
/*  Contact form      */
/*--------------------*/
.cont-form .img {width: max(10rem, 38.85vw) !important;}
.cont-form .img-inner {border-radius: 100%;}
.cont-form .col:first-child .img {margin-left: -14.64vw;}
.cont-form .col:last-child .img {margin-right: -14.64vw;}
@media (max-width: 1366px) {
    .cont-form .col:has(.wpcf7-form)>.col-inner {padding-inline: 0 !important;}
}
/*--------------------*/
/*  Form elements     */
/*--------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--clr-title);opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color: var(--clr-title);opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color: var(--clr-title);opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--clr-title);opacity: 1;}
.input {box-shadow: 0 0 5px rgba(0, 0, 0, 0.06) !important;padding-inline: 25px !important;margin-bottom: 0;border-radius: 32.5px !important;color: var(--clr-title);}
.input:not(.wpcf7-not-valid) {border-color: transparent !important;}
.input:not(textarea) {height: 64px !important;}
select.wpcf7-not-valid {border-color: var(--fs-color-alert);}
textarea.input {resize: vertical;min-height: 90px;vertical-align: top;}
.wpcf7-form {margin-bottom: 0;}
.wpcf7-form .row-small {margin-inline: -5px !important;}
.wpcf7-form .row-small>.col {padding-inline: 5px;padding-bottom: 10px;}
.wpcf7-form .col:has(.wpcf7-submit) {margin-top: 30px;}
.wpcf7-submit {text-transform: none !important;font-weight: 500 !important;border-radius: 99px !important;letter-spacing: 0 !important;height: 64px;padding-inline: 35px !important;margin: 0 !important;}
.wpcf7-not-valid-tip {text-align: left;font-size: 14px;background-color: transparent !important;opacity: 1 !important;margin: 0 !important;padding-inline: 35px !important;}
.wpcf7-not-valid-tip::after {display: none;}
.wpcf7-spinner, .wpcf7-response-output {display: none !important;}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer-nav .icon-box {align-items: center;transition: var(--transition);}
.footer-nav .icon-box-left .icon-box-img+.icon-box-text {padding-left: 10px;}
.footer-nav .plain:hover .icon-box {opacity: .6;}
.footer-nav strong {font-weight: 500;}
.footer-wrapper .text p {margin-bottom: 0;}
.footer-wrapper .text p a {color: inherit;transition: var(--transition);}
.footer-wrapper .text p a:hover {color: var(--clr-btn);}
.absolute-footer {padding-block: 0;}
/*--------------------*/
/*  Social            */
/*--------------------*/
.social-icons {--icon-size: 38px;}
.social-icons .button {margin: 0 5px;min-width: var(--icon-size);min-height: var(--icon-size);height: var(--icon-size);}
.social-icons .button.icon:not(.is-outline) {background-color: var(--bg-1) !important;border-color: transparent !important;}
.social-icons .button.icon:not(.is-outline)>i {color: var(--clr-btn) !important;transition: var(--transition);}
.social-icons .button.icon:not(.is-outline):hover {box-shadow: none;background-color: var(--clr-btn) !important;}
.social-icons .button.icon:not(.is-outline):hover>i {color: var(--clr-white) !important;}
/*--------------------*/
/*  Icon box          */
/*--------------------*/
.icon-box .icon {font-size: 0;}
.icon-box-img img, .icon-box-img svg {padding-top: 0;}
/*--------------------*/
/*  Decor             */
/*--------------------*/
.decor::before {content: '';display: block;position: absolute;width: max(5rem, 21.875vw);height: max(4.45rem, 19.43vw);background-repeat: no-repeat;background-size: contain;background-image: url("img/flower-decor.svg");pointer-events: none;}
.decor-rt::before {right: 23px;top: -14.11vw;}
/*--------------------*/
/*  Animation         */
/*--------------------*/
@-webkit-keyframes trin{from{transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes trin{from{transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0, 0, 1, 0deg);}}