/*
Theme Name: CCZGR Template
Theme URI: https://cczgr.com
Author: CCZGR
Author URI: https://cczgr.com
Description: Super lekki, nowoczesny motyw blokowy (Full Site Editing) oparty w całości na natywnych funkcjach WordPressa, bez page builderów i zbędnych wtyczek. Dopracowany wizualnie i zoptymalizowany pod szybkość (Core Web Vitals), dostępność (WCAG) oraz SEO.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.1794422943
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cczgr
Tags: full-site-editing, block-patterns, business, one-page, fast, blocks
*/
html { scroll-behavior: smooth; } .wp-site-blocks > * + * { margin-block-start: 0 !important; } :where(.wp-block-group[id]), :where(section[id]), :where(h1[id]), :where(h2[id]) { scroll-margin-top: 110px; } ::selection { background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--contrast); } a:focus-visible, button:focus-visible, summary:focus-visible, .wp-element-button:focus-visible { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 2px; border-radius: 4px; } .wp-element-button:focus-visible { border-radius: 999px; } .entry-content a:not(.wp-element-button), main a:not(.wp-element-button) { text-underline-offset: 0.2em; text-decoration-thickness: 1px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .cczgr-eyebrow, .is-style-cczgr-eyebrow { font-family: var(--wp--preset--font-family--body); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.4; } .wp-block-separator.cczgr-sep-accent { width: 56px; height: 3px; border: none; border-radius: 3px; margin-top: 0.25rem; margin-bottom: 0.25rem; margin-left: 0; } .cczgr-section-intro:empty { display: none; } .wp-block-group:has(> .cczgr-section-intro:empty) { margin-bottom: 1.5rem !important; } .cczgr-quote-text { text-wrap: balance; } .cczgr-photostrip-img img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; } .cczgr-icon { width: 1.1em; height: 1.1em; vertical-align: -0.15em; flex: none; } .cczgr-svc-icon .cczgr-icon { width: 28px; height: 28px; } .wp-element-button { transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.25s ease, transform 0.2s ease, border-color 0.2s ease; } @media (prefers-reduced-motion: no-preference) { .wp-element-button:hover { transform: translateY(-1px); box-shadow: var(--wp--custom--shadow--button); } .wp-element-button:active { transform: translateY(0); box-shadow: none; } } .cczgr-btn-ghost .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.14); } .cczgr-card, .is-style-cczgr-card { height: 100%; border: 1px solid var(--wp--preset--color--border); transition: transform 0.25s ease, border-color 0.25s ease; } @media (prefers-reduced-motion: no-preference) { .cczgr-card:hover, .is-style-cczgr-card:hover { transform: translateY(-3px); border-color: var(--wp--preset--color--brand); } } .cczgr-card-static { border: 1px solid var(--wp--preset--color--border); } .cczgr-contact-label { display: block; margin-top: 0.05rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); } .cczgr-card-static > p + p { margin-top: 0.55rem; } p.cczgr-service-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 1.55rem; line-height: 1; } p.cczgr-service-icon.has-background { padding: 0; } .cczgr-svc-grid h2.wp-block-heading, .cczgr-svc-grid h3.wp-block-heading { font-size: clamp(1.6rem, 1.5rem + 0.4vw, 1.8rem) !important; line-height: 1.25; min-height: 3.75em; } .cczgr-mig-section h3.wp-block-heading, .cczgr-content-image .wp-block-column h3.wp-block-heading { font-size: clamp(1.6rem, 1.5rem + 0.4vw, 1.8rem) !important; line-height: 1.25; } .cczgr-mig-section > .wp-block-columns:has(> .wp-block-column > h2.wp-block-heading, > .wp-block-column > h3.wp-block-heading) { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .cczgr-svc-grid .cczgr-card { display: flex; flex-direction: column; } .cczgr-svc-grid .cczgr-svc-more-wrap { margin-top: auto; padding-top: 0.5rem; } .cczgr-svc-grid .cczgr-card > .wp-block-image:first-child { margin-bottom: 0.25rem; } .cczgr-svc-grid .cczgr-card > .wp-block-image:first-child img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; } .cczgr-price-row { transition: background-color 0.2s ease; flex-wrap: nowrap !important; } .cczgr-price-row:hover { background-color: var(--wp--preset--color--base-2); } .cczgr-price-row .cczgr-price-name { min-width: 0; } .cczgr-price-row p.cczgr-price-value { white-space: nowrap; flex: 0 0 auto; } .cczgr-price-list > .cczgr-price-row:last-child { border-bottom-color: transparent !important; } .cczgr-price-list + .cczgr-price-list { margin-top: 2rem; } .cczgr-price-list h3.cczgr-price-category { margin: 0.75rem 1rem 0.25rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--brand-dark); } .cczgr-price-row { position: relative; } .cczgr-price-row .cczgr-price-more::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .cczgr-price-row:has(.cczgr-price-more) { cursor: pointer; } .cczgr-price-row:hover .cczgr-price-more { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-price-row:has(.cczgr-price-more:focus-visible) { outline: 2px solid var(--wp--preset--color--brand); outline-offset: -2px; } .cczgr-price-row .cczgr-price-more:focus-visible { outline: none; } .wp-block-details.cczgr-faq-item { border: 1px solid var(--wp--preset--color--border); box-shadow: var(--wp--custom--shadow--xs); transition: box-shadow 0.25s ease, border-color 0.25s ease; padding: 1.2rem 1.5rem; border-radius: 14px; background: var(--wp--preset--color--base); } .wp-block-details.cczgr-faq-item:hover { box-shadow: var(--wp--custom--shadow--card); } .wp-block-details.cczgr-faq-item > summary { cursor: pointer; font-weight: 600; list-style: none; position: relative; padding-right: 2.25rem; transition: color 0.2s ease; } .wp-block-details.cczgr-faq-item > summary::-webkit-details-marker { display: none; } .wp-block-details.cczgr-faq-item > summary::after { content: ""; position: absolute; right: 0.5rem; top: 50%; width: 0.55em; height: 0.55em; border-right: 2px solid var(--wp--preset--color--brand); border-bottom: 2px solid var(--wp--preset--color--brand); transform: translateY(-70%) rotate(45deg); transition: transform 0.25s ease; } .wp-block-details.cczgr-faq-item > summary:hover, .wp-block-details.cczgr-faq-item[open] > summary { color: var(--wp--preset--color--brand-dark); } .wp-block-details.cczgr-faq-item[open] > summary::after { transform: translateY(-30%) rotate(-135deg); } .wp-block-details.cczgr-faq-item + .wp-block-details.cczgr-faq-item { margin-top: 0.75rem; } .cczgr-gallery .wp-block-image { overflow: hidden; border-radius: var(--wp--custom--radius--md); flex-grow: 0 !important; } .cczgr-gallery .wp-block-image img { border-radius: var(--wp--custom--radius--md); transition: transform 0.4s ease; } @media (prefers-reduced-motion: no-preference) { .cczgr-gallery .wp-block-image:hover img { transform: scale(1.04); } } .cczgr-gallery-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 1.5rem 0 2rem; } .cczgr-gallery-filters button { font: inherit; font-size: 0.9rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; padding: 0.5rem 1.1rem; border-radius: 999px; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast-2); transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .cczgr-gallery-filters button:hover { border-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--brand-dark); } .cczgr-gallery-filters button[aria-pressed="true"] { background: var(--wp--preset--color--brand); border-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); } .cczgr-gallery [data-cat].cczgr-gallery-hidden, .wp-block-gallery.has-nested-images figure.wp-block-image.cczgr-gallery-hidden:not(#individual-image) { display: none; } .cczgr-photo-frame { position: relative; } .cczgr-photo-frame img { position: relative; } @media (min-width: 782px) { .cczgr-photo-frame::before { content: ""; position: absolute; inset: 1.25rem 1.25rem -1.25rem -1.25rem; background: var(--wp--preset--color--brand-light); border-radius: var(--wp--custom--radius--lg); z-index: -1; } } .cczgr-map { overflow: hidden; border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--custom--shadow--card); border: 1px solid var(--wp--preset--color--border); line-height: 0; } .cczgr-map iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; } .cczgr-contact-cols { align-items: stretch; } .cczgr-contact-cols > .wp-block-column { display: flex; flex-direction: column; } .cczgr-contact-cols .cczgr-map { flex: 1 1 auto; min-height: 100%; } .cczgr-contact-cols .cczgr-eyebrow { display: flex; align-items: center; gap: 0.45rem; } .cczgr-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--wp--preset--color--border); box-shadow: 0 2px 14px rgba(17, 24, 21, 0.04); } .wp-site-blocks > .wp-block-template-part:has(.cczgr-header) { display: contents; } .cczgr-topbar p { display: flex; align-items: center; gap: 0.45rem; } .cczgr-topbar a { color: inherit; text-decoration: none; } .cczgr-topbar a:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-topbar-social.wp-block-social-links { align-items: center; } .cczgr-topbar-social .wp-block-social-link a { opacity: 0.85; transition: opacity 0.2s ease, transform 0.2s ease; } .cczgr-topbar-social .wp-block-social-link a:hover { opacity: 1; } .cczgr-topbar-address a { white-space: nowrap; opacity: 0.92; } .cczgr-topbar-address a:hover, .cczgr-topbar-address a:focus-visible { opacity: 1; } @media (min-width: 782px) and (max-width: 1023px) { .cczgr-topbar-address { display: none !important; } } @media (max-width: 781px) { body:has(.cczgr-mobilebar) .cczgr-topbar { display: none; } .cczgr-topbar { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; } .cczgr-topbar-email, .cczgr-topbar-hours, .cczgr-topbar-social { display: none !important; } .cczgr-topbar .wp-block-group:has(> .cczgr-topbar-hours) { display: none; } .cczgr-topbar .wp-block-group { justify-content: center; } .cczgr-topbar .wp-block-group:has(> .cczgr-topbar-phone) { gap: 0.25rem 1.1rem; } .cczgr-topbar-phone { white-space: nowrap; } .cczgr-topbar-address { justify-content: center; text-align: center; } .cczgr-topbar-address a { white-space: normal; } } .cczgr-header .wp-block-navigation a { text-decoration: none; transition: color 0.2s ease; } .cczgr-header .wp-block-navigation a:hover { color: var(--wp--preset--color--brand); } .cczgr-header .wp-block-navigation .wp-block-navigation-item { align-items: center; } .cczgr-header .wp-block-navigation .wp-block-navigation__submenu-icon { align-self: center; margin-top: 0; } .cczgr-header .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: block; } .cczgr-header .wp-block-navigation__responsive-container-open { width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--wp--preset--color--contrast); border-radius: var(--wp--custom--radius--sm); } .cczgr-header .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; display: block; } @media (max-width: 781px) { .cczgr-header > .wp-block-group { flex-wrap: nowrap; justify-content: space-between; } .cczgr-header .cczgr-header-cta { display: none; } } @media (min-width: 600px) and (max-width: 781px) { .cczgr-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .cczgr-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } } @media (min-width: 782px) { .cczgr-header .wp-block-navigation-item.cczgr-nav-cta { display: none; } } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); padding: 1.5rem; overflow-y: auto; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3.25rem; align-items: center; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width: 100%; align-items: center; gap: 0.9rem; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { display: flex; flex-direction: column; align-items: center; width: 100%; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.15rem; font-weight: 500; padding: 0.3rem 0.75rem; text-align: center; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; padding: 0.5rem 0 0.25rem; background: transparent; border: 0; box-shadow: none; opacity: 1; visibility: visible; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; font-weight: 400; color: var(--wp--preset--color--contrast-2); padding: 0.2rem 0.75rem; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover, .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible { color: var(--wp--preset--color--brand-dark); } .cczgr-header .wp-block-navigation__responsive-container-close { position: absolute; top: 0.75rem; right: 0.75rem; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: var(--wp--preset--color--contrast); border-radius: var(--wp--custom--radius--sm); } .cczgr-header .wp-block-navigation__responsive-container-close svg { width: 24px; height: 24px; display: block; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .cczgr-nav-cta .wp-block-navigation-item__content { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 1.1rem; padding: 0.7rem 1.8rem; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); border-radius: 999px; font-weight: 600; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .cczgr-nav-cta .wp-block-navigation-item__content:hover, .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .cczgr-nav-cta .wp-block-navigation-item__content:focus-visible { background: var(--wp--preset--color--brand-dark); color: var(--wp--preset--color--base); } @media (min-width: 782px) { .cczgr-header .wp-block-navigation-item.cczgr-mega { position: relative; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container { position: absolute; top: calc(100% + 0.6rem); left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: max-content; min-width: 260px; max-width: min(340px, calc(100vw - 2.5rem)); display: flex; flex-direction: column; gap: 0.15rem; padding: 0.6rem; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--custom--shadow--card); z-index: 60; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 0; right: 0; top: -0.7rem; height: 0.7rem; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item { width: 100%; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: block; width: 100%; padding: 0.55rem 0.75rem; border-radius: var(--wp--custom--radius--sm); font-weight: 500; color: var(--wp--preset--color--contrast); transition: background-color 0.2s ease, color 0.2s ease; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover, .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible { background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--brand-dark); } } .cczgr-footer a { color: inherit; text-decoration: none; transition: opacity 0.2s ease; } .cczgr-footer a:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-footer .cczgr-footer-muted { opacity: 0.72; } .wp-block-separator.cczgr-footer-sep { border: none; height: 1px; background: rgba(255, 255, 255, 0.16); } @media (min-width: 782px) { .cczgr-footer { padding-top: 70px !important; } } .cczgr-team-photo img { width: 112px; height: 112px; object-fit: cover; border-radius: 50%; box-shadow: var(--wp--custom--shadow--xs); } .cczgr-member-name { text-align: center; min-height: 2.5em; } .cczgr-team-card { position: relative; padding: 1.75rem 1.25rem 1.5rem; border: 1px solid transparent; border-radius: var(--wp--custom--radius--md); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .cczgr-team-card:hover { border-color: var(--wp--preset--color--brand); } @media (prefers-reduced-motion: no-preference) { .cczgr-team-card:hover { transform: translateY(-4px); } } .cczgr-team-card .cczgr-team-photo img { transition: box-shadow 0.25s ease; } .cczgr-team-card:hover .cczgr-team-photo img { box-shadow: 0 0 0 4px var(--wp--preset--color--brand-light); } .cczgr-member-name a { color: inherit; text-decoration: none; } .cczgr-team-card:hover .cczgr-member-name a { color: var(--wp--preset--color--brand-dark); } .cczgr-team-more a { color: var(--wp--preset--color--brand-dark); text-decoration: none; } .cczgr-team-more a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .cczgr-member-back a { color: var(--wp--preset--color--base); opacity: 0.82; text-decoration: none; font-size: var(--wp--preset--font-size--small); } .cczgr-member-back a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-member-portrait img { box-shadow: var(--wp--custom--shadow--card); } .cczgr-member-card { border: 1px solid var(--wp--preset--color--border); box-shadow: var(--wp--custom--shadow--xs); } .cczgr-member-contact { display: flex; align-items: center; gap: 0.6rem; margin: 0; } .cczgr-member-contact a { color: var(--wp--preset--color--brand-dark); text-decoration: none; word-break: break-word; } .cczgr-member-contact a:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-member-contact .cczgr-icon { color: var(--wp--preset--color--brand); flex: 0 0 auto; } .cczgr-chip-row { display: flex; flex-wrap: wrap; gap: 0.5rem; } .cczgr-lang-chip { margin: 0; padding: 0.3rem 0.8rem; background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--brand-dark); border-radius: 999px; font-weight: 600; } .cczgr-member-lead { color: var(--wp--preset--color--contrast); } .cczgr-pullquote { border-left: 3px solid var(--wp--preset--color--brand); color: var(--wp--preset--color--contrast); } .cczgr-spec { border: 1px solid var(--wp--preset--color--border); border-left: 3px solid var(--wp--preset--color--brand); box-shadow: var(--wp--custom--shadow--xs); } .cczgr-spec-text { margin: 0; } p.cczgr-stars { font-size: 1.05rem; line-height: 1; letter-spacing: 0.15em; color: #d97706 !important; } .cczgr-blog .wp-block-post-featured-image { overflow: hidden; border-radius: var(--wp--custom--radius--md); } .cczgr-blog .wp-block-post-featured-image img { border-radius: var(--wp--custom--radius--md); transition: transform 0.4s ease; } @media (prefers-reduced-motion: no-preference) { .cczgr-blog .wp-block-post-featured-image:hover img { transform: scale(1.04); } } .cczgr-blog .wp-block-post-title a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .cczgr-blog .wp-block-post-title a:hover { color: var(--wp--preset--color--brand); } .cczgr-blog .wp-block-post-terms a { text-decoration: none; font-weight: 600; } .cczgr-blog .wp-block-read-more { font-weight: 600; text-decoration: none; } .cczgr-blog .wp-block-read-more:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-pagination a, .cczgr-pagination .page-numbers { text-decoration: none; font-weight: 600; transition: color 0.2s ease, background-color 0.2s ease; } .cczgr-pagination .page-numbers:not(.dots) { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; min-height: 2.4rem; padding: 0.2rem 0.55rem; border-radius: 999px; } .cczgr-pagination a.page-numbers:hover { background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--brand-dark); } .cczgr-pagination .page-numbers.current { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); } .cczgr-single a { transition: color 0.2s ease; } .cczgr-page-header { min-height: 340px; } .cczgr-page-header h1 { text-wrap: balance; } @media (max-width: 781px) { .cczgr-hero { min-height: 62vh !important; padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; } .cczgr-hero h1 { font-size: clamp(2rem, 8vw, 2.6rem) !important; } } .cczgr-content-image .wp-block-image { margin: 0; } .cczgr-content-image .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--custom--shadow--card); } @media (min-width: 782px) { .wp-block-columns.cczgr-flip { flex-direction: row-reverse; } } ul.cczgr-check-list { list-style: none; padding-left: 0; } ul.cczgr-check-list > li { position: relative; padding-left: 2.15rem; } ul.cczgr-check-list > li + li { margin-top: 0.65rem; } ul.cczgr-check-list > li::before { content: ""; position: absolute; left: 0; top: 0.12em; width: 1.35em; height: 1.35em; border-radius: 999px; background: var(--wp--preset--color--brand-light); } ul.cczgr-check-list > li::after { content: ""; position: absolute; left: 0.36em; top: 0.55em; width: 0.62em; height: 0.3em; border-left: 2px solid var(--wp--preset--color--brand-dark); border-bottom: 2px solid var(--wp--preset--color--brand-dark); transform: rotate(-45deg); } .cczgr-stats .wp-block-group.is-layout-grid { grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)); justify-items: center; } .cczgr-stats .cczgr-stat { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; } .cczgr-stats .cczgr-stat > p { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .cczgr-stats p.cczgr-stat-number { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: clamp(2.25rem, 4.5vw, 3.25rem); line-height: 1.05; letter-spacing: -0.02em; } .cczgr-form { display: grid; grid-template-columns: 1fr; row-gap: 1.1rem; column-gap: 1rem; } @media (min-width: 782px) { .cczgr-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .cczgr-form > * { grid-column: 1 / -1; } .cczgr-form > .cczgr-form-field--half { grid-column: auto / span 1; } } .cczgr-form-field { display: grid; gap: 0.45rem; min-width: 0; } .cczgr-form label { font-weight: 600; font-size: 0.9375rem; letter-spacing: 0.01em; color: var(--wp--preset--color--contrast); } .cczgr-form input[type="text"], .cczgr-form input[type="email"], .cczgr-form input[type="tel"], .cczgr-form select, .cczgr-form textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 0.8rem 1rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--sm); background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); font-family: inherit; font-size: 1rem; line-height: 1.5; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .cczgr-form textarea { resize: vertical; min-height: 9rem; } .cczgr-form select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; padding-right: 2.75rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 14px; } .cczgr-field-hint { display: block; margin-top: 0.4rem; font-size: 0.85rem; line-height: 1.4; color: var(--wp--preset--color--contrast-2); } .cczgr-page-header .cczgr-eyebrow, .cczgr-service-header .cczgr-eyebrow { color: var(--wp--preset--color--brand-light) !important; opacity: 0.95; } .cczgr-form input::placeholder, .cczgr-form textarea::placeholder { color: var(--wp--preset--color--contrast-2); opacity: 0.75; } .cczgr-form input:hover, .cczgr-form select:hover, .cczgr-form textarea:hover { border-color: var(--wp--preset--color--contrast-2); } .cczgr-form input:focus-visible, .cczgr-form select:focus-visible, .cczgr-form textarea:focus-visible { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 1px; border-color: var(--wp--preset--color--brand); box-shadow: 0 0 0 4px var(--wp--preset--color--brand-light); } .cczgr-form button.wp-element-button { min-height: 44px; cursor: pointer; justify-self: start; border: 0; border-radius: 999px; padding: 0.8rem 2rem; background: var(--wp--preset--color--brand-dark); color: var(--wp--preset--color--base); font-size: 1rem; font-weight: 600; font-family: inherit; } .cczgr-form button.wp-element-button:hover, .cczgr-form button.wp-element-button:focus-visible { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); } .cczgr-form .cczgr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } .cczgr-form-msg { margin: 0 0 1.25rem; padding: 0.85rem 1.1rem; border-radius: var(--wp--custom--radius--sm); font-weight: 500; } .cczgr-form-msg--ok { background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--brand); } .cczgr-form-msg--error { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; } @media (prefers-reduced-motion: no-preference) { .cczgr-fade-in { animation: cczgr-fade 0.7s ease both; } @keyframes cczgr-fade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } } .cczgr-cookie { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1.25rem; background: rgba(15, 23, 42, 0.55); animation: cczgr-cookie-in 0.2s ease-out; } @supports (backdrop-filter: blur(2px)) { .cczgr-cookie { backdrop-filter: blur(2px); } } .cczgr-cookie[hidden] { display: none; } @keyframes cczgr-cookie-in { from { opacity: 0; } to { opacity: 1; } } html.cczgr-cookie-open, body.cczgr-cookie-open { overflow: hidden; } .cczgr-cookie__inner { display: flex; flex-direction: column; gap: 1.1rem; width: 100%; max-width: 520px; max-height: 90vh; overflow-y: auto; padding: 1.75rem; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); border-radius: var(--wp--custom--radius--md); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28); animation: cczgr-cookie-pop 0.22s ease-out; } @keyframes cczgr-cookie-pop { from { transform: translateY(12px) scale(0.98); opacity: 0; } to { transform: none; opacity: 1; } } .cczgr-cookie__text strong { display: block; margin-bottom: 0.35rem; font-size: 1.15rem; } .cczgr-cookie__text p { margin: 0; font-size: var(--wp--preset--font-size--small); line-height: 1.6; color: var(--wp--preset--color--contrast-2); } .cczgr-cookie__text a { color: var(--wp--preset--color--brand-dark); } .cczgr-cookie__opts { display: flex; flex-direction: column; gap: 0.55rem; margin-top: 0.9rem; } .cczgr-cookie__opts[hidden] { display: none; } .cczgr-cookie__opts label { display: flex; align-items: center; gap: 0.5rem; font-size: var(--wp--preset--font-size--small); } .cczgr-cookie__opts span { color: var(--wp--preset--color--contrast-2); } .cczgr-cookie__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; } .cczgr-cookie__btn { font: inherit; font-weight: 600; cursor: pointer; flex: 1 1 auto; min-width: 8rem; text-align: center; padding: 0.7rem 1.15rem; border-radius: 999px; border: 1px solid transparent; font-size: var(--wp--preset--font-size--small); } .cczgr-cookie__btn--accept { background: var(--wp--preset--color--brand-dark); color: var(--wp--preset--color--base); } .cczgr-cookie__btn--ghost { background: transparent; border-color: var(--wp--preset--color--border); color: var(--wp--preset--color--contrast); } .cczgr-cookie__btn--link { flex: 0 0 auto; min-width: 0; background: transparent; border: 0; color: var(--wp--preset--color--contrast-2); text-decoration: underline; text-underline-offset: 0.2em; padding: 0.7rem 0.5rem; } .cczgr-cookie__btn:hover { opacity: 0.92; } .cczgr-cookie__btn:focus-visible { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 2px; } .cczgr-fab { position: fixed; right: 1.1rem; bottom: 1.25rem; z-index: 9990; display: flex; flex-direction: column; gap: 0.6rem; } .cczgr-fab__btn { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 999px; color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); transition: transform 0.2s ease; } .cczgr-fab__btn svg { width: 28px; height: 28px; } .cczgr-fab__wa { background: #25D366; } .cczgr-fab__msgr { background: #0084FF; } @media (prefers-reduced-motion: no-preference) { .cczgr-fab__btn:hover { transform: scale(1.08); } } .cczgr-mobilebar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9985; display: none; gap: 1px; background: var(--wp--preset--color--border); box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12); } .cczgr-mobilebar__btn { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.95rem 0.5rem; font-weight: 700; font-size: var(--wp--preset--font-size--small); text-decoration: none; } .cczgr-mobilebar__call { background: var(--wp--preset--color--base); color: var(--wp--preset--color--brand-dark); } .cczgr-mobilebar__book { background: var(--wp--preset--color--brand-dark); color: var(--wp--preset--color--base); } .cczgr-mobilebar .cczgr-icon { width: 1.05em; height: 1.05em; } @media (max-width: 781px) { .cczgr-mobilebar { display: flex; } body { padding-bottom: 58px; } .cczgr-fab { bottom: calc(58px + 0.75rem); } .cczgr-cookie { bottom: calc(58px + 0.5rem); } } .cczgr-news-form { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; margin-top: 0.5rem; } .cczgr-news-form input[type="email"] { flex: 1 1 260px; max-width: 360px; padding: 0.8rem 1.1rem; border: 1px solid var(--wp--preset--color--border); border-radius: 999px; background: var(--wp--preset--color--base); font: inherit; } .cczgr-news-form button { padding: 0.8rem 1.6rem; border: none; border-radius: 999px; background: var(--wp--preset--color--brand-dark); color: var(--wp--preset--color--base); font: inherit; font-weight: 600; cursor: pointer; } .cczgr-partner-logo { margin: 0; } .cczgr-partner-logo img { max-height: 54px; width: auto; object-fit: contain; filter: grayscale(1); opacity: 0.62; transition: filter 0.25s ease, opacity 0.25s ease; } .cczgr-partner-logo:hover img { filter: grayscale(0); opacity: 1; } .cczgr-google-card { border: 1px solid var(--wp--preset--color--border); margin-left: auto; margin-right: auto; } .cczgr-google-mark { font-weight: 700; font-size: 1.4rem; letter-spacing: 0.01em; } .cczgr-g--b { color: #4285F4; } .cczgr-g--r { color: #EA4335; } .cczgr-g--y { color: #FBBC05; } .cczgr-g--g { color: #34A853; } .cczgr-google-rating { font-size: 2.6rem; font-weight: 800; line-height: 1; color: var(--wp--preset--color--contrast); } .cczgr-google-rating span { font-size: 1.1rem; font-weight: 600; color: var(--wp--preset--color--contrast-2); } p.cczgr-google-stars { color: #FBBC05; font-size: 1.15rem; letter-spacing: 0.12em; } .cczgr-platforms { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 34rem)); justify-content: center; gap: 1.5rem; } .cczgr-platform-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; padding: 1.5rem 1.75rem; border: 1px solid var(--wp--preset--color--border); border-radius: 16px; background: var(--wp--preset--color--base); } .cczgr-platform-info > p { margin: 0; } .cczgr-platform-mark { font-weight: 700; font-size: 1.3rem; line-height: 1.2; color: var(--wp--preset--color--contrast); } .cczgr-platform-info > p.cczgr-platform-score { margin-top: 0.35rem; display: flex; align-items: baseline; gap: 0.6rem; } .cczgr-platform-rating { font-size: 2rem; font-weight: 800; line-height: 1; color: var(--wp--preset--color--contrast); } .cczgr-platform-rating small { font-size: 1rem; font-weight: 600; color: var(--wp--preset--color--contrast-2); } .cczgr-platform-stars { color: #FBBC05; font-size: 1.1rem; letter-spacing: 0.12em; } .cczgr-platform-info > p.cczgr-platform-count { margin-top: 0.3rem; font-size: 0.875rem; color: var(--wp--preset--color--contrast-2); } .cczgr-platform-info > p.cczgr-platform-note { margin-top: 0.15rem; font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--brand-dark); } .cczgr-platform-button { flex: none; } .cczgr-platform-button > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--contrast); border: 2px solid currentColor; text-shadow: none; } .cczgr-platform-button > .wp-block-button__link:hover, .cczgr-platform-button > .wp-block-button__link:focus-visible { color: var(--wp--preset--color--brand-dark); border-color: var(--wp--preset--color--brand); } @media (max-width: 480px) { .cczgr-platform-button, .cczgr-platform-button .wp-block-button__link { width: 100%; } } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (min-width: 1000px) { .cczgr-svc-grid:has(+ .cczgr-home-more) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .wp-block-gallery.cczgr-member-certs { margin-top: 2rem; } .wp-block-gallery.cczgr-member-certs figure.wp-block-image { flex-direction: column; justify-content: flex-start; } .wp-block-gallery.cczgr-member-certs figure.wp-block-image img { border: 1px solid var(--wp--preset--color--border); border-radius: 8px; background: var(--wp--preset--color--base); } .wp-block-gallery.cczgr-member-certs figure.wp-block-image:has(figcaption)::before { display: none; } .wp-block-gallery.cczgr-member-certs figure.wp-block-image figcaption { position: static; max-height: none; overflow: visible; padding: 0.6rem 0 0; background: none; color: var(--wp--preset--color--contrast-2); font-size: 0.8125rem; line-height: 1.45; text-align: left; text-shadow: none; } .cczgr-ba { position: relative; margin: 0; overflow: hidden; border-radius: var(--wp--custom--radius--md); aspect-ratio: 4 / 3; box-shadow: var(--wp--custom--shadow--card); background: var(--wp--preset--color--base-2); container-type: inline-size; } .cczgr-ba__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .cczgr-ba__before { position: absolute; inset: 0; width: var(--pos, 50%); overflow: hidden; } .cczgr-ba__before .cczgr-ba__img { width: 100cqw; max-width: none; height: 100%; } .cczgr-ba__divider { position: absolute; top: 0; bottom: 0; left: var(--pos, 50%); width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); transform: translateX(-1px); pointer-events: none; } .cczgr-ba__divider::after { content: ""; position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; transform: translate(-50%, -50%); border-radius: 999px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .cczgr-ba__divider::before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%) rotate(45deg); border: 2px solid var(--wp--preset--color--brand-dark); border-width: 2px 2px 0 0; opacity: 0.0; } .cczgr-ba__tag { position: absolute; bottom: 0.7rem; padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.72rem; font-weight: 700; color: #fff; background: rgba(15, 23, 42, 0.66); letter-spacing: 0.03em; } .cczgr-ba__tag--before { left: 0.7rem; } .cczgr-ba__tag--after { right: 0.7rem; } .cczgr-ba__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; } .cczgr-job .wp-block-button, .cczgr-job .wp-block-button__link { width: 100%; text-align: center; } .cczgr-legal h2 { margin-top: 2rem; } .cczgr-legal p, .cczgr-legal li { line-height: 1.8; color: var(--wp--preset--color--contrast-2); } .cczgr-legal-note { background: var(--wp--preset--color--brand-light); border-left: 3px solid var(--wp--preset--color--brand); border-radius: 10px; padding: 1rem 1.25rem; color: var(--wp--preset--color--contrast) !important; font-size: var(--wp--preset--font-size--small); } .cczgr-legal-date { color: var(--wp--preset--color--contrast-2); margin-top: 2rem; } .cczgr-form-consent { margin-top: 0.25rem; } .cczgr-consent-label { display: flex; gap: 0.6rem; align-items: flex-start; font-size: var(--wp--preset--font-size--small); line-height: 1.5; color: var(--wp--preset--color--contrast-2); cursor: pointer; } .cczgr-consent-label input[type="checkbox"] { margin-top: 0.2rem; flex: 0 0 auto; width: 1.05rem; height: 1.05rem; accent-color: var(--wp--preset--color--brand-dark); } .cczgr-consent-label a { color: var(--wp--preset--color--brand-dark); } .cczgr-promo-date { font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem; margin: 0; } .cczgr-promo-more a { color: var(--wp--preset--color--brand-dark); text-decoration: none; } .cczgr-promo-more a:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-voucher-img img { box-shadow: var(--wp--custom--shadow--card); } .cczgr-eyebrow.has-brand-color { color: var(--wp--preset--color--brand-dark) !important; } .cczgr-legal { counter-reset: cczgr-legal; } .cczgr-legal h2 { counter-increment: cczgr-legal; } .cczgr-legal h2::before { content: counter(cczgr-legal) ". "; } .cczgr-legal--terms h2::before { content: "§" counter(cczgr-legal) ". "; } .cczgr-price-more-wrap:empty { display: none; } .cczgr-price-more-wrap { margin: 0.15rem 0 0; } .cczgr-price-more { color: var(--wp--preset--color--brand-dark); text-decoration: none; } .cczgr-price-more:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-svc-more-wrap:empty { display: none; } .cczgr-svc-more-wrap { margin: 0.35rem 0 0; } .cczgr-svc-more { color: var(--wp--preset--color--brand-dark); font-weight: 600; text-decoration: none; } .cczgr-svc-more:hover { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-svc-grid .cczgr-card { position: relative; } .cczgr-svc-more::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .cczgr-svc-grid .cczgr-card:hover .cczgr-svc-more { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-post-cta { text-align: left; } .cczgr-post-cta > :first-child { margin-top: 0 !important; } .cczgr-post-cta .cczgr-post-cta-sub { opacity: 0.85; margin-top: 0.35rem; } .cczgr-post-cta .wp-block-buttons { flex-wrap: wrap; } .cczgr-post-cta .is-style-outline .wp-block-button__link { border-color: currentColor; color: var(--wp--preset--color--base); } .cczgr-post-body > * { margin-block: 0; } .cczgr-post-aside { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.75rem 1.5rem; max-width: 720px; margin: 0 auto 2.5rem !important; padding: 1rem 1.25rem; border: 1px solid var(--wp--preset--color--border); border-radius: 16px; background: var(--wp--preset--color--base); box-sizing: border-box; } .cczgr-post-aside > *, .cczgr-post-aside-main > *, .cczgr-post-aside-actions > * { margin: 0 !important; } .cczgr-post-aside:not(:has(.cczgr-post-aside-person)) { border-top: 3px solid var(--wp--preset--color--brand); } .cczgr-post-aside-person { display: flex; align-items: center; gap: 0.8rem; } .cczgr-post-aside-photo { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; box-shadow: 0 0 0 3px var(--wp--preset--color--base), 0 0 0 4px var(--wp--preset--color--border); } .cczgr-post-aside-person p { margin: 0; line-height: 1.3; } .cczgr-post-aside-person strong { display: block; font-size: 1rem; color: var(--wp--preset--color--contrast); } .cczgr-post-aside-person span { display: block; font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); } .cczgr-post-aside-main { grid-column: 1; display: flex; flex-direction: column; gap: 0.3rem; } .cczgr-post-aside-title { font-family: var(--wp--preset--font-family--heading, inherit); font-weight: 700; font-size: 1.2rem; line-height: 1.25; color: var(--wp--preset--color--contrast); } .cczgr-post-aside-text, .cczgr-post-aside-hours { font-size: 0.9rem; line-height: 1.45; color: var(--wp--preset--color--contrast-2); } .cczgr-post-aside-hours { display: flex; align-items: center; gap: 0.45rem; } .cczgr-post-aside-hours::before { content: ""; flex: 0 0 1em; width: 1em; height: 1em; background: var(--wp--preset--color--brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center / contain no-repeat; } .cczgr-post-aside-person { grid-column: 1; } .cczgr-post-aside-actions { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } .cczgr-post-aside:not(:has(.cczgr-post-aside-person)) .cczgr-post-aside-actions { grid-row: 1; } .cczgr-post-aside-phone { font-size: 0.875rem; color: var(--wp--preset--color--contrast-2); } .cczgr-post-aside-phone a { font-weight: 700; white-space: nowrap; color: var(--wp--preset--color--contrast); text-underline-offset: 0.2em; } @media (min-width: 1280px) { .cczgr-post-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 720px) minmax(0, 1fr); column-gap: 2.5rem; align-items: start; } .cczgr-post-body > .wp-block-post-content { grid-column: 2; grid-row: 1; } .cczgr-post-aside { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; max-width: 290px; margin: 0 !important; padding: 0; overflow: hidden; position: sticky; top: 7rem; } .cczgr-post-aside-person { padding: 1.1rem 1.25rem; background: var(--wp--preset--color--brand-light); border-bottom: 1px solid var(--wp--preset--color--border); } .cczgr-post-aside-photo { box-shadow: 0 0 0 3px var(--wp--preset--color--base); } .cczgr-post-aside-main { flex: 0 0 auto; padding: 1.2rem 1.25rem 0.9rem; gap: 0.45rem; } .cczgr-post-aside-actions { padding: 0 1.25rem 1.2rem; align-items: stretch; text-align: center; } .cczgr-post-aside .wp-block-button, .cczgr-post-aside .wp-block-button__link { width: 100%; text-align: center; } } @media (max-width: 781px) { .cczgr-post-aside { display: none; } } .cczgr-post-cta .cczgr-post-cta-book .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--brand-dark); border: 2px solid var(--wp--preset--color--base); } .cczgr-post-cta .cczgr-post-cta-book + .cczgr-post-cta-call .wp-block-button__link { background: transparent; border: 2px solid currentColor; color: var(--wp--preset--color--base); } .cczgr-service-back a { color: var(--wp--preset--color--base); opacity: 0.82; text-decoration: none; font-size: var(--wp--preset--font-size--small); } .cczgr-service-back a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-service-price { margin: 0.25rem 0 0; padding: 0.3rem 0.9rem; border-radius: 999px; background: rgba(255, 255, 255, 0.16); color: var(--wp--preset--color--base); font-weight: 600; width: fit-content; margin-inline: auto; } .cczgr-service-header { padding-top: max(var(--wp--preset--spacing--60), 3rem) !important; padding-bottom: max(var(--wp--preset--spacing--60), 3rem) !important; } .cczgr-service-head > .cczgr-eyebrow { margin-top: 1.1rem; } .cczgr-service-head > h1.wp-block-heading { margin-top: 0.9rem; } .cczgr-service-head > h1.wp-block-heading + p { margin-top: 1.4rem; } .cczgr-service-head > .cczgr-service-price { margin-top: 2rem; } @media (max-width: 600px) { .cczgr-service-head > h1.wp-block-heading + p { margin-top: 1.25rem; } .cczgr-service-head > .cczgr-service-price { margin-top: 1.6rem; } } .cczgr-cta-sub:empty { display: none; } .cczgr-form:tool-form-active { outline: 2px dashed var(--wp--preset--color--brand, #0d9488); outline-offset: 3px; border-radius: 6px; } .cczgr-form button:tool-submit-active { outline: 2px dashed var(--wp--preset--color--accent, #f59e0b); outline-offset: 2px; } .cczgr-partners-row { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(120px, 200px)); justify-content: center; gap: 1.5rem 2rem !important; align-items: center; justify-items: center; } .cczgr-partner-logo { width: 100%; display: flex; justify-content: center; margin: 0; } .cczgr-partner-logo img { height: 46px; max-height: 46px; width: auto; max-width: 100%; object-fit: contain; filter: grayscale(1); opacity: 0.62; transition: filter 0.25s ease, opacity 0.25s ease; } .cczgr-partner-logo:hover img { filter: grayscale(0); opacity: 1; } .cczgr-ba-grid { grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)) !important; } .cczgr-careers-grid { grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)) !important; } .cczgr-job { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; } .cczgr-job .wp-block-buttons { margin-top: auto; padding-top: 0.75rem; } .cczgr-consent-label { display: block; position: relative; padding-left: 1.75rem; font-size: var(--wp--preset--font-size--small); line-height: 1.55; color: var(--wp--preset--color--contrast-2); cursor: pointer; } .cczgr-consent-label input[type="checkbox"] { position: absolute; left: 0; top: 0.2em; margin: 0; width: 1.05rem; height: 1.05rem; accent-color: var(--wp--preset--color--brand-dark); } .wp-block-post-content > .alignfull, .entry-content > .alignfull { margin-block-start: 0; margin-block-end: 0; } @media (min-width: 782px) { .cczgr-header .cczgr-nav-flyout { position: relative; } .cczgr-header .cczgr-nav-flyout > .wp-block-navigation__submenu-container { position: absolute; left: 100% !important; right: auto !important; transform: none !important; top: -0.62rem !important; margin: 0 0 0 1.1rem; min-width: 240px; max-width: min(280px, calc(100vw - 3rem)); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--custom--shadow--card); padding: 0.5rem; z-index: 70; } .cczgr-header .cczgr-nav-flyout > .wp-block-navigation__submenu-container::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: -1.7rem !important; width: 1.7rem !important; background: transparent !important; } } .wp-block-button__link[href^="tel:"]::before, .cczgr-nav-cta .wp-block-navigation-item__content::before { content: ""; display: inline-block; width: 1.05em; height: 1.05em; margin-right: 0.5em; vertical-align: -0.15em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; } .wp-block-button:not(.is-style-outline) > .wp-block-button__link, .cczgr-form button.wp-element-button { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); } .cczgr-hero h1 { text-wrap: balance; } .cczgr-fleet-grid{display:grid;grid-template-columns:1fr;gap:1.25rem} .cczgr-fleet-card{overflow:hidden;display:grid;grid-template-columns:minmax(250px,360px) 1fr} .cczgr-fleet-card .cczgr-fleet-img{margin:0;height:100%} .cczgr-fleet-card .cczgr-fleet-img img{display:block;width:100%;height:100%;min-height:235px;object-fit:cover} .cczgr-fleet-body{padding:1.05rem 1.3rem;display:grid;grid-template-columns:1fr minmax(215px,250px);column-gap:1.6rem;row-gap:.45rem;align-content:center;align-items:start} .cczgr-fleet-grid > *, .cczgr-fleet-body > *, .cczgr-fleet-prices > *, .cczgr-fleet-price-row > *{margin-block-start:0} .cczgr-fleet-body h3{margin:0;grid-column:1} .cczgr-fleet-body p{margin:0} .cczgr-fleet-specs{grid-column:1;display:flex;flex-wrap:wrap;gap:.4rem .45rem} .cczgr-fleet-chip{display:inline-block;background:var(--wp--preset--color--brand-light);color:var(--wp--preset--color--brand-dark);padding:.22rem .62rem;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1.35;white-space:nowrap} .cczgr-fleet-desc{grid-column:1} .cczgr-fleet-prices{grid-column:2;grid-row:1/span 3;margin:0;background:var(--wp--preset--color--base-2);border:1px solid var(--wp--preset--color--border);border-radius:14px;padding:.95rem 1.1rem;align-self:center;width:100%;display:flex;flex-direction:column;justify-content:center} .cczgr-fleet-price-row{display:flex;flex-direction:column;gap:.05rem;padding:.35rem 0;border:0} .cczgr-fleet-price-row + .cczgr-fleet-price-row{border-top:1px dashed var(--wp--preset--color--border)} .cczgr-fleet-price-row:has(.cczgr-fleet-price-value:empty){display:none} .cczgr-fleet-price-row > p:first-child{font-size:.72rem !important;text-transform:uppercase;letter-spacing:.07em;font-weight:600} .cczgr-fleet-price-value{font-size:1.5rem !important;line-height:1.15;font-family:var(--wp--preset--font-family--heading)} .cczgr-fleet-book-wrap{grid-column:2;margin-top:.55rem} .cczgr-fleet-book-wrap:empty{display:none} a.cczgr-fleet-book{display:block;text-align:center;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);padding:.6rem 1.15rem;border-radius:10px;font-weight:700;font-size:.92rem;text-decoration:none;transition:background .18s ease} a.cczgr-fleet-book:hover{background:var(--wp--preset--color--brand-dark)} @media (max-width: 781px) { .cczgr-fleet-card{grid-template-columns:1fr} .cczgr-fleet-card .cczgr-fleet-img img{min-height:0;aspect-ratio:16/10} .cczgr-fleet-body{grid-template-columns:1fr;padding:1rem 1.1rem 1.25rem} .cczgr-fleet-prices{grid-column:1;grid-row:auto;margin-top:.65rem} .cczgr-fleet-book-wrap{grid-column:1} } .cczgr-header .wp-block-group:has(> .wp-block-site-logo) .wp-block-site-title { display: none; } .cczgr-header .wp-block-site-logo { line-height: 0; } .cczgr-header .wp-block-site-logo .custom-logo-link, .cczgr-header .wp-block-site-logo img { display: block; } @media (max-width: 781px) { .cczgr-header .wp-block-site-logo img { max-width: 170px; height: auto; } } .cczgr-header .wp-element-button, .cczgr-header .wp-block-button__link { font-size: 0.9375rem; padding: 0.6rem 1.25rem; min-height: 40px; } .wp-element-button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; font-size: 1.0625rem; line-height: 1.25; } .wp-block-button.is-style-outline > .wp-block-button__link { padding: calc(0.85rem - 2px) calc(1.6rem - 2px); min-height: 48px; } .wp-block-button.has-small-font-size > .wp-block-button__link, .wp-block-buttons.has-small-font-size .wp-block-button > .wp-block-button__link { font-size: 0.9375rem; min-height: 44px; padding: 0.6rem 1.25rem; } .wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; } .wp-site-blocks > main { flex: 1 0 auto; } .cczgr-header .wp-block-navigation__responsive-container-open svg, .cczgr-header .wp-block-navigation__responsive-container-close svg { display: none; } .cczgr-header .wp-block-navigation__responsive-container-open::before, .cczgr-header .wp-block-navigation__responsive-container-close::before { content: ""; display: block; background-color: currentColor; } .cczgr-header .wp-block-navigation__responsive-container-open::before { width: 30px; height: 30px; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%206h16%27%2F%3E%3Cpath%20d%3D%27M4%2012h16%27%2F%3E%3Cpath%20d%3D%27M4%2018h16%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%206h16%27%2F%3E%3Cpath%20d%3D%27M4%2012h16%27%2F%3E%3Cpath%20d%3D%27M4%2018h16%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; } .cczgr-header .wp-block-navigation__responsive-container-close::before { width: 27px; height: 27px; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M18%206%206%2018%27%2F%3E%3Cpath%20d%3D%27m6%206%2012%2012%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M18%206%206%2018%27%2F%3E%3Cpath%20d%3D%27m6%206%2012%2012%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; } .cczgr-header .wp-block-navigation__responsive-container-open { width: 48px; height: 48px; } .cczgr-header .wp-block-navigation__responsive-container-close { width: 48px; height: 48px; display: flex; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open { transform: none !important; top: 0; padding: 0 1.25rem; } @media (max-width: 781px) { body:has(.cczgr-mobilebar) .cczgr-header .wp-block-navigation__responsive-container.is-menu-open { bottom: 0; } body:has(.cczgr-mobilebar) .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-bottom: calc(1.5rem + 64px); } } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 4.25rem; padding-bottom: 1.5rem; } .cczgr-header .wp-block-navigation__responsive-container-close { position: absolute; top: 0.9rem; right: 1.25rem; width: 48px; height: 48px; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .cczgr-nav-cta { display: none; } body:has(.wp-block-navigation__responsive-container.is-menu-open) .cczgr-fab { display: none; } body:has(.wp-block-navigation__responsive-container.is-menu-open) { overflow: hidden; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; } .cczgr-header .wp-block-navigation__responsive-container.is-menu-open { overflow-x: hidden; } .cczgr-fleet-card.wp-block-group.has-background { padding: 1.25em; } @media (min-width: 782px) { .cczgr-fleet-body { padding-right: 0; } } .cczgr-fleet-prices { align-self: end; } .cczgr-fleet-book-wrap { align-self: start; margin-top: 0.5rem; } .cczgr-fleet-body h3.wp-block-heading { font-size: 1.3rem !important; line-height: 1.25; margin-bottom: 0.6rem; } .cczgr-service-cta { position: relative; background-image: var(--cczgr-service-cta-image); background-size: cover; background-position: center; isolation: isolate; } .cczgr-service-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: color-mix(in srgb, var(--wp--preset--color--brand-dark) 84%, transparent); } .cczgr-mig-section { padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--70); } .cczgr-mig-section > :where(h1, h2, h3, h4, h5, h6, ul, ol, blockquote, figure, details, .wp-block-buttons) { max-width: var(--wp--style--global--wide-size) !important; } .cczgr-mig-section > p { max-width: min(75ch, 100%) !important; margin-left: max(0px, calc((100% - var(--wp--style--global--wide-size)) / 2)) !important; margin-right: auto !important; } .cczgr-mig-section > * + *, .cczgr-content-image .wp-block-column > * + * { margin-top: 1em; } .cczgr-mig-section > :where(h1, h2, h3, h4, h5, h6) + *, .cczgr-content-image .wp-block-column > :where(h1, h2, h3, h4, h5, h6) + *, .cczgr-content-image .wp-block-column > .cczgr-eyebrow + * { margin-top: 0.6em; } .cczgr-mig-section > :where(h1, h2, h3, h4, h5, h6), .cczgr-content-image .wp-block-column > :where(h1, h2, h3, h4, h5, h6) { margin-bottom: 0.6em; } .cczgr-mig-section > * + :where(h1, h2, h3, h4, h5, h6), .cczgr-content-image .wp-block-column > * + :where(h1, h2, h3, h4, h5, h6) { margin-top: 2.5em; } .cczgr-mig-section > :where(h1, h2, h3, h4, h5, h6):first-child, .cczgr-content-image .wp-block-column > :where(h1, h2, h3, h4, h5, h6):first-child, .cczgr-content-image .wp-block-column > .cczgr-eyebrow:first-child { margin-top: 0; } .cczgr-mig-section h2, .cczgr-mig-section h3 { text-wrap: balance; } main:has(> .entry-content:last-child > :last-child.alignfull) { padding-bottom: 0 !important; } .cczgr-mig-section > .wp-block-image + .wp-block-details, .cczgr-mig-section > .wp-block-image + details { margin-top: 3rem; } .cczgr-mig-section img, .cczgr-mig-card img { width: 100%; height: auto; border-radius: var(--wp--custom--radius--md); } .cczgr-mig-card img { aspect-ratio: 4 / 3; object-fit: cover; } .cczgr-mig-card { height: 100%; padding: 1.75rem 1.5rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--custom--shadow--card); background: var(--wp--preset--color--base); transition: transform 0.25s ease, box-shadow 0.25s ease; } @media (prefers-reduced-motion: no-preference) { .cczgr-mig-card:hover { transform: translateY(-3px); box-shadow: var(--wp--custom--shadow--card-hover); } } .cczgr-mig-card > * + * { margin-top: 0.65rem; } .cczgr-mig-card img { margin-bottom: 0.25rem; } @media (max-width: 782px) { .cczgr-mig-section .wp-block-columns:has(> .wp-block-column > .cczgr-mig-card) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 1rem !important; } .cczgr-mig-section .wp-block-columns:has(> .wp-block-column > .cczgr-mig-card) > .wp-block-column { width: auto !important; } } .cczgr-page-banner-title { color: var(--wp--preset--color--base); text-align: center; text-wrap: balance; } .cczgr-page-banner-sub { color: var(--wp--preset--color--base); opacity: 0.92; } .cczgr-page-banner-sub:empty { display: none; } .cczgr-step-grid .cczgr-mig-card { box-shadow: none; padding: 2rem 1.75rem; text-align: center; } .cczgr-step-card { display: flex; flex-direction: column; align-items: center; } .cczgr-step-num { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 999px; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); font-weight: 700; font-size: 1.5rem; margin-bottom: 1.1rem; flex: none; } .cczgr-step-title { font-size: 1.15rem; line-height: 1.3; margin-bottom: 0.5rem; } .cczgr-step-text { font-size: 1rem; line-height: 1.6; color: var(--wp--preset--color--contrast-2); } .cczgr-footer-logo { display: block; width: 170px; height: auto; margin-bottom: 0.9rem; } .cczgr-carousel { position: relative; display: flex; align-items: center; gap: 0.75rem; } .cczgr-carousel__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 1.5rem; flex: 1; min-width: 0; padding-block: 0.5rem; padding-inline: 0; scroll-padding-inline: 0; } .cczgr-carousel > .cczgr-carousel__track { max-width: none; } .cczgr-carousel__track::-webkit-scrollbar { display: none; } .cczgr-carousel__item { scroll-snap-align: start; flex: 0 0 calc((100% - 3rem) / 3); min-width: 0; display: flex; flex-direction: column; margin-block-start: 0; } .cczgr-carousel__track { align-items: stretch; } @media (max-width: 980px) { .cczgr-carousel__item { flex: 0 0 calc((100% - 1.5rem) / 2); } } @media (max-width: 680px) { .cczgr-carousel__item { flex-basis: 100%; } } .cczgr-carousel__text { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .cczgr-carousel__text.is-expanded { -webkit-line-clamp: unset; overflow: visible; } .cczgr-carousel__more { align-self: flex-end; margin-left: auto; margin-top: -0.25rem; padding: 0; border: 0; background: none; font: inherit; font-weight: 600; font-size: 0.875rem; color: var(--wp--preset--color--brand-dark); cursor: pointer; text-decoration: underline; } .cczgr-carousel__item > :where(.wp-block-group, div):last-child { margin-top: auto; } .cczgr-testimonial-author { align-items: center; padding-top: 0.5rem; } .cczgr-testimonial-author-col { min-width: 0; flex: 1 1 auto; } .cczgr-testimonial-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cczgr-avatar { display: flex; align-items: center; justify-content: center; flex: none; width: 2.5rem; height: 2.5rem; border-radius: 999px; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.02em; } .cczgr-avatar--lg { width: 3.5rem; height: 3.5rem; font-size: 1.1rem; } .cczgr-post-author { display: flex; align-items: flex-start; gap: 1rem; margin-top: 2.5rem; padding: 1.25rem 1.5rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--base-2); } .cczgr-post-author .cczgr-avatar { margin-top: 0.15rem; } .cczgr-post-author-col { min-width: 0; } .cczgr-post-author-name { margin: 0; font-weight: 700; color: var(--wp--preset--color--contrast); } .cczgr-post-author-bio { margin: 0.35rem 0 0; font-size: 0.9rem; line-height: 1.5; color: var(--wp--preset--color--contrast-2); } .cczgr-post-author-linkedin { display: inline-block; margin-top: 0.6rem; font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--brand-dark); text-decoration: underline; } .cczgr-post-disclaimer { margin-top: 1rem; padding: 0.75rem 1rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base-2); color: var(--wp--preset--color--contrast-2); font-size: 0.8125rem; line-height: 1.5; } .cczgr-carousel__arrow { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); cursor: pointer; transition: border-color 0.2s ease, color 0.2s ease; } .cczgr-carousel__arrow:hover, .cczgr-carousel__arrow:focus-visible { border-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--brand-dark); } .cczgr-carousel__arrow svg { width: 20px; height: 20px; } .cczgr-carousel__arrow:disabled { opacity: 0.35; cursor: default; } .cczgr-carousel__dots { display: flex; justify-content: center; gap: 0.25rem; margin-top: 1.75rem; } .cczgr-carousel__dots button { position: relative; width: 24px; height: 24px; padding: 0; border-radius: 999px; border: 0; background: transparent; cursor: pointer; } .cczgr-carousel__dots button::after { content: ""; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 999px; background: var(--wp--preset--color--border); transition: background-color 0.2s ease, transform 0.2s ease; } .cczgr-carousel__dots button[aria-pressed="true"]::after { background: var(--wp--preset--color--brand); transform: scale(1.25); } .cczgr-hero-slider { position: relative; display: grid; min-height: 80vh; } .cczgr-hero-slider .cczgr-hero-slide { grid-area: 1 / 1; height: 100% !important; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.5s ease; margin-block-start: 0; } .cczgr-hero-slider .cczgr-hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; } @media (prefers-reduced-motion: reduce) { .cczgr-hero-slider .cczgr-hero-slide { transition: none; } } .cczgr-hero-slide-pill { margin-top: 1.1rem; } .cczgr-hero-slide-pill a { display: inline-block; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); font-weight: 600; padding: 0.65rem 1.6rem; border-radius: 999px; border: 4px solid var(--wp--preset--color--base); box-shadow: var(--wp--custom--shadow--button); text-decoration: none; transition: background-color 0.2s ease; } .cczgr-hero-slide-pill a:hover { background: var(--wp--preset--color--brand-dark); } .cczgr-hero-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 999px; border: 0; background: color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent); color: var(--wp--preset--color--base); cursor: pointer; transition: background-color 0.2s ease; } .cczgr-hero-slider__arrow:hover, .cczgr-hero-slider__arrow:focus-visible { background: color-mix(in srgb, var(--wp--preset--color--contrast) 55%, transparent); } .cczgr-hero-slider__arrow svg { width: 24px; height: 24px; } .cczgr-hero-slider__prev { left: 1rem; } .cczgr-hero-slider__next { right: 1rem; } .cczgr-hero-slider__dots { position: absolute; bottom: 1.5rem; left: 0; right: 0; z-index: 5; display: flex; justify-content: center; gap: 0.55rem; } .cczgr-hero-slider__dots button { position: relative; width: 10px; height: 10px; padding: 0; border-radius: 999px; border: 0; background: color-mix(in srgb, var(--wp--preset--color--base) 55%, transparent); cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; } .cczgr-hero-slider__dots button[aria-pressed="true"] { background: var(--wp--preset--color--base); transform: scale(1.3); } .cczgr-hero-slider__arrow::before, .cczgr-hero-slider__dots button::before, .cczgr-carousel__dots button::before { content: ""; position: absolute; } .cczgr-hero-slider__dots button::before { inset: -17px; } .cczgr-carousel__dots button::before { inset: -10px; } @media (max-width: 781px) { .cczgr-hero-slider__arrow { width: 40px; height: 40px; } .cczgr-hero-slider__arrow svg { width: 20px; height: 20px; } } .cczgr-hero-slider__arrow::before { inset: -2px; } .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child) { text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem; } .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child) > p { margin: 0; } .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child) a { display: inline-block; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); font-weight: 600; padding: 0.7rem 1.75rem; border-radius: 999px; border: 4px solid var(--wp--preset--color--base); box-shadow: var(--wp--custom--shadow--button); text-decoration: none; transition: background-color 0.2s ease; } .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child) a:hover { background: var(--wp--preset--color--brand-dark); } .cczgr-hero + .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child), .cczgr-page-header + .cczgr-mig-section:has(> p:only-child > a:only-child:first-child:last-child) { margin-top: -1.75rem; position: relative; z-index: 2; padding-top: 0; } @media (max-width: 600px) { .cczgr-header-subtitle { display: none; } } .wp-block-columns.cczgr-team-feature { gap: 0; padding: 0; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--lg); overflow: hidden; } .cczgr-team-feature .cczgr-team-feature-media { display: flex; } .cczgr-team-feature .cczgr-team-feature-photo { margin: 0; width: 100%; } .cczgr-team-feature .cczgr-team-feature-photo img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; object-position: 50% 22%; border-radius: 0; box-shadow: none; } .cczgr-team-feature .cczgr-team-feature-body { display: flex; flex-direction: column; justify-content: center; padding: 3.25rem 3.5rem; } .cczgr-team-feature-body > h2.wp-block-heading { margin-top: 0.9rem; margin-bottom: 0; } .cczgr-team-feature-body h3.cczgr-team-feature-name { margin-top: 1.75rem; margin-bottom: 0; } .cczgr-team-feature-body p.cczgr-team-feature-role { margin-top: 0.25rem; font-weight: 600; } .cczgr-team-feature-body p.cczgr-team-feature-label { margin-top: 1.75rem; margin-bottom: 0.6rem; font-weight: 600; letter-spacing: 0.04em; } ul.cczgr-team-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; margin: 0; padding: 0; } ul.cczgr-team-chips > li { margin: 0; padding: 0.35rem 0.85rem; border: 1px solid var(--wp--preset--color--border); border-radius: 999px; background: var(--wp--preset--color--base); font-size: 0.875rem; line-height: 1.4; } @media (max-width: 781px) { .cczgr-team-feature .cczgr-team-feature-photo img { height: auto; min-height: 0; aspect-ratio: 4 / 5; max-height: 520px; } .cczgr-team-feature .cczgr-team-feature-body { padding: 2rem 1.5rem 2.25rem; } } .cczgr-booking .cczgr-booking-eyebrow { opacity: 0.85; } .cczgr-booking .cczgr-booking-intro { max-width: 34rem; } .cczgr-booking ul.cczgr-booking-points { max-width: 34rem; margin-top: 1.75rem; line-height: 1.6; } .cczgr-booking ul.cczgr-booking-points > li + li { margin-top: 0.85rem; } .cczgr-booking ul.cczgr-booking-points a { color: inherit; font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-booking-card { text-align: center; } .cczgr-booking-card .cczgr-booking-phone { margin-top: 1.25rem; } .cczgr-booking-card .cczgr-booking-phone a { color: var(--wp--preset--color--brand-dark); font-weight: 600; } .cczgr-booking #medfile-register-widget > iframe ~ div { display: none !important; } .cczgr-booking-card:has(#medfile-register-widget) { padding: 0.75rem 1.25rem 0 !important; overflow: hidden; } .cczgr-booking .booksy-widget-container-dialog { display: block; width: 100%; max-width: 22rem; height: auto; margin: 0 auto; } .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button { display: flex; align-items: center; justify-content: center; gap: 0.65rem; box-sizing: border-box; width: 100%; height: auto; min-height: 3.75rem; margin: 0 auto; padding: 1rem 1.8rem; background: var(--wp--preset--color--accent) !important; background-image: none !important; color: var(--wp--preset--color--base); border-radius: 999px; font-family: inherit; font-size: 1.1875rem; font-weight: 600; line-height: 1.25; letter-spacing: 0.01em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); box-shadow: var(--wp--custom--shadow--button); transform: none; transition: background-color 0.2s ease, box-shadow 0.25s ease, transform 0.2s ease; } .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button::before { content: ""; flex: none; width: 1.3em; height: 1.3em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M16%202v4M8%202v4M3%2010h18%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M16%202v4M8%202v4M3%2010h18%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; } .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button::after { content: var(--cczgr-book-label, "Zarezerwuj online"); } .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button:hover, .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button:focus-visible { background: color-mix(in srgb, var(--wp--preset--color--accent) 86%, var(--wp--preset--color--contrast)) !important; background-image: none !important; transform: none; } @media (prefers-reduced-motion: no-preference) { .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button:hover { transform: translateY(-2px); } } .cczgr-booking .booksy-widget-container-dialog .booksy-widget-button:focus-visible { outline: 3px solid var(--wp--preset--color--brand-dark); outline-offset: 3px; border-radius: 999px; } .cczgr-booking .booksy-widget-container-dialog .booksy-business-link { display: block; width: 200px; max-width: 100%; margin: 0.6rem auto 0; opacity: 0.5; filter: grayscale(1); transform: scale(0.8); transition: opacity 0.2s ease; } .cczgr-booking .booksy-widget-container-dialog .booksy-business-link:hover { opacity: 0.85; } .cczgr-booking-doodle { margin: 1.5rem 0 0; line-height: 0; color: var(--wp--preset--color--brand-light); } .cczgr-booking-doodle svg { display: block; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; overflow: visible; } .cczgr-booking-doodle .cczgr-booking-doodle__side { width: 190px; height: auto; margin-left: auto; margin-right: -3.25rem; } .cczgr-booking-doodle .cczgr-booking-doodle__down { display: none; } @media (max-width: 781px) { .cczgr-booking .booksy-widget-container-dialog { max-width: none; } .cczgr-booking-doodle { margin: 0.5rem 0 -0.75rem; } .cczgr-booking-doodle .cczgr-booking-doodle__side { display: none; } .cczgr-booking-doodle .cczgr-booking-doodle__down { display: block; width: 64px; height: auto; margin: 0 auto; } } .cczgr-service-section .cczgr-eyebrow { margin-bottom: 1.1rem; } .cczgr-service-section :is(.wp-block-column, .cczgr-wrap-body) > h2.wp-block-heading { margin-top: 0; margin-bottom: 1.75rem; } .cczgr-service-section ul.cczgr-check-list { margin-top: 1.75rem; } .cczgr-service-section .cczgr-wrap-body.alignwide { display: flow-root; max-width: 1040px; } .cczgr-service-section .cczgr-wrap-body > h2.wp-block-heading { margin-bottom: 0; padding-bottom: 1.75rem; } .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img { width: 45%; margin-top: 0; margin-bottom: 1.25rem; } .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img.alignleft { float: left; margin-left: 0; margin-right: 2.5rem; } .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img.alignright { float: right; margin-right: 0; margin-left: 2.5rem; } .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img + p { margin-top: 0; } .cczgr-wrap-body > .wp-block-buttons, .cczgr-wrap-body > ul.cczgr-check-list { clear: both; } @media (max-width: 781px) { .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img.alignleft, .cczgr-wrap-body > figure.wp-block-image.cczgr-wrap-img.alignright { float: none; width: 100%; margin: 0 0 1.5rem; } } .cczgr-quote-section .cczgr-quote-icon { display: flex; justify-content: center; margin-bottom: 1.5rem; color: var(--wp--preset--color--accent); } .cczgr-quote-section .cczgr-quote-icon svg { width: 44px; height: 44px; } .cczgr-quote-section p.cczgr-quote-body { font-size: clamp(1.2rem, 1.05rem + 0.8vw, 1.6rem); font-weight: 500; line-height: 1.55; text-wrap: pretty; } .cczgr-quote-section p.cczgr-quote-body + p.cczgr-quote-body { margin-top: 1.1rem; } .cczgr-quote-section p.cczgr-quote-cite { margin-top: 0; font-weight: 600; letter-spacing: 0.04em; } .cczgr-quote-section p.cczgr-quote-cite::before { content: ""; display: block; width: 40px; height: 2px; margin: 1.75rem auto 1rem; background: var(--wp--preset--color--accent); } @media (min-width: 782px) { .cczgr-booking .wp-block-column:last-child { align-self: flex-end; } .cczgr-booking-doodle__side { transform: rotate(-22deg); transform-origin: 0 100%; } } .cczgr-who-card { height: 100%; padding: 1.75rem 1.5rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base); } .cczgr-who-card h3.cczgr-who-card-title { font-size: clamp(1.15rem, 1.1rem + 0.3vw, 1.3rem); line-height: 1.3; margin: 0 0 1.1rem; } .cczgr-who-card ul.cczgr-check-list, .cczgr-who-single ul.cczgr-check-list { margin: 0; line-height: 1.55; } .cczgr-who-card ul.cczgr-check-list > li + li { margin-top: 0.55rem; } @media (min-width: 782px) { ul.cczgr-check-list.cczgr-check-list--cols { columns: 2; column-gap: 3rem; } ul.cczgr-check-list.cczgr-check-list--cols > li { break-inside: avoid; margin: 0 0 0.65rem; } ul.cczgr-check-list.cczgr-check-list--cols > li + li { margin-top: 0; } } .cczgr-who-groups .cczgr-who-note { margin-top: 2rem; } .cczgr-fv-hero-img { position: relative; margin: 0 1.25rem 1.25rem 0; } .cczgr-fv-hero-img::before { content: ""; position: absolute; inset: 1.25rem -1.25rem -1.25rem 1.25rem; border-radius: 24px; background: var(--wp--preset--color--brand-light); } .cczgr-fv-hero-img img { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; } .cczgr-fv-hero h1 { text-wrap: balance; } .cczgr-fv-fact { min-width: 8.5rem; padding: 0.85rem 1.15rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base); } .cczgr-fv-fact p.cczgr-fv-fact-value { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: 1.45rem; font-weight: 700; line-height: 1.2; color: var(--wp--preset--color--brand-dark); } .cczgr-fv-fact p.cczgr-fv-fact-label { margin: 0.2rem 0 0; font-size: 0.9rem; line-height: 1.4; color: var(--wp--preset--color--contrast-2); } @media (max-width: 781px) { .cczgr-fv-hero-img { max-width: 20rem; margin: 0 auto 1rem; } .cczgr-fv-hero-img::before { inset: 0.75rem -0.75rem -0.75rem 0.75rem; } .cczgr-fv-fact { flex: 1 1 calc(50% - 0.75rem); min-width: 0; } } .cczgr-hero--left .wp-block-cover__background { background: linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--contrast) 86%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--contrast) 62%, transparent) 36%, transparent 64%) !important; opacity: 1 !important; } .cczgr-hero--left .wp-block-cover__image-background { object-position: 70% 30%; } .cczgr-hero--left .wp-block-cover__inner-container { width: 100%; max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; } .cczgr-hero.cczgr-hero--left .wp-block-cover__inner-container > .wp-block-group { max-width: 580px !important; margin-left: 0 !important; margin-right: auto !important; } .cczgr-hero--left .has-text-align-center { text-align: left !important; } .cczgr-hero--left .wp-block-buttons { justify-content: flex-start !important; } @media (max-width: 781px) { .cczgr-hero--left .wp-block-cover__background { background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--contrast) 45%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--contrast) 80%, transparent) 100%) !important; } } .wp-block-columns:has(> .cczgr-team-card:nth-child(2):last-child) { max-width: 760px !important; margin-inline: auto !important; } .wp-block-columns:has(> .cczgr-team-card:nth-child(3):last-child) { max-width: 1000px !important; margin-inline: auto !important; } .wp-block-columns:has(> .cczgr-team-card:last-child:nth-child(-n+3)) .cczgr-team-photo img { width: 168px !important; height: 168px !important; } .wp-block-group.cczgr-fv-steps { display: flex !important; flex-wrap: wrap; justify-content: center; } .cczgr-fv-steps > .cczgr-step-card { flex: 0 1 17.5rem; height: auto; align-self: stretch; } .cczgr-step-num:has(svg) { position: relative; width: 4rem; height: 4rem; } .cczgr-step-num .cczgr-icon { width: 1.75rem; height: 1.75rem; } .cczgr-step-badge { position: absolute; top: -0.2rem; right: -0.35rem; display: flex; align-items: center; justify-content: center; width: 1.55rem; height: 1.55rem; border-radius: 999px; border: 2px solid var(--wp--preset--color--base); background: var(--wp--preset--color--accent); color: var(--wp--preset--color--contrast); font-size: 0.8rem; font-weight: 700; line-height: 1; } .cczgr-team-initials { display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; margin: 0 auto 1.25rem; border-radius: 50%; background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--brand-dark); font-family: var(--wp--preset--font-family--heading); font-size: 2.1rem; font-weight: 700; letter-spacing: 0.02em; transition: box-shadow 0.25s ease; } .cczgr-team-card:hover .cczgr-team-initials { box-shadow: 0 0 0 4px var(--wp--preset--color--brand-light); } .wp-block-columns:has(> .cczgr-team-card:last-child:nth-child(-n+3)) .cczgr-team-initials { width: 168px; height: 168px; font-size: 3.1rem; } .wp-block-columns:has(> .cczgr-team-card:only-child) { max-width: 420px !important; margin-inline: auto !important; } @media (min-width: 782px) { .wp-block-columns:has(> .cczgr-team-card:nth-child(5)) { flex-wrap: wrap !important; justify-content: center; } .wp-block-columns:has(> .cczgr-team-card:nth-child(5)) > .cczgr-team-card { flex: 0 0 calc((100% - 4rem) / 3) !important; box-sizing: border-box; } } .cczgr-team-group .cczgr-team-card { background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--border); } .cczgr-team-group .cczgr-team-card:hover { border-color: var(--wp--preset--color--brand); } p.cczgr-team-group-note { margin-top: 0.5rem; padding: 0.9rem 1.15rem; border: 1px solid var(--wp--preset--color--border); border-left: 4px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base); text-align: left; font-size: 0.97rem; line-height: 1.6; } .cczgr-price-row p.cczgr-price-note { margin: 0.15rem 0 0; font-size: 0.85rem; line-height: 1.5; } .cczgr-price-list p.cczgr-price-category-note { margin: 0.85rem 1rem 0.15rem; font-size: 0.92rem; line-height: 1.55; } ol.cczgr-path { --path-fg: var(--wp--preset--color--base); --path-muted: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent); --path-circle-bg: var(--wp--preset--color--base); --path-circle-fg: var(--wp--preset--color--brand-dark); --path-line: color-mix(in srgb, var(--wp--preset--color--base) 38%, transparent); --path-gap: 2.25rem; display: grid; gap: var(--path-gap); margin: 0; padding: 0; list-style: none; } .cczgr-path-step { position: relative; min-height: 3.5rem; margin: 0; padding-left: 5rem; } .cczgr-path-marker { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex: none; width: 3.5rem; height: 3.5rem; border-radius: 999px; background: var(--path-circle-bg); color: var(--path-circle-fg); } .cczgr-path-marker .cczgr-icon { width: 1.6rem; height: 1.6rem; } .cczgr-path-num { font-family: var(--wp--preset--font-family--heading); font-size: 1.35rem; font-weight: 700; line-height: 1; } .cczgr-path-badge { position: absolute; top: -0.25rem; right: -0.4rem; display: flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 999px; border: 2px solid var(--path-badge-ring, var(--wp--preset--color--brand-dark)); background: var(--wp--preset--color--accent); color: var(--wp--preset--color--contrast); font-size: 0.8rem; font-weight: 700; line-height: 1; } .cczgr-path-step .cczgr-path-title { margin: 0 0 0.35rem; padding-top: 0.5rem; font-size: 1.15rem; line-height: 1.3; color: var(--path-fg); } .cczgr-path-step .cczgr-path-short, .cczgr-path-step .cczgr-path-text { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--path-muted); } .cczgr-path-step:not(:last-child)::before { content: ""; position: absolute; top: 3.85rem; bottom: calc(0.35rem - var(--path-gap)); left: calc(1.75rem - 1px); width: 2px; background: var(--path-line); } @media (min-width: 640px) { ol.cczgr-path:not(.cczgr-path--detail) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem 1.5rem; } ol.cczgr-path.cczgr-path--t1 { grid-template-columns: minmax(0, 1fr); max-width: 22rem; margin-inline: auto; } ol.cczgr-path.cczgr-path--t2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 46rem; margin-inline: auto; } ol.cczgr-path:not(.cczgr-path--detail) .cczgr-path-step { display: flex; flex-direction: column; align-items: center; padding-left: 0; text-align: center; } ol.cczgr-path:not(.cczgr-path--detail) .cczgr-path-marker { position: relative; margin-bottom: 1rem; } ol.cczgr-path:not(.cczgr-path--detail) .cczgr-path-step .cczgr-path-title { padding-top: 0; } ol.cczgr-path:not(.cczgr-path--detail) .cczgr-path-step::before { display: none; } } @media (min-width: 1100px) { ol.cczgr-path.cczgr-path--c1 { grid-template-columns: minmax(0, 1fr); } ol.cczgr-path.cczgr-path--c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } ol.cczgr-path.cczgr-path--c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 60rem; margin-inline: auto; } ol.cczgr-path.cczgr-path--c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } ol.cczgr-path.cczgr-path--c5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } ol.cczgr-path.cczgr-path--c6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } ol.cczgr-path.cczgr-path--line:not(.cczgr-path--detail) { column-gap: 1.5rem; } ol.cczgr-path.cczgr-path--line:not(.cczgr-path--detail) .cczgr-path-step:not(:last-child)::after { content: ""; position: absolute; top: calc(1.75rem - 1px); left: calc(50% + 2.4rem); width: calc(100% + 1.5rem - 4.8rem); height: 2px; background: var(--path-line); } } .cczgr-path-section ol.cczgr-path { --path-badge-ring: var(--wp--preset--color--brand-dark); } .cczgr-path-section .wp-block-buttons.cczgr-home-more .wp-block-button__link:hover { background-color: var(--wp--preset--color--brand-light) !important; } ol.cczgr-path.cczgr-path--detail { --path-fg: var(--wp--preset--color--contrast); --path-muted: var(--wp--preset--color--contrast-2); --path-circle-bg: var(--wp--preset--color--brand-light); --path-circle-fg: var(--wp--preset--color--brand-dark); --path-line: var(--wp--preset--color--brand-light); --path-badge-ring: var(--wp--preset--color--base); --path-gap: 2.75rem; max-width: 46rem; margin-inline: auto; } ol.cczgr-path--detail .cczgr-path-step { padding-left: 5.25rem; } ol.cczgr-path--detail .cczgr-path-step .cczgr-path-text { max-width: 70ch; } ol.cczgr-path--detail .cczgr-path-step .cczgr-path-text + .cczgr-path-text { margin-top: 0.75rem; } ol.cczgr-path--detail .cczgr-path-step .cczgr-path-title { font-size: 1.3rem; } ol.cczgr-path--detail .cczgr-path-step:not(:last-child)::before { display: block; } .cczgr-program-cards { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch !important; gap: 1.5rem; } .cczgr-program-cards > .cczgr-program-card { flex: 1 1 17rem; max-width: 26rem; height: auto; margin: 0; } .cczgr-program-card h3.wp-block-heading { margin: 0; font-size: 1.3rem !important; line-height: 1.3; } p.cczgr-program-price { margin: 0; font-size: clamp(1.9rem, 1.6rem + 1vw, 2.35rem); font-weight: 700; line-height: 1.15; } .cczgr-program-card p.cczgr-program-desc { margin: 0; line-height: 1.6; } .cczgr-program-card p.cczgr-program-note { margin: 0; line-height: 1.55; } p.cczgr-program-cards-note { max-width: 46rem; margin-inline: auto; } .cczgr-info-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)) !important; } .cczgr-info-grid h3.wp-block-heading { min-height: 0; font-size: 1.3rem !important; } .cczgr-info-grid .cczgr-card > p.cczgr-svc-icon:last-child { margin-bottom: 0; } .cczgr-info-header .cczgr-service-head { text-wrap: balance; } p.cczgr-info-updated { margin: 0; opacity: 0.85; } .cczgr-info-body { font-size: 1.05rem; } .cczgr-info-body > h2.wp-block-heading { margin-top: 2.75rem; margin-bottom: 0.9rem; font-size: clamp(1.4rem, 1.3rem + 0.5vw, 1.7rem); line-height: 1.3; } .cczgr-info-body > h2.wp-block-heading:first-child { margin-top: 0; } .cczgr-info-body p, .cczgr-info-body li { max-width: min(70ch, var(--wp--style--global--content-size, 720px)); line-height: 1.75; } .cczgr-info-body > p { margin: 0 0 1.1rem; } .cczgr-info-body ul.wp-block-list, .cczgr-info-body ol.wp-block-list { margin: 0 0 1.25rem; padding-left: 1.4rem; } .cczgr-info-body li + li { margin-top: 0.4rem; } .cczgr-info-body a { color: var(--wp--preset--color--brand-dark); text-underline-offset: 0.2em; } .cczgr-info-note { margin: 1.75rem 0; padding: 1.1rem 1.35rem; border: 1px solid var(--wp--preset--color--border); border-left: 4px solid var(--wp--preset--color--brand); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base-2); } .cczgr-info-note p { margin: 0; } .cczgr-info-note p + p { margin-top: 0.75rem; } .cczgr-info-body figure.wp-block-table { margin: 1.75rem 0; overflow-x: auto; } .cczgr-info-body figure.wp-block-table table { width: 100%; border-collapse: collapse; font-size: 0.97rem; } .cczgr-info-body figure.wp-block-table th, .cczgr-info-body figure.wp-block-table td { padding: 0.7rem 0.9rem; border: 1px solid var(--wp--preset--color--border); text-align: left; vertical-align: top; } .cczgr-info-body figure.wp-block-table th { background: var(--wp--preset--color--base-2); font-weight: 600; } .cczgr-info-pager { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--wp--preset--color--border); } .cczgr-info-pager a { display: flex; flex-direction: column; gap: 0.2rem; padding: 0.9rem 1.15rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); color: inherit; text-decoration: none; transition: border-color 0.2s ease; } .cczgr-info-pager a:hover { border-color: var(--wp--preset--color--brand); } .cczgr-info-pager__label { font-size: 0.85rem; color: var(--wp--preset--color--contrast-2); } .cczgr-info-pager__title { font-weight: 600; color: var(--wp--preset--color--brand-dark); } @media (min-width: 640px) { .cczgr-info-pager { flex-direction: row; } .cczgr-info-pager a { flex: 0 1 calc(50% - 0.375rem); } .cczgr-info-pager__next { margin-left: auto; text-align: right; } } p.cczgr-info-back { margin: 1.5rem 0 0; text-align: center; } p.cczgr-info-back a { font-weight: 600; text-decoration: none; } p.cczgr-info-contact-link { margin: 0; font-weight: 600; } p.cczgr-info-contact-link a { color: var(--wp--preset--color--brand-dark); text-underline-offset: 0.2em; } p.cczgr-hero-ratings { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 0.85rem; margin: 0; line-height: 1.4; } p.cczgr-hero-ratings a.cczgr-hero-rating { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.3em; min-height: 44px; color: inherit; text-decoration: none; } p.cczgr-hero-ratings a.cczgr-hero-rating:hover .cczgr-hero-rating__name { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-hero-rating__score { font-weight: 700; } .cczgr-hero-rating__star { color: var(--wp--preset--color--accent); } .cczgr-hero-rating__count { opacity: 0.85; } .cczgr-hero-ratings__sep { opacity: 0.6; } .cczgr-hero--left p.cczgr-hero-ratings { justify-content: flex-start; } .cczgr-partners:has(.cczgr-partner-cards) { background-color: var(--wp--preset--color--brand-light) !important; background-color: color-mix(in srgb, var(--wp--preset--color--brand) 7%, var(--wp--preset--color--base)) !important; } .cczgr-partners .cczgr-partners-heading { margin-top: 0; } .cczgr-partners:has(.cczgr-partner-cards) { padding-top: clamp(3rem, 6vw, 5rem) !important; padding-bottom: clamp(3rem, 6vw, 5rem) !important; } .cczgr-partners .cczgr-partners-intro { color: var(--wp--preset--color--contrast-2); } .cczgr-partners > .cczgr-partner-cards { max-width: 1000px; margin-top: 2.25rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: 1.25rem; } .cczgr-partner-card { display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); border-radius: 16px; } .cczgr-partner-card__logo { flex: 0 0 7.5rem; height: 6rem; display: flex; align-items: center; justify-content: center; } .cczgr-partner-card__logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .cczgr-partner-card__body { min-width: 0; } .cczgr-partner-card__name { margin: 0 0 0.35rem; font-size: 1.15rem; line-height: 1.3; } .cczgr-partner-card__text { margin: 0; font-size: 0.95rem; line-height: 1.6; color: var(--wp--preset--color--contrast-2); } .cczgr-partner-card__link { margin: 0.6rem 0 0; font-size: 0.95rem; font-weight: 600; } .cczgr-partner-card__link a { color: var(--wp--preset--color--brand); text-decoration: none; } .cczgr-partner-card__link a:hover, .cczgr-partner-card__link a:focus-visible { text-decoration: underline; } @media (max-width: 480px) { .cczgr-partner-card { flex-direction: column; align-items: flex-start; gap: 1rem; } .cczgr-partner-card__logo { flex-basis: auto; width: 7.5rem; height: 5rem; justify-content: flex-start; } } .wp-block-navigation .cczgr-nav-heading > .wp-block-navigation-item__content { pointer-events: none; cursor: default; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--wp--preset--color--brand-dark); opacity: 1; padding-top: 0.7rem; padding-bottom: 0.2rem; background: transparent; } .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container .cczgr-nav-heading > .wp-block-navigation-item__content, .cczgr-header .cczgr-mega > .wp-block-navigation__submenu-container .cczgr-nav-heading > .wp-block-navigation-item__content:hover { background: transparent; color: var(--wp--preset--color--brand-dark); font-weight: 700; } .cczgr-platforms { align-items: stretch; } .cczgr-platform-card--award { align-content: space-between; } .cczgr-award-mark { display: flex; align-items: center; gap: 0.5rem; font-size: 1.05rem; color: var(--wp--preset--color--brand-dark); } .cczgr-award-mark .cczgr-icon { width: 1.6rem; height: 1.6rem; flex: none; } .cczgr-award-logo { max-height: 3rem; width: auto; display: block; } .cczgr-platform-info > p.cczgr-award-title { margin-top: 0.4rem; font-size: 1.15rem; font-weight: 700; line-height: 1.3; color: var(--wp--preset--color--contrast); } .cczgr-platform-info > p.cczgr-award-text { margin-top: 0.2rem; font-size: 0.95rem; line-height: 1.5; color: var(--wp--preset--color--contrast-2); } .cczgr-awards-strip .cczgr-platforms { max-width: 1200px; margin-inline: auto; } @media (min-width: 1000px) { .cczgr-platforms--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1200px; margin-inline: auto; } .cczgr-platforms--n3 .cczgr-platform-card { flex-direction: column; align-items: flex-start; justify-content: space-between; } } .cczgr-specialists-link .wp-block-buttons { margin: 0; } .cczgr-embed-gate { line-height: 1.5; } .cczgr-embed-gate__ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; min-height: inherit; height: 100%; padding: 2rem 1.5rem; text-align: center; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--brand-light); background-image: linear-gradient(135deg, var(--wp--preset--color--brand-light) 0%, var(--wp--preset--color--base-2) 100%); } .cczgr-embed-gate__ph[hidden] { display: none; } .cczgr-embed-gate__ph > .cczgr-icon { width: 2.5rem; height: 2.5rem; color: var(--wp--preset--color--brand-dark); } .cczgr-embed-gate__addr { margin: 0; font-weight: 700; font-size: 1.05rem; } .cczgr-embed-gate__note { margin: 0; max-width: 30rem; font-size: 0.9rem; color: var(--wp--preset--color--contrast-2); } .cczgr-embed-gate__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.75rem 1.25rem; margin-top: 0.25rem; } .cczgr-embed-gate__alt { font-size: 0.9rem; font-weight: 600; color: var(--wp--preset--color--brand-dark); } .cczgr-embed-gate--map { border-radius: inherit; overflow: hidden; } .cczgr-map:has(.cczgr-embed-gate--map) { display: flex; flex-direction: column; } .cczgr-map .cczgr-embed-gate--map { min-height: 380px; flex: 1 1 auto; display: flex; flex-direction: column; } .cczgr-embed-gate--map > .cczgr-embed-gate__ph { flex: 1 1 auto; } .cczgr-embed-gate--map.is-loaded iframe { display: block; width: 100%; } .cczgr-embed-gate--zl .cczgr-embed-gate__ph { border-radius: 12px; min-height: 12rem; } .cczgr-embed-gate--doctor { margin-top: 1rem; } .cczgr-booking-team { text-align: center; } .cczgr-booking-team .cczgr-booking-intro { margin-inline: auto; } .cczgr-booking-team .cczgr-booking-points { display: inline-block; text-align: left; margin-top: 1rem; } .cczgr-booking-team__title { margin-top: 2.25rem; margin-bottom: 0.4rem; } .cczgr-booking-team__intro { margin: 0 auto; max-width: 40rem; opacity: 0.95; } .cczgr-spec-booking { max-width: 1100px; margin: 2rem auto 0; display: flex; flex-direction: column; gap: 2.5rem; } .cczgr-spec-group__title { margin: 0 0 0.35rem; text-align: center; font-size: 1.35rem; } .cczgr-spec-group__intro { margin: 0 auto 1.25rem; max-width: 46rem; text-align: center; font-size: 0.95rem; opacity: 0.95; } .cczgr-spec-group:not(:has(.cczgr-spec-group__title)) .cczgr-spec-tiles { margin-top: 0; } .cczgr-spec-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1.25rem; margin-top: 1.25rem; } .cczgr-spec-tile { display: flex; flex-direction: column; gap: 0.9rem; padding: 1.5rem; text-align: left; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); border-radius: 18px; } .cczgr-spec-tile.is-open { grid-column: 1 / -1; } .cczgr-spec-tile__head { display: flex; align-items: center; gap: 1rem; } .cczgr-spec-tile__photo { flex: none; width: 76px; height: 76px; border-radius: 50%; object-fit: cover; } .cczgr-spec-tile .cczgr-team-initials { width: 76px; height: 76px; margin: 0; font-size: 1.5rem; } .cczgr-spec-tile__name { margin: 0; font-size: 1.15rem; line-height: 1.25; color: var(--wp--preset--color--contrast); } .cczgr-spec-tile__role { margin: 0.2rem 0 0; font-size: 0.9rem; font-weight: 600; color: var(--wp--preset--color--brand-dark); } .cczgr-spec-tile__note { margin: 0; font-size: 0.9rem; line-height: 1.55; color: var(--wp--preset--color--contrast-2); } .cczgr-spec-tile__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.25rem; margin-top: auto; } .cczgr-spec-tile__actions:empty { display: none; } .cczgr-spec-tile__btn { text-decoration: none; text-align: center; } .cczgr-spec-tile__btn[hidden] { display: none !important; } .cczgr-spec-tile__profile { font-size: 0.9rem; font-weight: 600; color: var(--wp--preset--color--brand-dark); } .cczgr-spec-tile .cczgr-embed-gate--doctor { margin-top: 0; } .cczgr-spec-tile .cczgr-embed-gate--doctor iframe { max-width: 100%; } @media (max-width: 600px) { .cczgr-spec-tiles { grid-template-columns: 1fr; } .cczgr-spec-tile { padding: 1.25rem; } .cczgr-spec-tile__btn { width: 100%; } .cczgr-embed-gate--zl .cczgr-embed-gate__btn { width: 100%; } } .cczgr-product-grid.cczgr-product-grid, .cczgr-product-features.cczgr-product-features, .cczgr-material-grid.cczgr-material-grid, .cczgr-product-dims-grid.cczgr-product-dims-grid { grid-template-columns: repeat(auto-fit, minmax(min(var(--cczgr-col, 14rem), 100%), 1fr)); } .cczgr-product-features { --cczgr-col: 16rem; } .cczgr-product-dims-grid { --cczgr-col: 9rem; } @media (max-width: 1100px) { .cczgr-product-grid.cczgr-product-grid:has(> :nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .cczgr-product-card { display: flex; flex-direction: column; gap: 0.4rem; } .cczgr-product-card > * { margin-block: 0; } .cczgr-product-card .cczgr-product-card-img { margin: 0 0 0.85rem; overflow: hidden; border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base-2); } .cczgr-product-card .cczgr-product-card-img a { display: block; } .cczgr-product-card .cczgr-product-card-noimg { aspect-ratio: 4 / 5; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: var(--wp--preset--color--brand-light); } .cczgr-product-card-noimg p { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); line-height: 1.1; text-align: center; } .cczgr-product-card-noimg a { color: var(--wp--preset--color--contrast); text-decoration: none; } .cczgr-product-card .cczgr-product-card-img img { display: block; width: 100%; height: auto; transition: transform 0.5s ease; } @media (prefers-reduced-motion: no-preference) { .cczgr-product-card:hover .cczgr-product-card-img img { transform: scale(1.03); } } .cczgr-product-card-title a { color: inherit; text-decoration: none; } .cczgr-product-card-title { overflow-wrap: break-word; hyphens: auto; } .cczgr-product-card-title a:hover, .cczgr-product-card-title a:focus-visible { text-decoration: underline; text-underline-offset: 0.2em; } .cczgr-product-card-model { display: block; margin-top: 0.2rem; font-family: var(--wp--preset--font-family--body); font-size: 0.875rem; font-weight: 400; letter-spacing: 0.02em; color: var(--wp--preset--color--contrast-2); } .cczgr-product-card-text { line-height: 1.6; } .cczgr-products .cczgr-product-grid, .cczgr-product-others .cczgr-product-grid { row-gap: 3rem; } .cczgr-breadcrumbs { margin: 0 0 1.75rem; color: var(--wp--preset--color--contrast-2); } .cczgr-breadcrumbs a { color: inherit; text-decoration: none; } .cczgr-breadcrumbs a:hover, .cczgr-breadcrumbs a:focus-visible { text-decoration: underline; } .cczgr-product-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:first-child { width: 100%; flex-basis: 100%; } .cczgr-product-gallery.wp-block-gallery.has-nested-images figure.wp-block-image { overflow: hidden; border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base-2); } .cczgr-product-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 1; object-fit: cover; } .cczgr-product-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:first-child img { aspect-ratio: 4 / 3; } .cczgr-product-info > * { margin-block: 0; } .cczgr-product-info > * + * { margin-top: 1rem; } .cczgr-product-info .cczgr-product-title { margin-top: 0.6rem; font-size: var(--wp--preset--font-size--x-large); line-height: 1.08; } .cczgr-product-info .cczgr-product-model { margin-top: 0.35rem; } .cczgr-product-info .cczgr-product-lead { margin-top: 1.25rem; line-height: 1.6; text-wrap: pretty; } @media (min-width: 782px) { .cczgr-product-columns > .cczgr-product-info { position: sticky; top: 6.5rem; align-self: flex-start; } } ul.cczgr-product-specs { list-style: none; margin-top: 1.5rem; padding: 0; border-top: 1px solid var(--wp--preset--color--border); } ul.cczgr-product-specs li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--contrast-2); } ul.cczgr-product-specs li strong { color: var(--wp--preset--color--contrast); font-weight: 600; white-space: nowrap; } ul.cczgr-product-specs-lg li { padding: 0.85rem 0; } .cczgr-product-materials-short { color: var(--wp--preset--color--contrast-2); } .cczgr-product-materials-short strong { color: var(--wp--preset--color--contrast); } .cczgr-product-actions { flex-wrap: wrap; } .cczgr-product-head { margin-bottom: 2.25rem; } .cczgr-product-head > * { margin-block: 0; } .cczgr-product-head > * + * { margin-top: 0.75rem; } .cczgr-product-head .cczgr-section-intro { max-width: 44rem; } .cczgr-product-story-text { max-width: 46rem; } .cczgr-product-story-text > p:first-child { margin-top: 0; } .cczgr-product-story .cczgr-product-features { margin-top: 3rem; } .cczgr-product-feature > * { margin-block: 0; } .cczgr-product-feature > * + * { margin-top: 0.75rem; } .cczgr-product-feature { padding-top: 1.25rem; border-top: 1px solid var(--wp--preset--color--border); } .cczgr-product-drawing img { display: block; width: 100%; height: auto; max-height: 26rem; object-fit: contain; } .cczgr-product-dim { padding-top: 1rem; border-top: 1px solid var(--wp--preset--color--border); } .cczgr-product-dim > * { margin-block: 0; } .cczgr-product-dim-value { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); font-weight: 600; line-height: 1.1; } .cczgr-product-dim-label { margin-top: 0.35rem !important; } .cczgr-material-card { padding: 1.5rem 1.5rem 1.35rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base); } .cczgr-material-card > * { margin-block: 0; } .cczgr-material-card > * + * { margin-top: 0.45rem; } .cczgr-material-card .cczgr-material-swatch { margin-bottom: 0.8rem; overflow: hidden; border-radius: var(--wp--custom--radius--sm); } .cczgr-material-maker { letter-spacing: 0.08em; text-transform: uppercase; } .cczgr-material-card .cczgr-material-link { margin-top: 0.9rem; } .cczgr-material-link a { text-underline-offset: 0.2em; } .cczgr-product-photos.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0 !important; overflow: hidden; border-radius: var(--wp--custom--radius--md); } .cczgr-product-photos.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 1; object-fit: cover; } @media (max-width: 781px) { .cczgr-product-grid.cczgr-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; } .cczgr-product-card .cczgr-product-card-text { display: none; } .cczgr-product-actions .wp-block-button:has(> a[href^="tel:"]) { display: none; } .cczgr-product-card-title { font-size: 1.0625rem !important; } .cczgr-product-info .cczgr-product-title { font-size: 2rem; } .cczgr-product-photos.wp-block-gallery.has-nested-images figure.wp-block-image { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important; } } .cczgr-product-card .cczgr-product-card-more { margin-top: 0.5rem; } .cczgr-product-card-more a { color: var(--wp--preset--color--contrast); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; text-decoration-thickness: 1px; text-underline-offset: 0.4em; } ul.cczgr-maker-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wp--preset--color--border); } ul.cczgr-maker-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid var(--wp--preset--color--border); } .cczgr-maker-note { color: var(--wp--preset--color--contrast-2); font-size: var(--wp--preset--font-size--small); text-align: right; } .cczgr-contact-cols > .wp-block-column:only-child > .wp-block-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); gap: 1rem; } .cczgr-contact-cols > .wp-block-column:only-child > .wp-block-group > * { margin-block: 0; } .cczgr-plate { position: relative; } .cczgr-plate::after { content: ""; position: absolute; inset: 14px; border: 1px solid var(--wp--preset--color--accent); pointer-events: none; } .cczgr-plate .wp-element-caption { position: absolute; left: 50%; bottom: 14px; z-index: 1; margin: 0; padding: 0.2rem 0.7rem; transform: translate(-50%, 50%); background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--body); font-size: 0.6875rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; } .cczgr-product-main { margin: 0; overflow: hidden; border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--base-2); } .cczgr-product-main img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; } .cczgr-material-list.cczgr-material-list { grid-template-columns: minmax(0, 1fr); } .cczgr-product-materials-img { margin: 0; overflow: hidden; border-radius: var(--wp--custom--radius--md); } .cczgr-hero-split.cczgr-hero-split { margin-block: 0; } .cczgr-hero-split-media { position: relative; } .cczgr-hero-split-media .cczgr-hero-split-img { margin: 0; } .cczgr-hero-split-media img { display: block; width: 100%; height: 100%; object-fit: cover; } .cczgr-hero-split-panel.cczgr-hero-split-panel { display: flex; flex-direction: column; justify-content: center; align-self: stretch; padding: clamp(2.5rem, 6vw, 6rem) clamp(1.25rem, 6vw, 6rem); } .cczgr-hero-split-panel > * { margin-block: 0; } .cczgr-hero-split-panel > * + * { margin-top: 1.25rem; } .cczgr-hero-split-title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.08; text-wrap: balance; } .cczgr-hero-split-lead { max-width: 30rem; } @media (min-width: 782px) { .cczgr-hero-split { min-height: min(770px, calc(100vh - 6rem)); } .cczgr-hero-split-media .cczgr-hero-split-img { position: absolute; inset: 0; } } @media (max-width: 781px) { .cczgr-hero-split-media img { height: auto; aspect-ratio: 4 / 5; } } .cczgr-hero-split-slides { position: relative; margin: 0; height: 100%; } .cczgr-hero-split-slides .cczgr-hero-split-img { opacity: 0; transition: opacity 1.2s ease; } .cczgr-hero-split-slides .cczgr-hero-split-img.is-active { opacity: 1; } .cczgr-hero-split-slides .cczgr-hero-split-img:not(:first-child) { position: absolute; inset: 0; margin: 0; } @media (min-width: 782px) { .cczgr-hero-split-media .cczgr-hero-split-slides { position: absolute; inset: 0; } .cczgr-hero-split-slides .cczgr-hero-split-img:first-child { position: absolute; inset: 0; } } .cczgr-hero-split-slides::after { content: ""; position: absolute; inset: auto 0 0 0; height: 7rem; background: linear-gradient(to top, rgba(19, 16, 13, 0.32), rgba(19, 16, 13, 0)); pointer-events: none; z-index: 1; } .cczgr-hero-split-progress { position: absolute; left: clamp(1.25rem, 3vw, 2.5rem); right: clamp(1.25rem, 3vw, 2.5rem); bottom: clamp(0.75rem, 2vw, 1.5rem); z-index: 2; display: flex; gap: 0.4rem; max-width: 24rem; } .cczgr-hero-split-progress__item { flex: 1 1 0; min-width: 0; padding: 0.9rem 0; border: 0; background: none; cursor: pointer; } .cczgr-hero-split-progress__track { display: block; position: relative; height: 2px; overflow: hidden; background: rgba(255, 255, 255, 0.38); transition: height 0.2s ease; } .cczgr-hero-split-progress__item:hover .cczgr-hero-split-progress__track, .cczgr-hero-split-progress__item:focus-visible .cczgr-hero-split-progress__track { height: 3px; } .cczgr-hero-split-progress__item:focus-visible { outline: 1px solid #fff; outline-offset: 2px; } .cczgr-hero-split-progress__fill { position: absolute; inset: 0; background: #fff; transform: scaleX(0); transform-origin: left center; } .cczgr-hero-split-progress__item.is-done .cczgr-hero-split-progress__fill { transform: scaleX(1); } .cczgr-hero-split-progress__item.is-active .cczgr-hero-split-progress__fill { animation: cczgr-hero-fill var(--cczgr-hero-delay, 5000ms) linear forwards; } @keyframes cczgr-hero-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce) { .cczgr-hero-split-slides .cczgr-hero-split-img { transition: none; } .cczgr-hero-split-progress__item.is-active .cczgr-hero-split-progress__fill { animation: none; transform: scaleX(1); } } .cczgr-variant-katalog { --wp--custom--radius--sm: 6px; --wp--custom--radius--md: 8px; --wp--custom--radius--lg: 8px; --wp--preset--font-size--xx-large: clamp(2.6rem, 1.4rem + 3.4vw, 4.5rem); --wp--preset--font-size--x-large: clamp(2rem, 1.55rem + 1.3vw, 2.75rem); --wp--preset--gradient--brand-overlay: linear-gradient(150deg, color-mix(in srgb, var(--wp--preset--color--brand-dark) 92%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--brand-dark) 78%, transparent) 100%); } .cczgr-variant-katalog :is(h1, h2, h3, h4, h5, h6) { font-weight: 400; font-synthesis: none; letter-spacing: -0.005em; } .cczgr-variant-katalog h1 { line-height: 1.08; } .cczgr-variant-katalog h2 { line-height: 1.15; } .cczgr-variant-katalog .cczgr-product-card-title { font-size: 1.5rem !important; line-height: 1.2; } @media (max-width: 781px) { .cczgr-variant-katalog .cczgr-product-card-title { font-size: 1.125rem !important; } } .cczgr-variant-katalog .cczgr-product-info .cczgr-product-title { font-size: clamp(2.25rem, 1.8rem + 1.4vw, 3rem); } .cczgr-variant-katalog .cczgr-product-dim-value { font-weight: 400; } .cczgr-variant-katalog .wp-block-button__link, .cczgr-variant-katalog .wp-element-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; } .cczgr-variant-katalog .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):is(:hover, :focus-visible) { background-color: var(--wp--preset--color--brand-dark); } @media (min-width: 782px) { .cczgr-variant-katalog .cczgr-header .wp-block-navigation a { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; } .cczgr-variant-katalog .cczgr-header .wp-block-navigation .wp-block-navigation__submenu-icon svg { margin-top: 0; } } .cczgr-variant-katalog .entry-content a:not(.wp-element-button):not(.wp-block-button__link) { text-decoration-thickness: 1px; text-underline-offset: 0.2em; } .cczgr-variant-katalog .cczgr-photo-frame::before { content: none; } .cczgr-variant-katalog .cczgr-page-header { min-height: 0 !important; padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; } .cczgr-variant-katalog .cczgr-page-header .wp-block-cover__image-background { display: none; } .cczgr-variant-katalog .cczgr-page-header .wp-block-cover__background { background: var(--wp--preset--color--brand-light) !important; opacity: 1 !important; } .cczgr-variant-katalog .cczgr-page-header :is(h1, p) { color: var(--wp--preset--color--contrast) !important; } .cczgr-variant-katalog .cczgr-page-header .cczgr-eyebrow { color: var(--wp--preset--color--brand-dark) !important; } .cczgr-contact-photo-cols { align-items: stretch; } .cczgr-contact-photo-media { display: flex; } .cczgr-contact-photo-img { margin: 0; width: 100%; } .cczgr-contact-photo-img img { display: block; width: 100%; height: 100%; min-height: 440px; max-height: 760px; object-fit: cover; border-radius: var(--wp--custom--radius--md, 8px); } .cczgr-contact-photo-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1.5rem 2.5rem; margin-block-start: 2rem; padding-block-start: 1.75rem; border-top: 1px solid var(--wp--preset--color--border); } .cczgr-contact-photo-row > * { margin-block: 0; } .cczgr-contact-photo-row > * + * { margin-block-start: 0.35rem; } .cczgr-contact-photo-label { font-size: 0.75rem !important; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); } .cczgr-contact-photo-value { font-size: 1.125rem; } .cczgr-contact-photo-value a { color: inherit; text-decoration: none; border-bottom: 1px solid color-mix(in srgb, currentColor 35%, transparent); } .cczgr-contact-photo-value a:is(:hover, :focus-visible) { border-bottom-color: currentColor; } .cczgr-contact-photo-social { margin-block-start: 1.75rem !important; gap: 0.85rem; } @media (max-width: 781px) { .cczgr-contact-photo-img img { height: auto; min-height: 0; aspect-ratio: 4 / 5; } } .cczgr-product-card-price { margin: 0.3rem 0 0; font-weight: 500; } .cczgr-product-card-price.is-sold { font-size: 0.75rem; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); } .cczgr-buy { margin-block-start: 1.75rem; padding-block-start: 1.5rem; border-top: 1px solid var(--wp--preset--color--border); } .cczgr-buy-price { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: 2rem; line-height: 1.1; } .cczgr-buy-note { margin: 0.4rem 0 0; font-size: 0.9375rem; color: var(--wp--preset--color--contrast-2); } .cczgr-buy-note.is-sold { font-weight: 600; color: var(--wp--preset--color--brand-dark); } .cczgr-buy-form { display: grid; gap: 0.9rem; margin-block-start: 1.25rem; } .cczgr-buy-field { display: grid; gap: 0.35rem; margin: 0; } .cczgr-buy-field label { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--contrast-2); } .cczgr-buy-field :is(select, input) { width: 100%; min-height: 48px; padding: 0.6rem 0.8rem; font: inherit; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--sm, 6px); } .cczgr-buy-field :is(select, input):focus-visible { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 1px; } .cczgr-buy-btn { width: 100%; min-height: 52px; justify-content: center; cursor: pointer; } .cczgr-buy + .cczgr-product-actions { margin-top: 0.9rem !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); } .cczgr-buy + .cczgr-product-actions .wp-block-button, .cczgr-buy + .cczgr-product-actions .wp-block-button__link { width: 100%; } .cczgr-buy + .cczgr-product-actions .is-style-outline .wp-block-button__link { justify-content: center; border-color: var(--wp--preset--color--brand-light); background: var(--wp--preset--color--brand-light); color: var(--wp--preset--color--contrast); } .cczgr-buy + .cczgr-product-actions .is-style-outline .wp-block-button__link:hover, .cczgr-buy + .cczgr-product-actions .is-style-outline .wp-block-button__link:focus-visible { border-color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--brand-light); } .cczgr-product-group + .cczgr-product-group { margin-block-start: var(--wp--preset--spacing--70); padding-block-start: var(--wp--preset--spacing--60); border-top: 1px solid var(--wp--preset--color--border); } .cczgr-product-group-title { margin-block: 0 0.5rem; font-size: var(--wp--preset--font-size--x-large); } .cczgr-product-group-intro { max-width: 46rem; margin-block: 0 2.25rem; } .cczgr-product-subgroup { margin-block-start: var(--wp--preset--spacing--60); } .cczgr-product-subgroup .cczgr-product-group-title { font-size: var(--wp--preset--font-size--large); } .cczgr-arch-intro { margin-block-end: var(--wp--preset--spacing--70); } .cczgr-arch-points { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1.5rem 2.5rem; margin: 0; padding: 0; list-style: none; } .cczgr-arch-points li { line-height: 1.55; } .cczgr-arch-point::before { content: ""; display: block; width: 2.25rem; height: 2.25rem; margin-bottom: 0.9rem; background: var(--wp--preset--color--accent); -webkit-mask: var(--cczgr-arch-icon) center / contain no-repeat; mask: var(--cczgr-arch-icon) center / contain no-repeat; } .cczgr-arch-point--cube { --cczgr-arch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.8 20.5 7.5v9L12 21.2 3.5 16.5v-9z'/%3E%3Cpath d='M3.5 7.5 12 12.2l8.5-4.7M12 12.2v9'/%3E%3C/svg%3E"); } .cczgr-arch-point--wood { --cczgr-arch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='1'/%3E%3Cpath d='M3 9c4-2 7 2 11 0s5-1 7 0M3 14c3-1.5 6 1.5 10 0s6-1 8 0'/%3E%3Cellipse cx='15.5' cy='11.6' rx='1.6' ry='0.9'/%3E%3C/svg%3E"); } .cczgr-arch-point--layers { --cczgr-arch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3.5 21 8l-9 4.5L3 8z'/%3E%3Cpath d='m3 12 9 4.5 9-4.5M3 16l9 4.5 9-4.5'/%3E%3C/svg%3E"); } .cczgr-arch-point--fabric { --cczgr-arch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 3.5h14v15.5l-2.3-1.6-2.3 1.6-2.4-1.6-2.3 1.6-2.4-1.6L5 19z'/%3E%3Cpath d='M5 8h14M9.7 3.5V18M14.3 3.5V18'/%3E%3C/svg%3E"); } .cczgr-arch-card .cczgr-arch-formats { margin-block: 0.4rem 0; color: var(--wp--preset--color--contrast-2); font-size: 0.75rem !important; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .cczgr-arch-card { height: 100%; } .cczgr-arch-card .cczgr-arch-buttons { margin-top: auto; padding-top: 1rem; gap: 0.5rem; } .cczgr-arch-card .cczgr-arch-buttons .wp-block-button__link { padding: 0.6rem 1rem; font-size: 0.8125rem; } @media (min-width: 782px) { .cczgr-header .wp-block-navigation .lang-item { padding-inline-start: 1.1rem; border-inline-start: 1px solid var(--wp--preset--color--border); } } .cczgr-header .wp-block-navigation .lang-item a { font-weight: 600; letter-spacing: 0.09em; } .cczgr-lang { position: relative; flex: 0 0 auto; } .cczgr-lang__current { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.25rem; list-style: none; cursor: pointer; user-select: none; color: var(--wp--preset--color--contrast); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; } .cczgr-lang__current::-webkit-details-marker { display: none; } .cczgr-lang__current::marker { content: ""; } .cczgr-lang__current:hover { color: var(--wp--preset--color--brand-dark); } .cczgr-lang__chevron { transition: transform 0.2s ease; } .cczgr-lang[open] .cczgr-lang__chevron { transform: rotate(180deg); } .cczgr-lang__list { position: absolute; top: calc(100% + 0.6rem); right: 0; z-index: 100; min-width: 11rem; margin: 0; padding: 0.4rem 0; list-style: none; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--border); box-shadow: 0 12px 30px rgba(19, 16, 13, 0.12); } .cczgr-lang__list a { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.55rem 1.1rem; color: var(--wp--preset--color--contrast); font-size: 0.9375rem; text-decoration: none; white-space: nowrap; } .cczgr-lang__list a:hover, .cczgr-lang__list a:focus-visible { background: var(--wp--preset--color--base-2); } .cczgr-lang__list a[aria-current] { font-weight: 600; box-shadow: inset 2px 0 0 var(--wp--preset--color--accent); } .cczgr-lang__code { min-width: 1.6rem; color: var(--wp--preset--color--contrast-2); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.09em; } @media (prefers-reduced-motion: reduce) { .cczgr-lang__chevron { transition: none; } } ul.cczgr-product-specs li { flex-wrap: wrap; column-gap: 1rem; } ul.cczgr-product-specs li strong { margin-inline-start: auto; text-align: right; white-space: normal; } .cczgr-buy-field :is(select, input) { box-sizing: border-box; max-width: 100%; } .cczgr-contact-photo-list.cczgr-contact-photo-list > * { margin-block: 0; } .cczgr-contact-photo-social .wp-social-link { color: var(--wp--preset--color--contrast) !important; background: none !important; } .cczgr-header .cczgr-mini-cart { flex: 0 0 auto; } @media (min-width: 782px) { .cczgr-header .wp-block-group:has(> .cczgr-mini-cart) { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; column-gap: 1.75rem; } .cczgr-header .wp-block-group:has(> .cczgr-mini-cart) > .wp-block-navigation { justify-self: center; } .cczgr-header .wp-block-group:has(> .cczgr-mini-cart):has(> .cczgr-lang) { grid-template-columns: auto 1fr auto auto auto; } .cczgr-header .cczgr-lang:has(+ .cczgr-mini-cart) { margin-inline-end: -0.5rem; } } @media (min-width: 782px) and (max-width: 1099px) { .cczgr-header .wp-block-group:has(> .cczgr-mini-cart):has(> .cczgr-lang) { grid-template-columns: auto 1fr auto auto; } .cczgr-header .wp-block-group:has(> .cczgr-lang) > .cczgr-header-cta { display: none; } } .cczgr-header .cczgr-mini-cart .wc-block-mini-cart__quantity-badge { position: relative; } .cczgr-header .cczgr-mini-cart .wc-block-mini-cart__badge { top: -7px; right: -10px; left: auto; min-width: 18px; height: 18px; margin: 0; padding: 0 4px; transform: none; border: 2px solid var(--wp--preset--color--base); background-color: var(--wp--preset--color--contrast) !important; color: var(--wp--preset--color--base) !important; font-size: 10px; font-weight: 600; line-height: 14px; box-sizing: border-box; } @media (max-width: 781px) { .cczgr-header .cczgr-mini-cart { order: 2; margin-inline-start: auto; } .cczgr-header .wp-block-group.alignwide:has(> .cczgr-lang) { column-gap: 0.6rem; } .cczgr-header:has(.cczgr-lang) .wp-block-site-logo img { max-width: 150px; } .cczgr-header .cczgr-lang { order: 2; margin-inline-start: auto; } .cczgr-header .cczgr-lang__current { padding-inline: 0.1rem; } .cczgr-header .cczgr-lang ~ .cczgr-mini-cart { margin-inline-start: 0; } .cczgr-header .wp-block-navigation { order: 3; } } .cczgr-corners-sharp, .cczgr-corners-sharp :not([type="radio"]):not([class*="spinner"]), .cczgr-corners-sharp :not([type="radio"]):not([class*="spinner"])::before, .cczgr-corners-sharp :not([type="radio"]):not([class*="spinner"])::after { border-radius: 0 !important; } .cczgr-store-info { gap: 1.25rem; } .cczgr-store-info__item { padding: 1.5rem 1.5rem 1.75rem; background: var(--wp--preset--color--base-2); border-top: 2px solid var(--wp--preset--color--accent); } .cczgr-store-info__icon { margin: 0 0 1rem; line-height: 0; color: var(--wp--preset--color--accent); } .cczgr-store-info__icon:empty { display: none; } .cczgr-store-info__icon .cczgr-icon { width: 30px; height: 30px; stroke-width: 1.5; } .cczgr-store-info__title { margin: 0 0 0.6rem; font-size: var(--wp--preset--font-size--large); line-height: 1.2; } .cczgr-store-info__text { margin: 0; color: var(--wp--preset--color--contrast-2); line-height: 1.6; } :root { --cczgr-g-deep: color-mix(in srgb, var(--wp--preset--color--brand-dark) 55%, var(--wp--preset--color--contrast)); --cczgr-g-dark-end: var(--wp--preset--color--brand-dark); --cczgr-g-mint: var(--wp--preset--color--accent); --cczgr-g-mint-hi: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--base)); --cczgr-g-tint: color-mix(in srgb, var(--wp--preset--color--brand-light) 70%, var(--wp--preset--color--base-2)); --cczgr-g-tint-soft: color-mix(in srgb, var(--wp--preset--color--brand-light) 38%, var(--wp--preset--color--base)); --cczgr-g-on-mint: color-mix(in srgb, var(--wp--preset--color--brand-dark) 45%, var(--wp--preset--color--contrast)); --cczgr-g-btn-a: var(--wp--preset--color--brand); --cczgr-g-btn-b: var(--wp--preset--color--brand-dark); --cczgr-g-eyebrow-light: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--brand-dark)); --cczgr-g-eyebrow-dark: var(--wp--preset--color--accent); --cczgr-g-eyebrow-cover: color-mix(in srgb, var(--wp--preset--color--accent) 70%, var(--wp--preset--color--base)); --cczgr-g-plane: color-mix(in srgb, var(--wp--preset--color--accent) 15%, transparent); --cczgr-g-plane-2: color-mix(in srgb, var(--wp--preset--color--brand) 26%, transparent); --cczgr-g-plane-light: color-mix(in srgb, var(--wp--preset--color--accent) 9%, transparent); --cczgr-g-plane-light-2: color-mix(in srgb, var(--wp--preset--color--brand) 6%, transparent); } body .wp-block-group.alignfull.has-brand-dark-background-color:not(.cczgr-service-cta) { background-image: linear-gradient(to bottom left, var(--cczgr-g-plane) 0, var(--cczgr-g-plane) 17%, transparent calc(17% + 1px)), linear-gradient(to top right, var(--cczgr-g-plane-2) 0, var(--cczgr-g-plane-2) 12%, transparent calc(12% + 1px)), linear-gradient(135deg, var(--cczgr-g-deep) 0%, color-mix(in srgb, var(--cczgr-g-deep) 45%, var(--cczgr-g-dark-end)) 55%, var(--cczgr-g-dark-end) 100%); } body .cczgr-service-cta::before { background: linear-gradient(to bottom left, var(--cczgr-g-plane) 0, var(--cczgr-g-plane) 17%, transparent calc(17% + 1px)), linear-gradient(135deg, color-mix(in srgb, var(--cczgr-g-deep) 94%, transparent) 0%, color-mix(in srgb, var(--cczgr-g-dark-end) 88%, transparent) 100%); } body .cczgr-hero--left .wp-block-cover__background { background: linear-gradient(90deg, color-mix(in srgb, var(--cczgr-g-deep) 92%, transparent) 0%, color-mix(in srgb, var(--cczgr-g-deep) 66%, transparent) 36%, transparent 64%) !important; } body .wp-block-group.alignfull.has-base-2-background-color:not(.cczgr-service-cta) { background-image: linear-gradient(to bottom left, var(--cczgr-g-plane-light) 0, var(--cczgr-g-plane-light) 14%, transparent calc(14% + 1px)), linear-gradient(to top right, var(--cczgr-g-plane-light-2) 0, var(--cczgr-g-plane-light-2) 10%, transparent calc(10% + 1px)), linear-gradient(165deg, var(--cczgr-g-tint) 0%, var(--wp--preset--color--base) 100%); } body .wp-block-group.alignfull.has-brand-light-background-color { background-image: linear-gradient(135deg, var(--wp--preset--color--brand-light) 0%, var(--cczgr-g-tint-soft) 100%); } body .cczgr-card, body .cczgr-card-static, body .cczgr-team-card, body .is-style-cczgr-card { background-image: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--wp--preset--color--accent) 11%, transparent) 0, transparent 58%), linear-gradient(160deg, var(--wp--preset--color--base) 0%, var(--cczgr-g-tint-soft) 100%); } body .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background), body .wp-block-search__button { background-image: linear-gradient(135deg, var(--cczgr-g-btn-a) 0%, var(--cczgr-g-btn-b) 100%); transition: filter 0.2s ease, transform 0.2s ease; } body :is(.wp-block-cover, .has-brand-dark-background-color) .wp-block-button:not(.is-style-outline) > .wp-block-button__link:is(:not(.has-background), .has-base-background-color), body .wp-block-button:not(.is-style-outline) > .wp-block-button__link.has-accent-background-color, body .wp-block-button:not(.is-style-outline) > .wp-block-button__link.has-base-background-color { background-image: linear-gradient(135deg, var(--cczgr-g-mint-hi) 0%, var(--cczgr-g-mint) 100%); color: var(--cczgr-g-on-mint) !important; } body .wp-block-button:not(.is-style-outline) > .wp-block-button__link:is(:not(.has-background), .has-base-background-color, .has-accent-background-color):hover, body .wp-block-button:not(.is-style-outline) > .wp-block-button__link:is(:not(.has-background), .has-base-background-color, .has-accent-background-color):focus-visible { filter: brightness(1.07) saturate(1.05); } body .cczgr-path-section .wp-block-buttons.cczgr-home-more .wp-block-button__link:hover { background-color: var(--wp--preset--color--accent) !important; } body .cczgr-eyebrow.has-accent-color { color: var(--cczgr-g-eyebrow-light) !important; } body .has-brand-dark-background-color .cczgr-eyebrow.has-accent-color { color: var(--cczgr-g-eyebrow-dark) !important; } body .wp-block-cover .cczgr-eyebrow.has-accent-color { color: var(--cczgr-g-eyebrow-cover) !important; } body :is(.cczgr-card, .cczgr-card-static) .cczgr-eyebrow.has-accent-color { color: var(--cczgr-g-eyebrow-light) !important; } body .cczgr-hero .wp-block-cover__background.has-background-dim, body .cczgr-hero-slide .wp-block-cover__background.has-background-dim { opacity: 0.8; }