/* ================================================== HEADER ================================================ */

.header-block .top__menu a.link,
.header-block .top__menu a.gomb,
.header-block .top__menu .dd-button,
.header-block #mainmenu .dd-button {
  font-weight: 700 !important;
}

/* Mobilon a felesleges térköz eltávolítása logó és menü között */
@media (min-width: 1198px) {
  .header-block .top .menu-wrapper {
    max-width: none !important;
    width: auto !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
}




/* ================================================ PRODUCT PAGE =============================================== */

/* Tulajdonságok sorok kisebb magassággal */
.product-specifics-row {
    padding: 6px 10px !important;
    min-height: auto !important;
}

/* A h2 és h3 alap margóinak eltüntetése */
.product-specifics-name,
.product-specifics-value {
    font-family: Inter Regular !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 22px !important;
}

/* Tulajdonságok sorok - ugyanaz a betűtípus és méret, de nem félkövér */
.product-specifics .product-specifics-name,
.product-specifics .product-specifics-value {
    font-family: "Century Gothic", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
}


/* Áthúzott eredeti ár */
div.orig {
  color: #ED4B40 !important;
}

/* Eredeti nettó ár felirat */
.price-label.productinfo__title {
  font-size: 14px !important;
}

/* KEDVEZMÉNYES BRUTTÓ ÁR ÉRTÉKE - Betűméret */
.price-label.productinfo__title2 {
  font-size: 15px !important;
}

/* KEDVEZMÉNYES NETTÓ ÁR FELIRATA – 200 px szélesség, bal és felső padding */
.product-prices .price-label.productinfo__title2 {
  padding-top: 5px !important;
  font-weight: 700 !important;
}

/* KEDVEZMÉNYES NETTÓ ÁR ÉRTÉKE – Bal és felső padding */
.price_net2.price-value {
  padding-top: 5px !important;
}

/* Nettó és bruttó árak - Félkövér */
.ar_netto .price-value,
.ar_brutto .price-value {
    font-weight: 700 !important;
}

/* SZÁLLÍTÁSI KÖLTSÉG – Felső margó, betűméret, szín */
.shipping-price {
  margin-top: 10px !important;
  font-size: 14px !important;
  font-size: inherit !important;
}

.product-details .details-main-container .product-status .shipping-info .shipping-price .price {
    color: #00457C !important;
}

.products__link {
  font-weight: 400 !important;
}







/* =============================================== MEGAMENÜ ===================================================== */

@media (min-width: 993px) {

  /* 1. szint */
  .header-block .cikkcsoport-megamenu ul.depth-1 > li > a.category-link {
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 9px 14px !important;
    min-height: 40px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
  }

  /* 2. szint */
  .header-block .cikkcsoport-megamenu .megamenu-list.depth-2 > li > a.category-link,
  .header-block .cikkcsoport-megamenu .megamenu-list.depth-2 > li > a.category-link > .link-label {
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 8px 0 !important;
    margin-bottom: 2px !important;
    font-weight: 400 !important;
    text-decoration: underline !important;
    text-underline-offset: 2.5px;
    font-weight: 400 !important;
  }

  /* 3. szint */
  .header-block .cikkcsoport-megamenu .megamenu-list.depth-3 > li > a.category-link {
    font-size: 14.5px !important;
    line-height: 22px !important;
    padding: 2px 3px 2px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    font-weight: 400 !important;
  }

/* 4. szint */
.header-block .cikkcsoport-megamenu
.megamenu-list.depth-4 > li > a.category-link {
  font-size: 13px !important;
  padding-left: 15px !important;
  padding-top: 7px !important;
  padding-bottom: 6px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}


}


/* Kisebb térköz a boxban */
.menu_keret .container.content-wrapper {
    padding-left: 0 !important;
}
@media (max-width: 1200px) {
    .menu_keret .container.content-wrapper {
        padding-left: 0 !important;
    }
}
 #mainmenu .mobile-menu .mobile-menu-wrapper > .menu-content .dd-menu {
        padding-left: 0 !important;
    }





/* Mobilos beállítás */
@media (max-width: 1024px) {
  .cikkcsoport-megamenu > .depth-1 > li > .category-link,
  .cikkcsoport-megamenu > .depth-1 > li > .category-link > .link-label {
    font-size: 15px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
  }
  .cikkcsoport-megamenu .megamenu-list.depth-2 > li > .category-link,
  .cikkcsoport-megamenu .megamenu-list.depth-2 > li > .category-link > .link-label {
    font-size: 15.5px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
  }
  .cikkcsoport-megamenu .megamenu-list.depth-3 > li > .category-link {
    font-size: 15px !important;
    text-indent: 7px;
    box-sizing: border-box;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}







/* =============================================== OLDALSÓ TREE MENÜ ============================================= */

.oldalsotreemenu.cikkcsoport-menu,
.oldalsotreemenu.cikkcsoport-menu .dropdown-menu-base,
.oldalsotreemenu.cikkcsoport-menu .dropdown-menu-d,
.oldalsotreemenu.cikkcsoport-menu li,
.oldalsotreemenu.cikkcsoport-menu h2 {
  background: #ffffff !important;
}

.oldalsotreemenu.cikkcsoport-menu a.category-link {
  background: #ffffff !important;
  color: #1f2225 !important;
}


.oldalsotreemenu.cikkcsoport-menu a.category-link:hover {
  background: #f6f6f6 !important;
  color: #ED4B40 !important;
}


.link-label {
  font-weight: 400 !important;
  font-size: 14px !important;
}


.depth-3 > li.more > a.category-link .link-label {
  font-size: 14px !important;
}


.dropdown-menu-d.depth-3 > li.more > h2 > a.category-link,
.dropdown-menu-d.depth-3 > li.more > h2 > a.category-link > .link-label {
  font-size: 13.5px !important;
  }
}


.dropdown-menu-d.depth-4 > li > h2 > a.category-link {
  font-size: 13.5px !important;
}


.dropdown-menu-d.depth-4 {
  padding-left: 12px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}



/* MOBILOS BEÁLLÍTÁS */
@media (max-width: 1024px) {

  .oldalsotreemenu.cikkcsoport-menu {
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .oldalsotreemenu.cikkcsoport-menu .depth-1 > li > h2 > .category-link {
    text-transform: uppercase;
    font-size: 15px !important;
    letter-spacing: 0.5px;
  }

  .oldalsotreemenu.cikkcsoport-menu .depth-2 h2,
  .oldalsotreemenu.cikkcsoport-menu .depth-2 .category-link,
  .oldalsotreemenu.cikkcsoport-menu .depth-2 .link-label {
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  .oldalsotreemenu.cikkcsoport-menu .depth-2 > li > h2 > a.category-link {
  padding-left: 10px !important;
  }

  .oldalsotreemenu.cikkcsoport-menu .depth-3 .category-link {
    font-size: 14px !important;
    text-indent: 18px;
  }

  .oldalsotreemenu.cikkcsoport-menu .mobile-menu-item-open-btn {
    width: 65px !important;
    height: 40px !important;
    right: -8px !important;
    left: auto !important;
  }
}



/* PC nézet*/
@media (min-width: 1025px) {
  .oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-1 > li > a.category-link,
  .oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-1 > li > h2 > a.category-link {
    text-transform: uppercase !important;
  }

.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-2 > li > a.category-link,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-2 > li > a.category-link > .link-label,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-2 > li > h2 > a.category-link,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-2 > li > h2 > a.category-link > .link-label {
  font-size: 15px !important;
}

.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-3 > li > a.category-link,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-3 > li > a.category-link > .link-label,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-3 > li > h2 > a.category-link,
.oldalsotreemenu:not(.cikkcsoport-megamenu) ul.depth-3 > li > h2 > a.category-link > .link-label {
  font-size: 15px !important;
}

}



/* Tableten rossz a menü lenyitása */
@media (min-width: 998px) and (max-width: 1198px) {
  .oldalsotreemenu.cikkcsoport-menu .dropdown-menu-base li.more {
    position: relative !important;
  }

  .oldalsotreemenu.cikkcsoport-menu .dropdown-menu-base li.more > ul.dropdown-menu-d {
    position: absolute !important;
    top: 0 !important;
  }
}








/* ============================================ MENÜCSEMPÉK ============================================= */

/* ================= Pontok ================= */

/* Méret és térköz */
.slick-dots > li {
    position: relative !important;

    width: 13px !important;
    height: 13px !important;
    margin: 0 6px !important;

    overflow: visible !important;
}

/* Alapállapot */
.slick-dots > li > button {
    position: relative !important;
    z-index: 2 !important;

    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    padding: 0 !important;

    background: linear-gradient(
        145deg,
        #5a5a5a 0%,
        #363636 100%
    ) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 50% !important;

    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.22),
        0 2px 5px rgba(0, 0, 0, 0.22) !important;

    transform: translateY(0) scale(1) !important;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.35s ease,
        filter 0.3s ease !important;

    will-change: transform;
}

/* Külső fénygyűrű */
.slick-dots > li > button::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    z-index: -1 !important;

    top: 50% !important;
    left: 50% !important;

    width: 19px !important;
    height: 19px !important;

    border: 1px solid rgba(95, 95, 95, 0.55) !important;
    border-radius: 50% !important;

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(0.55);

    box-shadow:
        0 0 0 3px rgba(80, 80, 80, 0.10),
        0 0 12px rgba(60, 60, 60, 0.24) !important;

    transition:
        opacity 0.3s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease !important;

    pointer-events: none !important;
}

/* HOVER */

@media (hover: hover) {

    .slick-dots > li > button:hover {
        background: linear-gradient(
            145deg,
            #ff665c 0%,
            #ed4b40 55%,
            #c9362d 100%
        ) !important;

        border-color: rgba(255, 255, 255, 0.55) !important;

        box-shadow:
            inset 0 1px 2px rgba(255, 255, 255, 0.42),
            0 4px 8px rgba(35, 35, 35, 0.30),
            0 0 0 3px rgba(80, 80, 80, 0.16),
            0 0 14px rgba(70, 70, 70, 0.30) !important;

        transform: translateY(-2px) scale(1.20) !important;
        filter: brightness(1.06);
    }

    .slick-dots > li > button:hover::after {
        opacity: 1;

        transform:
            translate(-50%, -50%)
            scale(1);

        box-shadow:
            0 0 0 3px rgba(80, 80, 80, 0.11),
            0 0 15px rgba(65, 65, 65, 0.28) !important;
    }
}

/* AKTÍV PONT */

.slick-dots > li.slick-active > button {
    background: linear-gradient(
        145deg,
        #ff665c 0%,
        #ed4b40 55%,
        #c9362d 100%
    ) !important;

    border-color: rgba(255, 255, 255, 0.42) !important;

    box-shadow:
        inset 0 1px 2px rgba(255, 255, 255, 0.38),
        0 3px 7px rgba(35, 35, 35, 0.26),
        0 0 0 2px rgba(80, 80, 80, 0.16) !important;

    transform: scale(1.08) !important;
}

/* Aktív pont finom gyűrűje */
.slick-dots > li.slick-active > button::after {
    opacity: 0.65;

    transform:
        translate(-50%, -50%)
        scale(0.88);
}

/* Aktív pont hoverállapota */
@media (hover: hover) {

    .slick-dots > li.slick-active > button:hover {
        transform: translateY(-2px) scale(1.22) !important;

        box-shadow:
            inset 0 1px 2px rgba(255, 255, 255, 0.48),
            0 5px 10px rgba(35, 35, 35, 0.32),
            0 0 0 3px rgba(80, 80, 80, 0.18),
            0 0 16px rgba(70, 70, 70, 0.32) !important;
    }

    .slick-dots > li.slick-active > button:hover::after {
        opacity: 1;

        transform:
            translate(-50%, -50%)
            scale(1.05);
    }
}

/* BILLENTYŰZETES FÓKUSZ */

.slick-dots > li > button:focus-visible {
    outline: 2px solid #777777 !important;
    outline-offset: 4px !important;
}

/* GYÁRI SLICK-PONT KIKAPCSOLÁSA */

.slick-dots > li > button::before {
    display: none !important;
    content: none !important;
}

/* ELHELYEZKEDÉS */

.slick-dots {
    bottom: 3px !important;
}

/* TABLET – 1023 PX ALATT */

@media screen and (max-width: 1023px) {

    .slick-dots > li {
        width: 11px !important;
        height: 11px !important;
        margin: 0 5px !important;
    }

    .slick-dots > li > button {
        width: 11px !important;
        height: 11px !important;
        min-width: 11px !important;
        min-height: 11px !important;

        box-shadow:
            inset 0 1px 1px rgba(255, 255, 255, 0.22),
            0 2px 4px rgba(0, 0, 0, 0.22) !important;
    }

    .slick-dots > li > button::after {
        width: 17px !important;
        height: 17px !important;

        box-shadow:
            0 0 0 2px rgba(80, 80, 80, 0.10),
            0 0 10px rgba(60, 60, 60, 0.22) !important;
    }

    .slick-dots > li.slick-active > button {
        box-shadow:
            inset 0 1px 2px rgba(255, 255, 255, 0.38),
            0 3px 6px rgba(35, 35, 35, 0.24),
            0 0 0 2px rgba(80, 80, 80, 0.14) !important;
    }
}

/* MOBIL – 767 PX ALATT */

@media screen and (max-width: 767px) {

    .slick-dots > li {
        width: 9px !important;
        height: 9px !important;
        margin: 0 4px !important;
    }

    .slick-dots > li > button {
        width: 9px !important;
        height: 9px !important;
        min-width: 9px !important;
        min-height: 9px !important;

        border-width: 1px !important;

        box-shadow:
            inset 0 1px 1px rgba(255, 255, 255, 0.20),
            0 1px 3px rgba(0, 0, 0, 0.22) !important;
    }

    .slick-dots > li > button::after {
        width: 15px !important;
        height: 15px !important;

        box-shadow:
            0 0 0 2px rgba(80, 80, 80, 0.09),
            0 0 8px rgba(60, 60, 60, 0.20) !important;
    }

    .slick-dots > li.slick-active > button {
        box-shadow:
            inset 0 1px 1px rgba(255, 255, 255, 0.34),
            0 2px 5px rgba(35, 35, 35, 0.22),
            0 0 0 2px rgba(80, 80, 80, 0.13) !important;

        transform: scale(1.07) !important;
    }

    .slick-dots > li > button:focus-visible {
        outline-width: 1px !important;
        outline-offset: 3px !important;
    }
}




/*  NYILAK – PC */

@media screen {

    /* KÖZÖS ALAPBEÁLLÍTÁSOK */

    .slick-control.slick-arrow {
        position: absolute !important;

        /*
         * Mindkét nyíl közös függőleges helyzete.
         * Ezt az egy értéket kell módosítani,
         * ha mindkét nyilat feljebb vagy lejjebb szeretnéd tenni.
         */
        top: 45% !important;
        bottom: auto !important;

        width: 46px !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        /*
         * A nyíl saját magasságának felével történő
         * pontos függőleges középre igazítás.
         */
        transform: translateY(-50%) !important;

        line-height: 0 !important;
        box-sizing: border-box !important;

        cursor: pointer !important;
        z-index: 20 !important;
        overflow: visible !important;
    }

    /* KÜLÖN VÍZSZINTES ALAPHELYZET */

    /* Bal oldali nyíl */
    .slick-control.left.slick-arrow {
        left: 10px !important;
        right: auto !important;
    }

    /* Jobb oldali nyíl */
    .slick-control.right.slick-arrow {
        right: 18px !important;
        left: auto !important;
    }

    /* HÁTTÉR ELTÁVOLÍTÁSA */

    .slick-control.slick-arrow > .bg-wrapper {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* SVG-TARTÓ */

    .slick-control.slick-arrow .svg-wrapper {
        position: relative !important;

        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* TÉNYLEGES NYÍL */

    .slick-control.slick-arrow svg.icon {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

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

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

        display: block !important;

        color: #f7f7f7 !important;
        fill: currentColor !important;

        /*
         * A translate(-50%, -50%) pontosan középre
         * helyezi mindkét SVG-ikont.
         *
         * A scaleX(0.82) vizuálisan karcsúsítja a nyilat.
         */
        transform:
            translate(-50%, -50%)
            scaleX(0.82)
            scale(1) !important;

        transform-origin: center center !important;

        filter:
            brightness(1.08)
            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.55))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.58))
            drop-shadow(0 9px 10px rgba(0, 0, 0, 0.36)) !important;

        opacity: 0.98;

        transition:
            color 0.28s ease,
            fill 0.28s ease,
            opacity 0.28s ease,
            transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.38s ease !important;

        will-change: transform, filter;
    }

    /* SVG-kitöltés biztos felülírása */
    .slick-control.slick-arrow svg.icon use {
        color: inherit !important;
        fill: currentColor !important;
    }

    /* KATTINTÁS */

    .slick-control.left.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% - 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.right.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% + 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.slick-arrow:active svg.icon {
        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(98%)
            contrast(95%)

            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.76))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.50)) !important;
    }

    /* BILLENTYŰZETES FÓKUSZ */

    .slick-control.slick-arrow:focus-visible {
        outline: none !important;
    }

    .slick-control.slick-arrow:focus-visible svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)

            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 7px 8px rgba(0, 0, 0, 0.58))
            drop-shadow(0 0 6px rgba(237, 75, 64, 0.68)) !important;
    }

    /* PSZEUDOELEMEK KIKAPCSOLÁSA */

    .slick-control.slick-arrow::before,
    .slick-control.slick-arrow::after,
    .slick-control.slick-arrow .bg-wrapper::before,
    .slick-control.slick-arrow .bg-wrapper::after,
    .slick-control.slick-arrow .svg-wrapper::before,
    .slick-control.slick-arrow .svg-wrapper::after {
        display: none !important;
        content: none !important;
    }
}

/* HOVER – CSAK PC */

@media screen and (min-width: 1024px) and (hover: hover) {

    /* Bal nyíl: 3 px balra, függőleges elmozdulás nélkül */
    .slick-control.left.slick-arrow:hover svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        transform:
            translate(calc(-50% - 3px), -50%)
            scaleX(0.82)
            scale(1.13) !important;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)

            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.35))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.88))
            drop-shadow(0 6px 6px rgba(0, 0, 0, 0.68))
            drop-shadow(0 12px 13px rgba(0, 0, 0, 0.44))
            drop-shadow(0 0 7px rgba(237, 75, 64, 0.68)) !important;
    }

    /* Jobb nyíl: 3 px jobbra, függőleges elmozdulás nélkül */
    .slick-control.right.slick-arrow:hover svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        transform:
            translate(calc(-50% + 3px), -50%)
            scaleX(0.82)
            scale(1.13) !important;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)

            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.35))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.88))
            drop-shadow(0 6px 6px rgba(0, 0, 0, 0.68))
            drop-shadow(0 12px 13px rgba(0, 0, 0, 0.44))
            drop-shadow(0 0 7px rgba(237, 75, 64, 0.68)) !important;
    }
}



/* Szürke háttér eltávolítása */

/* Maga a menücsempe */
.menu_csempe,
.menu_csempe.slick-slide,
.menu_csempe.slick-active,
.menu_csempe.slick-current,
.menu_csempe.slick-cloned {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* A menücsempe linkje */
.menu_csempe > a {
    display: block !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* A képet körülvevő belső doboz */
.menu_csempe .image,
.menu_csempe .box,
.menu_csempe .shadow,
.menu_csempe .image.box,
.menu_csempe .image.box.shadow {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Maga a bannerkép */
.menu_csempe img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

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

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
    vertical-align: middle !important;
}

/* SLICK KÜLSŐ RÉTEGEK */

/*
 * Csak azok a Slick sliderek kapják meg,
 * amelyekben menücsempe található.
 */
.slick-slider:has(.menu_csempe),
.slick-list:has(.menu_csempe),
.slick-track:has(.menu_csempe) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Slick track */
.slick-track:has(.menu_csempe) {
    background: transparent !important;
    background-color: transparent !important;
}

/* Slick lista */
.slick-list:has(.menu_csempe) {
    background: transparent !important;
    background-color: transparent !important;
}

/* ESETLEGES PSZEUDOELEM-HÁTTEREK ELTÁVOLÍTÁSA */

.menu_csempe::before,
.menu_csempe::after,
.menu_csempe > a::before,
.menu_csempe > a::after,
.menu_csempe .image::before,
.menu_csempe .image::after,
.menu_csempe .box::before,
.menu_csempe .box::after,
.menu_csempe .shadow::before,
.menu_csempe .shadow::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* BELSŐ TÉRKÖZÖK SEM KAPNAK HÁTTERET */

.menu_csempe.py-2,
.menu_csempe.push-down-10,
.menu_csempe.nopad {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* NYILAK BELJEBB HELYEZÉSE */

/* Mobil – eredeti helyzethez képest 3 px-rel beljebb */
svg.icon.arrow-left.slick-arrow {
    translate: 15px 0 !important;
}

svg.icon.arrow-right.slick-arrow {
    translate: -15px 0 !important;
}

/* Tablet – 768–1023 px: 17 px-rel beljebb */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    svg.icon.arrow-left.slick-arrow {
        translate: 25px 0 !important;
    }

    svg.icon.arrow-right.slick-arrow {
        translate: -25px 0 !important;
    }
}

/* PC – 1024 px-től: 13 px-rel beljebb */
@media screen and (min-width: 1024px) {

    svg.icon.arrow-left.slick-arrow {
        translate: 13px 0 !important;
    }

    svg.icon.arrow-right.slick-arrow {
        translate: -13px 0 !important;
    }
}






/* ================================================= PRODUCT SLIDER =============================================== */


/* Cikkszám felirat és cikkszám között távolság */
.products-carousel .details-value {
    padding-left: 10px !important;
}
/* Nettó és bruttó árak és a számok között távolság */
.products-carousel .price-net,
.products-carousel .price-gross {
    gap: 6px !important;
}
/* Nettó és bruttó ár összege félkövér */
.products-carousel .price-value,
.products-carousel .price-value.netto,
.products-carousel .price-value.brutto {
    font-weight: 700 !important;
}

/* Mobil – eredeti helyzethez képest 3 px-rel beljebb */
svg.icon.arrow-left.slick-arrow {
    translate: 3px 0 !important;
}

svg.icon.arrow-right.slick-arrow {
    translate: -3px 0 !important;
}

/* Tablet – 768–1023 px: 17 px-rel beljebb */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    svg.icon.arrow-left.slick-arrow {
        translate: 17px 0 !important;
    }

    svg.icon.arrow-right.slick-arrow {
        translate: -17px 0 !important;
    }
}

/* PC – 1024 px-től: 13 px-rel beljebb */
@media screen and (min-width: 1024px) {

    svg.icon.arrow-left.slick-arrow {
        translate: 13px 0 !important;
    }

    svg.icon.arrow-right.slick-arrow {
        translate: -13px 0 !important;
    }
}

/* HOVER */

/* Finom átmenet */
svg.icon.arrow-left.slick-arrow,
svg.icon.arrow-right.slick-arrow {
    transition:
        filter 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        scale 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/*
 * Hoverkor:
 * - a nyíl eredeti színe változatlan marad;
 * - nem mozdul el;
 * - csak enyhén nagyobb és árnyékosabb lesz.
 */
svg.icon.arrow-left.slick-arrow:hover,
svg.icon.arrow-right.slick-arrow:hover {
    scale: 1.08;

    filter:
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.52))
        drop-shadow(0 6px 8px rgba(0, 0, 0, 0.34))
        drop-shadow(0 10px 13px rgba(0, 0, 0, 0.18)) !important;

    -webkit-filter:
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.52))
        drop-shadow(0 6px 8px rgba(0, 0, 0, 0.34))
        drop-shadow(0 10px 13px rgba(0, 0, 0, 0.18)) !important;
}

/* Cím felső margin nélkül */
h2.col-xs-120.nopad.title {
    margin-top: 0;
}



/* MOBIL+TABLET: KISEBB CÍM, KISEBB CSEMPE PADDING */

@media (max-width: 1024px) {
    h2.slider-title {
        font-size: 20px !important;
    }
}


@media (max-width: 1365px) {
    .menu_csempe {
        padding-left: 7px !important;
        padding-right: 7px !important;
        box-sizing: border-box;
    }
}


h2.slider-title {
  margin-bottom: 10px !important;
}







/* =================================================== FOOTER ==================================================== */

/* Címek betűmérete */
.footer-widgets__heading {
    font-size: 19px !important;
    text-decoration: underline !important;
}

/* Térköz a címek után */
@media (max-width: 1023px) {
    .footer-widgets h3.footer-widgets__heading {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 1023px) {
    .footer-widgets__navigation > .parent-container {
        margin-top: 15px !important;
        margin-bottom: 50px !important;
    }
}

.col-xs-120.nopad.overflow-hidden.szovegdoboz {
    padding-left: 15px !important;
}








/* =================================================== COOKIE ==================================================== */

/* Gomb beljebb igazítva */
@media (max-width: 767px) {

    *:has(> span + button.accept_cookies) {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    *:has(> span + button.accept_cookies) > span {
        display: block !important;
        width: 300px !important;
        max-width: 300px !important;
        margin: 0 !important;
    }

    *:has(> span + button.accept_cookies) > button.accept_cookies {
        position: static !important;
        float: none !important;
        margin: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 1023px) {
    
    button.accept_cookies {
        position: relative !important;
        left: -47px !important;
    }
}


@media (min-width: 1024px)  {
    
    button.accept_cookies {
        position: relative !important;
        left: -55px !important;
    }
}






/* ============================================ KOSÁR ELLENŐRZÉSE OLDAL ========================================== */

/* BEJELENTKEZÉS: Kisebb térközök */
.checkout-steps {
    height: 70px !important;
    padding-top: 15px !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.checkout-steps {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

.checkout-steps {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.belepesKosar.content {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.section.section0 {
    margin-bottom: 5px !important;
}

section.belepes {
    padding-bottom: 10px !important;
}

.login_valaszto {
    padding-top: 10px !important;
}

.text-container {
    margin-top: 10px !important;
}

/* Kosár tartalma: Kisebb térközök */
.cart-summary {
    margin-top: 0 !important;
}

.cart-product {
    clip-path: inset(0 0 10px 0);
    margin-bottom: -10px !important;
}


/* Kisebb térközök */
.cart-product {
    margin-bottom: 5px !important;
}

.white-bg.box.active[data-value="1"] {
    padding-top: 12px !important;
    padding-bottom: 3px !important;
}

.white-bg.box[data-value="0"] {
    padding-top: 12px !important;
    padding-bottom: 3px !important;
}

.white-bg.box.shipping.active {
    padding-bottom: 12px !important;
}





/* ================================================= GOMBOK ===================================================== */


/*Szűrési feltételek: Felirat + Kevésbé széles */
#toggle-filters {
    font-size: 15px;
    font-weight: 530;
}

#remove-all-filters {
    font-size: 15px;
    font-weight: 530;
}

@media (max-width: 1024px) {
  .col-xs-120.col-md-35.col-lg-25.nopadlsm {
    box-sizing: border-box;
    padding-left: 5px !important;
  }

  .sidebar--shop,
  .sidebar--shop .parameterekFilterBox,
  .sidebar--shop .paramterekFilerButton {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    display: flow-root;
  }

  .sidebar--shop #toggle-filters {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Padding eltávolítása mobilnézetben */
@media (max-width: 767px) {
  div.controls.flex.space-between {
    padding: 0 !important;
  }
}



/* Kosárba gomb felirat mérete */
.addtocart span {
    font-size: 15px;
    font-weight: 530;
}





/* ================================================ SIDEBAR ============================================== */

.sidebar.sidebar--shop {
    width: calc(100% + 50px);
    margin-left: -50px;
}

.addtocart.button-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 1440px) {
  .col-xs-120.col-md-35.col-lg-25.nopadlsm {
    padding-left: 5px !important;
  }
}

.sidebar.sidebar--shop {
    width: calc(100% + 50px);
    margin-left: -50px;
}

.addtocart.button-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 1440px) {
  .col-xs-120.col-md-35.col-lg-25.nopadlsm {
    padding-left: 5px !important;
  }
}


.aktivszurok.cikk_szuro_cont {
  padding-top: 15px !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}







/* ======================================= FEJLÉC: Megamenü, logo, boxok ======================================== */




@media (min-width: 425px) and (max-width: 1048px) {
  img.top_logo {
    width: 150px !important;
    min-width: 150px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    flex-shrink: 0 !important;
  }
}


@media (min-width: 425px) and (max-width: 1048px) {
  .fejlecblokk {
    position: relative;
  }

  .fejlecblokk .cegsarok {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .fejlecblokk .cegsarok .top_logo {
    display: block;
  }
}



@media (min-width: 992px) and (max-width: 1048px) {
  .fejlecblokk .cegsarok {
    z-index: 100 !important;
  }
}


@media (min-width: 992px) and (max-width: 1048px) {
  .fejlecblokk .menu-wrapper {
    float: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}






/* =========================================================
   ALAP / DESKTOP
   ========================================================= */

@media screen and (min-width: 769px) {

    .slick-control.slick-arrow {
        position: absolute !important;

        top: 45% !important;
        bottom: auto !important;

        width: 46px !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        transform: translateY(-50%) !important;

        line-height: 0 !important;
        box-sizing: border-box !important;

        cursor: pointer !important;
        z-index: 20 !important;
        overflow: visible !important;
    }

    /* BAL NYÍL */
    .slick-control.left.slick-arrow {
        left: 10px !important;
        right: auto !important;
    }

    /* JOBB NYÍL */
    .slick-control.right.slick-arrow {
        right: 18px !important;
        left: auto !important;
    }

    .slick-control.slick-arrow > .bg-wrapper {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .slick-control.slick-arrow .svg-wrapper {
        position: relative !important;

        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .slick-control.slick-arrow svg.icon {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

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

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

        display: block !important;

        color: #f7f7f7 !important;
        fill: currentColor !important;

        transform:
            translate(-50%, -50%)
            scaleX(0.82)
            scale(1) !important;

        transform-origin: center center !important;

        filter:
            brightness(1.08)
            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.55))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.58))
            drop-shadow(0 9px 10px rgba(0, 0, 0, 0.36)) !important;

        opacity: 0.98;

        transition:
            color 0.28s ease,
            fill 0.28s ease,
            opacity 0.28s ease,
            transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.38s ease !important;

        will-change: transform, filter;
    }

    .slick-control.slick-arrow svg.icon use {
        color: inherit !important;
        fill: currentColor !important;
    }

    /* KATTINTÁS */

    .slick-control.left.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% - 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.right.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% + 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.slick-arrow:active svg.icon {
        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(98%)
            contrast(95%)
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.76))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.50)) !important;
    }

    .slick-control.slick-arrow:focus-visible {
        outline: none !important;
    }

    .slick-control.slick-arrow:focus-visible svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 7px 8px rgba(0, 0, 0, 0.58))
            drop-shadow(0 0 6px rgba(237, 75, 64, 0.68)) !important;
    }

    .slick-control.slick-arrow::before,
    .slick-control.slick-arrow::after,
    .slick-control.slick-arrow .bg-wrapper::before,
    .slick-control.slick-arrow .bg-wrapper::after,
    .slick-control.slick-arrow .svg-wrapper::before,
    .slick-control.slick-arrow .svg-wrapper::after {
        display: none !important;
        content: none !important;
    }
}






/* =========================================================
   ALAP / DESKTOP
   ========================================================= */

@media screen and (min-width: 769px) {

    .slick-control.slick-arrow {
        position: absolute !important;

        top: 45% !important;
        bottom: auto !important;

        width: 46px !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        transform: translateY(-50%) !important;

        line-height: 0 !important;
        box-sizing: border-box !important;

        cursor: pointer !important;
        z-index: 20 !important;
        overflow: visible !important;
    }

    /* BAL NYÍL */
    .slick-control.left.slick-arrow {
        left: 10px !important;
        right: auto !important;
    }

    /* JOBB NYÍL */
    .slick-control.right.slick-arrow {
        right: 18px !important;
        left: auto !important;
    }

    .slick-control.slick-arrow > .bg-wrapper {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .slick-control.slick-arrow .svg-wrapper {
        position: relative !important;

        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        line-height: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .slick-control.slick-arrow svg.icon {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

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

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

        display: block !important;

        color: #f0f0f0 !important;
        fill: currentColor !important;

        transform:
            translate(-50%, -50%)
            scaleX(0.82)
            scale(1) !important;

        transform-origin: center center !important;

        filter:
            brightness(1.08)
            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.55))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.58))
            drop-shadow(0 9px 10px rgba(0, 0, 0, 0.36)) !important;

        opacity: 0.98;

        transition:
            color 0.28s ease,
            fill 0.28s ease,
            opacity 0.28s ease,
            transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.38s ease !important;

        will-change: transform, filter;
    }

    .slick-control.slick-arrow svg.icon use {
        color: inherit !important;
        fill: currentColor !important;
    }

    /* KATTINTÁS */

    .slick-control.left.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% - 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.right.slick-arrow:active svg.icon {
        transform:
            translate(calc(-50% + 3px), -50%)
            scaleX(0.82)
            scale(1.03) !important;
    }

    .slick-control.slick-arrow:active svg.icon {
        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(98%)
            contrast(95%)
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.76))
            drop-shadow(0 5px 5px rgba(0, 0, 0, 0.50)) !important;
    }

    .slick-control.slick-arrow:focus-visible {
        outline: none !important;
    }

    .slick-control.slick-arrow:focus-visible svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.82))
            drop-shadow(0 7px 8px rgba(0, 0, 0, 0.58))
            drop-shadow(0 0 6px rgba(237, 75, 64, 0.68)) !important;
    }

    .slick-control.slick-arrow::before,
    .slick-control.slick-arrow::after,
    .slick-control.slick-arrow .bg-wrapper::before,
    .slick-control.slick-arrow .bg-wrapper::after,
    .slick-control.slick-arrow .svg-wrapper::before,
    .slick-control.slick-arrow .svg-wrapper::after {
        display: none !important;
        content: none !important;
    }
}


/* MOBIL / TABLET */

@media screen and (max-width: 768px) {

    /* A menücsempés Slick legyen a pozicionálási alap */
    .slick-slider:has(.menu_csempe) {
        position: relative !important;
        overflow: visible !important;
    }

    /* NYÍL KÖZÖS BEÁLLÍTÁS */
    .slick-slider:has(.menu_csempe) .slick-control.slick-arrow {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: absolute !important;

        top: 50% !important;
        bottom: auto !important;

        width: 34px !important;
        height: 46px !important;

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

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

        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        transform: translateY(-50%) !important;

        pointer-events: auto !important;
        cursor: pointer !important;

        z-index: 9999 !important;
        overflow: visible !important;
    }

    /* BAL NYÍL – BANNER BAL SZÉLE */
    .slick-slider:has(.menu_csempe) .slick-control.left.slick-arrow {
        left: 2px !important;
        right: auto !important;
    }

    /* JOBB NYÍL – BANNER JOBB SZÉLE */
    .slick-slider:has(.menu_csempe) .slick-control.right.slick-arrow {
        right: 2px !important;
        left: auto !important;
    }

    /* HÁTTÉR */
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow > .bg-wrapper {
        position: relative !important;

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

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

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

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

        background: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* KISEBB SVG-TARTÓ MOBILON */
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow .svg-wrapper {
        position: relative !important;

        width: 30px !important;
        height: 30px !important;

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

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

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

        background: transparent !important;
        border: 0 !important;

        overflow: visible !important;
    }

    /* TÉNYLEGES KISEBB NYÍL MOBILON */
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow svg.icon {
        display: block !important;
        visibility: visible !important;
        opacity: 0.98 !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 25px !important;
        height: 25px !important;
        min-width: 20px !important;
        min-height: 20px !important;

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

        color: #f7f7f7 !important;
        fill: currentColor !important;

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

        transform-origin: center center !important;

        filter:
            brightness(1.08)
            drop-shadow(0 1px 1px rgba(0, 0, 0, 0.82))
            drop-shadow(0 3px 3px rgba(0, 0, 0, 0.58)) !important;

        z-index: 99999 !important;
    }

    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow svg.icon use {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        color: inherit !important;
        fill: currentColor !important;
    }

    /* MOBIL KATTINTÁS */
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow:active svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(98%)
            contrast(95%)
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.65)) !important;
    }

    /* PSZEUDOELEMEK KIKAPCSOLÁSA */
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow::before,
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow::after,
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow .bg-wrapper::before,
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow .bg-wrapper::after,
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow .svg-wrapper::before,
    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow .svg-wrapper::after {
        display: none !important;
        content: none !important;
    }
}


/* HOVER */

@media screen and (min-width: 1024px) and (hover: hover) {

    .slick-control.left.slick-arrow:hover svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        transform:
            translate(calc(-50% - 3px), -50%)
            scaleX(0.82)
            scale(1.13) !important;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)
            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.35))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.88))
            drop-shadow(0 6px 6px rgba(0, 0, 0, 0.68))
            drop-shadow(0 12px 13px rgba(0, 0, 0, 0.44))
            drop-shadow(0 0 7px rgba(237, 75, 64, 0.68)) !important;
    }

    .slick-control.right.slick-arrow:hover svg.icon {
        color: #ed4b40 !important;
        fill: currentColor !important;
        opacity: 1;

        transform:
            translate(calc(-50% + 3px), -50%)
            scaleX(0.82)
            scale(1.13) !important;

        filter:
            brightness(0)
            saturate(100%)
            invert(37%)
            sepia(91%)
            saturate(1900%)
            hue-rotate(338deg)
            brightness(105%)
            contrast(94%)
            drop-shadow(0 -1px 1px rgba(255, 255, 255, 0.35))
            drop-shadow(0 2px 2px rgba(0, 0, 0, 0.88))
            drop-shadow(0 6px 6px rgba(0, 0, 0, 0.68))
            drop-shadow(0 12px 13px rgba(0, 0, 0, 0.44))
            drop-shadow(0 0 7px rgba(237, 75, 64, 0.68)) !important;
    }
}

@media screen and (max-width: 768px) {

    .slick-slider:has(.menu_csempe) .slick-control.slick-arrow {
        top: 40% !important; /* feljebb */
    }

    .slick-slider:has(.menu_csempe) .slick-control.left.slick-arrow {
        left: 0px !important; /* kijjebb balra */
    }

    .slick-slider:has(.menu_csempe) .slick-control.right.slick-arrow {
        right: 3px !important; /* kijjebb jobbra */
    }

}



@media screen and (max-width: 768px) {

    .slick-slider:has(.menu_csempe)
    .slick-control.slick-arrow::after {
        content: "" !important;
        display: block !important;

        position: absolute !important;
        top: calc(50% + 4px) !important;
        left: 50% !important;

        width: 50px !important;
        height: 60px !important;

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

        background: transparent !important;
        pointer-events: auto !important;

        z-index: 10 !important;
    }
}




@media screen and (max-width: 768px) {

    .slick-slider:has(.menu_csempe)
    .slick-control.left.slick-arrow svg.icon.nav-left,

    .slick-slider:has(.menu_csempe)
    .slick-control.right.slick-arrow svg.icon.nav-right {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

}



@media (max-width: 768px) {
  h2.slider-title {
    font-size: 20px !important;
    padding-bottom: 12px !important;
  }
}

@media (min-width: 768px) {
  h2.slider-title {
    font-size: 25px !important;
    padding-bottom: 12px !important;
    letter-spacing: 0.3px;
  }
}


.slider-title {
    text-align: center;
}


@media (max-width: 767px) {
    h2.slider-title {
        text-align: center !important;
        font-size: 17px !important;
        letter-spacing: -0.5px !important;       
    }
}


@media (min-width: 767px) {
    h2.slider-title {
        text-align: center !important;
        padding-top: 25px !important;
        padding-bottom: 15px !important;
        font-size: 27px !important;       
    }
}



/* Menücsempe címek alatt alsó padding és margin mobil nézetben */
@media (max-width: 767px) {
  h2.slider-title {
    padding-bottom: 0 !important;
    margin-bottom: 4px !important;
  }
}




/* ================================================= CÍMKÉK =================================================== */


/* KEDVEZMÉNY */
.discount_text,
.discount_percent {
  font-weight: 700 !important;
  text-transform: lowercase !important;
}
.discount_percent {
  font-size: 15px !important;
  letter-spacing: 0.5px;
}
.badges > .discount > div {
  min-width: 100px !important;
  gap: 0px !important;
}


/* Raktáron */
.stock span {
    font-weight: 700 !important;
}





/* =========================================== SZÖVEGDOBOZOK =================================================== */

/* Kötött képarány feloldása */
.szovegdoboz img {
  aspect-ratio: auto !important;
  height: auto !important;
  max-width: 100%;
}




/* =========================================== AKCIÓK OLDAL =================================================== */

/* CSEMPE és PS közti üres sáv elrejtése mobilnézetben */
@media (max-width: 767px) {
  .title-container:has(> h2.title:empty) {
    display: none !important;
  }
}




/* ============================================== SLIDER ===================================================== */

/* Főbanner nyilainak megjelenítése mobilon */
@media screen and (max-width: 991px) {
    .slick-slider:has(.slide.with-arrows) {
        position: relative !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-arrow {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-control.left,
    .slick-slider:has(.slide.with-arrows) .slick-prev,
    .slick-slider:has(.slide.with-arrows) .arrow-left {
        left: 8px !important;
        right: auto !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-control.right,
    .slick-slider:has(.slide.with-arrows) .slick-next,
    .slick-slider:has(.slide.with-arrows) .arrow-right {
        right: 8px !important;
        left: auto !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-arrow .bg-wrapper,
    .slick-slider:has(.slide.with-arrows) .slick-arrow .svg-wrapper,
    .slick-slider:has(.slide.with-arrows) .slick-arrow svg.icon {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Főbanner: nyilak kijjebb és feljebb mobilon */
    .slick-slider:has(.slide.with-arrows) .slick-arrow {
        top: 40% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-control.left,
    .slick-slider:has(.slide.with-arrows) .slick-prev,
    .slick-slider:has(.slide.with-arrows) .arrow-left {
        left: -19px !important;
        right: auto !important;
    }

    .slick-slider:has(.slide.with-arrows) .slick-control.right,
    .slick-slider:has(.slide.with-arrows) .slick-next,
    .slick-slider:has(.slide.with-arrows) .arrow-right {
        right: -15px !important;
        left: auto !important;
    }

    /* Főbanner: kisebb nyilak mobilon */
    .slick-slider:has(.slide.with-arrows) .slick-arrow svg.icon,
    .slick-slider:has(.slide.with-arrows) svg.icon.slick-arrow {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }

}