:root, html, body {color-scheme: light !important;}:root {--bs-primary: rgb(0, 190, 141);--bs-secondary: rgb(0, 115, 64);--bs-tertiary: rgb(49, 54, 62);--bs-success: rgb(25, 135, 84);--bs-info: rgb(23, 162, 184);--bs-warning: rgb(255, 193, 7);--bs-danger: rgb(220, 53, 69);--bs-light: rgb(255, 255, 255);--bs-dark: rgb(34, 38, 43);--bs-white: rgb(255, 255, 255);--bs-black: rgb(0, 0, 0);--bs-emphasis-color: rgb(3, 7, 18);--bs-emphasis-color-rgb: 3, 7, 18;--bs-border-color: rgba(217, 217, 217, 1);--bs-primary-rgb: 0, 190, 141;--bs-secondary-rgb: 0, 115, 64;--bs-tertiary-rgb: 49, 54, 62;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 23, 162, 184;--bs-warning-rgb: 255, 193, 7;;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 255, 255, 255;--bs-dark-rgb: 34, 38, 43;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-primary-bg: rgb(234, 239, 238);--bs-secondary-bg: rgb(221, 229, 227);--bs-tertiary-bg: rgb(215, 241, 230);--bs-primary-bg-rgb: 234, 239, 238;--bs-secondary-bg-rgb: 221, 229, 227;--bs-tertiary-bg-rgb: 215, 241, 230;--bs-primary-color: rgba(0, 190, 141, .75);--bs-secondary-color: rgba(0, 115, 64, .75);--bs-tertiary-color: rgba(49, 54, 62, .75);--bs-link-color: rgb(0, 190, 141);--bs-link-color-rgb: 0, 190, 141;--bs-link-hover-color-rgb: 0, 161, 120;--bs-link-hover-color: rgba(0, 161, 120, 1);--bs-body-color: rgb(49, 54, 62);--bs-body-color-rgb: 49, 54, 62;--bs-body-bg: rgb(255, 255, 255);--bs-body-bg-rgb: 255, 255, 255;--bs-primary-text-emphasis: rgba(0, 114, 85, 1);--bs-secondary-text-emphasis: rgba(0, 69, 38, 1);--bs-tertiary-text-emphasis: rgba(29, 32, 37, 1);--bs-success-text-emphasis: rgba(15, 81, 50, 1);--bs-info-text-emphasis: rgba(14, 97, 110, 1);--bs-warning-text-emphasis: rgba(153, 116, 4, 1);--bs-danger-text-emphasis: rgba(132, 32, 41, 1);--bs-primary-bg-subtle: rgb(234, 239, 238);--bs-secondary-bg-subtle: rgb(221, 229, 227);--bs-tertiary-bg-subtle: rgb(215, 241, 230);--bs-success-bg-subtle: rgba(244, 249, 246, 1);--bs-info-bg-subtle: rgba(243, 250, 251, 1);--bs-warning-bg-subtle: rgba(255, 252, 243, 1);--bs-danger-bg-subtle: rgba(253, 245, 246, 1);--bs-primary-border-subtle: rgba(187, 191, 190, 1);--bs-secondary-border-subtle: rgba(177, 183, 182, 1);--bs-tertiary-border-subtle: rgba(172, 193, 184, 1);--bs-success-border-subtle: rgba(209, 231, 221, 1);--bs-info-border-subtle: rgba(209, 236, 241, 1);--bs-warning-border-subtle: rgba(255, 243, 205, 1);--bs-danger-border-subtle: rgba(248, 215, 218, 1);--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.15);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.15);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.15);--bs-body-font-family: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-heading-font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-header-menu-breakpoint: 1200px;--bs-header-logo-height: 50%;--bs-on-primary-text: rgb(255, 255, 255);--bs-on-secondary-text: rgb(255, 255, 255);--bs-on-tertiary-text: rgb(255, 255, 255);--bs-header-additional-menu-bg: var(--bs-tertiary);--bs-header-main-menu-bg: var(--bs-tertiary);--bs-footer-bg: var(--bs-dark);--bs-footer-cta-bg: var(--bs-dark);--bs-container-max: 1320px;--bs-container-narrow-max: 960px;--bs-shadow-color: rgba(0, 0, 0, 0.15);--bs-shadow-rgb: 0, 0, 0;}html {background-color: var(--bs-tertiary);}h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {font-family: var(--bs-heading-font-family);}.swiper, .swiper-button-prev, .swiper-button-next {--swiper-navigation-color: rgb(0, 190, 141);}.swiper-pagination, .swiper-pagination-bullet {--swiper-pagination-color: rgb(0, 190, 141);}.btn-close {--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.15);}.btn-primary {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(0, 190, 141);--bs-btn-border-color: rgb(0, 190, 141);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(38, 200, 158, 1);--bs-btn-hover-border-color: rgb(0, 190, 141);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 203, 164, 1);--bs-btn-active-border-color: rgba(51, 203, 164, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 210, 175, 1);--bs-btn-disabled-border-color: rgba(77, 210, 175, 1);}.btn-primary-subtle {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(234, 239, 238);--bs-btn-border-color: rgb(0, 190, 141);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(38, 200, 158, 1);--bs-btn-hover-border-color: rgb(0, 190, 141);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 203, 164, 1);--bs-btn-active-border-color: rgba(51, 203, 164, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 210, 175, 1);--bs-btn-disabled-border-color: rgba(77, 210, 175, 1);}.btn-outline-primary-subtle {--bs-btn-color: rgb(234, 239, 238);--bs-btn-border-color: rgb(234, 239, 238);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(237, 241, 241, 1);--bs-btn-hover-border-color: rgb(234, 239, 238);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 203, 164, 1);--bs-btn-active-border-color: rgba(51, 203, 164, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 210, 175, 1);--bs-btn-disabled-border-color: rgba(77, 210, 175, 1);}.btn-secondary {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(0, 115, 64);--bs-btn-border-color: rgb(0, 115, 64);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(38, 136, 93, 1);--bs-btn-hover-border-color: rgb(0, 115, 64);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 143, 102, 1);--bs-btn-active-border-color: rgba(51, 143, 102, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 157, 121, 1);--bs-btn-disabled-border-color: rgba(77, 157, 121, 1);}.btn-tertiary {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(49, 54, 62);--bs-btn-border-color: rgb(49, 54, 62);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(80, 84, 91, 1);--bs-btn-hover-border-color: rgb(49, 54, 62);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(90, 94, 101, 1);--bs-btn-active-border-color: rgba(90, 94, 101, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(111, 114, 120, 1);--bs-btn-disabled-border-color: rgba(111, 114, 120, 1);}.btn-secondary-subtle {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(221, 229, 227);--bs-btn-border-color: rgb(0, 115, 64);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(38, 136, 93, 1);--bs-btn-hover-border-color: rgb(0, 115, 64);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 143, 102, 1);--bs-btn-active-border-color: rgba(51, 143, 102, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 157, 121, 1);--bs-btn-disabled-border-color: rgba(77, 157, 121, 1);}.btn-tertiary-subtle {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(215, 241, 230);--bs-btn-border-color: rgb(49, 54, 62);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(80, 84, 91, 1);--bs-btn-hover-border-color: rgb(49, 54, 62);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(90, 94, 101, 1);--bs-btn-active-border-color: rgba(90, 94, 101, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(111, 114, 120, 1);--bs-btn-disabled-border-color: rgba(111, 114, 120, 1);}.btn-outline-secondary-subtle {--bs-btn-color: rgb(221, 229, 227);--bs-btn-border-color: rgb(221, 229, 227);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(226, 233, 231, 1);--bs-btn-hover-border-color: rgb(221, 229, 227);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(51, 143, 102, 1);--bs-btn-active-border-color: rgba(51, 143, 102, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(77, 157, 121, 1);--bs-btn-disabled-border-color: rgba(77, 157, 121, 1);}.btn-outline-tertiary-subtle {--bs-btn-color: rgb(215, 241, 230);--bs-btn-border-color: rgb(215, 241, 230);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(221, 243, 234, 1);--bs-btn-hover-border-color: rgb(215, 241, 230);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(90, 94, 101, 1);--bs-btn-active-border-color: rgba(90, 94, 101, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(255, 255, 255);--bs-btn-disabled-bg: rgba(111, 114, 120, 1);--bs-btn-disabled-border-color: rgba(111, 114, 120, 1);}.btn-light {--bs-btn-color: rgb(34, 38, 43);--bs-btn-bg: rgb(255, 255, 255);--bs-btn-border-color: rgb(255, 255, 255);--bs-btn-hover-color: rgba(67, 71, 75, 1);--bs-btn-hover-bg: rgba(242, 242, 242, 1);--bs-btn-hover-border-color: rgba(242, 242, 242, 1);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgba(67, 71, 75, 1);--bs-btn-active-bg: rgba(229, 229, 229, 1);--bs-btn-active-border-color: rgba(229, 229, 229, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgba(67, 71, 75, 1);--bs-btn-disabled-bg: rgba(204, 204, 204, 1);--bs-btn-disabled-border-color: rgba(204, 204, 204, 1);}.btn-dark {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(34, 38, 43);--bs-btn-border-color: rgb(34, 38, 43);--bs-btn-hover-color: rgba(255, 255, 255, 1);--bs-btn-hover-bg: rgba(67, 71, 75, 1);--bs-btn-hover-border-color: rgba(67, 71, 75, 1);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgba(255, 255, 255, 1);--bs-btn-active-bg: rgba(89, 92, 96, 1);--bs-btn-active-border-color: rgba(89, 92, 96, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgba(204, 204, 204, 1);--bs-btn-disabled-bg: rgb(34, 38, 43);--bs-btn-disabled-border-color: rgb(34, 38, 43);}.text-bg-primary {color: rgb(255, 255, 255) !important;}.text-primary-subtle {color: rgb(234, 239, 238);}.text-bg-secondary {color: rgb(255, 255, 255) !important;}.text-secondary-subtle {color: rgb(221, 229, 227);}.bg-tertiary {background-color: rgb(49, 54, 62) !important;}.text-bg-tertiary {background-color: rgb(49, 54, 62) !important;color: rgb(255, 255, 255) !important;}.text-tertiary {color: rgb(49, 54, 62) !important;}.text-tertiary-subtle {color: rgb(215, 241, 230);}.dropdown-menu {--bs-dropdown-bg: rgb(255, 255, 255);--bs-dropdown-link-active-color: rgb(0, 190, 141);--bs-dropdown-link-hover-color: rgba(38, 200, 158, 1);--bs-dropdown-link-hover-bg: rgb(234, 239, 238);--bs-dropdown-link-color: rgb(3, 7, 18);}.pagination {--bs-pagination-active-bg: rgb(0, 190, 141);--bs-pagination-disabled-bg: inherit;--bs-pagination-disabled-color: inherit;--bs-pagination-active-border-color: rgb(0, 190, 141);--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.15);}.navbar {--bs-navbar-active-color: var(--bs-primary) ;--bs-navbar-color: inherit;}.navbar .nav-link.static-active { color: var(--bs-navbar-active-color);}.navbar-nav {--bs-nav-link-hover-color: rgba(38, 200, 158, 1); --bs-nav-link-font-weight: 400;}.nav-pills {--bs-nav-pills-link-active-color: rgb(3, 7, 18);--bs-nav-pills-link-active-bg: rgb(221, 229, 227);}.progress {--bs-progress-bar-bg: rgb(0, 190, 141);}.accordion {--bs-accordion-active-color: rgb(0, 190, 141);}.btn-outline-primary {--bs-btn-color: rgb(0, 190, 141);--bs-btn-border-color: rgb(0, 190, 141);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(0, 190, 141);--bs-btn-hover-border-color: rgb(0, 190, 141);--bs-btn-focus-shadow-rgb: 0, 190, 141;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(0, 190, 141);--bs-btn-active-border-color: rgb(0, 190, 141);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(0, 190, 141);--bs-btn-disabled-border-color: rgb(0, 190, 141);}.btn-outline-secondary {--bs-btn-color: rgb(0, 115, 64);--bs-btn-border-color: rgb(0, 115, 64);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(0, 115, 64);--bs-btn-hover-border-color: rgb(0, 115, 64);--bs-btn-focus-shadow-rgb: 0, 115, 64;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(0, 115, 64);--bs-btn-active-border-color: rgb(0, 115, 64);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(0, 115, 64);--bs-btn-disabled-border-color: rgb(0, 115, 64);}.btn-outline-tertiary {--bs-btn-color: rgb(49, 54, 62);--bs-btn-border-color: rgb(49, 54, 62);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(49, 54, 62);--bs-btn-hover-border-color: rgb(49, 54, 62);--bs-btn-focus-shadow-rgb: 49, 54, 62;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(49, 54, 62);--bs-btn-active-border-color: rgb(49, 54, 62);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(49, 54, 62);--bs-btn-disabled-border-color: rgb(49, 54, 62);}.table-primary {--bs-table-bg:rgb(0, 190, 141);--bs-table-color:rgb(255, 255, 255);}.table-secondary {--bs-table-bg:rgb(0, 115, 64);--bs-table-color:rgb(255, 255, 255);}.table-tertiary {--bs-table-bg:rgb(49, 54, 62);--bs-table-color:rgb(255, 255, 255);}.form-check-input:checked {background-color: rgb(0, 190, 141) ;border-color: rgb(0, 190, 141) ;}.form-control:focus, .form-select:focus {border-color: rgba(128, 223, 198, 1);}.list-group {--bs-list-group-active-bg: rgb(0, 190, 141);--bs-list-group-active-border-color: rgb(0, 190, 141);--bs-list-group-active-color: rgb(255, 255, 255);}.text-bg-success { color: rgb(255, 255, 255) !important; background-color: rgb(25, 135, 84) !important;}.text-bg-warning { color: rgb(255, 255, 255) !important; background-color: rgb(255, 193, 7) !important;}.text-bg-danger { color: rgb(49, 54, 62) !important; background-color: rgb(220, 53, 69) !important;}.text-bg-info { color: rgb(255, 255, 255) !important; background-color: rgb(23, 162, 184) !important;}.text-bg-light { color: rgb(49, 54, 62) !important; background-color: rgb(255, 255, 255) !important;}.text-bg-dark { color: rgb(255, 255, 255) !important; background-color: rgb(34, 38, 43) !important;}.text-bg-primary-subtle { background-color: rgb(234, 239, 238) !important; color: rgb(49, 54, 62) !important;}.text-bg-secondary-subtle { background-color: rgb(221, 229, 227) !important; color: rgb(49, 54, 62) }.text-bg-tertiary-subtle { background-color: rgb(215, 241, 230) !important; color: rgb(49, 54, 62) }.text-bg-body { background-color: rgb(255, 255, 255) !important; color: rgb(49, 54, 62) !important;}.text-bg-white { background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important;}.text-body-bg { color: var(--bs-body-bg);}.btn-body { --bs-btn-color: var(--bs-body-color); --bs-btn-bg: var(--bs-body-bg);}.btn-outline-body { --bs-btn-color: var(--bs-body-bg); --bs-btn-border-color: var(--bs-body-bg);}.offcanvas, .offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-bg: var(--bs-white) !important;}.card {--bs-card-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.15);--bs-card-title-color: rgb(3, 7, 18);--bs-card-color: rgb(49, 54, 62);--bs-card-border-color: rgba(217, 217, 217, 1);} .card {--bs-card-border-radius: 1rem !important;--bs-card-inner-border-radius: 1rem !important;}:root { --bs-border-radius: 1rem !important; --bs-border-radius-sm: 1rem !important; --bs-border-radius-lg: 1rem !important; --bs-border-radius-xl: 1rem !important; --bs-border-radius-xxl: 1rem !important; --bs-border-radius-2xl: 1rem !important;} .btn, .btn-sm, .btn-lg { --bs-btn-border-radius: 1rem !important; } .dropdown-menu { --bs-dropdown-border-radius: 1rem !important; --bs-dropdown-inner-border-radius: 1rem !important; } .dropdown { --bs-dropdown-item-border-radius: 1rem !important; } .badge { --bs-badge-border-radius: 1rem !important; } .img-rounded, .form-check-input[type=checkbox] { border-radius: 1rem !important; } .card_kite { --kite-clip-radius: 1rem !important; --bs-card-border-radius: 1rem !important; } .form-control { border-radius: 1rem; } .border-body { border-color: var(--bs-body-bg) !important; }/* Webshop header: kategória + kereső egy 44px kapszula (mockup). DOM: offcanvas-body > wrapper(#categoryListButton+#categoryList) + #search_form. A wrapper marad doboz (NINCS display:contents) — a Spark #categoryList position:absolute / collapse az xl navbar containing blockhoz igazodik. Töréspont: menu_breakpoint xl = 1200px. Kapszula csak asztalon; offcanvasban gyári Spark. */@media (min-width: 1200px) {#header.header-webshop .offcanvas-body:has(#categoryListButton):has(#search_form) { flex-wrap: nowrap; align-self: center !important; height: fit-content; gap: 0 !important; min-width: 0;}#header.header-webshop .offcanvas-body:has(#categoryListButton):has(#search_form) > div:has(> #categoryListButton) { flex: 0 0 auto; overflow: visible;}#header.header-webshop #categoryListButton { --bs-btn-bg: var(--bs-primary-bg-subtle); --bs-btn-border-color: var(--bs-primary-bg-subtle); --bs-btn-color: var(--bs-black); --bs-btn-hover-bg: var(--bs-primary-bg-subtle); --bs-btn-hover-border-color: var(--bs-primary-bg-subtle); --bs-btn-hover-color: var(--bs-black); --bs-btn-active-bg: var(--bs-primary-bg-subtle); --bs-btn-active-border-color: var(--bs-primary-bg-subtle); --bs-btn-active-color: var(--bs-black); display: inline-flex; align-items: center; gap: 0.5rem; flex: 0 0 auto; width: auto !important; max-width: none; height: 2.75rem; padding: 0 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1; background-color: var(--bs-primary-bg-subtle) !important; border-color: var(--bs-primary-bg-subtle) !important; color: var(--bs-black) !important; border-radius: var(--bs-border-radius-pill) 0 0 var(--bs-border-radius-pill); box-shadow: inset -1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.12);}#header.header-webshop #categoryListButton > i { font-family: "Font Awesome 6 Pro"; font-weight: 900; font-style: normal;}#header.header-webshop #categoryListButton > i::before { content: "\f0c9";}#header.header-webshop #categoryListButton::after { content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 0.6875rem; color: var(--bs-secondary); margin-inline-start: 0.125rem;}#header.header-webshop #search_form { flex: 1 1 0; min-width: 0; height: 2.75rem;}#header.header-webshop #search_form .input-group { height: 100%; background-color: var(--bs-white) !important; border: 0 !important; border-radius: 0 var(--bs-border-radius-pill) var(--bs-border-radius-pill) 0 !important; overflow: hidden;}#header.header-webshop #search_form #search_input { height: 100%; background-color: var(--bs-white) !important; color: var(--bs-dark) !important; box-shadow: none !important; border: 0 !important; padding-inline: 0.875rem;}#header.header-webshop #search_form #search_input::placeholder { color: var(--bs-secondary); opacity: 1;}#header.header-webshop #search_form .input-group > [type="submit"] { --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-color: var(--bs-black); --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-black); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-active-color: var(--bs-black); display: inline-flex; justify-content: center; flex: 0 0 3.25rem; width: 3.25rem; height: 100%; padding: 0; background-color: var(--bs-primary) !important; border: 0 !important; color: var(--bs-black) !important; border-radius: 0;}#header.header-webshop #search_form .input-group > [type="submit"] i { color: var(--bs-black);}#header.header-webshop #categoryList { background-color: var(--bs-body-bg); clip-path: inset(0 -100vw -100vw -100vw);}}/* Offcanvas transform: a fixed popover a panel containing blockja. */@media (max-width: 1199.98px) { #header.header-webshop .offcanvas_wrapper.show .offcanvas-body, #header.header-webshop .offcanvas_wrapper.showing .offcanvas-body { position: relative; } #header.header-webshop .offcanvas_wrapper.show #search_popover_wrapper, #header.header-webshop .offcanvas_wrapper.showing #search_popover_wrapper { position: absolute; inset: 0; z-index: 5; } #header.header-webshop .offcanvas_wrapper.show #search_popover, #header.header-webshop .offcanvas_wrapper.showing #search_popover { top: auto !important; max-width: 100%; margin-inline: 0.5rem; margin-top: 0.5rem; }}/* Homepage hero: introduction box — photo overlay + foil (mockup). */.block_box-instance:has(.u-hero-intro) { display: flex; flex-direction: column;}.u-hero-intro { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;}.u-hero-intro .introduction-box { position: relative; overflow: hidden; display: flex; align-items: center; flex: 1 1 auto; width: 100%; min-height: clamp(21.25rem, 34vw, 28.75rem);}.u-hero-intro .introduction-box::after { content: none;}.u-hero-intro .introduction-box > .row { position: relative; z-index: 2; width: 100%; height: 100%; margin-inline: 0;}.u-hero-intro .introduction-box_image { position: absolute; inset: 0; z-index: 0; width: 100% !important; max-width: none; height: 100%; margin: 0 !important; padding: 0; pointer-events: none; overflow: hidden; isolation: isolate;}.u-hero-intro .introduction-box_image::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 96deg, rgba(var(--bs-black-rgb), 0.95) 0%, rgba(var(--bs-black-rgb), 0.86) 44%, rgba(var(--bs-black-rgb), 0.34) 100% );}.u-hero-intro .introduction-box_image picture,.u-hero-intro .introduction-box_image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; box-shadow: none;}.u-hero-intro .introduction-box > .row > [class*="col-"]:not(.introduction-box_image) { position: relative; z-index: 2; width: auto !important; max-width: min(100%, 38.75rem); padding: clamp(1.625rem, 3.2vw, 3rem) !important; margin-bottom: 0 !important;}.u-hero-intro .introduction-box_eyebrow { letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; margin-bottom: 1.125rem !important;}.u-hero-intro .introduction-box_title { font-family: var(--bs-heading-font-family); font-size: clamp(2rem, 3.6vw, 3.25rem) !important; line-height: 1.08; color: var(--bs-white); text-wrap: balance;}.u-hero-intro .introduction-box_content { max-width: 44ch; color: rgba(var(--bs-white-rgb), 0.8);}.u-hero-intro .introduction-box_content p:last-child { margin-bottom: 0;}.u-hero-intro .introduction-box .btn.btn-lg { margin-top: 2rem !important;}/* Homepage Rólunk teaser: stat felsorolás (mockup rács). */.u-home-rolunk .introduction-box_content ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: 1.25rem; list-style: none; margin: 1.5rem 0 1.75rem; padding: 0;}.u-home-rolunk .introduction-box_content ul li { list-style: none; margin: 0; padding: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: var(--bs-body-color);}.u-home-rolunk .introduction-box_content ul li::marker { content: none;}.u-home-rolunk .introduction-box_content ul li strong { display: block; font-family: var(--bs-heading-font-family); font-size: 2rem; font-weight: 700; line-height: 1.1; color: var(--bs-primary) !important; margin-bottom: 0.125rem;}/* Homepage hero: Márkáink lista (mockup bal nav). */.block_box-category:has(.u-markaink-list) { display: flex; flex-direction: column;}.block_box-category:has(.u-markaink-list) > .z-1 { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;}.u-markaink-list { flex: 1 1 auto; height: 100%; padding: 0.625rem 0; background: rgba(var(--bs-white-rgb), 0.04); border-radius: var(--bs-border-radius-lg); box-shadow: inset 0 0 0 1px rgba(var(--bs-white-rgb), 0.1);}.u-markaink-list .editorial_eyebrow_wrapper { padding: 0.625rem 1.25rem 0.875rem; margin-bottom: 0;}.u-markaink-list .editorial_eyebrow { font-family: var(--bs-heading-font-family); font-size: 0.8125rem !important; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.3; color: var(--bs-primary);}.u-markaink-list .service_box > .position-relative { padding: 0.5625rem 1rem !important; align-items: center; border-bottom: none !important; border-top: 1px solid rgba(var(--bs-white-rgb), 0.07);}.u-markaink-list .service_box .gap-4 { gap: 0.75rem !important; align-items: center !important;}.u-markaink-list .service_box .bg-primary-subtle { flex-shrink: 0; align-self: center; width: 2.875rem !important; height: 1.875rem !important; padding: 0.1875rem !important; margin-bottom: 0 !important; aspect-ratio: auto; border-radius: calc(var(--bs-border-radius) / 2) !important; background-color: var(--bs-white) !important;}.u-markaink-list .service_box .bg-primary-subtle i { font-size: 0.875rem;}.u-markaink-list .service_box .bg-primary-subtle img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain;}.u-markaink-list .service_box h3 { margin-bottom: 0 !important; font-size: 0.9375rem; font-weight: 500; color: rgba(var(--bs-white-rgb), 0.86);}.u-markaink-list .service_box a { color: inherit; text-decoration: none;}.u-markaink-list .service_box .fa-arrow-right { margin-left: 0.5rem !important;}.u-markaink-list .service_box:hover > .position-relative { background: rgba(var(--bs-white-rgb), 0.06);}.u-markaink-list .service_box:hover h3 { color: var(--bs-white);}.u-markaink-list .d-grid > *:last-child .service_box > .position-relative { padding: 0.875rem 1.25rem 0.625rem !important; border-bottom: none !important;}.u-markaink-list .d-grid > *:last-child .service_box .bg-primary-subtle { display: none !important;}.u-markaink-list .d-grid > *:last-child .service_box h3,.u-markaink-list .d-grid > *:last-child .service_box a,.u-markaink-list .d-grid > *:last-child .service_box .fa-arrow-right { color: var(--bs-primary); font-size: 0.875rem; font-weight: 600;}.u-markaink-list .d-grid > *:last-child .service_box:hover h3,.u-markaink-list .d-grid > *:last-child .service_box:hover a,.u-markaink-list .d-grid > *:last-child .service_box:hover .fa-arrow-right { color: var(--bs-link-hover-color);}/* Webshop #header_navigation: Spark text-bg-body; kövesse header.main_menu_bg. */#header.header-webshop #header_navigation { background-color: var(--bs-header-main-menu-bg) !important; color: inherit !important;}/* Banner wrapper: nincs sectionColor; kövesse a navbar main_menu_bg-t. Preview: .section-builder-component; élő: .async-section.banner (üres wrapper a lazy load előtt). */.section-builder-component:has(.section_banner),.async-section.banner { background-color: var(--bs-header-main-menu-bg);}/* Footer #cta_box: Spark text-bg-light; kövesse header.main_menu_bg. A #cta sáv marad footer.cta_bg_color. */#cta #cta_box { background-color: var(--bs-header-main-menu-bg) !important; color: inherit !important;}/* Header nav: even spread + mockup vertical padding. Töréspont: menu_breakpoint xl = 1200px. */@media (min-width: 1200px) { #header.header-webshop #header_navigation { padding-top: 0.3rem; padding-bottom: 0.3rem; border-top: 1px solid rgba(var(--bs-white-rgb), 0.1); } #header.header-webshop #header_navigation #navigation { width: 100%; justify-content: space-between; } #header.header-webshop #header_navigation .navbar-nav { display: contents; }}/* Cards: white surface. Spark theme-style sets --bs-card-border-color on .card; transparent = no visible border (product tiles + category tiles). Do not override --bs-card-box-shadow — theme default stays. */.card { --bs-card-bg: var(--bs-white); --bs-card-color: var(--bs-dark); --bs-card-title-color: var(--bs-dark); --bs-card-cap-color: var(--bs-dark); --bs-card-border-color: transparent;}.section_products article .card,.section_product_categories article .card,.card:has(> .card-body.user-select-none) { --bs-card-border-width: 0;}.form-control,.form-control:focus { background-color: var(--bs-white); color: var(--bs-dark);}.form-select { border-radius: var(--bs-border-radius);}.popover { border: 1px solid rgba(var(--bs-white-rgb), 0.1) !important;}.form-check-input { --bs-form-check-bg: var(--bs-white);}.pagination { --bs-pagination-bg: var(--bs-white);}/* Counter tiles: darker than body-bg and text-bg-dark (Spark .counter-bg also has .bg-white). */.counter-bg { background-color: color-mix(in srgb, var(--bs-dark) 62%, var(--bs-black)) !important; color: var(--bs-white) !important;}/* Felsorolás doboz: .border-bottom a body-ból sötét --bs-border-color-t kapna (rgba(80,84,91)). */.service_box { --bs-border-color: var(--bs-tertiary-bg-subtle);}.service_box > .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-tertiary-bg-subtle) !important;}/* Homepage “Akikkel dolgozunk”: light rounded logo slider panel (mockup). */.u-akikkel-logos .box-swiper { position: relative; padding-inline: clamp(1rem, 2.5vw, 2rem) !important;}.u-akikkel-logos .box-swiper::before { content: ""; position: absolute; left: 12%; right: 12%; bottom: -8%; height: 70%; background: radial-gradient(closest-side, rgba(var(--bs-primary-rgb), 0.3), transparent 78%); filter: blur(2.5rem); pointer-events: none; z-index: 0;}.u-akikkel-logos .box-swiper::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: calc(100% - 6.65rem); background: var(--bs-white); border-radius: var(--bs-border-radius-lg); pointer-events: none; z-index: 0;}.u-akikkel-logos .editorial_eyebrow_wrapper,.u-akikkel-logos .editorial_title,.u-akikkel-logos .swiper-wrapper { position: relative; z-index: 1;}.u-akikkel-logos .swiper-slide article { min-height: 7.5rem;}.u-akikkel-logos .swiper-slide article img { width: auto; max-width: 100%; height: auto; max-height: 4.5rem; object-fit: contain;}.u-akikkel-logos .swiper-slide article:not(:has(img)) h3 { position: static !important; width: auto !important; height: auto !important; margin: 0; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: nowrap; font-family: var(--bs-heading-font-family); font-size: 1.5rem; font-weight: 700; letter-spacing: 0.06em; color: var(--bs-dark);}/* Márkaoldal (Spark brand show): a tablista id-ja brand-details-products-tab. A globális body sötét; itt világos token, hogy a termékfülek mögött ne a charcoal maradjon. Szöveg is --bs-dark, mert a body-color fehér. */html:has(#brand-details-products-tab),html:has(.brand-details-products-tab) { background-color: var(--bs-light);}body:has(#brand-details-products-tab),body:has(.brand-details-products-tab) { --bs-body-bg: var(--bs-light); --bs-body-color: var(--bs-dark); background-color: var(--bs-light); color: var(--bs-dark);}/* Termékdoboz: .product_price-login-notice csak hoverre / billentyűfókuszra. */article:has(> .card) .product_price-login-notice,article.user-select-none .product_price-login-notice { opacity: 0; transition: opacity 0.2s ease;}article:has(> .card):hover .product_price-login-notice,article:has(> .card):focus-within .product_price-login-notice,article.user-select-none:hover .product_price-login-notice,article.user-select-none:focus-within .product_price-login-notice { opacity: 1;}/* Felső sáv menüpontjai: félkövér. A főnavbar súlyát general.header_nav_font_weight adja. */header .additional-menu .nav-link { font-weight: 700;}