/*
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=Figtree:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

:root {
    --ff-1: "Figtree", sans-serif;
    --ff-2: "Monoton", sans-serif;

    --h1: clamp(2.25rem, 1.722rem + 1.69vw, 3.75rem);
    --h2: clamp(2.125rem, 1.773rem + 1.127vw, 3.125rem);

    --clr-white: #fff;
    --clr-white-70: rgba(255,255,255,.7);
    --clr-white-60: rgba(255,255,255,.6);
    --clr-white-30: rgba(255,255,255,.3);
    --clr-white-7: rgba(255,255,255,.07);
    --clr-black: #0D0D0D;
    --clr-black-2: #000;
    --clr-title: var(--clr-black);

    --lts: .04em;
    --lts-1: .05em;
    --lts-2: .1em;

    --rd-1: 16px;
    --rd-2: 50px;
    --rd-3: 30px;
    --rd-4: 20px;
    --rd-5: 35px;

    --bg-1: #D9D9D9;
    --bg-2: #F0E6DC;

    --transition: .2s;
    --transiton-2: 0.25s linear opacity;
    --transition-3: 1s;
    --transition-4: .6s;
}

/*--------------------*/
/*  General           */
/*--------------------*/
body {line-height: 1.8 !important;}
.is-uppercase, .uppercase {line-height: inherit;}
.text p {letter-spacing: var(--lts);margin-bottom: .75em;}
.h1, h1 {font-size: var(--h1) !important;line-height: 1.2 !important;}
.h2, h2 {font-size: var(--h2) !important;line-height: 1.2 !important;}
.section {will-change: opacity;opacity: 0;}
.section.animated {opacity: 1;transition: var(--transiton-2);}
.section.dark {background-color: var(--clr-black);}
.spacing-4 p {letter-spacing: var(--lts);}
.radius-1 {border-radius: var(--rd-1);overflow: hidden;}
.radius-2 {border-radius: var(--rd-2);overflow: hidden;}
img.size-full.alignnone {margin-bottom: 0;}
@media (prefers-reduced-motion: no-preference) {
    [data-parallax] {opacity: 1 !important;}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
.nav-spacing-xlarge>li {margin-inline: 25px;}
.has-transparent .nav>li>a {color: var(--clr-white-60);}
.has-transparent .nav>li:hover>a, .has-transparent .nav>li.active>a {color: var(--clr-white);}
.nav-uppercase>li>a {letter-spacing: .1em;}
.has-dropdown .icon-angle-down {opacity: .6;margin-left: 10px;transition: var(--transition);}
.has-dropdown .icon-angle-down::before {content: '';display: block;width: 12px;height: 12px;background: url("img/icons/icon-chevron-down.svg") no-repeat center;}
.nav-dropdown {border-radius: var(--rd-1);}
.nav-dropdown>li>a {font-size: 1rem;}
.nav-dropdown.dark>li>a {color: var(--clr-white);}
.nav-dropdown.dark>li>a:hover, .nav-dropdown.dark>li.active>a {color: var(--clr-black);}
.has-transparent .nav>li:hover>a .icon-angle-down, .has-transparent .nav>li.active>a .icon-angle-down {opacity: 1;}
.cart-icon {--size: 20px;width: var(--size);height: var(--size);background: url("img/icons/icon-shopping-basket.svg") no-repeat center / contain;margin-right: 15px;}
.cart-icon strong {border: none;width: var(--size);height: var(--size);background-color: var(--fs-color-primary);margin: 0;border-radius: 100%;color: var(--clr-black);line-height: var(--size);font-family: var(--ff-1);font-size: 12px;position: absolute;right: -15px;bottom: -5px;letter-spacing: 0;transition: var(--transition);}
.cart-icon strong::after {display: none;}
.cart-icon:hover strong, .current-dropdown .cart-icon strong {color: var(--clr-black);background-color: var(--clr-white);}
.header-wrapper.stuck {box-shadow: 0 5px 15px rgba(220, 171, 79, .1);}
.nav .cart-item .nav-dropdown {background-color: var(--clr-black);}
.nav-dropdown-has-arrow li.has-dropdown.cart-item::after {border-bottom-color: #0D0D0D !important;}
.woocommerce-mini-cart-item a {transition: var(--transition);}
.woocommerce-mini-cart-item a:hover {color: var(--fs-color-primary);}
.woocommerce-mini-cart__buttons .button {border: none;letter-spacing: .1em;padding-inline: 2.06em;font-size: 17px;border-radius: var(--rd-5);}
.woocommerce-mini-cart__buttons .button.checkout {background-color: var(--bg-1);color: var(--clr-black);}
.widget_shopping_cart p.total {border-bottom-width: 1px;}
@media (max-width: 1199px) {
    .header-main .hide-for-medium, .header-bottom {display: none;}
    .header-main .show-for-medium {display: block !important;}
    .dark .nav>li>a, .mobile-nav.nav>li>a {color: var(--clr-white);}
    .off-canvas-center.mfp-bg.mfp-ready {opacity: .95;}
    .off-canvas-center .nav-sidebar.nav-vertical>li .toggle {top: 20px;}
}
/*--------------------*/
/*  Hero banner       */
/*--------------------*/
.hero-banner {--clr-title: var(--clr-white);min-height: 100dvh;}
.hero-banner::before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;height: 300px;background: linear-gradient(180deg, #0D0D0D 0%, rgba(13, 13, 13, 0) 100%);z-index: 1;pointer-events: none;}
.hero-banner::after {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 300px;background: linear-gradient(0deg, #0D0D0D 0%, rgba(13, 13, 13, 0) 100%);}
.hero-subtitle {position: relative;opacity: 0;margin-bottom: -290px;transition-delay: 1.5s;transition-property: opacity;transition-duration: .2s;}
.hero-subtitle p {letter-spacing: .2em;}
.hero-banner .btn {opacity: 0;}
.hero-banner.animated .btn, .animated .hero-subtitle {opacity: 1;}
/*--------------------*/
/*  Page banner       */
/*--------------------*/
.page-banner::before, .page-banner::after {content: '';display: block;position: absolute;left: 0;right: 0;z-index: 1;height: 300px;background: linear-gradient(180deg, #0D0D0D 0%, rgba(13, 13, 13, 0) 100%);pointer-events: none;}
.page-banner::before {top: 0;}
.page-banner::after {bottom: 0;transform: scale(-1);}
.page-banner .section-content {z-index: 2;}
.page-banner .icon-box {align-items: center;}
.page-banner .icon {position: relative;padding-top: 100%;background-color: var(--bg-1);border-radius: 100%;transition: var(--transition);}
.page-banner .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.page-banner .icon-box-text .text {letter-spacing: var(--lts-2);} 
.page-banner .icon-box-text .text p {margin-bottom: 0;}
.page-banner .icon-box-img {position: relative;}
.page-banner .icon-box-img::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(img/bg-icon.svg) no-repeat center / contain;z-index: 1;pointer-events: none;animation: spin 12s linear infinite;animation-play-state: paused;}
.page-banner .icon-box-img img, .page-banner .icon-box-img svg {width: auto;height: auto;}
.page-banner .icon-box-text .text>* {transition: var(--transition);}
.page-banner .plain:hover .icon {background-color: var(--fs-color-primary);}
.page-banner .plain:hover .icon-box-img::before {animation-play-state: running;}
.page-banner .plain:hover .text>* {color: var(--fs-color-primary) !important;}
.page-banner .decor-img2 .abs-img2 {top: 0;aspect-ratio: 411/627;max-height: 100%;}
.page-banner .decor-img2 .abs-img2 img {contain-intrinsic-size: 411px;}
/*--------------------*/
/*  Video banner      */
/*--------------------*/
.video-banner {border-radius: var(--rd-2);overflow: hidden;}
.video-banner::before, .video-banner::after {--height: 535px;content: '';display: block;position: absolute;background-repeat: no-repeat;z-index: 1;pointer-events: none;height: 535px;background-size: contain;transition: var(--transition-3);}
.video-banner::before {--width: 502px;left: calc(var(--width)*-1);bottom: calc(var(--height)*-1);background-image: url("img/cta-decor-left.svg");width: var(--width);height: var(--height);border-bottom-left-radius: 46px;display: inline-block;will-change: transform;}
.video-banner::after {--width: 805px;right: calc(var(--width)*-1);top: calc(var(--height)*-1);background-image: url("img/cta-decor-right.svg");width: var(--width);border-top-right-radius: 46px;background-position-x: right;}
.animated .video-banner::before {left: 0;bottom: 0;}
.animated .video-banner::after {right: 0;top: 0;}
/*--------------------*/
/*  Button            */
/*--------------------*/
.btn {--icon-size: 20px;display: inline-flex;align-items: center;gap: var(--gap);padding-inline: 70px 35px;min-height: 4.118em;line-height: 4.118em;margin: 0;letter-spacing: var(--lts-2);overflow: clip;z-index: 1;max-width: 450px;border: none !important;transition: var(--transition);}
.btn.is-small {font-size: .85em;}
.btn span::before, .btn span::after {content: '';display: block;position: absolute;top: 0;z-index: -1;width: 50%;height: 100%;background-image: url("img/bg-button.svg");background-repeat: no-repeat;background-size: auto 100%;transition: var(--transition);}
.btn span::before {left: 0;}
.btn span::after {right: 0;background-position: right center;}
.btn.secondary {color: var(--clr-black);}
.btn::before, .btn::after {content: '';display: block;width: var(--icon-size);height: var(--icon-size);background: url("img/icons/icon-coffee-bean.svg") no-repeat center / contain;flex-shrink: 0;transition: var(--transition);position: absolute;}
.btn::before {left: 35px;}
.btn::after {right: 35px;opacity: 0;transform: scale(0);filter: brightness(1) invert(1);}
.btn:hover {box-shadow: none;color: var(--clr-black) !important;padding-inline: 35px 70px;}
.btn:hover::before {opacity: 0;transform: scale(0);}
.btn:hover::after {opacity: 1;transform: scale(1);}
.btn.type2 span::before, .btn.type2 span::after, .btn.type7 span::before, .btn.type7 span::after {background-image: url("img/bg-button-light.svg");}
.btn.type2::before, .btn.type2::after {background-image: url("img/icons/icon-call.svg");}
.btn.type2:hover span::before, .btn.type2:hover span::after, .btn.type7:hover span::before, .btn.type7:hover span::after {filter: brightness(1) invert(1);}
.btn.type3::before, .btn.type3::after {background-image: url("img/icons/icon-clipboard.svg");filter: none;}
.btn.type3:hover {background-color: var(--fs-color-primary);}
.btn.type4::before, .btn.type4::after {background-image: url("img/icons/icon-logo-sm.svg");filter: none;}
.btn.type5::before, .btn.type5::after {background-image: url("img/icons/icon-gift-box.svg");filter: none;}
.btn.type5::after {background-image: url("img/icons/icon-gift-box-dark.svg");}
.btn.type6::before, .btn.type6::after {background-image: url("img/icons/icon-arrow-right-white.svg");filter: none;}
.btn.type6.is-outline::before {background-image: url("img/icons/icon-arrow-right.svg");}
.btn.type6::after {background-image: url("img/icons/icon-arrow-right-dark.svg");}
.btn.type7::before, .btn.type7::after {background-image: url("img/icons/icon-weight-light.svg");filter: none;}
.btn.type7::after {background-image: url("img/icons/icon-weight-dark.svg");}
.btn.type8::before, .btn.type8::after {background-image: url("img/icons/icon-call-dark.svg");filter: none;}
.btn.type8::after {background-image: url("img/icons/icon-call-dark.svg");}
.btn.type9::before, .btn.type9::after {background-image: url("img/icons/icon-arroba-dark.svg");filter: none;}
.btn.type9::after {background-image: url("img/icons/icon-arroba-dark.svg");}
.btn.is-outline span::before, .btn.is-outline span::after {background-image: url("img/bg-button-outline.svg");opacity: .4;filter: brightness(0) invert(1);transition: opacity var(--transition);}
.btn.is-outline:hover {background-color: transparent;color: var(--fs-color-primary) !important;}
.btn-link {padding: 0 !important;line-height: 1;min-height: 0;border: none;font-weight: 400;display: inline-flex !important;align-items: center;gap: 15px;}
.btn.is-outline:hover {background-color: var(--fs-color-primary);color: var(--clr-black) !important;}
.btn.is-outline:hover span::before, .btn.is-outline:hover span::after {opacity: 1;filter: none;background-image: url("img/bg-button.svg");}
.btn-link.button:not(.icon)>span+i {margin-inline: 0;top: .1em;flex-shrink: 0;transition: var(--transition) !important;}
.btn-link .icon-angle-right::before {content: '';display: block;width: 20px;height: 20px;background: url("img/icons/icon-arrow-right.svg") no-repeat center / contain;}
.btn-link:hover {opacity: 1 !important;}
.btn-link.button:not(.icon):hover>span+i {filter: brightness(0) invert(1);transform: translateX(5px);}
.btn.white {background-color: var(--bg-1) !important;color: var(--clr-black) !important;}
@media (max-width: 549px) {
    .btn.is-small {font-size: .75em;}
}
/*--------------------*/
/*  CTA               */
/*--------------------*/
.cta {--offset-x: -12px;--offset-y: 10px;--duration: 2s;--easing: cubic-bezier(0.35, 0.00, 0.25, 1.00);}
.cta::before {content: '';display: block;position: absolute;left: -10vw;right: -10vw;bottom: -1px;height: 263px;background: url("img/bg-footer.svg") no-repeat center bottom;pointer-events: none;animation: leftRight 1s ease-in-out infinite alternate;}
.cta .col {padding-bottom: 0;}
.cta-title>* {margin-bottom: .46em;}
.cta-text>*+* {margin-block: 1.95em 0;}
.cta-bg>.col-inner {overflow: hidden;}
.cta-bg>.col-inner::before, .cta-bg>.col-inner::after {--height: 535px;content: '';display: block;position: absolute;background-repeat: no-repeat;z-index: 1;pointer-events: none;height: 535px;background-size: contain;transition: var(--transition-3);}
.cta-bg>.col-inner::before {--width: 502px;left: calc(var(--width)*-1);bottom: calc(var(--height)*-1);background-image: url("img/cta-decor-left.svg");width: var(--width);height: var(--height);border-bottom-left-radius: 46px;display: inline-block;will-change: transform;}
.cta-bg>.col-inner::after {--width: 805px;right: calc(var(--width)*-1);top: calc(var(--height)*-1);background-image: url("img/cta-decor-right.svg");width: var(--width);border-top-right-radius: 46px;background-position-x: right;}
.cta .img {z-index: 1;}
.cta .img::before, .cta .img::after {content: '';display: block;position: absolute;}
.cta .img::before {left: -3px;top: 70px;z-index: 1;width: 94px;height: 97px;background: url("img/shine-decor4.svg") no-repeat 0 0 / contain;}
.cta .img::after {max-width: 379px;max-height: 387px;width: 100%;height: 100%;right: 0;top: -10px;z-index: -1;background: url("img/circle-decor3.svg") no-repeat center / contain;animation: spin 45s linear infinite;}
.cta.type2 .img {max-width: 463px;}
.cta.type2 .img::before {left: -7%;top: 5%;}
.cta.type2 .img::after {max-width: 310px;max-height: 310px;background-image: url("img/circle-decor4.svg");right: -14%;}
.animated .cta-bg>.col-inner::before {left: 0;bottom: 0;}
.animated .cta-bg>.col-inner::after {right: 0;top: 0;}
@media (max-width: 849px) {
    .cta-bg>.col-inner::before, .cta-bg>.col-inner::after {height: 260px;}
}
@media (max-width: 549px) {
    .cta-bg>.col-inner::before, .cta-bg>.col-inner::after {height: 180px;}
}
/*--------------------*/
/*  Addresses         */
/*--------------------*/
.addresses .box {max-width: 350px;margin-inline: auto;}
.addresses .box-image {overflow: visible;}
.addresses .box-image a {display: block;border-radius: 100%;overflow: hidden;}
.addresses .box-image::before {content: '';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url("img/circle-decor.svg") no-repeat center / contain;margin: -24px;animation: spin 12s linear infinite;animation-play-state: paused;pointer-events: none;}
.addresses .box-text p {margin-block: 0;}
.addresses .box-text .text:first-child {margin-bottom: .96em;}
.addresses .box-text .text+.text {max-width: 250px;}
.addresses .box-text .button {margin-block: 1.1em 0;}
.addresses .box:hover .box-image::before {animation-play-state: running;}
@media (max-width: 849px) {
    .addresses .box .box-image::before {animation-play-state: running;}
}
/*--------------------*/
/*  Benefits          */
/*--------------------*/
.benefits .col {padding-bottom: 0;}
.section:has(.benefits)::before {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 100%;pointer-events: none;background: url("img/bg-section-top.svg") no-repeat center top;z-index: 1;height: 260px;transform: scale(-1);}
.benefits .text p {margin-bottom: .96em;}
.benefits .text+.text p {margin-bottom: 0;}
.benefits-img::before, .benefits-img::after {content: '';display: block;position: absolute;z-index: -1;max-width: 478px;max-height: 478px;background: url("img/circle-decor2.svg") no-repeat 0 0 / contain;pointer-events: none;margin-inline: auto;width: 100%;height: 100%;}
.benefits-img::before {left: 59px;top: 21px;animation: spin 45s linear infinite;}
.benefits-img::after {left: 30px;top: 11px;animation: spin 90s linear infinite;}
.benefits-img .img-inner {overflow: visible;}
.benefits-img .img-inner::before, .benefits-img .img-inner::after {content: '';display: block;position: absolute;pointer-events: none;background-repeat: no-repeat;background-position: center;background-size: contain;}
.benefits-img .img-inner::before {width: 90px;height: 106px;background-image: url("img/shine-decor2.svg");left: 33px;top: 66px;}
.benefits-img .img-inner::after {width: 168px;height: 188px;background-image: url("img/shine-decor3.svg");right: -17px;top: 10px;}
@media (min-width: 850px) {
    .benefits .col:nth-child(1), .benefits .col:nth-child(3) {align-self: center;}
}
@media (max-width: 849px) {
    .benefits-img .img-inner::before {left: 0;top: 0;}
    .benefits-img .img-inner::after {right: -59px;top: -25px;}
}
/*--------------------*/
/*  Products          */
/*--------------------*/
.prods, .menu {--decor-height: 260px;z-index: 2;}
.prods::before, .prods::after, .menu::before, .menu::after {content: '';display: block;position: absolute;left: -10vw;right: -10vw;background-repeat: no-repeat;background-position-x: center;height: var(--decor-height);pointer-events: none;background-position: center top;animation: leftRight 1s ease-in-out infinite alternate;}
.prods::before, .menu::before {top: calc(var(--decor-height)*-1);background-image: url("img/bg-section-top-light.svg");background-position-y: bottom;}
.prods::after, .menu::after {bottom: calc(var(--decor-height)*-1);background-image: url("img/bg-section-bottom-light.svg");}
.prods .product-small {max-width: 390px;margin-inline: auto;text-align: center;padding-bottom: 0 !important;}
.prods .box-text {padding-block: 40px 0;}
.prods .product-title {text-transform: uppercase;font-size: 23px;font-weight: 800;letter-spacing: var(--lts-1);margin-block: 0 1.04em;}
.prods .product-title a {color: var(--clr-black);transition: var(--transition);}
.prods .product-title a:hover {color: var(--fs-color-primary);}
.prods .box-image {overflow: visible;}
.prods .product-small .box-image::before, .prods .product-small .box-image::after {content: '';display: block;position: absolute;background-repeat: no-repeat;background-position: center;transition: var(--transition);transform-origin: 50% 100%;}
.prods .product-small .box-image::before {z-index: 1;left: 0;right: 0;margin-inline: auto;bottom: -19px;width: 200px;height: 70px;background-image: url("img/product-roasted-coffee-beans-isolated.png");}
.prods .product-small .box-image::after {z-index: -1;left: -9px;bottom: 5px;width: 121px;height: 243px;background-image: url("img/product-leaf-and-roasted-coffee-beans-isolated.png");}
.prods .box-image img {contain-intrinsic-size: 310px 490px;width: auto;margin-right: 0;display: block;}
.prods .product-small:hover .box-image::before {transform: translateX(15px);}
.prods .product-small:hover .box-image::after {transform: rotate(-10deg) translateX(15px);}
.prods span.amount {color: var(--clr-black);font-size: 20px;}
.prods .flickity-prev-next-button {width: 70px;height: 70px;background-color: var(--clr-white);border-radius: 100%;top: 50%;bottom: auto;transform: translateY(-50%) !important;opacity: 1 !important;}
.prods .flickity-prev-next-button::before, .prods .flickity-prev-next-button::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.prods .flickity-prev-next-button::before {background: url("img/icons/icon-chevron-left.svg") no-repeat center;}
.prods .flickity-prev-next-button.next::before {transform: scale(-1);}
.prods .flickity-prev-next-button::after {background: url("img/bg-slider-button.svg") no-repeat center / contain;animation: spin 12s linear infinite;animation-play-state: paused;}
.prods .flickity-prev-next-button:hover {background-color: var(--fs-color-primary);}
.prods .flickity-prev-next-button:hover::after {animation-play-state: running;filter: brightness(1) invert(1);}
.prods .flickity-prev-next-button svg {display: none;}
.prods .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {margin-top: 0;}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {transform: translateY(-50%) !important;}
.product-small:hover .box-image img {transform: scale(1.1);}
.product-title {margin-bottom: .5em;font-size: 24px;}
.product-title a {transition: var(--transition);}
.product-title a:hover {color: var(--fs-color-primary);}
.add-to-cart-button {--icon-size: 20px;margin-top: 10px;}
.add-to-cart-button a {border: none !important;height: 70px;line-height: 70px !important;background-color: var(--fs-color-primary) !important;color: var(--clr-white) !important;font-size: 17px;padding-inline: 70px 35px;border-radius: 35px;margin: 0;position: relative;letter-spacing: var(--lts-2);z-index: 1;transition: var(--transition);}
.add-to-cart-button a::before, .add-to-cart-button a::after {content: '';width: 20px;height: 20px;transition: var(--transition);position: absolute;top: 0;bottom: 0;margin-block: auto;background-repeat: no-repeat;background-position: center;background-size: contain;}
.add-to-cart-button a::before {background-image: url("img/icons/icon-weight.svg");}
.add-to-cart-button a::after {background-image: url("img/icons/icon-weight-light.svg");}
.add-to-cart-button a.add_to_cart_button::before {background-image: url("img/icons/icon-shopping-basket.svg");}
.add-to-cart-button a.add_to_cart_button::after {background-image: url("img/icons/icon-shopping-basket-light.svg");filter: brightness(1) invert(1);}
.add-to-cart-button a::before {left: 35px;}
.add-to-cart-button a::after {right: 35px;opacity: 0;filter: none;transform: scale(0);}
.add-to-cart-button a span::before, .add-to-cart-button a span::after {content: '';display: block;position: absolute;top: 0;z-index: -1;width: 50%;height: 100%;background-image: url("img/bg-button-light.svg");background-repeat: no-repeat;background-size: auto 100%;transition: var(--transition);}
.add-to-cart-button a span::before {left: 0;}
.add-to-cart-button a span::after {right: 0;background-position: right center;}
.add-to-cart-button a:hover {padding-inline: 35px 70px;color: var(--clr-black) !important;}
.add-to-cart-button a:hover::before {opacity: 0;transform: scale(0);}
.add-to-cart-button a:hover::after {opacity: 1;transform: scale(1);}
.add-to-cart-button a:hover span::before, .add-to-cart-button a:hover span::after {filter: brightness(1) invert(1);}
/*--------------------*/
/*  Shop              */
/*--------------------*/
.product .box-image {border-radius: var(--rd-1);}
/*--------------------*/
/*  Single product    */
/*--------------------*/
.woocommerce-product-gallery__image {border-radius: var(--rd-1);overflow: hidden;}
.image-tools .button.is-outline {border-color: currentColor !important;color: var(--clr-black);}
.image-tools .button.is-outline i {top: 0;}
.image-tools .button.is-outline:hover {border-color: var(--fs-color-primary) !important;}
.single_add_to_cart_button {border: none;background-color: var(--fs-color-primary) !important;letter-spacing: .1em;font-size: 17px;}
.ux-quantity__button {width: 50px;border: none !important;text-shadow: none !important;}
.woocommerce-variation-price, .product_meta>span {border-color: hsla(0,0%,100%,.3);}
.single-product .social-icons .button {background-color: var(--bg-1) !important;}
.single-product .social-icons .button.icon>i {color: var(--clr-black) !important;}
.single-product .social-icons .button:hover {background-color: var(--fs-color-primary) !important;}
.ux-quantity {overflow: clip;}
.ux-quantity, .single_add_to_cart_button {border-radius: var(--rd-5);}
.ux-quantity__button:hover {color: var(--clr-black) !important;}
.product_meta a, .woocommerce-breadcrumb a {transition: var(--transition);}
.product_meta a:hover, .woocommerce-breadcrumb a:hover {color: var(--fs-color-primary);}
/*--------------------*/
/*  Checkout          */
/*--------------------*/
.woocommerce-cart-form__cart-item a {transition: var(--transition);}
.woocommerce-cart-form__cart-item a:hover {color: var(--fs-color-primary);}
.button-continue-shopping {border-radius: var(--rd-4);font-size: 17px;letter-spacing: .1em;}
.wc-proceed-to-checkout a {border: none;color: var(--clr-black) !important;border-radius: 99px;background-color: var(--bg-1);font-size: 17px;letter-spacing: .1em;font-weight: 700;line-height: 70px;}
.cart-sidebar .widget-title {border-color: hsla(0,0%,100%,.08);}
.ux-cart-coupon input {border-radius: var(--rd-1);height: 52px;}
.ux-cart-coupon .button {border: none !important;background-color: var(--fs-color-primary) !important;text-shadow: none !important;border-radius: 99px;font-weight: 700 !important;font-size: 17px !important;letter-spacing: .1em;text-transform: uppercase !important;line-height: 70px;}
@media screen and (min-width: 850px) {
    .row-divided>.col+.col:not(.large-12) {border-color: hsla(0,0%,100%,.08);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.box-blog-post .image-cover, .single-post .entry-image img, .entry-content img {border-radius: var(--rd-3);}
.single-post .entry-image img {aspect-ratio: 16/9;object-fit: cover;} 
.box-blog-post.has-hover img {transition: transform var(--transition-4);}
.box-blog-post.has-hover:hover img {transform: scale(1.1);}
.navigation-post .bb, .next-prev-nav .flex-col+.flex-col {border-color: var(--clr-white-30);}
.entry-content p a, .navigation-post a {transition: var(--transition);}
.entry-content li::marker, .entry-content thead th {color: var(--fs-color-primary);}
.navigation-post a {display: flex;align-items: center;line-height: 1.2;}
.box-blog-post .post-title a:hover, .entry-content p a:hover, .navigation-post a:hover {color: var(--fs-color-primary) !important;}
.gallery-columns-3 .gallery-icon img {width: 100%;object-fit: cover;}
.blog-slider.slider:hover .flickity-prev-next-button {transform: none !important;}
.blog-slider.row-slider .flickity-page-dots {bottom: 0;}
.blog-slider.row-slider .flickity-page-dots .dot {background-color: var(--bg-1);}
.blog-slider.row-slider .flickity-page-dots .is-selected {background-color: var(--fs-color-primary);}
/*--------------------*/
/*  Form elements     */
/*--------------------*/
.nf-field-label .nf-label-span {font-size: 18px;}
.ninja-forms-form-wrap form {margin-bottom: 0;}
.nf-field-container {margin-bottom: 15px !important;}
.label-above .nf-field-label {margin-bottom: 0 !important;}
.nf-form-title>*, .nf-field-label label {color: rgba(13, 13, 13, 0.7) !important;}
.nf-error-msg {font-size: 1rem;}
.nf-field-element input, .nf-field-element textarea, .nf-field-element select {border-radius: var(--rd-1);}
.nf-field-element input[type="submit"] {border: none;border-radius: var(--rd-5);height: 70px;font-size: 17px;letter-spacing: .1em;padding-inline: 35px;}
@media (max-width: 549px) {
    .nf-form-fields-required {text-align: center;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer-wrapper .col {padding-bottom: 0;}
.footer-logo {max-width: 255px;}
.footer-contacts .text:first-of-type p {margin-bottom: .96em;}
.footer-contacts .text+.text p {letter-spacing: var(--lts);margin-bottom: 0;}
.footer-contacts .icon-box {align-items: center;}
.footer-contacts .text a {color: inherit;display: inline-block;transition: var(--transition);}
.footer-contacts .text a:hover {color: var(--fs-color-primary);}
.footer-order .icon-box {align-items: center;}
.footer-order .icon-box-text p {margin-bottom: 0;}
.footer-order .icon-box-left .icon-box-img+.icon-box-text {padding-left: 50px;}
.absolute-footer {font-size: 1rem;padding-block: 1.875em;color: var(--clr-white-70) !important;}
.absolute-footer a {transition: var(--transition);}
.absolute-footer a:hover {color: var(--fs-color-primary);}
.footer-secondary {padding: 0;}
@media (max-width: 849px) {
    .footer-order .icon-box-left .icon-box-img+.icon-box-text {padding-left: 35px;}
}
@media (max-width: 549px) {
    .footer-wrapper .divider {margin-block: 2em !important;}
    .footer-contacts .text:first-of-type p {margin-bottom: .4em;}    
    .footer-order .icon-box {justify-content: center;}
    .footer-order .icon-box-left .icon-box-img+.icon-box-text {padding-left: 15px;flex: 0 0 auto;}
    .footer-order .icon-box-img {width: 60px !important;}
}
/*--------------------*/
/*  Icon box          */
/*--------------------*/
.icon-box-img img, .icon-box-img svg {padding-top: 0;}
.icon-box1 {align-items: center;}
.icon-box1 .icon {position: relative;padding-top: 100%;background-color: var(--bg-1);border-radius: 100%;transition: var(--transition);}
.icon-box1 .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.icon-box1 .icon-box-img img, .icon-box1 .icon-box-img svg {width: auto;height: auto;}
.icon-box1 .icon-box-img::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("img/bg-icon.svg") no-repeat center / contain;z-index: 1;pointer-events: none;animation: spin 12s linear infinite;animation-play-state: paused;}
.icon-box1.icon-box-left .icon-box-img+.icon-box-text {padding-left: 20px;}
.icon-box1 .icon-box-text {color: var(--bg-1);transition: var(--transition);}
.plain:has(.icon-box1) {display: inline-block;vertical-align: top;}
.plain:hover .icon-box1 .icon {background-color: var(--fs-color-primary);}
.plain:hover .icon-box1 .icon-box-text {color: var(--fs-color-primary);}
.plain:hover .icon-box1 .icon-box-img::before {animation-play-state: running;}
@media (max-width: 849px) {
    .icon-box1 .icon-box-img {width: 60px !important;}
}
@media (max-width: 549px) {
    .icon-box1 {flex-direction: column;}
    .plain:has(.icon-box1) {display: block;}
    .icon-box1.icon-box-left .icon-box-img+.icon-box-text {padding-left: 0;padding-top: 10px;}
}
/*--------------------*/
/*  Social            */
/*--------------------*/
.social-icons {--btn-size: 70px;}
.social-icons .button {margin-inline: 10px;margin-bottom: 0;width: var(--btn-size);height: var(--btn-size);line-height: var(--btn-size);border: none !important;}
.social-icons .button.icon:not(.is-outline) {background-color: var(--bg-1) !important;}
.social-icons .button.icon:not(.is-outline)>i {color: var(--clr-black) !important;}
.social-icons .button.icon:not(.is-outline)::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("img/bg-icon.svg") no-repeat center / contain;animation: spin 12s linear infinite;animation-play-state: paused;}
.social-icons .button.icon:not(.is-outline):hover {box-shadow: none;background-color: var(--fs-color-primary) !important;}
.social-icons .button.icon:not(.is-outline):hover::before {animation-play-state: running;}
@media (max-width: 849px) {
    .social-icons {--btn-size: 60px;}
}
@media (max-width: 549px) {
    .social-icons {display: flex;justify-content: center;}
}
/*--------------------*/
/*  Splitting         */
/*--------------------*/
.splitting .word, .splitting .char {display: inline-block;vertical-align: top;}
.splitting .char {position: relative;}
.splitting .char::before, .splitting .char::after {content: attr(data-char);position: absolute;top: 0;left: 0;visibility: hidden;transition: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)));}
.title-anim .char {overflow: hidden;color: transparent;}
.title-anim .char:after {transform: translateX(-112%);visibility: visible;color: var(--clr-title);transition: transform 1.8s cubic-bezier(0.9, 0, 0.2, 1);}
.section.dark .title-anim .char:after {--clr-title: var(--clr-white);}
.animated .title-anim .char:after {transform: translateX(0);}
.title-anim [data-text-color=primary] .char::after {--clr-title: var(--fs-color-primary) !important;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion-item+* {margin-top: 2px;}
.accordion-title {border-top: none;background-color: var(--clr-black-2) !important;border-radius: var(--rd-4);font-weight: 700;font-size: 20px;padding-block: 20px;padding-inline: 30px;}
.accordion-title.active {color: var(--fs-color-primary) !important;}
.accordion .toggle {left: auto;right: 20px;top: 0;bottom: 0;font-size: 14px;margin-block: auto;}
.accordion-inner>*:last-child {margin-bottom: 0;}
/*--------------------*/
/*  Map               */
/*--------------------*/
.map {--decor-height: 260px;z-index: 2;}
.map .section-content::before, .map .section-content::after {content: '';display: block;position: absolute;left: -10vw;right: -10vw;z-index: 2;background-repeat: no-repeat;background-position-x: center;height: var(--decor-height);pointer-events: none;background-position: center top;background-image: url("img/bg-section-top.svg");}
.map .section-content::before {top: 0;background-position-y: bottom;transform: scale(-1);}
.map .section-content::after {bottom: 0;}
/*--------------------*/
/*  Decor             */
/*--------------------*/
.decor {position: absolute;pointer-events: none;z-index: -1;}
.decor, .decor img {width: auto !important;}
.decor1 {left: 0;top: 0;max-width: 201px;width: 10.47vw !important;}
.decor2 {left: 0;top: -21.2vw;max-width: 350px;width: 18.23vw !important;}
.decor2 .img-inner::before {content: '';display: block;position: absolute;right: 0.5vw;top: 7vw;width: 213px;height: 218px;background: url("img/shine-decor.svg") no-repeat center / contain;}
.decor3 {right: 0;bottom: -20vw;max-width: 226px;width: 11.77vw !important;}
.decor4 {right: 4.58vw;top: 0;max-width: 165px;width: 8.59vw !important;animation: fadeInOut 10s ease-in-out infinite;}
.decor5 {left: 0;top: -500px;max-width: 542px;width: 28.23vw !important;}
.decor6 {left: 0;top: 0;z-index: 10;max-width: 190px;width: 9.9vw !important;transform: translateY(-60%);}
.decor7 {right: 0;bottom: -45%;max-width: 351px;width: 18.28vw !important;}
.decor8 {right: 0;top: 20%;max-width: 201px;width: 10.46875vw !important;}
.section:has(.decor3) {z-index: 1;}
.circle-img1 {position: absolute;left: -9.48vw;top: -21.875vw;max-width: 625px;width: 32.55vw !important;}
.circle-img1::before {content: '';display: block;position: absolute;right: -5.16vw;top: 0;bottom: 0;z-index: 1;max-width: 200px;width: 10.42vw;max-height: 429px;height: 22.34vw;background: url("img/coffee-cup-leafs.png") no-repeat 0 0 / contain;margin-block: auto;animation: zoomInOut 10s ease-in-out infinite;}
.decor-img {padding-bottom: 0;}
.decor-img .col-inner {max-width: 625px;width: 67%;margin-inline: auto 0 !important;}
.decor-img .circle-img {margin-bottom: 0;}
.decor-img .circle-img .img-inner, .circle-img1 .img-inner {border-radius: 100%;}
.decor-img .circle-img::before, .circle-img1 .img-inner::before, .circle-slider .flickity-viewport::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("img/img-circle-decor.svg") no-repeat center / cover;z-index: 1;pointer-events: none;animation: spin 70s linear infinite;}
.circle-slider .flickity-viewport::before {z-index: 3;}
.decor-img .circle-img.small {position: absolute;left: 72%;bottom: -25%;max-width: 19vw;z-index: 1;margin-bottom: 0 !important;}
.decor-img .circle-img.small::before {transform: scale(-1);animation-duration: 25s;}
.decor-img .abs-img {position: absolute;margin-bottom: 0 !important;}
.decor-img .abs-img, .decor-img .abs-img img {width: auto !important;}
.decor-img1 .abs-img1 {--width: 647px;bottom: 0;top: 0;left: -60%;z-index: -1;margin-block: auto;aspect-ratio: var(--width)/580;display: flex;align-items: center;}
.decor-img1 .abs-img1 img {contain-intrinsic-size: var(--width);}
.decor-img1 .abs-img2 {--width: 265px;left: -20%;top: 0;bottom: 0;margin-block: auto;z-index: 4;aspect-ratio: var(--width)/510;display: flex;align-items: center;max-height: 100%;max-width: var(--width);}
.decor-img1 .abs-img2 .parallax-active {height: 100%;}
.decor-img1 .abs-img2 .img-inner {height: 100%;}
.decor-img1 .abs-img2 img {contain-intrinsic-size: var(--width);height: 100%;object-fit: contain;}
.decor-img2 .abs-img1 {left: 7%;top: 31%;z-index: 1;animation: trin 3.5s linear infinite;aspect-ratio: 134/134;}
.decor-img2 .abs-img1 img {contain-intrinsic-size: 134px;}
.decor-img2 .abs-img2 {left: -38%;top: -17px;z-index: 1;aspect-ratio: 822/704;}
.decor-img2 .abs-img2 img {contain-intrinsic-size: 822px;}
.decor-img2 .abs-img3 {right: -116px;bottom: -92px;z-index: -1;aspect-ratio: 499/490;}
.decor-img2 .abs-img3 img {contain-intrinsic-size: 499px;}
.decor-img3 .col-inner {margin-inline: 0 !important;}
.decor-img3 .abs-img {right: -43%;top: 0;z-index: 1;aspect-ratio: 359/481;max-width: 36vw;}
.decor-img3 .abs-img img {contain-intrinsic-size: 359px;}
.decor-img4 .abs-img {left: -5.9375vw;top: 50%;max-width: 19.53vw;z-index: 1;aspect-ratio: 365/567;transform: translateY(-50%);}
@media (max-width: 849px) {
    .decor-img .circle-img.small {bottom: 0;}
    .decor-img1 .abs-img1 img {width: 60vw !important;}
    .decor-img2 .abs-img1 {max-width: 14vw;}
}
@media (max-width: 549px) {
    .decor-img .col-inner {width: 100%;}
}
/*--------------------*/
/*  Flickity slider   */
/*--------------------*/
.flickity-page-dots {--dot-size: 8px;--dots-sp: 50px;height: var(--dot-size);}
.row-slider .flickity-page-dots {bottom: calc((var(--dots-sp) + var(--dot-size))*-1);}
.flickity-page-dots .dot {vertical-align: top;width: var(--dot-size) !important;height: var(--dot-size) !important;margin-inline: 0 27px !important;opacity: .2 !important;}
.flickity-page-dots .dot:last-child {margin-right: 0 !important;}
.circle-slider .flickity-viewport {border-radius: 100%;}
.menu-slider {--btn-size: 70px;}
.menu-slider .flickity-prev-next-button, .menu-slider.slider:hover .flickity-prev-next-button {transform: translateY(-50%) !important;opacity: 1 !important;}
.menu-slider .flickity-prev-next-button {width: var(--btn-size);height: var(--btn-size);background-color: var(--clr-white);border-radius: 100%;top: 50%;transform: translateY(-50%) !important;}
.menu-slider .flickity-prev-next-button::before, .menu-slider .flickity-prev-next-button::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;}
.menu-slider .flickity-prev-next-button::before {background-image: url("img/icons/icon-chevron-left.svg");}
.menu-slider .flickity-prev-next-button::after {background-image: url("img/button-decor.svg");transition: var(--transition);animation: spin 12s linear infinite;animation-play-state: paused;}
.menu-slider .flickity-prev-next-button:hover {background-color: var(--fs-color-primary);}
.menu-slider .flickity-prev-next-button:hover::after {filter: brightness(1) invert(1);animation-play-state: running;}
.menu-slider.slider-nav-outside.slider-nav-circle .previous {margin-right: 40px;}
.menu-slider.slider-nav-outside.slider-nav-circle .next {margin-left: 40px;}
.menu-slider.slider-nav-outside.slider-nav-circle .next::before {transform: scale(-1);}
.menu-slider .flickity-prev-next-button svg {display: none;}
.menu-slider.type2 .box-image {border-radius: var(--rd-3);}
@media (max-width: 849px) {
    .flickity-page-dots {--dots-sp: 30px;}
}
/*--------------------*/ 
/*  Marquee           */
/*--------------------*/
.marquee {font-size: 100px;font-family: var(--ff-2);line-height: 1;}
.marquee p {color: var(--clr-white-7) !important;margin-bottom: 0;}
@media (max-width: 849px) {
    .marquee {font-size: 66px;}
}
@media (max-width: 549px) {
    .marquee {font-size: 36px;}
}
/*--------------------*/
/*  Animation         */
/*--------------------*/
@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,10deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-10deg);}80%{transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes spin {to{transform: rotate(360deg)}}
@keyframes leftRight {from{transform: translateX(-10px);}to{transform: translateX(10px);}}
@keyframes fadeInOut {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes zoomInOut {0%{transform: scale(0.75) rotate(10deg);}50%{transform: scale(1) rotate(0deg);}100%{transform: scale(0.75) rotate(10deg);}}