:root, html, body {color-scheme: light !important;}:root {--bs-primary: rgb(5, 74, 145);--bs-secondary: rgb(42, 101, 161);--bs-tertiary: rgb(43, 48, 53);--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(249, 250, 251);--bs-dark: rgb(2, 22, 44);--bs-white: rgb(255, 255, 255);--bs-black: rgb(0, 0, 0);--bs-emphasis-color: rgb(0, 0, 0);--bs-emphasis-color-rgb: 0, 0, 0;--bs-border-color: rgba(217, 217, 217, 1);--bs-primary-rgb: 5, 74, 145;--bs-secondary-rgb: 42, 101, 161;--bs-tertiary-rgb: 43, 48, 53;--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: 249, 250, 251;--bs-dark-rgb: 2, 22, 44;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-primary-bg: rgb(230, 237, 244);--bs-secondary-bg: rgb(230, 237, 244);--bs-tertiary-bg: rgba(222, 226, 230, 0.5);--bs-primary-bg-rgb: 230, 237, 244;--bs-secondary-bg-rgb: 230, 237, 244;--bs-tertiary-bg-rgb: 222, 226, 230;--bs-primary-color: rgba(5, 74, 145, .75);--bs-secondary-color: rgba(42, 101, 161, .75);--bs-tertiary-color: rgba(43, 48, 53, .75);--bs-link-color: rgb(5, 74, 145);--bs-link-color-rgb: 5, 74, 145;--bs-link-hover-color-rgb: 4, 63, 123;--bs-link-hover-color: rgba(4, 63, 123, 1);--bs-body-color: rgb(0, 0, 0);--bs-body-color-rgb: 0, 0, 0;--bs-body-bg: rgb(255, 255, 255);--bs-body-bg-rgb: 255, 255, 255;--bs-primary-text-emphasis: rgba(3, 44, 87, 1);--bs-secondary-text-emphasis: rgba(25, 61, 97, 1);--bs-tertiary-text-emphasis: rgba(26, 29, 32, 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(230, 237, 244);--bs-secondary-bg-subtle: rgb(230, 237, 244);--bs-tertiary-bg-subtle: rgba(222, 226, 230, 0.5);--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(184, 190, 195, 1);--bs-secondary-border-subtle: rgba(184, 190, 195, 1);--bs-tertiary-border-subtle: rgba(178, 181, 184, 0.5);--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: "DM Sans 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: "DM Sans 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";}html {background-color: var(--bs-primary);}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(5, 74, 145);}.swiper-pagination, .swiper-pagination-bullet {--swiper-pagination-color: rgb(5, 74, 145);}.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(5, 74, 145);--bs-btn-border-color: rgb(5, 74, 145);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(43, 101, 162, 1);--bs-btn-hover-border-color: rgb(5, 74, 145);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(55, 110, 167, 1);--bs-btn-active-border-color: rgba(55, 110, 167, 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(80, 128, 178, 1);--bs-btn-disabled-border-color: rgba(80, 128, 178, 1);}.btn-primary-subtle {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(230, 237, 244);--bs-btn-border-color: rgb(5, 74, 145);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(43, 101, 162, 1);--bs-btn-hover-border-color: rgb(5, 74, 145);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(55, 110, 167, 1);--bs-btn-active-border-color: rgba(55, 110, 167, 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(80, 128, 178, 1);--bs-btn-disabled-border-color: rgba(80, 128, 178, 1);}.btn-outline-primary-subtle {--bs-btn-color: rgb(230, 237, 244);--bs-btn-border-color: rgb(230, 237, 244);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(234, 240, 246, 1);--bs-btn-hover-border-color: rgb(230, 237, 244);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(55, 110, 167, 1);--bs-btn-active-border-color: rgba(55, 110, 167, 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(80, 128, 178, 1);--bs-btn-disabled-border-color: rgba(80, 128, 178, 1);}.btn-secondary {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(42, 101, 161);--bs-btn-border-color: rgb(42, 101, 161);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(74, 124, 175, 1);--bs-btn-hover-border-color: rgb(42, 101, 161);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(85, 132, 180, 1);--bs-btn-active-border-color: rgba(85, 132, 180, 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(106, 147, 189, 1);--bs-btn-disabled-border-color: rgba(106, 147, 189, 1);}.btn-tertiary {--bs-btn-color: rgb(222, 226, 230);--bs-btn-bg: rgb(43, 48, 53);--bs-btn-border-color: rgb(43, 48, 53);--bs-btn-hover-color: rgb(222, 226, 230);--bs-btn-hover-bg: rgba(75, 79, 83, 1);--bs-btn-hover-border-color: rgb(43, 48, 53);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(222, 226, 230);--bs-btn-active-bg: rgba(85, 89, 93, 1);--bs-btn-active-border-color: rgba(85, 89, 93, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(222, 226, 230);--bs-btn-disabled-bg: rgba(107, 110, 114, 1);--bs-btn-disabled-border-color: rgba(107, 110, 114, 1);}.btn-secondary-subtle {--bs-btn-color: rgb(255, 255, 255);--bs-btn-bg: rgb(230, 237, 244);--bs-btn-border-color: rgb(42, 101, 161);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(74, 124, 175, 1);--bs-btn-hover-border-color: rgb(42, 101, 161);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(85, 132, 180, 1);--bs-btn-active-border-color: rgba(85, 132, 180, 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(106, 147, 189, 1);--bs-btn-disabled-border-color: rgba(106, 147, 189, 1);}.btn-tertiary-subtle {--bs-btn-color: rgb(222, 226, 230);--bs-btn-bg: rgba(222, 226, 230, 0.5);--bs-btn-border-color: rgb(43, 48, 53);--bs-btn-hover-color: rgb(222, 226, 230);--bs-btn-hover-bg: rgba(75, 79, 83, 1);--bs-btn-hover-border-color: rgb(43, 48, 53);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(222, 226, 230);--bs-btn-active-bg: rgba(85, 89, 93, 1);--bs-btn-active-border-color: rgba(85, 89, 93, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(222, 226, 230);--bs-btn-disabled-bg: rgba(107, 110, 114, 1);--bs-btn-disabled-border-color: rgba(107, 110, 114, 1);}.btn-outline-secondary-subtle {--bs-btn-color: rgb(230, 237, 244);--bs-btn-border-color: rgb(230, 237, 244);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgba(234, 240, 246, 1);--bs-btn-hover-border-color: rgb(230, 237, 244);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgba(85, 132, 180, 1);--bs-btn-active-border-color: rgba(85, 132, 180, 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(106, 147, 189, 1);--bs-btn-disabled-border-color: rgba(106, 147, 189, 1);}.btn-outline-tertiary-subtle {--bs-btn-color: rgba(222, 226, 230, 0.5);--bs-btn-border-color: rgba(222, 226, 230, 0.5);--bs-btn-hover-color: rgb(222, 226, 230);--bs-btn-hover-bg: rgba(227, 230, 234, 0.5);--bs-btn-hover-border-color: rgba(222, 226, 230, 0.5);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgb(222, 226, 230);--bs-btn-active-bg: rgba(85, 89, 93, 1);--bs-btn-active-border-color: rgba(85, 89, 93, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(222, 226, 230);--bs-btn-disabled-bg: rgba(107, 110, 114, 1);--bs-btn-disabled-border-color: rgba(107, 110, 114, 1);}.btn-light {--bs-btn-color: rgb(2, 22, 44);--bs-btn-bg: rgb(249, 250, 251);--bs-btn-border-color: rgb(249, 250, 251);--bs-btn-hover-color: rgba(40, 57, 76, 1);--bs-btn-hover-bg: rgba(237, 237, 238, 1);--bs-btn-hover-border-color: rgba(237, 237, 238, 1);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgba(40, 57, 76, 1);--bs-btn-active-bg: rgba(224, 225, 226, 1);--bs-btn-active-border-color: rgba(224, 225, 226, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgba(40, 57, 76, 1);--bs-btn-disabled-bg: rgba(199, 200, 201, 1);--bs-btn-disabled-border-color: rgba(199, 200, 201, 1);}.btn-dark {--bs-btn-color: rgb(249, 250, 251);--bs-btn-bg: rgb(2, 22, 44);--bs-btn-border-color: rgb(2, 22, 44);--bs-btn-hover-color: rgba(250, 251, 252, 1);--bs-btn-hover-bg: rgba(40, 57, 76, 1);--bs-btn-hover-border-color: rgba(40, 57, 76, 1);--bs-btn-focus-shadow-rgb: 0, 0, 0;--bs-btn-active-color: rgba(251, 251, 252, 1);--bs-btn-active-bg: rgba(65, 80, 97, 1);--bs-btn-active-border-color: rgba(65, 80, 97, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgba(199, 200, 201, 1);--bs-btn-disabled-bg: rgb(2, 22, 44);--bs-btn-disabled-border-color: rgb(2, 22, 44);}.text-bg-primary {color: rgb(255, 255, 255) !important;}.text-primary-subtle {color: rgb(230, 237, 244);}.text-bg-secondary {color: rgb(255, 255, 255) !important;}.text-secondary-subtle {color: rgb(230, 237, 244);}.bg-tertiary {background-color: rgb(43, 48, 53) !important;}.text-bg-tertiary {background-color: rgb(43, 48, 53) !important;color: rgb(222, 226, 230) !important;}.text-tertiary {color: rgb(43, 48, 53) !important;}.text-tertiary-subtle {color: rgba(222, 226, 230, 0.5);}.dropdown-menu {--bs-dropdown-bg: rgb(255, 255, 255);--bs-dropdown-link-active-color: rgb(5, 74, 145);--bs-dropdown-link-hover-color: rgba(43, 101, 162, 1);--bs-dropdown-link-hover-bg: rgb(230, 237, 244);--bs-dropdown-link-color: rgb(0, 0, 0);}.pagination {--bs-pagination-active-bg: rgb(5, 74, 145);--bs-pagination-disabled-bg: inherit;--bs-pagination-disabled-color: inherit;--bs-pagination-active-border-color: rgb(5, 74, 145);--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(43, 101, 162, 1); --bs-nav-link-font-weight: 500;}.nav-pills {--bs-nav-pills-link-active-color: rgb(0, 0, 0);--bs-nav-pills-link-active-bg: rgb(230, 237, 244);}.progress {--bs-progress-bar-bg: rgb(5, 74, 145);}.accordion {--bs-accordion-active-color: rgb(5, 74, 145);}.btn-outline-primary {--bs-btn-color: rgb(5, 74, 145);--bs-btn-border-color: rgb(5, 74, 145);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(5, 74, 145);--bs-btn-hover-border-color: rgb(5, 74, 145);--bs-btn-focus-shadow-rgb: 5, 74, 145;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(5, 74, 145);--bs-btn-active-border-color: rgb(5, 74, 145);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(5, 74, 145);--bs-btn-disabled-border-color: rgb(5, 74, 145);}.btn-outline-secondary {--bs-btn-color: rgb(42, 101, 161);--bs-btn-border-color: rgb(42, 101, 161);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(42, 101, 161);--bs-btn-hover-border-color: rgb(42, 101, 161);--bs-btn-focus-shadow-rgb: 42, 101, 161;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(42, 101, 161);--bs-btn-active-border-color: rgb(42, 101, 161);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(42, 101, 161);--bs-btn-disabled-border-color: rgb(42, 101, 161);}.btn-outline-tertiary {--bs-btn-color: rgb(43, 48, 53);--bs-btn-border-color: rgb(43, 48, 53);--bs-btn-hover-color: rgb(255, 255, 255);--bs-btn-hover-bg: rgb(43, 48, 53);--bs-btn-hover-border-color: rgb(43, 48, 53);--bs-btn-focus-shadow-rgb: 43, 48, 53;--bs-btn-active-color: rgb(255, 255, 255);--bs-btn-active-bg: rgb(43, 48, 53);--bs-btn-active-border-color: rgb(43, 48, 53);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15);--bs-btn-disabled-color: rgb(43, 48, 53);--bs-btn-disabled-border-color: rgb(43, 48, 53);}.table-primary {--bs-table-bg:rgb(5, 74, 145);--bs-table-color:rgb(255, 255, 255);}.table-secondary {--bs-table-bg:rgb(42, 101, 161);--bs-table-color:rgb(255, 255, 255);}.table-tertiary {--bs-table-bg:rgb(43, 48, 53);--bs-table-color:rgb(222, 226, 230);}.form-check-input:checked {background-color: rgb(5, 74, 145) ;border-color: rgb(5, 74, 145) ;}.form-control:focus, .form-select:focus {border-color: rgba(130, 165, 200, 1);}.list-group {--bs-list-group-active-bg: rgb(5, 74, 145);--bs-list-group-active-border-color: rgb(5, 74, 145);--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(0, 0, 0) !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(0, 0, 0) !important; background-color: rgb(249, 250, 251) !important;}.text-bg-dark { color: rgb(255, 255, 255) !important; background-color: rgb(2, 22, 44) !important;}.text-bg-primary-subtle { background-color: rgb(230, 237, 244) !important; color: rgb(0, 0, 0) !important;}.text-bg-secondary-subtle { background-color: rgb(230, 237, 244) !important; color: rgb(0, 0, 0) }.text-bg-tertiary-subtle { background-color: rgba(222, 226, 230, 0.5) !important; color: rgb(0, 0, 0) }.text-bg-body { background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !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(0, 0, 0);--bs-card-color: rgb(0, 0, 0);--bs-card-border-color: rgba(217, 217, 217, 1);} .card {--bs-card-border-radius: 0.5rem !important;--bs-card-inner-border-radius: 0.5rem !important;}:root { --bs-border-radius: 0.5rem !important; --bs-border-radius-sm: 0.5rem !important; --bs-border-radius-lg: 0.5rem !important; --bs-border-radius-xl: 0.5rem !important; --bs-border-radius-xxl: 0.5rem !important; --bs-border-radius-2xl: 0.5rem !important; --bs-border-radius-pill: 0.5rem !important;} .btn, .btn-sm, .btn-lg { --bs-btn-border-radius: 0.5rem !important; } .dropdown-menu { --bs-dropdown-border-radius: 0.5rem !important; --bs-dropdown-inner-border-radius: 0.5rem !important; } .dropdown { --bs-dropdown-item-border-radius: 0.5rem !important; } .badge { --bs-badge-border-radius: 0.5rem !important; } .img-rounded, .form-check-input[type=checkbox] { border-radius: 0.5rem !important; } .card_kite { --kite-clip-radius: 0.5rem !important; --bs-card-border-radius: 0.5rem !important; } .form-control { border-radius: 0.5rem; } .border-body { border-color: var(--bs-body-bg) !important; }/* hangsúlyos szövegszín reset */strong { color: unset !important;}/* árvasorok megszüntetése */p, label, .accordion-header { text-wrap: pretty !important;}/* szekció címek hasonló sorhosszra való tördelése és méretezése */h2, h3, .header_banner div { text-wrap: balance !important;}.header_banner div.fw-bold { font-weight: 300 !important;}/* banner háttér */.section-builder-component:has(.header_banner) { background-color: var(--bs-primary);}/* mobil menü és focus állapotok színezése */.navbar-toggler, .btn-close { color: var(--bs-primary);}.form-check-input:focus, .navbar-toggler:focus, .btn-close:focus, .page-link:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) !important;}/* form aktív beviteli mező körvonala */.form-control:focus, .form-select:focus { outline-color: var(--bs-primary) !important;}/* form placeholder */input::placeholder { color: rgba(var(--bs-tertiary-rgb), .5) !important;}/* adatvédelmi nyilatkozat */form div:last-child label:first-child { display: none;}form a { transition: color .15s ease-in-out; color: var(--bs-dark) !important;}form a:hover { color: var(--bs-primary) !important;}/* swiper mobil padding */.category-swiper, .product-swiper, .box-swiper { padding-left: 1rem !important; padding-right: 1rem !important;}/* gombok */.btn { border-radius: 100vh;}.btn:not(:has(i)) { padding-inline: 1.5rem;}main .btn-primary:hover, footer .btn-primary:hover { background-color: white; color: var(--bs-primary);}.btn-body, .btn-light { color: var(--bs-primary);}.btn-body:not(:has(i)):hover, .btn-light:hover { background-color: var(--bs-primary); color: white; border: 1px solid white;}.btn-outline-body:hover { background-color: white; color: var(--bs-primary);}.btn-light i { transition: color .15s ease-in-out;}.btn-light:hover i { color: white !important;}.header_banner_buttons { gap: 1rem !important;}/* footer menü */footer a:not(.btn):hover { color: var(--bs-secondary) !important;}/* kereső sáv formázás + animáció *//*.navbar a i { color: var(--bs-primary) !important;}*/#search_form .input-group { border: 1px solid var(--bs-primary-bg) !important; border-radius: 100vh !important;}#search_form .input-group input { padding-inline: .75rem;}#search_form .input-group button { padding-inline: 1rem;}@media (min-width: 992px) { /* egysávos fejléc: a menü konténerei display:contents-re kerülnek, így a menü ugyanannak a flex sornak a tagja lesz, mint a logó + kereső sáv -> a helyét magától kapja meg, nincs kézzel méretezett helyfenntartás. A wrapper display módja (flex) és a sáv .container-xxl geometriája/magassága változatlan. */ .offcanvas_wrapper { flex-wrap: nowrap !important; } #header_navigation, #header_navigation > #navigation { display: contents !important; } .offcanvas_wrapper > .container-xxl { min-width: 0; gap: 2rem !important; padding-inline: 1rem; } #menu_container_top_menu_level_1 { flex: 0 0 auto; } #menu_container_top_menu_level_1 .nav-link { padding-inline: 1rem; } /* a fejléc alatti régi menüsor-hely (mb-lg-4-75) megszüntetése */ #header.header-webshop { margin-bottom: 0 !important; } /* webshop gomb + kereső balra a logó mellé, a menü előtti helyet kitöltve. align-items: stretch -> a gomb és a kereső magassága megegyezik (a sor magassága a magasabb elemhez áll be, nincs fix méret) */ .offcanvas-body { flex-grow: 1 !important; justify-content: flex-start !important; align-items: stretch !important; align-self: center !important; height: fit-content; gap: 0 !important; min-width: 0; } #search_form .input-group { height: 100%; } #search_form { margin-inline-end: 0; min-width: 0; } #search_form .input-group:has(input:focus) { box-shadow: none !important; } /* a webshop gomb és a kereső egyetlen input group-ként */ #categoryListButton { border-start-end-radius: 0; border-end-end-radius: 0; } #search_form .input-group { border-inline-start: 0 !important; border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; }}@media (min-width: 1400px) { /* a téma tartalmi konténerének szélessége - a fejléc sor is ehhez igazodik */ .offcanvas_wrapper { max-width: 1300px; margin-inline: auto; }}/* kiegészítő (felső) sáv: kisebb szöveg + ikon, arányt tartva */.additional-menu .btn { font-size: .875em; padding: .5em .75em;}.additional-menu .btn i { font-size: .9375em;}/* lenyíló kategória menü */#categoryList { background-color: var(--bs-body-bg); clip-path: inset(0 -100vw -100vw -100vw);}#categoryList .badge { border-radius: 100vh !important;}@media (min-width: 992px) { /* a kategória oszlopok a content wrapper harmadát kapják, szélességtől függetlenül (cqw = a .container-xxl tartalmi szélességének 1%-a) */ #categoryList > .container-xxl { container-type: inline-size; } #categoryList .nav-pills:has(> li) { flex: 0 0 auto !important; width: calc(100cqw / 3) !important; min-width: 0 !important; max-width: none !important; }}/* okos kereső formázása */.popover-body { padding-block-end: 0;}.popover-body div.text-error { margin-block-end: 1rem;}/*.popover-body div:not(.row):has(ul.nav-pills) { display: none;}*/.popover-body .autocomplete_products section:first-of-type { width: 42,5% !important;}.popover-body .autocomplete_products section:last-of-type { width: 57,5% !important;}.popover-body .autocomplete_products ul li { font-size: .875rem !important; font-weight: 600;}.popover-body .autocomplete_products ul li i { margin-inline-end: .25rem;}.popover-body .autocomplete_products article { gap: 1rem !important;}.popover-body .autocomplete_products article > a:first-of-type { width: 20% !important;}.popover-body .autocomplete_products article > a:first-of-type div.ratio { --bs-aspect-ratio: 100% !important;}.popover-body .autocomplete_products article > a:first-of-type div.ratio img { object-view-box: inset(0%); transition: object-view-box .15s ease-in-out;}.popover-body .autocomplete_products article:hover > a:first-of-type div.ratio img { object-view-box: inset(10%);} .popover-body .autocomplete_products article a, .popover-body .autocomplete_products article h3 { font-size: 1rem !important; font-weight: 600 !important;}.popover-body .autocomplete_products article h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}.popover-body .autocomplete_products article strong[title="Egységár"] { font-size: .75rem; font-weight: 300 !important; color: rgba(var(--bs-tertiary-rgb), .75) !important;}.popover-body .autocomplete_products article strong[title="Egységár"]::before { content: "Egységár:";}.popover-body .autocomplete_products article strong[title="product.sale_price"] { font-size: 1.25rem;}.popover-body .autocomplete_products article > div > a:not(.card-title) { margin-bottom: .25rem !important;}.popover-body .autocomplete_products article h3.card-title { font-size: 1.125rem !important;}/* ajánlott termékek: cikkszám, "Kategória:" felirat és a kör alakú tovább gomb elrejtve */.popover-body .autocomplete_products article small[title="Cikkszám"],.popover-body .autocomplete_products article div.small > span > span.text-body-tertiary,.popover-body .autocomplete_products article a.btn.aspect-1-1 { display: none !important;}/* a kategória link csupa nagybetűvel */.popover-body .autocomplete_products article div.small.text-body-secondary { margin-top: 0 !important;}.popover-body .autocomplete_products article div.small > span > a { font-size: .75rem !important; text-transform: uppercase;}/* beviteli mezők: pill forma és egységes keret, bárhol állnak (az input group-ban ülő kereső kivétel: ott a group viszi a keretet) */.form-control:not(textarea):not(.input-group .form-control),.form-select { border: 1px solid var(--bs-primary-bg) !important; border-radius: 100vh; padding-inline: 1rem;}.form-select { padding-inline-end: 2.25rem;}/* textarea: a pill ívéhez illeszkedő sarok, de nem pill */textarea.form-control { border: 1px solid var(--bs-primary-bg) !important; border-radius: 1.25rem; padding-inline: 1rem;}/* fájlfeltöltő: a beépített gomb a téma gombjaihoz igazítva, a pill ívet követve */input[type="file"].form-control { overflow: hidden;}input[type="file"].form-control::file-selector-button { margin-inline: -1rem 1rem; padding-inline: 1.25rem; border: 0; border-start-start-radius: 100vh; border-end-start-radius: 100vh; background-color: var(--bs-primary); color: white; transition: background-color .15s ease-in-out, color .15s ease-in-out;}input[type="file"].form-control:hover:not(:disabled):not([readonly])::file-selector-button { color: var(--bs-primary) !important;}/* szolgáltatás kártyák: footer gomb elrejtve (a cím linkje viszi a hivatkozást) */.service_box .card_item .card-footer { display: none !important;}/* primary hátterű szekciók: swiper pöttyök világos változatban */.text-bg-primary .swiper-pagination-bullet,.bg-primary .swiper-pagination-bullet { background-color: white !important; opacity: .4;}.text-bg-primary .swiper-pagination-bullet-active,.bg-primary .swiper-pagination-bullet-active { opacity: 1;}/* webshop *//* kategória- és termékkártya tovább gombja: körös nyíl helyett egyszerű nyíl */.card .btn.aspect-1-1 .fa-arrow-circle-right::before { content: "\f061";}.badge { border-radius: 100vh !important; font-weight: 300; font-size: .75rem; padding: .375rem .5rem !important; margin-inline-end: .375rem;}/* rólunk mondták formázása */.testimonial_box svg { fill: var(--bs-primary) !important;}.testimonial_box .rounded-circle { background-color: white !important;}.testimonial_box .rounded-circle i { color: var(--bs-secondary);}@media (max-width: 576px) { .testimonial_box .px-5 { padding-right: 1rem !important; padding-left: 1rem !important; }}@media (min-width: 1400px) { .testimonial_box p { width: 75%; margin-inline: auto; }}/* kapcsolat google maps */#terkep .px-5 { padding: 0 !important;}#terkep p { line-height: 0 !important; margin: 0 !important;}/* lebegő gombok */.floating-buttons .btn-floating:not(.floating-buttons__cookie--hidden) { margin-top: .5rem !important;}.floating-buttons .btn-floating { border: none !important; border-radius: 50% !important;}.floating-buttons .btn-floating i { line-height: .75rem !important;}/* süti */#cookies-policy .cookies__title { margin-block-end: 1rem !important;}#cookies-policy .cookies__sections { overflow-y: auto !important;}#cookies-policy .cookies__name { margin-inline-end: .5rem;}/* CTA banner */.cta-banner .header_banner_background { opacity: .2;}@media (min-width: 992px) { /* a cím teljes szélességben, a leírás a korábbi 50%-on, középre zárva */ .cta-banner .header_banner_content > div:first-child { width: 100% !important; max-width: none !important; align-self: stretch; } .cta-banner .header_banner_text { width: 50%; margin-inline: auto; }}/* placeholder */.placeholder { border-radius: .25rem;}