/* Alap betűtípus az egész oldalon */
@font-face {
    font-family: 'SiteFont';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-display: swap;
}

/* H1 */
@font-face {
    font-family: 'H1Font';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-display: swap;
}

/* H2 */
@font-face {
    font-family: 'H2Font';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-display: swap;
}

/* H3 */
@font-face {
    font-family: 'H3Font';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-display: swap;
}

/* H4 */
@font-face {
    font-family: 'H4Font';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-display: swap;
}

/* Oswald külön néven is */
@font-face {
    font-family: 'Oswald';
    src: url('https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Betutipus/Oswald/Oswald-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Alapértelmezett betűtípus */
body,
body * {
    font-family: 'SiteFont', sans-serif;
}

/* Címsorok */
h1 {
    font-family: 'H1Font', sans-serif !important;
}

h2 {
    font-family: 'H2Font', sans-serif !important;
}

h3 {
    font-family: 'H3Font', sans-serif !important;
}

h4 {
    font-family: 'H4Font', sans-serif !important;
}

/* Menü mérete */
.category-menu .nav-link,
.category-menu a {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

/* Vélemény / értékelés rész betűtípusa */
.product-review-summary-empty .product-review-summary-empty__text,
.product-review-summary-empty .add-review-text,
.product-review-summary-empty .js-i-add-review {
    font-family: 'Oswald', sans-serif !important;
}

/* Termékleírás tab gomb betűtípus */
.tab-menu__item-button-desktop {
    font-family: inherit !important;
}

/* Akciós termékek menüpont kiemelése */
.category-menu a[href*="akcios-termekek"],
.category-menu .nav-link[href*="akcios-termekek"] {
    background-color: #FFCC00 !important;
    color: #111 !important;
    border-radius: 10px !important;
    padding: 2px 7px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

/* Akciós termékek hover */
.category-menu a[href*="akcios-termekek"]:hover,
.category-menu a[href*="akcios-termekek"]:focus,
.category-menu a[href*="akcios-termekek"]:active,
.category-menu .nav-link[href*="akcios-termekek"]:hover,
.category-menu .nav-link[href*="akcios-termekek"]:focus,
.category-menu .nav-link[href*="akcios-termekek"]:active {
    background-color: #FFCC00 !important;
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Akciós termékek hover vonal tiltása */
.category-menu a[href*="akcios-termekek"]::before,
.category-menu a[href*="akcios-termekek"]::after,
.category-menu a[href*="akcios-termekek"]:hover::before,
.category-menu a[href*="akcios-termekek"]:hover::after,
.category-menu a[href*="akcios-termekek"]:focus::before,
.category-menu a[href*="akcios-termekek"]:focus::after,
.category-menu a[href*="akcios-termekek"]:active::before,
.category-menu a[href*="akcios-termekek"]:active::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* McLaren Edition menüpont kiemelése sisak ikonnal */
.category-menu a[href*="mclaren"],
.category-menu a[href*="mclaren-edition"],
.category-menu a[href="/mclaren-edition"],
.category-menu a[href*="/mclaren-edition"],
.category-menu .nav-link[href*="mclaren"],
.category-menu .nav-link[href*="mclaren-edition"] {
    background-color: #FF8000 !important;
    color: #111 !important;
    border-radius: 10px !important;
    padding: 2px 29px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    position: relative !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* McLaren Edition hover */
.category-menu a[href*="mclaren"]:hover,
.category-menu a[href*="mclaren"]:focus,
.category-menu a[href*="mclaren"]:active,
.category-menu a[href*="mclaren-edition"]:hover,
.category-menu a[href*="mclaren-edition"]:focus,
.category-menu a[href*="mclaren-edition"]:active,
.category-menu a[href="/mclaren-edition"]:hover,
.category-menu a[href="/mclaren-edition"]:focus,
.category-menu a[href="/mclaren-edition"]:active,
.category-menu a[href*="/mclaren-edition"]:hover,
.category-menu a[href*="/mclaren-edition"]:focus,
.category-menu a[href*="/mclaren-edition"]:active,
.category-menu .nav-link[href*="mclaren"]:hover,
.category-menu .nav-link[href*="mclaren"]:focus,
.category-menu .nav-link[href*="mclaren"]:active,
.category-menu .nav-link[href*="mclaren-edition"]:hover,
.category-menu .nav-link[href*="mclaren-edition"]:focus,
.category-menu .nav-link[href*="mclaren-edition"]:active {
    background-color: #FF8000 !important;
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* McLaren Edition bal oldali sisak ikon */
.category-menu a[href*="mclaren"]::before,
.category-menu a[href*="mclaren-edition"]::before,
.category-menu a[href="/mclaren-edition"]::before,
.category-menu a[href*="/mclaren-edition"]::before,
.category-menu .nav-link[href*="mclaren"]::before,
.category-menu .nav-link[href*="mclaren-edition"]::before,
.category-menu a[href*="mclaren"]:hover::before,
.category-menu a[href*="mclaren-edition"]:hover::before,
.category-menu a[href="/mclaren-edition"]:hover::before,
.category-menu a[href*="/mclaren-edition"]:hover::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Ikonok/motorcycle-helmet.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* McLaren Edition jobb oldali sisak ikon */
.category-menu a[href*="mclaren"]::after,
.category-menu a[href*="mclaren-edition"]::after,
.category-menu a[href="/mclaren-edition"]::after,
.category-menu a[href*="/mclaren-edition"]::after,
.category-menu .nav-link[href*="mclaren"]::after,
.category-menu .nav-link[href*="mclaren-edition"]::after,
.category-menu a[href*="mclaren"]:hover::after,
.category-menu a[href*="mclaren-edition"]:hover::after,
.category-menu a[href="/mclaren-edition"]:hover::after,
.category-menu a[href*="/mclaren-edition"]:hover::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Ikonok/motorcycle-helmet.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Alsó vonal tiltása a kiemelt menüpontokon */
.category-menu a[href*="akcios-termekek"],
.category-menu a[href*="mclaren"],
.category-menu a[href*="mclaren-edition"] {
    border-bottom: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hover alsó vonal tiltása */
.category-menu a[href*="akcios-termekek"]:hover,
.category-menu a[href*="mclaren"]:hover,
.category-menu a[href*="mclaren-edition"]:hover {
    border-bottom: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* 3 ikonos előny blokk sárga háttere */
.advantages-grid {
    background-color: #FFCC00 !important;
    border-radius: 30px !important;
    border: 1px solid #FFCC00 !important;
}

/* Belső elemek maradjanak átlátszóak */
.advantages-grid .advantages-item,
.advantages-grid .advantages-item * {
    background-color: transparent !important;
}

/* Szöveg és ikon fekete maradjon */
.advantages-grid,
.advantages-grid * {
    color: #111 !important;
}

/* Akciós termékek százalék ikon csak bal oldalra */
.category-menu a[href*="akcios-termekek"],
.category-menu .nav-link[href*="akcios-termekek"] {
    position: relative !important;
    padding: 2px 7px 2px 27px !important;
    background-color: #FFCC00 !important;
    color: #111 !important;
    border-radius: 10px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

/* Bal oldali százalék ikon */
.category-menu a[href*="akcios-termekek"]::before,
.category-menu .nav-link[href*="akcios-termekek"]::before,
.category-menu a[href*="akcios-termekek"]:hover::before,
.category-menu .nav-link[href*="akcios-termekek"]:hover::before,
.category-menu a[href*="akcios-termekek"]:focus::before,
.category-menu .nav-link[href*="akcios-termekek"]:focus::before,
.category-menu a[href*="akcios-termekek"]:active::before,
.category-menu .nav-link[href*="akcios-termekek"]:active::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("https://dwruha.myshoprenter.hu/custom/dwruha/image/data/Ikonok/badge-percent.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Biztosan ne legyen ikon mögötte */
.category-menu a[href*="akcios-termekek"]::after,
.category-menu .nav-link[href*="akcios-termekek"]::after {
    display: none !important;
    content: none !important;
}