/* =====-=====-===== Variables =====-=====-===== */
:root {
    --videoHeightMob: 60svh;
    --videoHeightPc: 100svh;
}

/* =====-=====-===== Main =====-=====-===== */
.s-add-product-toast--visible,
.floating-contacts {
    display: none;
}
/* =====-===== Header =====-===== */
.main-nav {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 768px) {
    .header-icon-button:has(.sicon-earth),
    .store-header [data-show="search-panel"] {
        display: none;
    }
    .header__icons {
        gap: .75rem;
    }
    .s-user-menu-dropdown {
        transition-duration: initial;
    }
}
/* =====-===== side panels =====-===== */
.storemenu-panel .secondary-menu-wrap {
    display: none;
}
@media (max-width: 992px) {
    .storemenu-panel {
        width: 85%;
    }
}
/* =====-===== Cart side panel =====-===== */
.side-panel--cart.cart-is-empty .has_free {
    display: none;
}
.side-panel--cart .cart-options:has(salla-product-options:empty) {
    display: none;
}
.side-panel--cart .side-panel__bottom {
    gap: 1rem;
    background: linear-gradient(180deg, rgba(249, 250, 251, 0.65), rgba(249, 250, 251, 0.98));
}
@media (max-width: 992px) {
    .side-panel--cart {
        width: 85%;
    }
}
/* =====-===== Footer =====-===== */
.store-footer a:has(.logo-img) {
    margin-bottom: 20px;
}
.store-footer .logo-img {
    width: 300px;
    height: 80px;
    max-width: initial;
}
.store-footer a:has(.logo-img) + div {
    color: #fff;
}
.footer-certificates {
    margin-top: 15px;
}
.footer-certificates > .flex {
    justify-content: center;
    text-align: start;
    gap: 1rem;
}
.footer-certificates button:has(img[alt="value added tax"]) {
    width: 40px;
}
.footer-certificates img[alt="value added tax"] {
    height: 51px;
}
[data-modal-id="modal-value-tax"] + div p {
    margin-bottom: .25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    opacity: 1;
}
.store-footer .widget:not(:first-child):has(+div) {
    margin-bottom: 1rem;
}
.store-footer div:has(>.s-contacts) {
    border-bottom: 1px solid #fff;
    height: fit-content;
}
h3.s-contacts-title.collapse-trigger {
    margin-bottom: 0;
}
.store-footer .collapse-trigger:after {
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: sallaicons;
    font-size: 1.125rem;
    line-height: 1.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
    --tw-content: "\e96e";
    content: "\e96e";
    content: var(--tw-content);
}
.store-footer .collapse-trigger:where([dir="rtl"], [dir="rtl"] *):after {
    left: 0px;
}
.store-footer .collapse-trigger:where([dir="ltr"], [dir="ltr"] *):after {
    right: 0px;
}
.store-footer .collapse-trigger:has(+.is-opened):after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.store-footer .collapse-content {
    opacity: 1;
    height: 0 !important;
    transition: .3s ease;
}
.store-footer .collapse-content.is-opened {
    margin-bottom: 0;
}
.store-footer .collapse-content > :last-child {
    margin-bottom: 2rem;
}
.store-footer salla-social {
    margin-top: 24px;
}
.store-footer .s-social-link a {
    background-color: transparent;
}
.store-footer .s-social-link a {
    background-color: transparent;
}
div:has(> .store-footer__bottom-bar) {
    padding: 0;
    background-color: #1b1b1b;
}
.store-footer__bottom-bar {
    background-color: transparent !important;
    border: none;
    padding-right: 15px;
    padding-left: 15px;
}
.copyright-text p,
.copyright-text a {
    color: #eee !important;
}
.copyright-text a:hover {
    opacity: .75;
}
@media (max-width: 768px) {
    .store-footer > .grid {
        gap: 0;
    }
    .store-footer div div:has(>.widget):first-child {
        display: none
    }
    .footer-certificates > .flex {
        flex-wrap: nowrap;
    }
}
@media (min-width: 768px) {
    .store-footer .grid > .widget:not(:first-child) {
        display: none
    }
}
@media (min-width: 1024px) {
    .store-footer {
        padding-bottom: 2rem;
    }
    .store-footer .widget {
        border-bottom-width: 1px;
    }
    .store-footer .collapse-trigger {
        pointer-events: initial;
        padding-top: 1.25rem;
    }
}

/* =====-====-====== Home =====-=====-===== */
/* =====-===== Header =====-===== */
/* ===== transparent above main slider ===== */
.index:has(.s-block--main-slider:first-of-type) .app-inner {
    position: relative;
}
.index.trns-hdr:has(.s-block--main-slider:first-of-type) .store-header {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 2;
}
.index:has(.s-block--main-slider:first-of-type) .store-header .main-nav {
    border: none;
}
.index:has(.s-block--main-slider:first-of-type) .store-header .s-search-input {
    background-color: transparent;
    border-color: #333;
}
.index:has(.s-block--main-slider:first-of-type) .store-header .s-search-icon svg {
    fill: #333;
}
.index:has(.s-block--main-slider:first-of-type) .store-header .main-nav + div {
    background-color: transparent !important;
    border: none;
}
.index:has(.s-block--main-slider:first-of-type) .store-header .main-nav + div::before {
    display: none;
}
/* ===== blur while fixed ===== */
@media (max-width: 768px) {
    .index.trns-hdr:not(:has(.s-user-menu-toggler.opened)) .fixed-header .inner {
        background-color: transparent;
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }
}
@media (min-width: 768px) {
    .index.trns-hdr .fixed-header .inner {
        background-color: transparent;
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }
}
/* =====-===== Main slider =====-===== */
.s-block--main-slider:first-of-type salla-slider,
.s-block--main-slider:first-of-type div[slot=items],
.s-block--main-slider:first-of-type .swiper-slide {
    height: var(--videoHeightMob);
}
.index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type salla-slider,
.index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type div[slot=items],
.index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type .swiper-slide {
    height: calc(var(--videoHeightMob) - 56px);
}
.index.solid-hdr .s-block--main-slider:first-of-type salla-slider,
.index.solid-hdr .s-block--main-slider:first-of-type div[slot=items],
.index.solid-hdr .s-block--main-slider:first-of-type .swiper-slide {
    height: var(--videoHeightMob - 70px);
}
.index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type salla-slider,
.index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type div[slot=items],
.index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type .swiper-slide {
    height: calc(var(--videoHeightMob) - 126px);
}
@media (min-width: 992px) {
    .store-header .main-nav + div {
        display: block;
    }
    .store-header .main-menu {
        display: flex;
    }
    .s-block--main-slider:first-of-type salla-slider,
    .s-block--main-slider:first-of-type div[slot=items],
    .s-block--main-slider:first-of-type .swiper-slide {
        height: var(--videoHeightPc);
    }
    .index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type salla-slider,
    .index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type div[slot=items],
    .index:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type .swiper-slide {
        height: calc(var(--videoHeightPc) - 56px);
    }
    .index.solid-hdr .s-block--main-slider:first-of-type salla-slider,
    .index.solid-hdr .s-block--main-slider:first-of-type div[slot=items],
    .index.solid-hdr .s-block--main-slider:first-of-type .swiper-slide {
        height: var(--videoHeightPc - 158px);
    }
    .index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type salla-slider,
    .index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type div[slot=items],
    .index.solid-hdr:has(.s-block--main-slider:first-of-type + .s-block .s-block--marquee) .s-block--main-slider:first-of-type .swiper-slide {
        height: calc(var(--videoHeightPc) - 214px);
    }
}
/* =====-===== marquee under main slider =====-===== */
.s-block--main-slider:first-of-type + .s-block .s-block--marquee {
    padding: 1rem 0;
    max-width: inherit;
    border-radius: 0;
}
.s-block--main-slider:first-of-type + .s-block .s-block--marquee::before,
.s-block--main-slider:first-of-type + .s-block .s-block--marquee::after {
    display: none;
}
.s-block--main-slider:first-of-type + .s-block .s-block--marquee .marquee {
    font-size: 15px;
}
.s-block--main-slider:first-of-type + .s-block .s-block--marquee ul {
    gap: 28px;
    animation-duration: 40s !important;
}
@media (min-width: 1024px) {
    .s-block--main-slider:first-of-type + .s-block:has(.s-block--marquee) {
        padding-bottom: 3rem;
    }
}
/* =====-===== Single Product Section =====-===== */
.s-block--single-product > div:first-child {
    display: none;
}
.s-block--single-product > div:last-child {
    margin-top: 0;
}
.s-block--single-product .product-form .s-button-element span {
    display: flex;
    gap: 5px
}
.s-block--single-product .product-form + a {
    width: 100%;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
    transition: opacity .3s;
    margin-top: 0;
}
.s-block--single-product .product-form + a:hover {
    opacity: .8;
}
.s-block--single-product .product-form + a::before {
    content: none;
}
.index.ltr .s-block--single-product .product-form + a i {
    --tw-translate-x: 0.5rem;
}
@media (max-width: 1024px) {
    .s-block--single-product > div:last-child {
        padding-top: 0;
    }
}
/* =====-===== Testimonials Section =====-===== */
.s-block--testimonials {
    margin-top: 0 !important;
}
.s-block--testimonials .wrapper > div {
    padding-bottom: 61px;
}
.s-block--testimonials blockquote img {
    position: absolute;
    bottom: 0;
    left: 1.5rem;
}
@media (640px <= width <= 1200px) {
    .s-block--testimonials .swiper-slide {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .s-block--testimonials .wrapper > div {
        padding-bottom: 93px;
    }
}
/* =====-===== Sections Edits =====-===== */
.s-block,
.s-block--single-product .container {
    padding-top: 0;
    padding-bottom: 2rem;
}
.s-block--faqs dl {
    padding-bottom: 0;
}
.s-block--faqs .container > div {
    justify-content: center;
}
.s-block--faqs .container > div > div:last-child {
    display: none;
}
.banner--fixed img {
    height: initial !important;
}
@media (min-width: 768px) {
    .s-block,
    .s-block--single-product .container {
        padding-top: 0;
        padding-bottom: 4rem;
    }
    .s-block--title-only {
        margin-bottom: 45px !important;
    }
    .s-block--faqs dl > div {
        margin-top: 0 !important;
    }
}