:root, html, body {color-scheme: light !important;}:root {--bs-primary: #BB7F6E;--bs-secondary: #BB9255;--bs-tertiary: #5B6745;--bs-success: #198754;--bs-info: #17A2B8;--bs-warning: #FFC107;--bs-danger: #DC3545;--bs-light: #F7F1E8;--bs-dark: #2B2521;--bs-white: #ffffff;--bs-black: #000000;--bs-emphasis-color: #2B2521;--bs-emphasis-color-rgb: 43, 37, 33;--bs-border-color: rgba(217, 217, 217, 1);--bs-primary-rgb: 187, 127, 110;--bs-secondary-rgb: 187, 146, 85;--bs-tertiary-rgb: 91, 103, 69;--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: 247, 241, 232;--bs-dark-rgb: 43, 37, 33;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-primary-bg: #F1E7D8;--bs-secondary-bg: #F7F1E8;--bs-tertiary-bg: #E9E0D2;--bs-primary-bg-rgb: 241, 231, 216;--bs-secondary-bg-rgb: 247, 241, 232;--bs-tertiary-bg-rgb: 233, 224, 210;--bs-primary-color: rgba(187, 127, 110, .75);--bs-secondary-color: rgba(187, 146, 85, .75);--bs-tertiary-color: rgba(91, 103, 69, .75);--bs-link-color: #BB7F6E;--bs-link-color-rgb: 187, 127, 110;--bs-link-hover-color-rgb: 159, 108, 93;--bs-link-hover-color: rgba(159, 108, 93, 1);--bs-body-color: #4A423B;--bs-body-color-rgb: 74, 66, 59;--bs-body-bg: #ffffff;--bs-body-bg-rgb: 255, 255, 255;--bs-primary-text-emphasis: rgba(112, 76, 66, 1);--bs-secondary-text-emphasis: rgba(112, 88, 51, 1);--bs-tertiary-text-emphasis: rgba(55, 62, 41, 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: #F1E7D8;--bs-secondary-bg-subtle: #F7F1E8;--bs-tertiary-bg-subtle: #E9E0D2;--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(193, 185, 173, 1);--bs-secondary-border-subtle: rgba(198, 193, 186, 1);--bs-tertiary-border-subtle: rgba(186, 179, 168, 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(43, 37, 33, 0.15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(43, 37, 33, 0.15);--bs-box-shadow-lg: 0 1rem 3rem rgba(43, 37, 33, 0.15);--bs-box-shadow-inset: inset 0 1px 2px rgba(43, 37, 33, 0.15);--bs-body-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-heading-font-family: "Playfair Display 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-header-menu-breakpoint: 1200px;--bs-header-logo-height: 56%;--bs-on-primary-text: #ffffff;--bs-on-secondary-text: #ffffff;--bs-on-tertiary-text: #ffffff;--bs-header-additional-menu-bg: var(--bs-primary);--bs-header-main-menu-bg: var(--bs-white);--bs-footer-bg: var(--bs-dark);--bs-footer-cta-bg: var(--bs-primary);--bs-container-max: 1320px;--bs-container-narrow-max: 960px;--bs-shadow-color: rgba(43, 37, 33, 0.15);--bs-shadow-rgb: 43, 37, 33;}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: #BB7F6E;}.swiper-pagination, .swiper-pagination-bullet {--swiper-pagination-color: #BB7F6E;}.btn-close {--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(43, 37, 33, 0.15);}.btn-primary {--bs-btn-color: #ffffff;--bs-btn-bg: #BB7F6E;--bs-btn-border-color: #BB7F6E;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(197, 146, 132, 1);--bs-btn-hover-border-color: #BB7F6E;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 153, 139, 1);--bs-btn-active-border-color: rgba(201, 153, 139, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 165, 154, 1);--bs-btn-disabled-border-color: rgba(207, 165, 154, 1);}.btn-primary-subtle {--bs-btn-color: #ffffff;--bs-btn-bg: #F1E7D8;--bs-btn-border-color: #BB7F6E;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(197, 146, 132, 1);--bs-btn-hover-border-color: #BB7F6E;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 153, 139, 1);--bs-btn-active-border-color: rgba(201, 153, 139, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 165, 154, 1);--bs-btn-disabled-border-color: rgba(207, 165, 154, 1);}.btn-outline-primary-subtle {--bs-btn-color: #F1E7D8;--bs-btn-border-color: #F1E7D8;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(243, 235, 222, 1);--bs-btn-hover-border-color: #F1E7D8;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 153, 139, 1);--bs-btn-active-border-color: rgba(201, 153, 139, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 165, 154, 1);--bs-btn-disabled-border-color: rgba(207, 165, 154, 1);}.btn-secondary {--bs-btn-color: #ffffff;--bs-btn-bg: #BB9255;--bs-btn-border-color: #BB9255;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(197, 162, 111, 1);--bs-btn-hover-border-color: #BB9255;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 168, 119, 1);--bs-btn-active-border-color: rgba(201, 168, 119, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 179, 136, 1);--bs-btn-disabled-border-color: rgba(207, 179, 136, 1);}.btn-tertiary {--bs-btn-color: #ffffff;--bs-btn-bg: #5B6745;--bs-btn-border-color: #5B6745;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(116, 126, 97, 1);--bs-btn-hover-border-color: #5B6745;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(124, 133, 106, 1);--bs-btn-active-border-color: rgba(124, 133, 106, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(140, 149, 125, 1);--bs-btn-disabled-border-color: rgba(140, 149, 125, 1);}.btn-secondary-subtle {--bs-btn-color: #ffffff;--bs-btn-bg: #F7F1E8;--bs-btn-border-color: #BB9255;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(197, 162, 111, 1);--bs-btn-hover-border-color: #BB9255;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 168, 119, 1);--bs-btn-active-border-color: rgba(201, 168, 119, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 179, 136, 1);--bs-btn-disabled-border-color: rgba(207, 179, 136, 1);}.btn-tertiary-subtle {--bs-btn-color: #ffffff;--bs-btn-bg: #E9E0D2;--bs-btn-border-color: #5B6745;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(116, 126, 97, 1);--bs-btn-hover-border-color: #5B6745;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(124, 133, 106, 1);--bs-btn-active-border-color: rgba(124, 133, 106, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(140, 149, 125, 1);--bs-btn-disabled-border-color: rgba(140, 149, 125, 1);}.btn-outline-secondary-subtle {--bs-btn-color: #F7F1E8;--bs-btn-border-color: #F7F1E8;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(248, 243, 235, 1);--bs-btn-hover-border-color: #F7F1E8;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(201, 168, 119, 1);--bs-btn-active-border-color: rgba(201, 168, 119, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(207, 179, 136, 1);--bs-btn-disabled-border-color: rgba(207, 179, 136, 1);}.btn-outline-tertiary-subtle {--bs-btn-color: #E9E0D2;--bs-btn-border-color: #E9E0D2;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: rgba(236, 229, 217, 1);--bs-btn-hover-border-color: #E9E0D2;--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: rgba(124, 133, 106, 1);--bs-btn-active-border-color: rgba(124, 133, 106, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #ffffff;--bs-btn-disabled-bg: rgba(140, 149, 125, 1);--bs-btn-disabled-border-color: rgba(140, 149, 125, 1);}.btn-light {--bs-btn-color: #2B2521;--bs-btn-bg: #F7F1E8;--bs-btn-border-color: #F7F1E8;--bs-btn-hover-color: rgba(75, 70, 66, 1);--bs-btn-hover-bg: rgba(235, 229, 220, 1);--bs-btn-hover-border-color: rgba(235, 229, 220, 1);--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: rgba(75, 70, 66, 1);--bs-btn-active-bg: rgba(222, 217, 209, 1);--bs-btn-active-border-color: rgba(222, 217, 209, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: rgba(75, 70, 66, 1);--bs-btn-disabled-bg: rgba(198, 193, 186, 1);--bs-btn-disabled-border-color: rgba(198, 193, 186, 1);}.btn-dark {--bs-btn-color: #F7F1E8;--bs-btn-bg: #2B2521;--bs-btn-border-color: #2B2521;--bs-btn-hover-color: rgba(248, 243, 235, 1);--bs-btn-hover-bg: rgba(75, 70, 66, 1);--bs-btn-hover-border-color: rgba(75, 70, 66, 1);--bs-btn-focus-shadow-rgb: 43, 37, 33;--bs-btn-active-color: rgba(249, 245, 238, 1);--bs-btn-active-bg: rgba(96, 92, 89, 1);--bs-btn-active-border-color: rgba(96, 92, 89, 1);--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: rgba(198, 193, 186, 1);--bs-btn-disabled-bg: #2B2521;--bs-btn-disabled-border-color: #2B2521;}.text-bg-primary {color: #ffffff !important;}.text-primary-subtle {color: #F1E7D8;}.text-bg-secondary {color: #ffffff !important;}.text-secondary-subtle {color: #F7F1E8;}.bg-tertiary {background-color: #5B6745 !important;}.text-bg-tertiary {background-color: #5B6745 !important;color: #ffffff !important;}.text-tertiary {color: #5B6745 !important;}.text-tertiary-subtle {color: #E9E0D2;}.dropdown-menu {--bs-dropdown-bg: #ffffff;--bs-dropdown-link-active-color: #BB7F6E;--bs-dropdown-link-hover-color: rgba(197, 146, 132, 1);--bs-dropdown-link-hover-bg: #F1E7D8;--bs-dropdown-link-color: #2B2521;}.pagination {--bs-pagination-active-bg: #BB7F6E;--bs-pagination-disabled-bg: inherit;--bs-pagination-disabled-color: inherit;--bs-pagination-active-border-color: #BB7F6E;--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(43, 37, 33, 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(197, 146, 132, 1); --bs-nav-link-font-weight: 600;}.nav-pills {--bs-nav-pills-link-active-color: #2B2521;--bs-nav-pills-link-active-bg: #F7F1E8;}.progress {--bs-progress-bar-bg: #BB7F6E;}.accordion {--bs-accordion-active-color: #BB7F6E;}.btn-outline-primary {--bs-btn-color: #BB7F6E;--bs-btn-border-color: #BB7F6E;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: #BB7F6E;--bs-btn-hover-border-color: #BB7F6E;--bs-btn-focus-shadow-rgb: 187, 127, 110;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: #BB7F6E;--bs-btn-active-border-color: #BB7F6E;--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #BB7F6E;--bs-btn-disabled-border-color: #BB7F6E;}.btn-outline-secondary {--bs-btn-color: #BB9255;--bs-btn-border-color: #BB9255;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: #BB9255;--bs-btn-hover-border-color: #BB9255;--bs-btn-focus-shadow-rgb: 187, 146, 85;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: #BB9255;--bs-btn-active-border-color: #BB9255;--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #BB9255;--bs-btn-disabled-border-color: #BB9255;}.btn-outline-tertiary {--bs-btn-color: #5B6745;--bs-btn-border-color: #5B6745;--bs-btn-hover-color: #ffffff;--bs-btn-hover-bg: #5B6745;--bs-btn-hover-border-color: #5B6745;--bs-btn-focus-shadow-rgb: 91, 103, 69;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: #5B6745;--bs-btn-active-border-color: #5B6745;--bs-btn-active-shadow: inset 0 3px 5px rgba(43, 37, 33, 0.15);--bs-btn-disabled-color: #5B6745;--bs-btn-disabled-border-color: #5B6745;}.table-primary {--bs-table-bg:#BB7F6E;--bs-table-color:#ffffff;}.table-secondary {--bs-table-bg:#BB9255;--bs-table-color:#ffffff;}.table-tertiary {--bs-table-bg:#5B6745;--bs-table-color:#ffffff;}.form-check-input:checked {background-color: #BB9255 ;border-color: #BB9255 ;}.form-control:focus, .form-select:focus {border-color: rgba(221, 191, 183, 1);}.list-group {--bs-list-group-active-bg: #BB7F6E;--bs-list-group-active-border-color: #BB7F6E;--bs-list-group-active-color: #ffffff;}.text-bg-success { color: #ffffff !important; background-color: #198754 !important;}.text-bg-warning { color: #ffffff !important; background-color: #FFC107 !important;}.text-bg-danger { color: #4A423B !important; background-color: #DC3545 !important;}.text-bg-info { color: #ffffff !important; background-color: #17A2B8 !important;}.text-bg-light { color: #4A423B !important; background-color: #F7F1E8 !important;}.text-bg-dark { color: #ffffff !important; background-color: #2B2521 !important;}.text-bg-primary-subtle { background-color: #F1E7D8 !important; color: #4A423B !important;}.text-bg-secondary-subtle { background-color: #F7F1E8 !important; color: #4A423B }.text-bg-tertiary-subtle { background-color: #E9E0D2 !important; color: #4A423B }.text-bg-body { background-color: #ffffff !important; color: #4A423B !important;}.text-bg-white { background-color: #ffffff !important; color: #000000 !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(43, 37, 33, 0.15);--bs-card-title-color: #2B2521;--bs-card-color: #4A423B;--bs-card-border-color: rgba(217, 217, 217, 1);}/* ============================================================ Bioholistic Cosmetic – egyedi CSS (Spark) Csak --bs-* tokenek; szelektorok a szekciók sectionHtmlClasses-e alatt. ============================================================ *//* ---------- Fejléc ---------- *//* Csak a nyitólapon (ahol a .u-hero banner van) nem ragad a fejléc; az aloldalakon marad sticky */body:has(.u-hero) #section-builder-component-header { position: static !important; }#header_navbar .nav-link { font-size: .875rem; }/* Kosár gomb: háttér nélkül; nyelvválasztó: fehér, körvonallal */#header_navbar .btn:has(.cartCount) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }#header_navbar #languageDropdown .dropdown-toggle { border: 1px solid var(--bs-border-color) !important; background: var(--bs-white) !important; }/* Felső sáv: a „Kövess minket…” felirat a tervben nincs */.additional-menu .social_wrapper + span,.additional-menu span:has(+ .social_wrapper) { display: none; }/* A térkép-link felirata a terv szerint a város neve */.additional-menu .contacts_wrapper a[href*="maps"] > span { font-size: 0; }.additional-menu .contacts_wrapper a[href*="maps"] > span::after { content: "Székesfehérvár"; font-size: .875rem; }/* ---------- Hero (Banner, .u-hero) ---------- */.section-builder-component.banner:has(.u-hero) { overflow: visible !important; position: relative; z-index: auto; /* nincs saját stacking context: a nő a fejléc (z 11) fölé emelhető */}/* Nő – a hero jobb szélén, alja a hero alján, feje 120px-rel a fejlécre lóg */.section-builder-component.banner:has(.u-hero)::before { content: ""; position: absolute; right: max(2vw, calc((100% - var(--bs-container-max)) / 2 + 20px)); bottom: 0; height: calc(100% + 120px); width: min(50vw, calc(100vw - 560px)); background: url("/storage/bioholisticcosmetic-hu/editor/kepek/hero-woman.png") no-repeat right bottom / contain; pointer-events: none; z-index: 12; /* a (nem ragadó) fejléc z-index 11-e fölé */}/* „Természetesen szebb” kézírás – az alsó élre ültetve */.section-builder-component.banner:has(.u-hero)::after { content: ""; position: absolute; left: calc(50% - 60px); bottom: 0; transform: translate(-50%, 50%); width: clamp(220px, 24vw, 380px); aspect-ratio: 2172 / 724; background: url("/storage/bioholisticcosmetic-hu/editor/kepek/termeszetesen-szebb.png") no-repeat center / contain; pointer-events: none; z-index: 13; /* a nő képe (12) fölé */}.u-hero,.u-hero .hero_slide { background-color: var(--bs-light) !important; }.u-hero .header_banner_content > div:first-child { width: 760px !important; max-width: 100%; }.u-hero .header_banner_title { font-size: clamp(2.75rem, 5.2vw, 5rem); line-height: 1.02; font-weight: 600; letter-spacing: -.01em; max-width: 16ch; text-wrap: balance;}.u-hero .header_banner_subtitle { font-family: var(--bs-heading-font-family); font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 400;}.u-hero .header_banner_buttons .btn { font-size: 1.05rem; padding: .9rem 1.5rem; min-height: 54px;}.u-hero .header_banner_buttons .btn::after { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; font-weight: 900; margin-left: .5rem;}.u-hero .header_banner_buttons .btn:first-child::after { content: "\f274"; }.u-hero .header_banner_buttons .btn:last-child::after { content: "\f061"; }/* ---------- Értékek sáv (services-list, .u-hero-ertekek) ---------- */.u-hero-ertekek .container-xxl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; padding-top: 80px; padding-bottom: 40px; border-bottom: 1px solid var(--bs-border-color);}.u-hero-ertekek .d-grid { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 24px !important;}.u-hero-ertekek .section_navigation_button { margin-top: 0 !important; margin-left: auto; }.u-hero-ertekek .service_box > div { padding: 4px 24px 4px 0 !important; border-bottom: 0 !important; border-right: 1px solid var(--bs-border-color);}.u-hero-ertekek .h-auto:last-child .service_box > div { border-right: 0; padding-right: 0 !important; }.u-hero-ertekek .service_box .d-flex { gap: 12px !important; }.u-hero-ertekek .service_box .aspect-1-1 { width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; color: var(--bs-secondary) !important; font-size: 30px; line-height: 1;}.u-hero-ertekek .service_box .aspect-1-1 i { font-size: 30px; }.u-hero-ertekek .service_box h3 { display: none; }.u-hero-ertekek .service_box p { margin: 0; font-family: var(--bs-heading-font-family); font-size: 1.25rem; line-height: 1.2; color: var(--bs-tertiary);}/* Lábléc feletti változat */.u-lablec-ertekek .container-xxl { justify-content: center; padding-top: 45px; padding-bottom: 45px; border-top: 1px solid var(--bs-border-color);}.u-lablec-ertekek .d-grid { gap: 12px 36px !important; justify-content: center; }.u-lablec-ertekek .service_box > div { padding: 4px 36px 4px 0 !important; white-space: nowrap; }.u-lablec-ertekek .service_box .aspect-1-1,.u-lablec-ertekek .service_box .aspect-1-1 i { font-size: 33px; }.u-lablec-ertekek .service_box p { font-size: 1.3125rem; }/* ---------- Mivel foglalkozom (services-box, .u-mivel) ---------- */.u-mivel .unique_bg_image { opacity: .8; }.u-mivel .unique_bg_image::after { content: ""; position: absolute; inset: 0; background: rgba(var(--bs-tertiary-rgb), .9);}.u-mivel .editorial_title { font-size: 3.25rem; font-weight: 600; color: var(--bs-on-tertiary-text); }.u-mivel .editorial_lead { opacity: .8; }.u-mivel .card_item { height: calc(100% - 48px) !important; margin-top: 48px; overflow: visible !important; text-align: center; color: var(--bs-on-tertiary-text); background: rgba(var(--bs-white-rgb), .04) !important; border: 1px solid rgba(var(--bs-white-rgb), .18) !important;}.u-mivel .card_item .card-body { padding-top: 0; }.u-mivel .card_item .card-body > .mb-3 { display: flex; justify-content: center; margin-top: -48px; }.u-mivel .card-icon { width: 96px; height: 96px; border-radius: 50% !important; padding: 0 !important; background: var(--bs-light) !important; color: var(--bs-primary) !important;}.u-mivel .card-icon i { font-size: 38px; }.u-mivel .card-title { font-size: 1.375rem; font-weight: 700; line-height: 1.4; color: var(--bs-on-tertiary-text); margin-bottom: 1rem !important; }.u-mivel .card-text,.u-mivel .card-text p { color: var(--bs-white) !important; opacity: 1; line-height: 1.75; }/* ---------- Bemutatkozás (introduction-2, .u-bemutatkozas) ---------- */.u-bemutatkozas .introduction-box .row > .col-lg-6 { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1rem;}.u-bemutatkozas .introduction-box_eyebrow,.u-bemutatkozas .introduction-box_title { flex: 0 0 100%; }.u-bemutatkozas .introduction-box_title { font-family: var(--bs-heading-font-family); font-size: 2.5rem; font-weight: 600; color: var(--bs-emphasis-color); }.u-bemutatkozas .introduction-box_content { display: contents; }.u-bemutatkozas .introduction-box_content > p { flex: 0 0 100%; line-height: 1.7; }.u-bemutatkozas .introduction-box_content > p:has(.btn) { flex: 0 0 auto; order: 3; margin: 1.5rem 0 0; }.u-bemutatkozas .introduction-box .row > .col-lg-6 > .btn { order: 2; }.u-bemutatkozas .introduction-box_image img { max-width: 460px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; box-shadow: none !important; border-radius: var(--bs-border-radius-xl);}/* ---------- Miért különleges (Columns, .u-miert) ---------- */.u-miert > .px-5 { padding-left: 0 !important; padding-right: 0 !important; }.u-miert .block_box-category > .z-1 { padding: 5rem 48px 5rem max(1rem, calc((100vw - var(--bs-container-max)) / 2 + .75rem));}.u-miert .block_box-category .editorial_title { font-size: 2.5rem; font-weight: 600; }.u-miert .block_box-category .d-grid { gap: 2.5rem !important; }.u-miert .service_box > div { padding: 0 !important; border: 0 !important; }.u-miert .service_box .d-flex { gap: 20px !important; }.u-miert .service_box .aspect-1-1 { width: 60px !important; height: 60px; border-radius: 50% !important; padding: 0 !important; margin: 0 !important; background: var(--bs-primary) !important; color: var(--bs-on-primary-text) !important;}.u-miert .service_box .aspect-1-1 i { font-size: 24px; }.u-miert .service_box h3 { font-size: 1.35rem; line-height: 1.2; margin-bottom: 4px !important; }.u-miert .service_box p { margin: 0; font-size: 1rem; }.u-miert .block_column { min-height: 420px; }.u-miert .block_column > .z-1 { position: absolute !important; inset: 0; }.u-miert .block_column .content,.u-miert .block_column .content p { height: 100%; margin: 0; }.u-miert .block_column .content img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important;}/* ---------- Képeslapok (kite-box, .u-szlogenek) – rálóg a sötét sávra ---------- */.section-builder-component.box:has(.u-szlogenek) { margin-bottom: -230px; position: relative; z-index: 2;}/* A szekció saját fehér háttere kitakarná a sötét sáv tetejét; nincs átlátszó sectionColor token */.u-szlogenek { background-color: transparent !important; }.u-szlogenek .card_kite h3 { font-size: 1.5rem; }.u-szlogenek .card_kite_text { font-size: 1rem; }.u-szlogenek .card_kite_overlay > div { padding: 2rem !important; }.u-szlogenek .h-auto:nth-child(2) .card_kite { --kite-foil-rgb: var(--bs-tertiary-rgb) !important; }/* ---------- Szlogenek (RichText, .u-szlogen) ---------- */.u-szlogen { padding-top: calc(10rem + 230px) !important; }.u-szlogen .unique_bg_image::after { content: ""; position: absolute; inset: 0; background: rgba(var(--bs-dark-rgb), .62);}.u-szlogen .block_text .content { text-align: center; }.u-szlogen .block_text .content > p:first-child { margin: 0 0 36px; font-size: .8125rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--bs-primary-bg-subtle);}.u-szlogen .block_text .content h2 { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 8px 28px; max-width: 1100px; margin: 0 auto 36px; font-size: clamp(2rem, 5.2vw, 4.5rem); line-height: 1.1; color: var(--bs-white);}.u-szlogen .block_text .content h2 strong { font-weight: 600; }.u-szlogen .block_text .content h2 em { font-weight: 400; color: var(--bs-primary-bg-subtle); }.u-szlogen .block_text .content h2 > :not(:last-child)::after { content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--bs-primary); margin-left: 28px; vertical-align: middle; position: relative; top: -.08em;}.u-szlogen .block_text .content > p:last-child { max-width: 620px; margin: 0 auto; font-size: 1.125rem; line-height: 1.6; opacity: .8;}/* ---------- Szolgáltatásaim (Termékek, .u-szolgaltatasok) ---------- */.u-szolgaltatasok .editorial_title { font-size: 2.5rem; font-weight: 600; }/* A terv szerint szélesebb konténer (1600px) */.u-szolgaltatasok > .container-xxl { max-width: 1600px; }.u-szolgaltatasok .section_navigation_button .btn { font-size: 1.3125rem; padding: 1.1rem 2.25rem; min-height: 66px;}/* ---------- Termékkártyák (nyitólap + terméklista, .section_products) ---------- *//* Nincs szűrő: a jobb felső „Szűrők” gomb sem kell */.section_products .section_filter-button { display: none !important; }.section_products .section-content > .d-grid { gap: 1.8rem !important; } /* 1.5rem + 20% */.section_products .card { border: 0; background: transparent; box-shadow: none; }.section_products .card-body { padding: 0; gap: 4px !important; }.section_products .card-body > a:first-child .ratio { --bs-aspect-ratio: 125%; border-radius: var(--bs-border-radius-xl) !important; margin-bottom: 14px !important; background: var(--bs-light) center / cover no-repeat;}.section_products .card-body > a:first-child .ratio img { transition: transform .25s ease-in-out; }.section_products .card:hover .card-body > a:first-child .ratio img { transform: scale(1.06); }.section_products .card-title { font-family: var(--bs-heading-font-family); font-size: 1.5rem !important; font-weight: 600; line-height: 1.2; color: var(--bs-emphasis-color);}/* Cikkszám helyett a terv alcíme (a kártya nem rendereli a rövid leírást) */.section_products .card-body small[title] { font-size: 0; color: var(--bs-body-color); opacity: .75; }.section_products .card-body small[title]::after { font-size: .875rem; }.section_products article:has(a[href$="/ferfi-kezeles"]) small[title]::after { content: "Ajándékutalvány · 75 perc"; }.section_products article:has(a[href$="/tini-kezeles"]) small[title]::after { content: "Ajándékutalvány · 60 perc"; }.section_products article:has(a[href$="/anti-ageing-i"]) small[title]::after { content: "Ajándékutalvány · 75 perc"; }.section_products article:has(a[href$="/anti-ageing-ii"]) small[title]::after { content: "Ajándékutalvány · 90 perc"; }.section_products article:has(a[href$="/anti-ageing-iii"]) small[title]::after { content: "Ajándékutalvány · 105 perc"; }/* Sorrend a terv szerint */.section_products .d-grid > .h-auto:has(a[href$="/ferfi-kezeles"]) { order: 1; }.section_products .d-grid > .h-auto:has(a[href$="/tini-kezeles"]) { order: 2; }.section_products .d-grid > .h-auto:has(a[href$="/anti-ageing-i"]) { order: 3; }.section_products .d-grid > .h-auto:has(a[href$="/anti-ageing-ii"]) { order: 4; }.section_products .d-grid > .h-auto:has(a[href$="/anti-ageing-iii"]) { order: 5; }/* „Legnépszerűbb” címke az Anti-ageing II. képén */.section_products article:has(a[href$="/anti-ageing-ii"]) .card-body > a:first-child .ratio::after { content: "Legnépszerűbb"; position: absolute; top: 12px; left: 12px; width: auto; height: auto; padding: 4px 10px; border-radius: var(--bs-border-radius-pill); background: var(--bs-tertiary); color: var(--bs-on-tertiary-text); font-size: .75rem; font-weight: 600; letter-spacing: .04em; z-index: 2;}/* Lábléc: ár balra, „Raktáron” jobbra, alatta teljes szélességű sötét gomb */.section_products .card-footer { display: grid; grid-template-columns: 1fr auto; align-items: baseline; row-gap: 14px; padding: 14px 0 0 !important; background: transparent;}.section_products .card-footer > .d-flex,.section_products .card-footer > .flex-grow-1,.section_products .card-footer > .flex-grow-1 > .d-flex { display: contents !important; }.section_products .card-footer strong[title] { white-space: nowrap; }.section_products .card-footer strong[title] { font-family: var(--bs-heading-font-family); font-size: 1.75rem; font-weight: 600; color: var(--bs-emphasis-color);}.section_products .card-footer > .flex-grow-1 > .d-flex > .flex-grow-1 { justify-self: end; }.section_products .card-footer .mt-2.small { margin-top: 0 !important; }/* Készletjelzés („Raktáron”) nem kell: nincs rá admin kapcsoló, ezért CSS-ből rejtve (kártya + terméklap + kosár) */.section_products .card-footer .text-success { display: none !important; }.section_product_detail #product-availability { display: none !important; }#cart_index #cart-items article .col-md-4 > div > span.text-success { display: none !important; }.section_products .card-footer .btn-add-to-cart { grid-column: 1 / -1; margin-top: 14px; float: none; width: 100%; aspect-ratio: auto !important; display: flex; justify-content: center; align-items: center; gap: .5rem; padding: .75rem 1rem; font-size: .9375rem; font-weight: 600; background: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: var(--bs-white) !important;}.section_products .card-footer .btn-add-to-cart .fa-lg { font-size: 1em; }.section_products .card-footer .btn-add-to-cart::after { content: "Megveszem"; }/* ---------- Kapcsolat (Columns, .u-kapcsolat) ---------- */.u-kapcsolat .block_column .editorial_eyebrow { font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; opacity: .85;}.u-kapcsolat .block_column .editorial_title { font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.05; font-weight: 600; text-wrap: balance;}.u-kapcsolat .block_column .editorial_lead { font-size: 1.125rem; line-height: 1.6; max-width: 520px; opacity: .95; }.u-kapcsolat .block_column .content p,.u-kapcsolat .block_column .content p > a { display: flex; align-items: center; gap: 14px; }.u-kapcsolat .block_column .content p { margin: 0 0 14px; font-size: 1rem; }.u-kapcsolat .block_column .content a:not(.btn) { color: inherit !important; text-decoration: none !important; font-weight: 400 !important; }.u-kapcsolat .block_column .content a::after,.u-kapcsolat .block_column .content a::before,.u-kapcsolat .block_column .content .external-link { display: none !important; }.u-kapcsolat .block_column .content p span { width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--bs-border-radius); background: rgba(var(--bs-white-rgb), .16); display: inline-flex; align-items: center; justify-content: center;}.u-kapcsolat .editorial_closing { display: grid; grid-template-columns: 1fr auto; column-gap: 20px; align-items: center; padding: 22px 24px; margin-top: 28px !important; border-radius: var(--bs-border-radius-xl); background: rgba(var(--bs-white-rgb), .12); border: 1px solid rgba(var(--bs-white-rgb), .25);}.u-kapcsolat .editorial_closing h3 { grid-column: 1; margin: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.2; }.u-kapcsolat .editorial_closing p { grid-column: 1; margin: 0; font-size: .9375rem; opacity: .9; }.u-kapcsolat .editorial_closing p:has(.btn) { grid-column: 2; grid-row: 1 / span 2; opacity: 1; }.u-kapcsolat .block_column .content.editorial_closing .btn { background: var(--bs-white) !important; border-color: var(--bs-white) !important; color: var(--bs-emphasis-color) !important; font-weight: 600;}.u-kapcsolat .block_form > .z-1 { background: var(--bs-white); color: var(--bs-body-color); border-radius: var(--bs-border-radius-xl); box-shadow: var(--bs-box-shadow); padding: clamp(24px, 4vw, 40px);}.u-kapcsolat .block_form .editorial_title { color: var(--bs-emphasis-color); font-size: 1.75rem; font-weight: 600; margin-bottom: 6px !important;}.u-kapcsolat .block_form .editorial_lead { font-size: .9375rem; color: var(--bs-body-color); opacity: .75; margin-bottom: 1rem !important; }.u-kapcsolat .block_form .form-input-privacy-policy > label.form-label { display: none; }.u-kapcsolat .block_form .form-group { display: flex; justify-content: center; }.u-kapcsolat .block_form .form-group .btn { width: auto; min-width: 16rem; display: inline-flex !important; justify-content: center; align-items: center; gap: .5rem; text-align: center;}.u-kapcsolat .block_form .form-group .btn::after { content: "\f1d8"; font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free"; font-weight: 900;}/* ---------- Lábléc ---------- *//* Oszlopcímek a terv szerint (a Spark original lábléc nem ad címet) */#footer .footer_menu_category_left nav::before,#footer .footer_menu_category_right nav::before { display: block; margin-bottom: .75rem; font-family: var(--bs-heading-font-family); font-size: 1.125rem; font-weight: 600;}#footer .footer_menu_category_left nav::before { content: "Menü"; }#footer .footer_menu_category_right nav::before { content: "Információk"; }#footer .footer_menu_category_left .nav-link,#footer .footer_menu_category_right .nav-link { font-size: .9375rem; font-weight: 400; padding-top: .35rem; padding-bottom: .35rem; }/* ---------- Időpontfoglalás oldal (#appointment_show) – zöld, letisztult ---------- *//* Nincs section-builder sablon, ezért a háttér CSS-ből: a teljes main zöld */body:has(#appointment_show) main { background-color: var(--bs-tertiary); color: var(--bs-on-tertiary-text); }body:has(#appointment_show) main .breadcrumb-item,body:has(#appointment_show) main .breadcrumb-item a,body:has(#appointment_show) main .breadcrumb-item + .breadcrumb-item::before { color: rgba(var(--bs-white-rgb), .6) !important; }body:has(#appointment_show) main .breadcrumb-item.active { color: rgba(var(--bs-white-rgb), .85) !important; }#appointment_show { padding-top: 1rem; padding-bottom: 6rem !important; }:is(#appointment_show, .section_appointment) h1,:is(#appointment_show, .section_appointment) h2,:is(#appointment_show, .section_appointment) h3,:is(#appointment_show, .section_appointment) h4,.section_appointment .editorial_title { color: var(--bs-white); }.section_appointment .editorial_title { font-size: clamp(2.25rem, 3.4vw, 3.25rem); font-weight: 600; }#appointment_show > h1 { font-size: clamp(2.25rem, 3.4vw, 3.25rem); font-weight: 600; margin-bottom: 2.5rem !important; }/* két hasáb azonos magassággal */:is(#appointment_show, .section_appointment) .appointment-booking { align-items: stretch; row-gap: 2.5rem; }:is(#appointment_show, .section_appointment) .appointment-calendar-wrapper { align-self: stretch !important; display: flex; flex-direction: column; }:is(#appointment_show, .section_appointment) .appointment-calendar-content { display: flex; flex-direction: column; flex: 1 1 auto; }:is(#appointment_show, .section_appointment) .appointment-calendar-grid { flex: 1 1 auto; display: flex; flex-direction: column; }:is(#appointment_show, .section_appointment) .appointment-calendar-grid .table-responsive { flex: 1 1 auto; display: flex; flex-direction: column; }:is(#appointment_show, .section_appointment) .appointment-calendar-grid table.table { height: 100%; }/* bal hasáb: űrlap kártya-chrome nélkül */:is(#appointment_show, .section_appointment) .card { height: 100%; background: rgba(var(--bs-white-rgb), .05); border: 1px solid rgba(var(--bs-white-rgb), .12); border-radius: var(--bs-border-radius-xl); box-shadow: none;}:is(#appointment_show, .section_appointment) .card-body { padding: clamp(1.25rem, 2vw, 2rem); display: flex; flex-direction: column; }:is(#appointment_show, .section_appointment) .card-body form { display: flex; flex-direction: column; flex: 1 1 auto; }:is(#appointment_show, .section_appointment) .card-body form .appointment-submit { margin-top: auto !important; }:is(#appointment_show, .section_appointment) .appointment-booking-title { font-size: clamp(1.75rem, 2.4vw, 2.25rem); font-weight: 600; margin-bottom: 1rem; }:is(#appointment_show, .section_appointment) .appointment-selected-date-label-wrapper { color: rgba(var(--bs-white-rgb), .65) !important; }:is(#appointment_show, .section_appointment) .appointment-selected-date-label { color: var(--bs-white); }:is(#appointment_show, .section_appointment) .form-label { color: rgba(var(--bs-white-rgb), .85); }:is(#appointment_show, .section_appointment) .form-control,:is(#appointment_show, .section_appointment) .form-select { background-color: rgba(var(--bs-white-rgb), .05); border: 1px solid rgba(var(--bs-white-rgb), .18); color: var(--bs-white); min-height: 3rem;}:is(#appointment_show, .section_appointment) .form-control::placeholder { color: rgba(var(--bs-white-rgb), .45); }:is(#appointment_show, .section_appointment) .form-control:focus,:is(#appointment_show, .section_appointment) .form-select:focus { background-color: rgba(var(--bs-white-rgb), .08); border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25); color: var(--bs-white);}:is(#appointment_show, .section_appointment) .form-select option { background-color: var(--bs-tertiary); color: var(--bs-white); }:is(#appointment_show, .section_appointment) .form-check-input { background-color: rgba(var(--bs-white-rgb), .08); border-color: rgba(var(--bs-white-rgb), .35); }:is(#appointment_show, .section_appointment) .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); }:is(#appointment_show, .section_appointment) .form-check-label a { color: var(--bs-white); text-decoration: underline; }:is(#appointment_show, .section_appointment) .text-danger { color: var(--bs-primary-bg-subtle) !important; }:is(#appointment_show, .section_appointment) .appointment-submit { min-height: 3.25rem; font-weight: 600; }/* naptár fejléc */:is(#appointment_show, .section_appointment) .appointment-calendar-month h3 { font-weight: 500; font-size: 1.375rem; }:is(#appointment_show, .section_appointment) .appointment-calendar-today { --bs-btn-color: rgba(var(--bs-white-rgb), .75); --bs-btn-border-color: rgba(var(--bs-white-rgb), .3); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .1); --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .5); text-transform: uppercase; letter-spacing: .12em; font-size: .6875rem;}:is(#appointment_show, .section_appointment) .appointment-calendar-prev,:is(#appointment_show, .section_appointment) .appointment-calendar-next,:is(#appointment_show, .section_appointment) .appointment-calendar-month .btn-outline-primary { --bs-btn-color: var(--bs-white); --bs-btn-border-color: rgba(var(--bs-white-rgb), .3); --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .12); --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .6); --bs-btn-hover-color: var(--bs-white); width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center;}/* naptár rács: nincs vonal, nincs keret */:is(#appointment_show, .section_appointment) .appointment-calendar-grid,:is(#appointment_show, .section_appointment) .appointment-calendar-grid .table-responsive,:is(#appointment_show, .section_appointment) .appointment-calendar-grid table.table,:is(#appointment_show, .section_appointment) .appointment-calendar-grid table.table > :not(caption) > *,:is(#appointment_show, .section_appointment) .appointment-calendar-grid table.table > :not(caption) > * > * { border-width: 0 !important; box-shadow: none !important; }:is(#appointment_show, .section_appointment) .appointment-calendar-grid table.table { --bs-table-bg: transparent; --bs-table-color: var(--bs-white); margin-bottom: 0; }:is(#appointment_show, .section_appointment) .appointment-calendar-grid thead th { background-color: transparent; color: rgba(var(--bs-white-rgb), .55) !important; font-size: .6875rem; font-weight: 500 !important; letter-spacing: .22em; text-transform: uppercase; padding-block: .875rem !important;}:is(#appointment_show, .section_appointment) .appointment-calendar-grid tbody td { height: 5.25rem; padding: .375rem !important; }/* napgombok: foglalható = fehér 5%, nem foglalható = háttér nélkül */:is(#appointment_show, .section_appointment) .appointment-day-btn { height: 100%; border-radius: var(--bs-border-radius); font-size: 1rem; font-weight: 600; box-shadow: none; }:is(#appointment_show, .section_appointment) .appointment-day-btn:not(:disabled) { --bs-btn-bg: rgba(var(--bs-white-rgb), .05); --bs-btn-color: var(--bs-white); --bs-btn-border-color: rgba(var(--bs-white-rgb), .18); --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .14); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .5); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-color: var(--bs-on-primary-text); --bs-btn-active-border-color: var(--bs-primary); border-color: rgba(var(--bs-white-rgb), .18) !important;}:is(#appointment_show, .section_appointment) .appointment-day-btn:disabled { --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: transparent; --bs-btn-disabled-color: rgba(var(--bs-white-rgb), .3); --bs-btn-disabled-opacity: 1; border-color: transparent !important; font-weight: 400;}:is(#appointment_show, .section_appointment) .appointment-day-btn[aria-current="date"] { border-color: rgba(var(--bs-white-rgb), .75) !important; }:is(#appointment_show, .section_appointment) .appointment-day-btn.appointment-day-selected,:is(#appointment_show, .section_appointment) .appointment-day-btn.selected-range,:is(#appointment_show, .section_appointment) .appointment-day-btn.btn-primary:not(:disabled) { --bs-btn-bg: var(--bs-primary); --bs-btn-color: var(--bs-on-primary-text); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-color: var(--bs-on-primary-text); border-color: var(--bs-primary) !important;}/* idősávok */:is(#appointment_show, .section_appointment) .appointment-timeslots h4 { font-size: 1.125rem; }:is(#appointment_show, .section_appointment) .appointment-timeslot-btn { --bs-btn-bg: rgba(var(--bs-white-rgb), .05); --bs-btn-color: var(--bs-white); --bs-btn-border-color: rgba(var(--bs-white-rgb), .18); --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .14); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .5); border-color: rgba(var(--bs-white-rgb), .18) !important; font-size: .875rem; font-weight: 500; padding-block: .75rem;}:is(#appointment_show, .section_appointment) .appointment-timeslot-btn:disabled { --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: rgba(var(--bs-white-rgb), .1); --bs-btn-disabled-color: rgba(var(--bs-white-rgb), .3); --bs-btn-disabled-opacity: 1; border-color: rgba(var(--bs-white-rgb), .1) !important;}:is(#appointment_show, .section_appointment) .appointment-timeslot-btn.appointment-timeslot-selected,:is(#appointment_show, .section_appointment) .appointment-timeslot-btn.btn-primary { --bs-btn-bg: var(--bs-primary); --bs-btn-color: var(--bs-on-primary-text); --bs-btn-border-color: var(--bs-primary); border-color: var(--bs-primary) !important;}@media (max-width: 575.98px) { :is(#appointment_show, .section_appointment) .appointment-calendar-grid tbody td { height: 3.5rem; padding: .25rem !important; } :is(#appointment_show, .section_appointment) .appointment-day-btn { font-size: .875rem; padding-inline: 0; }}/* ---------- Reszponzív korrekciók ---------- */@media (max-width: 1199.98px) { .section-builder-component.banner:has(.u-hero)::before { display: none; }}@media (max-width: 999.98px) { .section-builder-component.box:has(.u-szlogenek) { margin-bottom: 0; } .u-szlogen { padding-top: 10rem !important; }}@media (max-width: 991.98px) { .u-miert .block_box-category > .z-1 { padding: 3rem 1rem; } .u-miert .block_column > .z-1 { position: relative !important; } .u-kapcsolat .editorial_closing { grid-template-columns: 1fr; } .u-kapcsolat .editorial_closing p:has(.btn) { grid-column: 1; grid-row: auto; }}/* ---------- Angol felület (html[lang=en]) ---------- *//* A szekciók sectionHtmlClasses/ID értékei az EN sablonokon azonosak, így a fenti szabályok ott is élnek; itt csak a CSS-ből injektált magyar feliratok angol változata és az angol termék-slugok vannak. */.section_products .d-grid > .h-auto:has(a[href$="/mens-treatment"]) { order: 1; }.section_products .d-grid > .h-auto:has(a[href$="/teen-treatment"]) { order: 2; }html[lang="en"] .section_products article:has(a[href$="/ferfi-kezeles"]) small[title]::after,html[lang="en"] .section_products article:has(a[href$="/mens-treatment"]) small[title]::after { content: "Gift voucher · 75 min"; }html[lang="en"] .section_products article:has(a[href$="/tini-kezeles"]) small[title]::after,html[lang="en"] .section_products article:has(a[href$="/teen-treatment"]) small[title]::after { content: "Gift voucher · 60 min"; }html[lang="en"] .section_products article:has(a[href$="/anti-ageing-i"]) small[title]::after { content: "Gift voucher · 75 min"; }html[lang="en"] .section_products article:has(a[href$="/anti-ageing-ii"]) small[title]::after { content: "Gift voucher · 90 min"; }html[lang="en"] .section_products article:has(a[href$="/anti-ageing-iii"]) small[title]::after { content: "Gift voucher · 105 min"; }html[lang="en"] .section_products article:has(a[href$="/anti-ageing-ii"]) .card-body > a:first-child .ratio::after { content: "Most popular"; }html[lang="en"] .section_products .card-footer .btn-add-to-cart::after { content: "Buy now"; }html[lang="en"] #footer .footer_menu_category_left nav::before { content: "Menu"; }html[lang="en"] #footer .footer_menu_category_right nav::before { content: "Information"; }/* ---------- Mobil (≤767.98px) korrekciók — a desktopot nem érintik ---------- */@media (max-width: 767.98px) { /* Hero: kisebb magasság; a „Természetesen szebb” a gombok alá kerül, folyamban, nem abszolút */ .u-hero .hero_slide { min-height: 0 !important; height: auto !important; } .u-hero .header_banner_content { padding-top: 2.5rem !important; padding-bottom: 2rem !important; } .section-builder-component.banner:has(.u-hero)::after { display: none; } .u-hero .header_banner_buttons::after { content: ""; flex: 0 0 100%; height: 70px; margin-top: .75rem; background: url("/storage/bioholisticcosmetic-hu/editor/kepek/termeszetesen-szebb.png") no-repeat left center / 210px auto; } /* Szekció-térközök: a pt/pb-6…9 fokozatok kisebbek */ main .section-builder-component [class*="section_"].pt-6 { padding-top: 3rem !important; } main .section-builder-component [class*="section_"].pb-6 { padding-bottom: 3rem !important; } main .section-builder-component [class*="section_"].pt-7 { padding-top: 3.5rem !important; } main .section-builder-component [class*="section_"].pb-7 { padding-bottom: 3.5rem !important; } main .section-builder-component [class*="section_"].pt-8 { padding-top: 4rem !important; } main .section-builder-component [class*="section_"].pb-8 { padding-bottom: 4rem !important; } main .section-builder-component [class*="section_"].pt-9 { padding-top: 4.5rem !important; } main .section-builder-component [class*="section_"].pb-9 { padding-bottom: 4.5rem !important; } /* Képeslapok (két doboz): kisebb felső, és alsó térköz is — mobilon nem lóg rá a sötét sávra */ .u-szlogenek { padding-top: 3rem !important; padding-bottom: 3rem !important; } .section-builder-component.box:has(.u-szlogenek) { margin-bottom: 0; } /* Nyolc szó (felsorolás) szekció */ .u-szlogen { padding-top: 4rem !important; padding-bottom: 4rem !important; } .u-szlogen .block_text .content > p:first-child { margin-bottom: 24px; } .u-szlogen .block_text .content h2 { margin-bottom: 24px; } /* Értékek sáv (fejléc alatt): teljes szélesség, nagyobb ikon és szöveg, balra, elválasztó nélkül */ .u-hero-ertekek .container-xxl { padding-top: 2.5rem; padding-bottom: 2rem; gap: 16px; } .u-hero-ertekek .d-grid { display: flex !important; flex-direction: column; align-items: stretch; gap: 14px !important; width: 100%; } .u-hero-ertekek .d-grid > .h-auto { width: 100%; } .u-hero-ertekek .service_box > div { border-right: 0 !important; padding: 0 !important; } .u-hero-ertekek .service_box .d-flex { justify-content: flex-start !important; gap: 16px !important; } .u-hero-ertekek .service_box .aspect-1-1, .u-hero-ertekek .service_box .aspect-1-1 i { font-size: 40px; } .u-hero-ertekek .service_box p { font-size: 1.5rem; text-align: left; } .u-hero-ertekek .section_navigation_button { margin-left: 0; margin-top: .75rem !important; width: 100%; justify-content: flex-start !important; } /* Lábléc feletti értékek: szintén balra, elválasztó nélkül */ .u-lablec-ertekek .container-xxl { justify-content: flex-start; padding-top: 2.5rem; padding-bottom: 2.5rem; border-top: 0; } .u-lablec-ertekek .d-grid { justify-content: flex-start; } .u-lablec-ertekek .service_box > div { white-space: normal; } .u-lablec-ertekek .service_box .aspect-1-1, .u-lablec-ertekek .service_box .aspect-1-1 i { font-size: 36px; } .u-lablec-ertekek .service_box p { font-size: 1.375rem; } /* Lábléc: kisebb térközök */ #footer .container-xxl.pt-7 { padding-top: 3rem !important; } #footer .container-xxl.pb-5 { padding-bottom: 2rem !important; } /* Termékkártyák: egy oszlop, az ár tördelhető — két oszlopban a nowrap ár túllógott a cellán és egymásra csúsztak */ .section_products .section-content > .d-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.25rem .75rem !important; } .section_products .section-content > .d-grid > * { min-width: 0; } .section_products .card { min-width: 0; } .section_products .card-footer strong[title] { white-space: normal; font-size: 1.125rem; line-height: 1.2; } .section_products .card-title { font-size: 1.125rem !important; } .section_products .card-body small[title]::after { font-size: .75rem; } .section_products .card-footer { row-gap: 8px; padding-top: 8px !important; } .section_products .card-footer .btn-add-to-cart { margin-top: 8px; padding: .55rem .5rem; font-size: .8125rem; } .section_products .card-body > a:first-child .ratio { --bs-aspect-ratio: 125%; margin-bottom: 8px !important; } .section_products .card-body > a:first-child .ratio::after { font-size: .6875rem; padding: 3px 8px; top: 8px; left: 8px; } /* Címek: a nagy fokozatok kilógtak a 375px-es képernyőből */ .u-hero .header_banner_title { font-size: 2.25rem; max-width: none; overflow-wrap: break-word; } .u-hero .header_banner_subtitle { font-size: 1.125rem; } .u-mivel .editorial_title, .u-szolgaltatasok .editorial_title, .u-miert .block_box-category .editorial_title, .u-bemutatkozas .introduction-box_title, .u-kapcsolat .block_column .editorial_title { font-size: 2rem; line-height: 1.15; overflow-wrap: break-word; hyphens: auto; } .u-szlogen .block_text .content h2 { font-size: 1.75rem; } .u-hero-ertekek .service_box p { font-size: 1.375rem; }}