/* ==========================================================
   BURGER MENU ON ALL SCREEN SIZES
   ========================================================== */
.main-nav-container .sicon-menu{
  color: #fff !important
}
.s-user-menu-login-btn svg{
  fill: #fff!important
}

/* Always make sure burger is visible */
a.mburger[href="#mobile-menu"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* ==========================================================
   MOBILE / TABLET SCROLL FIX
   ========================================================== */

@media (max-width: 1024px) {

    /*
     * Default state:
     * page must always be scrollable.
     */
    html,
    body {
        overflow-x: hidden !important;
        overflow-y: auto !important;

        height: auto !important;
        max-height: none !important;

        overscroll-behavior: auto !important;
        touch-action: auto !important;

        -webkit-overflow-scrolling: touch;
    }


    /*
     * Neutralize stale Salla / Mmenu classes.
     * Sometimes these remain after the drawer closes.
     */
    body.menu-opened,
    body.mm-ocd-opened {
        overflow-y: auto !important;
        height: auto !important;
        position: static !important;

        overscroll-behavior: auto !important;
        touch-action: auto !important;
    }


    /*
     * ONLY lock the page if the actual
     * Mmenu drawer is visibly open.
     */
    body:has(.mm-ocd.mm-ocd--open) {
        overflow: hidden !important;
        height: 100dvh !important;

        overscroll-behavior: none !important;
        touch-action: none !important;
    }


    /*
     * The menu itself remains scrollable
     * if its contents exceed screen height.
     */
    .mm-ocd.mm-ocd--open .mm-ocd__content {
        overflow-y: auto !important;
        max-height: 100dvh !important;

        -webkit-overflow-scrolling: touch;
        touch-action: pan-y !important;
    }
}



/* ==========================================================
   DESKTOP
   1025px and above
   ========================================================== */

@media (min-width: 1025px) {

    :root {
        --desktop-drawer-width: 360px;
    }


    /* -------------------------------------------------------
       1. Hide Mmenu's unused desktop wrapper

       This is the element you found:
       .mm-ocd
       .mm-ocd__content
       .mm-ocd__backdrop
       ------------------------------------------------------- */

    .mm-ocd {
        display: none !important;
    }


    /*
     * If Mmenu JS adds this desktop class,
     * don't allow it to affect scrolling.
     */
    body.mm-ocd-opened {
        overflow: auto !important;
        overscroll-behavior: auto !important;
    }



    /* -------------------------------------------------------
       2. Keep hamburger visible
       ------------------------------------------------------- */

    a.mburger[href="#mobile-menu"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }



    /* -------------------------------------------------------
       3. Fix Salla sticky-header transform

       Salla puts transform on .inner.
       A transformed ancestor interferes with fixed children.
       ------------------------------------------------------- */

    body.menu-opened #mainnav .inner {
        transform: none !important;
        -webkit-transform: none !important;
        top: 0 !important;
    }



    /* -------------------------------------------------------
       4. Turn #mobile-menu into our desktop drawer
       ------------------------------------------------------- */

    custom-main-menu #mobile-menu {
        display: block !important;

        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;

        width: var(--desktop-drawer-width) !important;
        max-width: 90vw !important;

        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        z-index: 100000001 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        /* Closed state */
        transform: translate3d(100%, 0, 0) !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transition:
            transform 0.3s ease,
            visibility 0.3s ease !important;
    }



    /* -------------------------------------------------------
       5. Open drawer when Salla adds body.menu-opened
       ------------------------------------------------------- */

    body.menu-opened custom-main-menu #mobile-menu {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }



    /* -------------------------------------------------------
       6. Reset Salla desktop .main-menu styling
       ------------------------------------------------------- */

    custom-main-menu #mobile-menu > .main-menu {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 65px 0 20px !important;

        flex: none !important;

        position: static !important;

        overflow: visible !important;
    }



    /* -------------------------------------------------------
       7. Hide desktop menu copies
       ------------------------------------------------------- */

    custom-main-menu #mobile-menu > .main-menu > li.root-level {
        display: none !important;
    }



    /* -------------------------------------------------------
       8. Show mobile menu copies inside drawer
       ------------------------------------------------------- */

    custom-main-menu #mobile-menu > .main-menu > li.lg\:hidden {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 1px solid #eee;
    }



    /* Menu links */
    custom-main-menu #mobile-menu > .main-menu > li.lg\:hidden > a,
    custom-main-menu #mobile-menu > .main-menu > li.lg\:hidden > span {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 16px 22px !important;

        font-size: 15px !important;
        line-height: 1.5 !important;

        text-decoration: none !important;
    }



    /* -------------------------------------------------------
       9. Close X inside drawer
       ------------------------------------------------------- */

    custom-main-menu #mobile-menu > .close-mobile-menu {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        position: absolute !important;

        top: 14px !important;
        left: 14px !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 20 !important;

        font-size: 20px !important;

        cursor: pointer !important;
    }



    /* -------------------------------------------------------
       10. Second Salla close button becomes clickable backdrop

       Clicking the dark area triggers Salla's existing
       .close-mobile-menu JS.
       ------------------------------------------------------- */

    custom-main-menu > .btn--close-sm.close-mobile-menu {
        display: none !important;
    }


    body.menu-opened
    custom-main-menu > .btn--close-sm.close-mobile-menu {

        display: block !important;

        position: fixed !important;

        top: 0 !important;
        bottom: 0 !important;

        left: 0 !important;
        right: auto !important;

        width: calc(100vw - var(--desktop-drawer-width)) !important;

        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: rgba(0, 0, 0, 0.42) !important;

        z-index: 100000000 !important;

        cursor: pointer !important;

        /* Hide the button's own X icon */
        font-size: 0 !important;
        color: transparent !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }



    /* -------------------------------------------------------
       11. Lock background page only on DESKTOP
       while our custom drawer is open
       ------------------------------------------------------- */

    body.menu-opened {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }



    /* -------------------------------------------------------
       12. LTR / English support
       ------------------------------------------------------- */

    [dir="ltr"] custom-main-menu #mobile-menu {

        right: auto !important;
        left: 0 !important;

        transform: translate3d(-100%, 0, 0) !important;
    }


    [dir="ltr"]
    body.menu-opened
    custom-main-menu #mobile-menu {

        transform: translate3d(0, 0, 0) !important;
    }


    [dir="ltr"]
    body.menu-opened
    custom-main-menu > .btn--close-sm.close-mobile-menu {

        left: auto !important;
        right: 0 !important;
    }


    [dir="ltr"]
    custom-main-menu #mobile-menu > .close-mobile-menu {

        left: auto !important;
        right: 14px !important;
    }
}
@media (min-width: 1025px) {
      custom-main-menu #mobile-menu > .main-menu > li.lg\:hidden img{display:none}
.main-menu li a:hover, .main-menu li a:hover span, .main-menu li span:hover, .main-menu li:hover > a, .main-menu li:hover > a span {
    color: #FF4600 !important;
}
}
/* =====================================
   Larger logo + taller header
   ===================================== */

/* Main header area */
.main-nav-container {
    overflow: visible !important;
}

.main-nav-container .inner {
    min-height: 100px !important;
    height: auto !important;
    overflow: visible !important;
}

/* Logo container */
.navbar-brand {
    display: flex !important;
    align-items: center;
    justify-content: center;

    height: auto !important;
    min-height: 90px !important;

    padding: 8px 0 !important;
    overflow: visible !important;
}

/* Logo */
.navbar-brand img {
    width: auto !important;
    height: auto !important;

    max-width: 220px !important;
    max-height: 80px !important;

    object-fit: contain;
    filter: contrast(1.08) saturate(1.05);
}


/* =====================
   Desktop
   ===================== */
@media (min-width: 768px) {

    .main-nav-container .inner {
        min-height: 110px !important;
    }

    .navbar-brand {
        min-height: 100px !important;
    }

    .navbar-brand img {
        max-width: 240px !important;
        max-height: 90px !important;
    }
}


/* =====================
   Mobile
   ===================== */
@media (max-width: 767px) {

    .main-nav-container .inner {
        min-height: 82px !important;
    }

    .navbar-brand {
        min-height: 72px !important;
        padding: 5px 0 !important;
    }

    .navbar-brand img {
        max-width: 165px !important;
        max-height: 68px !important;
    }
}
.main-nav-container {
    height: 100px !important;
}

@media (max-width: 767px) {
    .main-nav-container {
        height: 85px !important;
    }
}

/* Footer background */
.store-footer,
.store-footer__inner {
    background: #1C1F1F !important;
}


/* Normal descriptive text */
.store-footer p,
.store-footer span {
    color: #dddddd;
}


/* Main footer headings */
.store-footer h3,
.store-footer .s-contacts-title {
    color: #ff6500 !important;
    font-weight: 700;
}


/* Footer links */
.store-footer .s-menu-footer-item,
.store-footer .s-contacts-item,
.store-footer .s-contacts-item .unicode {
    color: #eeeeee !important;
    transition: color .2s ease;
}


/* Brand-green hover */
.store-footer .s-menu-footer-item:hover,
.store-footer .s-contacts-item:hover,
.store-footer .s-contacts-item:hover .unicode {
    color: #72ad7f !important;
}


/* Contact icons */
.store-footer .s-contacts-icon,
.store-footer .s-contacts-icon svg,
.store-footer .s-contacts-icon svg path {
    fill: #ff6500 !important;
    color: #ff6500 !important;
}


/* Social icons */
.store-footer .s-social-icon,
.store-footer .s-social-icon svg,
.store-footer .s-social-icon svg path {
    fill: #72ad7f !important;
    color: #72ad7f !important;
}


/* Copyright */
.store-footer .copyright-text,
.store-footer .copyright-text p {
    color: #aaaaaa !important;
}

.store-footer .copyright-text a {
    color: #ff6500 !important;
}

.store-footer .copyright-text a:hover {
    color: #ffffff !important;
}
.store-footer .s-contacts .s-contacts-list .s-contacts-item {
    justify-content: flex-start;
}

.store-footer .s-contacts {
    align-items: flex-start;
}
.store-footer .contact-social {display:none}

.store-footer {
    margin-top: 2rem;
}

/* =========================================================
   PRODUCT CARD
   ========================================================= */

custom-salla-product-card.s-product-card-entry {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

    height: auto !important;
    padding-bottom: 62px !important;

    background: #fff;
    border: 1px solid #eee !important;
    border-radius: 18px !important;
    overflow: hidden;

    transition: .25s ease;
}


/* =========================================================
   IMAGE
   ========================================================= */

custom-salla-product-card .s-product-card-image {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    border: 0 !important;
}


custom-salla-product-card .s-product-card-image > a {
    position: relative !important;
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;
}


custom-salla-product-card .s-product-card-image img {
    position: absolute !important;
    inset: 50% auto auto 50% !important;

    width: 92% !important;
    height: 92% !important;

    transform: translate(-50%, -50%) !important;

    object-fit: contain !important;
}


/* =========================================================
   PRODUCT INFO
   ========================================================= */

custom-salla-product-card .s-product-card-content {
    padding: 14px !important;
}


custom-salla-product-card .s-product-card-content-title {
    margin: 0 !important;

    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.55;
}


custom-salla-product-card .s-product-card-content-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    min-height: 3.1em;
}


/* =========================================================
   PRICES
   ========================================================= */
/* Sale price container */
custom-salla-product-card .s-product-card-sale-price {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

/* Current discounted price */

custom-salla-product-card .s-product-card-sale-price > h4 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800;
    white-space: nowrap;
}
.s-product-card-entry .s-product-card-content .s-product-card-content-sub .s-product-card-sale-price h4{
  color: #d94444 !important;
}

/* Old price */
custom-salla-product-card .s-product-card-sale-price > span {
    margin: 0 !important;
    color: #aaa !important;
    font-size: 14px !important;
    text-decoration: line-through;
    white-space: nowrap;
}

/* Normal price - products without discount */
custom-salla-product-card .s-product-card-price {
    margin: 0 !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 800;
}

/* Mobile */
@media (max-width: 600px) {
    custom-salla-product-card .s-product-card-sale-price > h4,
    custom-salla-product-card .s-product-card-price {
        font-size: 15px !important;
    }

    custom-salla-product-card .s-product-card-sale-price > span {
        font-size: 12px !important;
    }
}


/* =========================================================
   BUTTONS AT BOTTOM OF CARD
   ========================================================= */

custom-salla-product-card .product-card-buttons.btns-in-img {
    position: absolute !important;

    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;

    transform: none !important;

    display: flex !important;
    align-items: center;

    gap: 8px;
}


/* Wishlist */
custom-salla-product-card
.product-card-buttons.btns-in-img
.s-product-card-wishlist-btn .s-button-element {

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    padding: 0 !important;

    border: 1px solid #ed7f4f !important;
    border-radius: 11px !important;

    background: #fff !important;
    color: #ed7f4f !important;
}


/* Add to cart width */
custom-salla-product-card
.product-card-buttons.btns-in-img
salla-add-product-button {
    flex: 1;
}


custom-salla-product-card
.product-card-buttons.btns-in-img
salla-add-product-button > div,

custom-salla-product-card
.product-card-buttons.btns-in-img
salla-add-product-button salla-button {
    width: 100% !important;
}


/* Add to cart button */
custom-salla-product-card
.product-card-buttons.btns-in-img
salla-add-product-button .s-button-element {

    width: 100% !important;
    height: 42px !important;

    padding: 0 12px !important;

    border: 0 !important;
    border-radius: 11px !important;

    background: #ed7f4f !important;
    color: #fff !important;

    font-size: 14px !important;
    font-weight: 700;
}


/* Keep second Salla button copy hidden */
custom-salla-product-card
.s-product-card-content > .product-card-buttons {
    display: none !important;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

    custom-salla-product-card.s-product-card-entry:hover {
        transform: translateY(-3px);

        box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    custom-salla-product-card.s-product-card-entry {
        padding-bottom: 50px !important;
        border-radius: 13px !important;
    }


    custom-salla-product-card .s-product-card-image img {
        width: 96% !important;
        height: 96% !important;
    }


    custom-salla-product-card .s-product-card-content {
        padding: 10px !important;
    }


    custom-salla-product-card .s-product-card-content-title {
        font-size: 13px !important;
    }


    custom-salla-product-card .s-product-card-price {
        font-size: 15px !important;
    }


    custom-salla-product-card .s-product-card-old-price,
    custom-salla-product-card .s-product-card-sale-price {
        font-size: 12px !important;
    }


    custom-salla-product-card .product-card-buttons.btns-in-img {
        right: 7px !important;
        bottom: 7px !important;
        left: 7px !important;

        gap: 5px;
    }


    custom-salla-product-card
    .product-card-buttons.btns-in-img
    .s-product-card-wishlist-btn .s-button-element {

        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }


    custom-salla-product-card
    .product-card-buttons.btns-in-img
    salla-add-product-button .s-button-element {

        height: 36px !important;

        padding: 0 7px !important;

        font-size: 11px !important;
    }
}

.s-products-slider-wrapper .swiper {
    padding-bottom: 60px !important;
}
.swiper-wrapper {
    padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
    .mm-ocd-opened .mobile-menu {
        background: #fbf6f3;
    }
}

.s-user-menu-login-btn {
    border: none;
}

#main-links-1 .swiper-slide.slide--one-sixth{
  height:250px
}
#main-links-1 .slide--cat-entry{
  height: auto;
  background: transparent;
  border:none;
  padding: 0;
}

#main-links-1 img{
  height: 250px;
    width: 100%;
    border-radius: 15px;
}
#main-links-1 .slide--cat-entry h2{
  display: none
}
  .similar-products__container{
    margin-top:40px
  }