@font-face {
  font-family: "Century Gothic";
  src: url("fonts/centurygothic.woff2") format("woff2"),
       url("fonts/centurygothic.woff") format("woff");
}

h2.col-xs-120.nopad.title,
h2.col-xs-120.col-sm-60.col-md-90.nopad.category-title {
  font-family: "Century Gothic", sans-serif !important;
  font-weight: bold;
  text-transform: uppercase;
}

h2.title {
  font-family: "Century Gothic", sans-serif !important;
  font-weight: bold;
  text-transform: uppercase;
  

}  
h1 {
  font-family: "Century Gothic", sans-serif !important; 
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  font-variant: normal;
  letter-spacing: normal;
  line-height: 34px;
  text-decoration: none solid rgb(51, 51, 51);
  text-align: start;
  text-indent: 0px;
  vertical-align: baseline;
  white-space: normal;
  word-spacing: 0px;

}
h2 #ui-id-1 .item.nomargin-top.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons.ui-accordion-header-collapsed.ui-corner-all.confirmed.ui-state-hover {

  font-family: "Century Gothic", sans-serif !important; 
  font-size: 18px;
  font-weight: 400;  
  font-style: normal;
  font-variant: normal;
  letter-spacing: normal;
  line-height: 26px;
  text-decoration: none solid rgb(31, 34, 37);
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  vertical-align: baseline;
  white-space: normal;
  word-spacing: 0px;
}

.ui-accordion-header {
  font-family: "Century Gothic", sans-serif !important; 
  font-weight: bold;
  text-transform: uppercase;
}

h3 {
	
	font-family: "Century Gothic", sans-serif !important;
	font-size: 18px;
  font-weight: bold;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	line-height: 22px;
	text-decoration: none solid rgb(34, 34, 34);
	text-align: start;
	text-indent: 0px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	word-spacing: 0px;
}

h2 {
  
  font-family: "Century Gothic", sans-serif !important; 
  font-weight: bold;
  font-size: 28px;
  font-style: normal;
  font-variant: normal;
  letter-spacing: normal;
  line-height: 35px;
  text-decoration: none solid rgb(31, 34, 37);
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  vertical-align: baseline;
  white-space: normal;
  word-spacing: 0px;
}
.egyedi-cimke div {
  background-color: #5C72FF !important;
  color: #FFFFFF !important;
}
input #rendeles_nev .input-text rendeles_nev                                             {
	/* Font & Text */
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 16px;
	text-decoration: none solid rgb(51, 51, 51);
	text-align: start;
	text-indent: 0px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	word-spacing: 0px;

	/* Color & Background */
	background-attachment: scroll;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: rgb(51, 51, 51);

	/* Box */
	height: 40px;
	width: 459.453px;
	border: 1px solid #333333 !important;
	border-top: 1px solid #333333 !important;
	border-right: 1px solid #333333 !important;
	border-bottom: 1px solid #333333 !important;
	border-left: 1px solid #333333 !important;
	margin: 0px 0px 20px;
	padding: 12px;
	max-height: none;
	min-height: 0px;
	max-width: none;
	min-width: 0px;
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: #00457c;
    border: 1px solid #F8F8F8;
}





/* ======================== FŐOLDAL - MAINMENU - PC + MOBIL: Fejléc menüpontok félkövérek ======================= */

.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;
}




/* ====================================== PRODUCT PAGE: Tulajdonság box ====================================== */

/* 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;
}




/* ================================= PRODUCTS CAROUSEL: Szóköz és félkövér árak ================================== */

/* 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;
}




/* ============================= PRODUCT PAGE: Nettó és bruttó árak félkövérek ================================== */

.ar_netto .price-value,
.ar_brutto .price-value {
    font-weight: 700 !important;
}





/* =================================== STOCK IKON: Félkövér betűk ============================================= */

.stock span {
    font-weight: 700 !important;
}




/* ========================= HEADER - MEGAMENÜ - PC: Szellősebb, jobban tagolt csoportok ========================== */

@media (min-width: 993px) {

  /* Megamenü belső térköz - visszafogottabb */
  .header-block .dd-menu.megamenu .dropdown-content-inner,
  .header-block .cikkcsoport-megamenu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* 1. szint - fő kategóriák */
  .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;
  }

  /* 2. szint - legyen nagyobb, hangsúlyosabb */
  .header-block .cikkcsoport-megamenu .megamenu-list.depth-2 > li > a.category-link {
    font-size: 16px !important;
    line-height: 21px !important;
    padding: 8px 13px !important;
    margin-bottom: 2px !important;
    font-weight: 700 !important;
  }

  /* 3. szint - kisebb, kevésbé hangsúlyos */
  .header-block .cikkcsoport-megamenu .megamenu-list.depth-3 > li > a.category-link {
    font-size: 14px !important;
    line-height: 19px !important;
    padding: 5px 12px !important;
    margin-bottom: 1px !important;
    font-weight: 400 !important;
  }

  /* Kis extra távolság a sorok között, de nem túl nagy */
  .header-block .cikkcsoport-megamenu li {
    margin-bottom: 1px !important;
  }

  .header-block .cikkcsoport-megamenu a.category-link {
    white-space: normal !important;
  }


/* 3. szintű kategóriák kicsit beljebb húzva */
.header-block .cikkcsoport-megamenu .megamenu-list.depth-3 > li > a.category-link {
  padding-left: 24px !important;
}


/* 3. szintű kategóriák: kisebb függőleges térköz */
.header-block .cikkcsoport-megamenu .megamenu-list.depth-3 > li > a.category-link {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 0 !important;
  line-height: 18px !important;
}

/* A 3. szintű listaelemek között se legyen plusz hézag */
.header-block .cikkcsoport-megamenu .megamenu-list.depth-3 > li {
  margin-bottom: 0 !important;
}
}





/* ============================== OLDALSÓ TREE MENÜ: Háttérszín nélkül ====================================== */

.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;
}

/* Hover állapot: csak nagyon enyhe háttér, hogy ne legyen zavaró */
.oldalsotreemenu.cikkcsoport-menu a.category-link:hover {
  background: #f6f6f6 !important;
  color: #00457c !important;
}








/* ============================== MENÜCSEMPÉK – SLIDER PONTOK ============================== */

/* PC ALAPBEÁLLÍTÁS */

/* 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;
    }
}







/* ============================== MENÜCSEMPÉK – SLIDER NYILAK – PC: Megjelenés ============================== */

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

    /* 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 ÉS EGÉR */

@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;
    }
}








/* ============================== MENÜCSEMPÉK / SLIDEREK: 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;
}





/* ============================== SLIDER NYILAK – BELJEBB HELYEZÉS ============================== */

/* 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;
    }
}






/* ============================== PS NYILAK: Megjelenés ============================== */

/* 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;
}