:root {
    --kukka-surface: var(--wp--preset--color--custom-hintergrund-fl-che-log, #faf8f5);
    --kukka-text: var(--wp--preset--color--custom-text-buttons-preise, #555551);
    --kukka-accent: var(--wp--preset--color--custom-logo-evtl-buttons-preise, #645f55);
    --kukka-line: rgba(100, 95, 85, 0.18);
    --kukka-radius: 8px;
}

body {
    letter-spacing: 0;
}

body .wp-site-blocks > header,
body header.wp-block-template-part {
    margin-block-end: 0 !important;
}

body .wp-site-blocks > header .wp-block-group,
body header.wp-block-template-part .wp-block-group {
    min-height: 0 !important;
}

body .wp-site-blocks > header > .wp-block-group,
body header.wp-block-template-part > .wp-block-group {
    padding-bottom: 0.55rem !important;
    padding-top: 0.55rem !important;
}

body header.wp-block-template-part .wp-block-site-logo img,
body .wp-site-blocks > header .wp-block-site-logo img {
    height: auto !important;
    max-height: 42px !important;
    width: auto !important;
}

body header.wp-block-template-part nav,
body .wp-site-blocks > header nav {
    font-size: 0.95rem;
}

body.single-product main,
body.single-product .wp-site-blocks > main {
    margin-block-start: 0 !important;
}

body.single-product .wp-block-post-content > .wp-block-group:first-child,
body.single-product main > .wp-block-group:first-child {
    padding-top: clamp(0.75rem, 2vw, 1.35rem) !important;
}

.kukka-cro-benefits,
.kukka-cro-after-cart,
.kukka-cro-cart-progress,
.kukka-cro-set-recommendations {
    color: var(--kukka-text);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.kukka-cro-benefits {
    margin: 0.85rem 0 1rem;
}

.kukka-cro-benefits ul,
.kukka-cro-trust ul,
.kukka-cro-testimonials ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kukka-cro-benefits li,
.kukka-cro-trust li,
.kukka-cro-testimonials li {
    margin: 0.32rem 0;
}

.kukka-cro-benefits li::before,
.kukka-cro-trust li::before {
    color: var(--kukka-accent);
    content: "\2713";
    display: inline-block;
    margin-right: 0.55rem;
}

.kukka-cro-after-cart {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.95rem;
}

.kukka-cro-payment,
.kukka-cro-trust,
.kukka-cro-set-hint,
.kukka-cro-testimonials {
    background: var(--kukka-surface);
    border: 1px solid var(--kukka-line);
    border-radius: var(--kukka-radius);
    padding: 0.85rem 0.95rem;
}

.kukka-cro-payment p,
.kukka-cro-set-hint p,
.kukka-cro-testimonials p {
    margin: 0;
}

.kukka-cro-payment-icons {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    overflow: hidden;
    white-space: nowrap;
}

.kukka-cro-payment-icon {
    display: block;
    flex: 0 1 auto;
    height: 22px !important;
    max-height: 22px !important;
    max-width: 46px !important;
    object-fit: contain !important;
    width: auto !important;
}

.kukka-cro-eyebrow {
    color: var(--kukka-accent);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 0.35rem !important;
    text-transform: uppercase;
}

.kukka-cro-trust ul {
    display: grid;
    gap: 0.25rem 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kukka-cro-testimonials li {
    border-top: 1px solid rgba(100, 95, 85, 0.14);
    padding-top: 0.45rem;
}

.kukka-cro-testimonials li:first-child {
    border-top: 0;
    padding-top: 0;
}

.kukka-cro-quantity-bundles {
    margin: 0.95rem 0 0.75rem;
}

.kukka-cro-qty-options {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

button.kukka-cro-qty-option {
    background: var(--kukka-surface);
    border: 1px solid rgba(100, 95, 85, 0.22);
    border-radius: var(--kukka-radius);
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.18rem;
    min-height: 4.25rem;
    padding: 0.62rem 0.58rem;
    text-align: left;
    width: 100%;
}

button.kukka-cro-qty-option.is-active,
button.kukka-cro-qty-option:focus-visible {
    background: #fff;
    border-color: var(--kukka-accent);
    box-shadow: 0 0 0 2px rgba(100, 95, 85, 0.18), inset 0 0 0 1px var(--kukka-accent);
    outline: 0;
}

button.kukka-cro-qty-option.is-active .kukka-cro-qty-title::after {
    content: " \2713";
}

.kukka-cro-qty-title,
.kukka-cro-qty-price,
.kukka-cro-qty-note,
.kukka-cro-qty-badge {
    display: block;
}

.kukka-cro-qty-title {
    color: var(--kukka-accent);
    font-weight: 700;
}

.kukka-cro-qty-price {
    font-size: 0.88rem;
}

.kukka-cro-qty-note {
    font-size: 0.74rem;
    line-height: 1.25;
}

.kukka-cro-qty-badge {
    color: #6f7f57;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.15;
}

.kukka-cro-qty-help {
    display: none !important;
}

form.cart .quantity {
    display: none !important;
}

form.cart .single_add_to_cart_button {
    align-items: center;
    background: var(--kukka-accent) !important;
    border-color: var(--kukka-accent) !important;
    border-radius: var(--kukka-radius) !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center;
    margin-left: 0 !important;
    min-height: 3.55rem;
    white-space: nowrap;
    width: 100% !important;
}

form.cart .single_add_to_cart_button:hover,
form.cart .single_add_to_cart_button:focus-visible {
    background: var(--kukka-accent) !important;
    border-color: var(--kukka-accent) !important;
    color: #fff !important;
}

form.cart .woocommerce-variation-add-to-cart,
form.cart .variations_button {
    display: block;
    width: 100%;
}

form.cart .reset_variations,
form.cart a.reset_variations {
    display: none !important;
}

form.cart input[name="alt_s"],
form.cart input[name^="rxcgjb"] {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

body.single-product .woocommerce-breadcrumb,
body.single-product .wp-block-woocommerce-breadcrumbs,
body.single-product .rank-math-breadcrumb,
body.single-product .yoast-breadcrumb,
body.single-product nav[aria-label="Breadcrumb"] {
    display: none !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-nav,
body.single-product .wp-block-woocommerce-product-gallery-thumbnails,
body.single-product [class*="product-gallery"] [class*="thumbnails"] {
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar,
body.single-product .woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar,
body.single-product .wp-block-woocommerce-product-gallery-thumbnails::-webkit-scrollbar,
body.single-product [class*="product-gallery"] [class*="thumbnails"]::-webkit-scrollbar {
    display: none;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-nav li {
    scroll-snap-align: start;
}

form.cart .sp-smart-swatches-item,
form.cart .sp-smart-swatch-label-option {
    border-radius: 6px !important;
    transition: background-color 140ms ease, box-shadow 140ms ease, color 140ms ease, outline-color 140ms ease;
}

form.cart .sp-smart-selected-swatch {
    outline: 2px solid var(--kukka-accent) !important;
    box-shadow: 0 0 0 3px rgba(100, 95, 85, 0.16) !important;
}
/* Farbswatches: Smart Swatches legt die Farbe in ein leeres inneres Element. */
body.single-product form.cart .sp-smart-swatches-container[data-swatches-attr="attribute_pa_farbe"] .sp-smart-swatches-item:not(.sp-smart-swatch-label-option) {
    align-items: center !important;
    background: #fff !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 30px !important;
    justify-content: center !important;
    min-height: 30px !important;
    min-width: 30px !important;
    overflow: hidden !important;
    padding: 2px !important;
    width: 30px !important;
}

body.single-product form.cart .sp-smart-swatches-container[data-swatches-attr="attribute_pa_farbe"] .sp-smart-swatches-inner {
    border-radius: 999px !important;
    display: block !important;
    flex: 0 0 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
}

form.cart .sp-smart-swatch-label-option.sp-smart-selected-swatch {
    background: var(--kukka-accent) !important;
    color: #fff !important;
}

form.cart .sp-smart-swatch-label-option.sp-smart-selected-swatch .sp-smart-swatches-item-text {
    color: #fff !important;
}

form.cart .sp-smart-swatch-label-option.sp-smart-selected-swatch .sp-smart-swatches-item-text::after {
    content: "\2713";
    display: inline-block;
    font-weight: 700;
    margin-left: 0.35rem;
}

form.cart .woocommerce-variation.single_variation {
    margin: 0.62rem 0 0.72rem;
    min-height: 0;
}

form.cart .woocommerce-variation-availability .stock.in-stock {
    align-items: center;
    background: var(--kukka-surface);
    border: 1px solid var(--kukka-line);
    border-radius: 999px;
    color: var(--kukka-text);
    display: inline-flex !important;
    font-size: 0 !important;
    gap: 0.42rem;
    line-height: 1.2;
    margin: 0 !important;
    padding: 0.42rem 0.68rem;
}

form.cart .woocommerce-variation-availability .stock.in-stock::before {
    background: #6f9f63;
    border-radius: 50%;
    content: "";
    flex: 0 0 auto;
    height: 0.48rem;
    width: 0.48rem;
}

form.cart .woocommerce-variation-availability .stock.in-stock::after {
    content: "Auf Lager";
    font-size: 0.84rem;
}

.kukka-cro-mobile-header-enhanced {
    position: relative !important;
}

@media (max-width: 760px) {
    body .wp-site-blocks > header > .wp-block-group,
    body header.wp-block-template-part > .wp-block-group {
        padding-bottom: 0.35rem !important;
        padding-top: 0.35rem !important;
    }

    body header.wp-block-template-part .wp-block-site-logo img,
    body .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 34px !important;
    }

    .kukka-cro-mobile-header-enhanced .wp-block-navigation__responsive-container-open,
    .kukka-cro-mobile-header-enhanced button[aria-label*="ffnen"] {
        align-items: center !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        width: 44px !important;
    }

    .kukka-cro-mobile-header-enhanced .wp-block-navigation__responsive-container-open svg,
    .kukka-cro-mobile-header-enhanced button[aria-label*="ffnen"] svg {
        height: 22px !important;
        width: 22px !important;
    }

    .kukka-cro-mobile-cart-trigger {
        align-items: center;
        background: transparent !important;
        border: 0 !important;
        color: var(--kukka-text) !important;
        display: inline-flex;
        height: 44px;
        justify-content: center;
        min-height: 44px;
        min-width: 44px;
        padding: 0 !important;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        z-index: 3;
    }

    .kukka-cro-mobile-cart-trigger svg {
        height: 25px;
        width: 25px;
    }

    .kukka-cro-mobile-cart-count {
        align-items: center;
        background: var(--kukka-accent);
        border-radius: 999px;
        color: #fff;
        display: inline-flex;
        font-size: 0.62rem;
        font-weight: 700;
        height: 1.05rem;
        justify-content: center;
        min-width: 1.05rem;
        padding: 0 0.22rem;
        position: absolute;
        right: 0.15rem;
        top: 0.35rem;
    }

    .kukka-cro-mobile-cart-trigger:not(.has-items) .kukka-cro-mobile-cart-count {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        background: var(--kukka-surface) !important;
        color: var(--kukka-text) !important;
        padding: 1.15rem 1.5rem 1.5rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
        align-items: center !important;
        color: var(--kukka-accent) !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-width: 44px !important;
        right: 0.75rem !important;
        top: 0.75rem !important;
        width: 44px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open a {
        color: var(--kukka-text) !important;
        font-size: 1.08rem !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        line-height: 1.22 !important;
        text-transform: uppercase;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        font-size: 0.9rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: 3.1rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        gap: 1.05rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
        gap: 0.85rem !important;
        padding-top: 0.7rem !important;
    }

    .kukka-cro-trust ul,
    .kukka-cro-recommendation-grid {
        grid-template-columns: 1fr !important;
    }

    .kukka-cro-qty-options {
        gap: 0.38rem;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    button.kukka-cro-qty-option {
        gap: 0.08rem;
        min-height: 3.3rem;
        padding: 0.46rem 0.34rem;
        text-align: center;
    }

    .kukka-cro-qty-title {
        font-size: 0.82rem;
    }

    .kukka-cro-qty-price {
        font-size: 0.76rem;
    }

    .kukka-cro-qty-note {
        font-size: 0.66rem;
    }

    .kukka-cro-qty-badge {
        font-size: 0.66rem;
    }

    .kukka-cro-benefits li:nth-child(n+4) {
        display: none;
    }

    .kukka-cro-payment-icons {
        gap: 0.3rem;
    }

    .kukka-cro-payment-icon {
        height: 17px !important;
        max-height: 17px !important;
        max-width: 38px !important;
    }

    body.single-product #ht-ctc-chat,
    body.single-product .ht-ctc,
    body.single-product .ht-ctc-chat,
    body.single-product [class*="ht-ctc"],
    body.single-product a[href*="api.whatsapp.com"],
    body.single-product a[href*="wa.me"],
    body.single-product a[href*="whatsapp"] {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 761px) {
    body.single-product .wp-block-post-content > .wp-block-columns,
    body.single-product main .wp-block-columns {
        column-gap: clamp(2rem, 4vw, 4.2rem);
    }

    .kukka-cro-after-cart {
        max-width: 38rem;
    }
}

.kukka-cro-set-recommendations__subtitle {
    color: rgba(85, 85, 81, 0.86);
    font-size: 0.78rem;
    line-height: 1.35;
    margin: -0.3rem 0 0.65rem;
}

@media (max-width: 760px) {
    .kukka-cro-set-recommendations__subtitle {
        font-size: 0.72rem;
        margin-bottom: 0.55rem;
    }
}
body header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
body .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
    padding-bottom: 0.45rem !important;
    padding-top: 0.45rem !important;
}

@media (max-width: 760px) {
    body header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
    body .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
}
/* Phase 0.7 desktop/mobile tightening */
body .wp-site-blocks > header > .wp-block-group,
body header.wp-block-template-part > .wp-block-group,
body header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
body .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
}

@media (min-width: 761px) {
    .kukka-cro-benefits {
        margin: 0.65rem 0 0.85rem;
    }

    .kukka-cro-benefits ul {
        display: grid;
        gap: 0.18rem 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kukka-cro-benefits li {
        font-size: 0.94em;
        margin: 0.12rem 0;
    }

    .kukka-cro-quantity-bundles {
        margin: 0.75rem 0 0.65rem;
    }

    button.kukka-cro-qty-option {
        min-height: 3.55rem;
        padding: 0.5rem 0.54rem;
    }

    .kukka-cro-qty-note {
        font-size: 0.7rem;
    }

    form.cart .single_add_to_cart_button {
        min-height: 3.25rem;
    }
}

@media (max-width: 760px) {
    body .wp-site-blocks > header > .wp-block-group,
    body header.wp-block-template-part > .wp-block-group {
        padding-bottom: 0.15rem !important;
        padding-top: 0.15rem !important;
    }
}
/* Keep the top PDP proof compact; longer product details belong further down the page. */
.kukka-cro-benefits li:nth-child(n+4) {
    display: none !important;
}
/* Compact PDP benefits so the buying controls reach the first desktop viewport. */
.kukka-cro-benefits {
    font-size: 0.95rem;
    line-height: 1.34;
    margin-bottom: 0.55rem !important;
    margin-top: 0.45rem !important;
}

.kukka-cro-benefits li {
    margin-bottom: 0.08rem !important;
    margin-top: 0.08rem !important;
}
/* FSE child inheritance corrections: keep KUKKA's saved header language intact. */
.kukka-cro-mobile-cart-trigger {
    display: none !important;
}

body header.wp-block-template-part .has-custom-logo-farbe-background-color,
body .wp-site-blocks > header .has-custom-logo-farbe-background-color {
    background-color: var(--wp--preset--color--custom-logo-farbe, #7a756c) !important;
    color: var(--wp--preset--color--ti-bg, #fff) !important;
}

body header.wp-block-template-part nav,
body .wp-site-blocks > header nav {
    font-size: inherit;
}

@media (min-width: 761px) {
    body header.wp-block-template-part .wp-block-site-logo img,
    body .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 78px !important;
        width: auto !important;
    }
}

@media (max-width: 760px) {
    body header.wp-block-template-part .wp-block-site-logo img,
    body .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 42px !important;
    }

    .kukka-cro-mobile-cart-trigger {
        display: inline-flex !important;
    }
}

/* PDP variation layout: labels above options for cleaner mobile wrapping. */
body.single-product form.cart table.variations,
body.single-product form.cart table.variations tbody,
body.single-product form.cart table.variations tr,
body.single-product form.cart table.variations th,
body.single-product form.cart table.variations td {
    display: block !important;
    width: 100% !important;
}

body.single-product form.cart table.variations {
    border-collapse: collapse;
    margin: 1.05rem 0 0.85rem !important;
}

body.single-product form.cart table.variations tr {
    margin: 0 0 1rem !important;
}

body.single-product form.cart table.variations tr:last-child {
    margin-bottom: 0 !important;
}

body.single-product form.cart table.variations th.label,
body.single-product form.cart table.variations td.label {
    line-height: 1.2;
    padding: 0 0 0.45rem !important;
    text-align: left !important;
}

body.single-product form.cart table.variations th.label label,
body.single-product form.cart table.variations td.label label {
    color: var(--wp--preset--color--custom-text-buttons-preise, #555551);
    display: block;
    font-size: 0.94rem;
    font-weight: 700;
    margin: 0;
}

body.single-product form.cart table.variations td.value {
    padding: 0 !important;
}

body.single-product form.cart table.variations td.value > div,
body.single-product form.cart table.variations td.value .sp-smart-swatches-container,
body.single-product form.cart table.variations td.value .sp-smart-swatches-list,
body.single-product form.cart table.variations td.value .sp-smart-variation-swatches {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.42rem !important;
    max-width: 100%;
}

body.single-product form.cart .sp-smart-swatch-label-option {
    margin: 0 !important;
    min-height: 2.35rem;
}

@media (max-width: 760px) {
    body.single-product form.cart table.variations {
        margin-top: 0.85rem !important;
    }

    body.single-product form.cart table.variations tr {
        margin-bottom: 0.9rem !important;
    }

    body.single-product form.cart table.variations th.label,
    body.single-product form.cart table.variations td.label {
        padding-bottom: 0.38rem !important;
    }

    body.single-product form.cart table.variations td.value > div,
    body.single-product form.cart table.variations td.value .sp-smart-swatches-container,
    body.single-product form.cart table.variations td.value .sp-smart-swatches-list,
    body.single-product form.cart table.variations td.value .sp-smart-variation-swatches {
        gap: 0.36rem !important;
    }
}

/* Keep native selects hidden when Smart Swatches renders visual controls. */
body.single-product form.cart table.variations td.value > .sp-smart-hidden-select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    display: block !important;
    height: 1px !important;
    margin: -1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

/* ECOMWERK PDP Pflichtauswahl: ruhiger Hinweis bei fehlender Variante. */
body.single-product form.cart .kukka-cro-variation-hint {
    color: var(--wp--preset--color--custom-text-buttons-preise, #555551);
    font-size: 0.88rem;
    line-height: 1.35;
    margin: 0.45rem 0 0;
    opacity: 0.78;
}

body.single-product form.cart .single_add_to_cart_button.kukka-cro-needs-variation {
    cursor: not-allowed;
}

body.single-product form.cart.kukka-cro-variation-revealed tr.kukka-cro-variation-missing th.label label,
body.single-product form.cart.kukka-cro-variation-revealed tr.kukka-cro-variation-missing td.label label,
body.single-product form.cart.kukka-cro-variation-revealed tr.kukka-cro-variation-missing .kukka-cro-variation-hint {
    color: var(--wp--preset--color--custom-logo-evtl-buttons-preise, #645f55);
    opacity: 1;
}

body.single-product form.cart.kukka-cro-variation-revealed tr.kukka-cro-variation-missing .kukka-cro-variation-hint {
    font-weight: 700;
}

body.single-product form.cart.kukka-cro-variation-revealed tr.kukka-cro-variation-missing .sp-smart-swatch-label-option {
    border-color: rgba(100, 95, 85, 0.62) !important;
    box-shadow: 0 0 0 1px rgba(100, 95, 85, 0.18);
}
/* Checkout focus pass: make secondary gift card quiet and final order action obvious. */
body.woocommerce-checkout,
body.page-checkout,
body:has(.wp-block-woocommerce-checkout) {
    --kukka-checkout-action: var(--wp--preset--color--custom-logo-evtl-buttons-preise, #645f55);
    --kukka-checkout-surface: var(--wp--preset--color--custom-hintergrund-fl-che-log, #faf8f5);
    --kukka-checkout-line: rgba(100, 95, 85, 0.2);
}

body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button {
    background: var(--kukka-checkout-action) !important;
    border: 1px solid var(--kukka-checkout-action) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(100, 95, 85, 0.16) !important;
    color: #fff !important;
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    min-height: 3.8rem !important;
    padding: 0.85rem 1rem !important;
    width: 100% !important;
}

body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button *,
body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button__text,
body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button__price,
body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button__separator {
    color: #fff !important;
    font-size: inherit !important;
    font-weight: 700 !important;
}

body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button__separator {
    background: rgba(255, 255, 255, 0.55) !important;
    min-height: 1.4rem;
    width: 1px;
}

body:has(.wp-block-woocommerce-checkout) .wc-block-checkout__actions_row {
    margin-top: 1.05rem !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-container {
    background: rgba(255, 255, 255, 0.32);
    border: 1px solid var(--kukka-checkout-line);
    border-radius: 8px;
    color: var(--wp--preset--color--custom-text-buttons-preise, #555551);
    margin-top: 0.75rem;
    padding: 0.7rem 0.75rem !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-form {
    display: grid !important;
    gap: 0.45rem !important;
    margin: 0 !important;
    width: 100% !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-form label {
    color: rgba(85, 85, 81, 0.82);
    display: block;
    font-size: 0.78rem !important;
    line-height: 1.2;
    margin: 0 !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-number {
    border: 1px solid rgba(100, 95, 85, 0.32) !important;
    border-radius: 6px !important;
    font-size: 0.9rem !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.6rem !important;
    width: 100% !important;
}

body:has(.wp-block-woocommerce-checkout) .pwgc-apply-gift-card-button {
    background: transparent !important;
    border: 1px solid rgba(100, 95, 85, 0.42) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: var(--wp--preset--color--custom-text-buttons-preise, #555551) !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.65rem !important;
    width: 100% !important;
}

body:has(.wp-block-woocommerce-checkout) .pwgc-apply-gift-card-button * {
    color: inherit !important;
    font-size: inherit !important;
}

body:has(.wp-block-woocommerce-checkout) .wc-block-components-totals-footer-item {
    padding-bottom: 0.85rem !important;
}

body:has(.wp-block-woocommerce-checkout) .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body:has(.wp-block-woocommerce-checkout) .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
}

@media (max-width: 760px) {
    body:has(.wp-block-woocommerce-checkout) #ht-ctc-chat,
    body:has(.wp-block-woocommerce-checkout) .ht-ctc,
    body:has(.wp-block-woocommerce-checkout) .ht-ctc-chat,
    body:has(.wp-block-woocommerce-checkout) [class*="ht-ctc"],
    body:has(.wp-block-woocommerce-checkout) a[href*="api.whatsapp.com"],
    body:has(.wp-block-woocommerce-checkout) a[href*="wa.me"],
    body:has(.wp-block-woocommerce-checkout) a[href*="whatsapp"] {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    body:has(.wp-block-woocommerce-checkout) .wc-block-components-checkout-place-order-button {
        font-size: 0.94rem !important;
        min-height: 4rem !important;
    }
}

@media (min-width: 761px) {
    body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-form {
        align-items: end;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-form label {
        grid-column: 1 / -1;
    }

    body:has(.wp-block-woocommerce-checkout) .pwgc-apply-gift-card-button {
        white-space: nowrap;
        width: auto !important;
    }
}

/* Checkout gift card final tightening. */
body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-container {
    padding: 0.55rem 0.6rem !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-form {
    gap: 0.32rem !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-number,
body:has(.wp-block-woocommerce-checkout) .pwgc-apply-gift-card-button {
    min-height: 2.15rem !important;
    padding-bottom: 0.35rem !important;
    padding-top: 0.35rem !important;
}

body:has(.wp-block-woocommerce-checkout) #pwgc-redeem-gift-card-number {
    font-size: 0.84rem !important;
}

body:has(.wp-block-woocommerce-checkout) .pwgc-apply-gift-card-button {
    font-size: 0.78rem !important;
}

/* Mobile PDP gallery: KUKKA product uploads are overwhelmingly portrait, so the main image should not feel like a small square preview. */
@media (max-width: 760px) {
    body.single-product .wp-block-post-content > .wp-block-columns > .wp-block-column:first-child,
    body.single-product main .wp-block-columns > .wp-block-column:first-child {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery,
    body.single-product .wc-block-product-gallery,
    body.single-product .woocommerce-product-gallery {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: min(100%, 430px) !important;
        width: 100% !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image,
    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image__container,
    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image__wrapper,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image__container,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image__wrapper,
    body.single-product .woocommerce-product-gallery__image {
        aspect-ratio: 4 / 5;
        height: auto !important;
        max-height: min(68vh, 540px);
        overflow: hidden;
        width: 100% !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image img,
    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image__container img,
    body.single-product .wp-block-woocommerce-product-gallery .wc-block-product-gallery-large-image__wrapper img,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image img,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image__container img,
    body.single-product .wc-block-product-gallery .wc-block-product-gallery-large-image__wrapper img,
    body.single-product .woocommerce-product-gallery__image img {
        display: block !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery-thumbnails,
    body.single-product [class*="product-gallery"] [class*="thumbnails"],
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav {
        margin-top: 0.7rem !important;
        overflow-x: auto;
        padding-bottom: 0 !important;
        scrollbar-width: none;
    }
}
/* Header-Schutz: Produktseiten dürfen kompakt bleiben, normale Inhaltsseiten behalten den Parent-/Live-Rhythmus. */
body:not(.single-product) .wp-site-blocks > header > .wp-block-group,
body:not(.single-product) header.wp-block-template-part > .wp-block-group,
body:not(.single-product) header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
body:not(.single-product) .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

@media (min-width: 761px) {
    body:not(.single-product) header.wp-block-template-part .wp-block-site-logo img,
    body:not(.single-product) .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 116px !important;
        width: auto !important;
    }
}

@media (max-width: 760px) {
    body:not(.single-product) .wp-site-blocks > header > .wp-block-group,
    body:not(.single-product) header.wp-block-template-part > .wp-block-group,
    body:not(.single-product) header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
    body:not(.single-product) .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
        padding-bottom: 0.55rem !important;
        padding-top: 0.55rem !important;
    }

    body:not(.single-product) header.wp-block-template-part .wp-block-site-logo img,
    body:not(.single-product) .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 54px !important;
        width: auto !important;
    }
}



/* Mengenwahl: Vorteile als kompakte Badges statt langer Hinweiszeilen. */
.kukka-cro-quantity-bundles {
    margin-bottom: 0.62rem !important;
}

button.kukka-cro-qty-option {
    align-content: center;
    gap: 0.2rem !important;
    justify-items: center;
    min-height: 3.65rem !important;
    padding: 0.5rem 0.42rem !important;
    text-align: center !important;
}

.kukka-cro-qty-price {
    line-height: 1.18;
}

.kukka-cro-qty-note {
    display: none !important;
}

.kukka-cro-qty-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    justify-content: center;
    margin-top: 0.06rem;
    min-height: 0.95rem;
}

.kukka-cro-qty-badge {
    align-items: center;
    background: rgba(111, 127, 87, 0.11);
    border: 1px solid rgba(111, 127, 87, 0.24);
    border-radius: 999px;
    color: #5f7048;
    display: inline-flex !important;
    font-size: 0.64rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.12rem 0.36rem;
    white-space: nowrap;
}

button.kukka-cro-qty-option.is-active .kukka-cro-qty-badge {
    background: rgba(100, 95, 85, 0.12);
    border-color: rgba(100, 95, 85, 0.28);
    color: var(--kukka-accent);
}

@media (max-width: 760px) {
    button.kukka-cro-qty-option {
        min-height: 3.05rem !important;
        padding: 0.42rem 0.24rem !important;
    }

    .kukka-cro-qty-title {
        font-size: 0.78rem !important;
    }

    .kukka-cro-qty-price {
        font-size: 0.72rem !important;
    }

    .kukka-cro-qty-badges {
        gap: 0.12rem;
        min-height: 0.82rem;
    }

    .kukka-cro-qty-badge {
        font-size: 0.56rem;
        padding: 0.09rem 0.24rem;
    }
}
/* Mobile Produktgalerie: Thumbnails näher ans Hauptbild und quadratisch. */
@media (max-width: 760px) {
    body.single-product .wp-block-woocommerce-product-gallery-thumbnails,
    body.single-product [class*="product-gallery"] [class*="thumbnails"],
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav {
        align-items: center;
        gap: 0.42rem !important;
        margin-top: 0.35rem !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery-thumbnails button,
    body.single-product .wp-block-woocommerce-product-gallery-thumbnails a,
    body.single-product [class*="product-gallery"] [class*="thumbnail"] button,
    body.single-product [class*="product-gallery"] [class*="thumbnail"] a,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav li {
        aspect-ratio: 1 / 1;
        flex: 0 0 4.65rem !important;
        height: 4.65rem !important;
        max-height: 4.65rem !important;
        overflow: hidden;
        width: 4.65rem !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery-thumbnails img,
    body.single-product [class*="product-gallery"] [class*="thumbnail"] img,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs img,
    body.single-product .woocommerce-product-gallery .flex-control-nav img {
        aspect-ratio: 1 / 1;
        display: block !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
    }
}
/* Mobile Produktgalerie: WooCommerce setzt sonst 24px Flex-Gap zwischen Hauptbild und Thumbnails. */
@media (max-width: 760px) {
    body.single-product .wp-block-woocommerce-product-gallery.wc-block-product-gallery,
    body.single-product .wc-block-product-gallery {
        gap: 0.35rem !important;
        row-gap: 0.35rem !important;
    }

    body.single-product .wc-block-product-gallery-thumbnails,
    body.single-product .wp-block-woocommerce-product-gallery-thumbnails {
        margin-top: 0 !important;
    }
}
/* ECOMWERK Produktdetails: WooCommerce-Tabs als ruhiges FAQ-Akkordeon. */
body.single-product .kukka-cro-product-accordion {
    border-top: 1px solid var(--kukka-line);
    color: var(--kukka-text);
    margin: clamp(1.65rem, 4vw, 2.6rem) 0 clamp(1.4rem, 3vw, 2.1rem);
    max-width: 48rem;
}

body.single-product .kukka-cro-product-accordion__item {
    border-bottom: 1px solid var(--kukka-line);
}

body.single-product .kukka-cro-product-accordion__item summary {
    align-items: center;
    color: var(--kukka-accent);
    cursor: pointer;
    display: flex;
    font-size: clamp(1rem, 1.8vw, 1.08rem);
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    list-style: none;
    min-height: 3.25rem;
    padding: 0.95rem 0;
}

body.single-product .kukka-cro-product-accordion__item summary::-webkit-details-marker {
    display: none;
}

body.single-product .kukka-cro-product-accordion__item summary::after {
    content: "+";
    flex: 0 0 auto;
    font-size: 1.2rem;
    font-weight: 400;
    margin-left: 1rem;
}

body.single-product .kukka-cro-product-accordion__item[open] summary::after {
    content: "-";
}

body.single-product .kukka-cro-product-accordion__content {
    color: rgba(85, 85, 81, 0.95);
    font-size: 0.98rem;
    line-height: 1.65;
    padding: 0 0 1rem;
}

body.single-product .kukka-cro-product-accordion__content > :first-child {
    margin-top: 0;
}

body.single-product .kukka-cro-product-accordion__content > :last-child {
    margin-bottom: 0;
}

body.single-product .kukka-cro-product-accordion__content strong {
    color: var(--kukka-accent);
}

@media (max-width: 760px) {
    body.single-product .kukka-cro-product-accordion {
        margin-top: 1.35rem;
    }

    body.single-product .kukka-cro-product-accordion__item summary {
        font-size: 0.98rem;
        min-height: 3rem;
        padding: 0.82rem 0;
    }

    body.single-product .kukka-cro-product-accordion__content {
        font-size: 0.94rem;
        line-height: 1.55;
        padding-bottom: 0.88rem;
    }
}
/* Mobile PDP-Header: enger bis zum Produktbild, Warenkorb-Icon größer und mittig. */
@media (max-width: 760px) {
    body.single-product .wp-site-blocks > header,
    body.single-product header.wp-block-template-part {
        margin-bottom: 0 !important;
        margin-block-end: 0 !important;
    }

    body.single-product .wp-site-blocks > header > .wp-block-group,
    body.single-product header.wp-block-template-part > .wp-block-group,
    body.single-product header.wp-block-template-part .wp-block-group.alignwide.is-layout-flow,
    body.single-product .wp-site-blocks > header .wp-block-group.alignwide.is-layout-flow {
        min-height: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    body.single-product header.wp-block-template-part .wp-block-site-logo img,
    body.single-product .wp-site-blocks > header .wp-block-site-logo img {
        max-height: 35px !important;
        width: auto !important;
    }

    body.single-product .wp-site-blocks > main,
    body.single-product main {
        margin-block-start: 0 !important;
        margin-top: 0 !important;
    }

    body.single-product .wp-block-post-content > .wp-block-group:first-child,
    body.single-product main > .wp-block-group:first-child,
    body.single-product .wp-block-post-content > .wp-block-columns,
    body.single-product main .wp-block-columns {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.single-product main .wp-block-columns > .wp-block-column:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.single-product .wp-block-woocommerce-product-gallery,
    body.single-product .wc-block-product-gallery,
    body.single-product .woocommerce-product-gallery {
        margin-top: 0 !important;
    }

    body.single-product .kukka-cro-mobile-header-enhanced .wp-block-navigation__responsive-container-open,
    body.single-product .kukka-cro-mobile-header-enhanced button[aria-label*="ffnen"],
    body.single-product .kukka-cro-mobile-cart-trigger {
        align-items: center !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        width: 44px !important;
    }

    body.single-product .kukka-cro-mobile-cart-trigger {
        top: 50% !important;
        transform: translateY(-52%) !important;
    }

    body.single-product .kukka-cro-mobile-cart-trigger svg {
        height: 27px !important;
        width: 27px !important;
    }

    body.single-product .kukka-cro-mobile-cart-count {
        font-size: 0.66rem !important;
        height: 1.15rem !important;
        min-width: 1.15rem !important;
        right: 0.05rem !important;
        top: 0.18rem !important;
    }
}
/* Mobile PDP-Header Feinausrichtung: WordPress-Blockgap und Button-Margin neutralisieren. */
@media (max-width: 760px) {
    body.single-product header.wp-block-template-part {
        --wp--style--block-gap: 0 !important;
    }

    body.single-product header.wp-block-template-part > * + * {
        margin-block-start: 0 !important;
        margin-top: 0 !important;
    }

    body.single-product .kukka-cro-mobile-cart-trigger {
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }
}
/* Mobile PDP-Header Layout: Topbar und Logozeile ohne FSE-Luftspalt stapeln. */
@media (max-width: 760px) {
    body.single-product header.wp-block-template-part {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        row-gap: 0 !important;
    }
}
/* Mobile PDP-Header Logozeile: innere FSE-Verschiebung entfernen. */
@media (max-width: 760px) {
    body.single-product header.wp-block-template-part > .wp-block-group:nth-child(2) {
        align-items: center !important;
        display: flex !important;
        height: 44px !important;
        min-height: 44px !important;
        position: relative !important;
    }

    body.single-product header.wp-block-template-part > .wp-block-group:nth-child(2) > .wp-block-group.alignwide {
        flex: 1 1 auto !important;
        margin: 0 !important;
        width: 100% !important;
    }
}
/* ECOMWERK Header Finalisierung: kompakter Mobile-Header, ruhiger Cart, kleineres Desktop-Logo. */
@media (max-width: 760px) {
    body header.wp-block-template-part {
        --wp--style--block-gap: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        row-gap: 0 !important;
    }

    body header.wp-block-template-part > * + * {
        margin-block-start: 0 !important;
        margin-top: 0 !important;
    }

    body header.wp-block-template-part > .wp-block-group:nth-child(2),
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced {
        align-items: center !important;
        display: flex !important;
        height: 56px !important;
        min-height: 56px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced {
        width: 100% !important;
    }

    body header.wp-block-template-part .header-mobile {
        align-items: center !important;
        display: flex !important;
        height: 44px !important;
        margin: 0 !important;
        min-height: 44px !important;
        width: 100% !important;
    }

    body header.wp-block-template-part .header-mobile > .wp-block-column {
        align-items: center !important;
        display: flex !important;
        min-height: 44px !important;
    }

    body header.wp-block-template-part .wp-block-site-logo img,
    body .wp-site-blocks > header .wp-block-site-logo img,
    body header.wp-block-template-part img.custom-logo,
    body .wp-site-blocks > header img.custom-logo {
        max-height: 38px !important;
        width: auto !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-navigation__responsive-container-open,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced button[aria-label*="ffnen"],
    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger {
        align-items: center !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        width: 44px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger {
        background: transparent !important;
        border: 0 !important;
        color: var(--kukka-text) !important;
        margin: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger svg {
        height: 24px !important;
        width: 24px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-count {
        align-items: center !important;
        background: var(--kukka-accent) !important;
        border-radius: 999px !important;
        color: #fff !important;
        display: inline-flex !important;
        font-size: 0.64rem !important;
        font-weight: 700 !important;
        height: 1.08rem !important;
        justify-content: center !important;
        min-width: 1.08rem !important;
        padding: 0 0.2rem !important;
        position: absolute !important;
        right: 0.06rem !important;
        top: 0.18rem !important;
    }
}

@media (min-width: 761px) {
    body header.wp-block-template-part > .wp-block-group:nth-child(2),
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop {
        align-items: center !important;
        margin-top: 0 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:first-child {
        min-height: 44px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:last-of-type {
        min-height: 40px !important;
    }

    body header.wp-block-template-part .wp-block-site-logo img,
    body .wp-site-blocks > header .wp-block-site-logo img,
    body header.wp-block-template-part img.custom-logo,
    body .wp-site-blocks > header img.custom-logo {
        max-height: 42px !important;
        width: auto !important;
    }

    body header.wp-block-template-part nav,
    body .wp-site-blocks > header nav {
        font-size: 0.95rem !important;
    }

    body header.wp-block-template-part .wc-block-mini-cart__button,
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart button {
        align-items: center !important;
        color: var(--kukka-text) !important;
        display: inline-flex !important;
        justify-content: center !important;
        min-height: 40px !important;
        min-width: 40px !important;
        padding: 0.35rem !important;
    }

    body header.wp-block-template-part .wc-block-mini-cart__button svg,
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart button svg {
        height: 22px !important;
        width: 22px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger {
        display: none !important;
    }
}
/* ECOMWERK Header Logo Override: stärker als die FSE-spezifischen Non-Product-Regeln. */
@media (max-width: 760px) {
    body:not(.single-product) header.wp-block-template-part .wp-block-site-logo img.custom-logo,
    body:not(.single-product) .wp-site-blocks > header .wp-block-site-logo img.custom-logo,
    body:not(.single-product) header.wp-block-template-part img.custom-logo,
    body:not(.single-product) .wp-site-blocks > header img.custom-logo,
    body.single-product header.wp-block-template-part .wp-block-site-logo img.custom-logo,
    body.single-product .wp-site-blocks > header .wp-block-site-logo img.custom-logo,
    body.single-product header.wp-block-template-part img.custom-logo,
    body.single-product .wp-site-blocks > header img.custom-logo {
        max-height: 38px !important;
        width: auto !important;
    }
}

@media (min-width: 761px) {
    body:not(.single-product) header.wp-block-template-part .wp-block-site-logo img.custom-logo,
    body:not(.single-product) .wp-site-blocks > header .wp-block-site-logo img.custom-logo,
    body:not(.single-product) header.wp-block-template-part img.custom-logo,
    body:not(.single-product) .wp-site-blocks > header img.custom-logo,
    body.single-product header.wp-block-template-part .wp-block-site-logo img.custom-logo,
    body.single-product .wp-site-blocks > header .wp-block-site-logo img.custom-logo,
    body.single-product header.wp-block-template-part img.custom-logo,
    body.single-product .wp-site-blocks > header img.custom-logo {
        max-height: 42px !important;
        width: auto !important;
    }
}
/* ECOMWERK Desktop Header: Logo in die Menüzeile legen und kleiner führen. */
@media (min-width: 761px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced {
        min-height: 48px !important;
        padding-bottom: 0.15rem !important;
        padding-top: 0.15rem !important;
        position: relative !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom {
        align-items: center !important;
        bottom: auto !important;
        display: flex !important;
        height: 48px !important;
        left: 0 !important;
        margin: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        z-index: 4 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom .custom-logo-link,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom .wp-block-site-logo {
        pointer-events: auto !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) {
        align-items: center !important;
        margin: 0 !important;
        min-height: 48px !important;
        position: relative !important;
        z-index: 3 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced img.custom-logo {
        max-height: 42px !important;
        width: auto !important;
    }
}
/* ECOMWERK Desktop Header Cart/Logo: echtes Cart-Icon statt reiner Zahl, Logo auf Menüzeilenhöhe. */
@media (min-width: 761px) {
    body:not(.single-product) header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body:not(.single-product) .wp-site-blocks > header .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body.single-product header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body.single-product .wp-site-blocks > header .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced img.custom-logo {
        max-height: 42px !important;
        width: auto !important;
    }

    body header.wp-block-template-part .wp-block-woocommerce-mini-cart,
    body header.wp-block-template-part .wc-block-mini-cart__button,
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart button {
        display: none !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger {
        align-items: center !important;
        background: transparent !important;
        border: 0 !important;
        color: var(--kukka-text) !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        margin: 0 !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        z-index: 5 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-trigger svg {
        display: block !important;
        height: 23px !important;
        width: 23px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-cart-count {
        align-items: center !important;
        background: var(--kukka-accent) !important;
        border-radius: 999px !important;
        color: #fff !important;
        display: inline-flex !important;
        font-size: 0.62rem !important;
        font-weight: 700 !important;
        height: 1.05rem !important;
        justify-content: center !important;
        min-width: 1.05rem !important;
        padding: 0 0.2rem !important;
        position: absolute !important;
        right: 0.12rem !important;
        top: 0.1rem !important;
    }
}
/* ECOMWERK Desktop Header Layout: Logo links, Navigation freihalten. */
@media (min-width: 761px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column {
        flex-basis: auto !important;
        flex-grow: 0 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:first-child,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:last-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:first-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:last-child {
        display: none !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:nth-child(2),
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:nth-child(2) {
        align-items: center !important;
        display: flex !important;
        height: 48px !important;
        justify-content: flex-start !important;
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
        width: 7rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-site-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced .wp-block-site-logo {
        margin: 0 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child {
        box-sizing: border-box !important;
        flex-basis: calc(100% - 260px) !important;
        padding-left: 7.1rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child {
        flex-basis: 260px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container {
        column-gap: 0.84rem !important;
        flex-wrap: nowrap !important;
        row-gap: 0 !important;
    }
}

@media (min-width: 761px) and (max-width: 1180px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child {
        flex-basis: calc(100% - 230px) !important;
        padding-left: 6.35rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child {
        flex-basis: 230px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced nav.wp-block-navigation,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced nav.wp-block-navigation {
        font-size: 0.88rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container {
        column-gap: 0.42rem !important;
    }
}
/* ECOMWERK Header Servicebar: Versandhinweis dezenter und flacher führen. */
body header.wp-block-template-part > .wp-block-columns:first-child p,
body header.wp-block-template-part p.has-ti-bg-color.has-custom-logo-farbe-background-color,
body .wp-site-blocks > header > .wp-block-columns:first-child p,
body .wp-site-blocks > header p.has-ti-bg-color.has-custom-logo-farbe-background-color {
    font-size: 0.82rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    min-height: 0 !important;
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

@media (max-width: 760px) {
    body header.wp-block-template-part > .wp-block-columns:first-child p,
    body header.wp-block-template-part p.has-ti-bg-color.has-custom-logo-farbe-background-color,
    body .wp-site-blocks > header > .wp-block-columns:first-child p,
    body .wp-site-blocks > header p.has-ti-bg-color.has-custom-logo-farbe-background-color {
        font-size: 0.74rem !important;
        line-height: 1.12 !important;
        padding-bottom: 0.42rem !important;
        padding-top: 0.42rem !important;
    }
}
/* ECOMWERK Kategorie- und Menü-Feinschliff: bewusst nah am Theme. */
body header.wp-block-template-part .wp-block-navigation__submenu-container,
body .wp-site-blocks > header .wp-block-navigation__submenu-container {
    display: flex !important;
    flex-direction: column !important;
}

body header.wp-block-template-part .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/babykleidung-nachhaltig/"]),
body .wp-site-blocks > header .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/babykleidung-nachhaltig/"]) {
    order: 10;
}

body header.wp-block-template-part .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/kinderhosen-leggings-nachhaltig/"]),
body .wp-site-blocks > header .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/kinderhosen-leggings-nachhaltig/"]) {
    order: 20;
}

body header.wp-block-template-part .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/nachhaltige-kinder-sweatshirts/"]),
body .wp-site-blocks > header .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/nachhaltige-kinder-sweatshirts/"]) {
    order: 30;
}

body header.wp-block-template-part .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/nachhaltige-shirts-kleider-kinder/"]),
body .wp-site-blocks > header .wp-block-navigation__submenu-container > .wp-block-navigation-item:has(a[href*="/produkt-kategorie/nachhaltige-shirts-kleider-kinder/"]) {
    order: 40;
}

@media (min-width: 761px) and (max-width: 1180px) {
    body header.wp-block-template-part .header-desktop nav.wp-block-navigation .wp-block-navigation__container,
    body .wp-site-blocks > header .header-desktop nav.wp-block-navigation .wp-block-navigation__container {
        column-gap: 0.58rem !important;
        flex-wrap: nowrap !important;
        row-gap: 0 !important;
    }
}

body.term-babykleidung-nachhaltig header.wp-block-template-part a[href*="/produkt-kategorie/babykleidung-nachhaltig/"],
body.term-kinderhosen-leggings-nachhaltig header.wp-block-template-part a[href*="/produkt-kategorie/kinderhosen-leggings-nachhaltig/"],
body.term-nachhaltige-kinder-sweatshirts header.wp-block-template-part a[href*="/produkt-kategorie/nachhaltige-kinder-sweatshirts/"],
body.term-nachhaltige-shirts-kleider-kinder header.wp-block-template-part a[href*="/produkt-kategorie/nachhaltige-shirts-kleider-kinder/"] {
    color: var(--kukka-accent) !important;
    font-weight: 600;
}

.kukka-cro-category-guide {
    border-bottom: 1px solid var(--kukka-line);
    border-top: 1px solid var(--kukka-line);
    color: var(--kukka-text);
    margin: 0 0 1.15rem;
    padding: 0.9rem 0;
}

.kukka-cro-category-guide__intro,
.kukka-cro-category-guide__pairing {
    margin: 0;
}

.kukka-cro-category-guide__intro {
    font-size: 0.98rem;
    line-height: 1.45;
    max-width: 46rem;
}

.kukka-cro-category-guide__links,
.kukka-cro-category-guide__pairing {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    margin-top: 0.55rem;
}

.kukka-cro-category-guide__pairing {
    color: rgba(85, 85, 81, 0.9);
    font-size: 0.9rem;
}

.kukka-cro-category-guide__pairing span {
    color: var(--kukka-accent);
    font-weight: 700;
}

.kukka-cro-category-guide a {
    color: var(--kukka-accent);
    font-size: 0.9rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

body.tax-product_cat ul.products li.product h2,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .wp-block-woocommerce-product-collection h2,
body.tax-product_cat .wp-block-woocommerce-product-template h2 {
    font-size: clamp(0.82rem, 1.2vw, 0.95rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.26 !important;
    margin-bottom: 0.28rem !important;
    margin-top: 0.64rem !important;
}

body.tax-product_cat ul.products li.product .price,
body.tax-product_cat .wp-block-woocommerce-product-collection .price,
body.tax-product_cat .wp-block-woocommerce-product-template .price {
    display: block;
    font-size: 0.92rem;
    line-height: 1.25;
    margin-top: 0.28rem;
}

body.tax-product_cat .woocommerce-ordering select {
    border-radius: 4px;
    min-height: 42px;
}

@media (max-width: 760px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
        border-left: 1px solid var(--kukka-line) !important;
        margin-left: 0.35rem !important;
        padding-left: 0.85rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-button {
        gap: 0.5rem !important;
        margin-top: 0.2rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-button__link {
        background: transparent !important;
        border-color: rgba(100, 95, 85, 0.42) !important;
        color: var(--kukka-text) !important;
        font-size: 0.84rem !important;
        line-height: 1.2 !important;
        padding: 0.42rem 0.68rem !important;
    }

    body.tax-product_cat .woocommerce-result-count,
    body.tax-product_cat .woocommerce-ordering {
        float: none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    body.tax-product_cat .woocommerce-result-count {
        margin-bottom: 0.65rem !important;
    }

    body.tax-product_cat .woocommerce-ordering {
        margin-bottom: 1rem !important;
    }

    body.tax-product_cat .woocommerce-ordering select {
        max-width: 100% !important;
        width: 100% !important;
    }

    .kukka-cro-category-guide {
        margin-bottom: 0.95rem;
        padding: 0.82rem 0;
    }

    .kukka-cro-category-guide__intro {
        font-size: 0.94rem;
    }

    .kukka-cro-category-guide__links,
    .kukka-cro-category-guide__pairing {
        gap: 0.32rem 0.82rem;
    }

    .kukka-cro-category-guide a,
    .kukka-cro-category-guide__pairing {
        font-size: 0.86rem;
    }

    body.tax-product_cat ul.products li.product h2,
    body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
    body.tax-product_cat .wp-block-woocommerce-product-collection h2,
    body.tax-product_cat .wp-block-woocommerce-product-template h2 {
        font-size: 0.8rem !important;
        line-height: 1.22 !important;
    }
}

/* ECOMWERK Header Logo Size 2026-07-09: ca. 20% größer, Desktop vertikal ausgerichtet. */
@media (min-width: 761px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced {
        min-height: 60px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom {
        height: 60px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:nth-child(2),
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom > .wp-block-column:nth-child(2),
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom),
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) {
        height: 60px !important;
        min-height: 60px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced img.custom-logo {
        height: 50px !important;
        max-height: 50px !important;
        width: auto !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child {
        padding-left: 7.8rem !important;
    }
}

@media (min-width: 761px) and (max-width: 1180px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:first-child {
        flex-basis: calc(100% - 210px) !important;
        padding-left: 7.25rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop:not(.are-vertically-aligned-bottom) > .wp-block-column:last-child {
        flex-basis: 210px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced nav.wp-block-navigation,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced nav.wp-block-navigation {
        font-size: 0.86rem !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced nav.wp-block-navigation .wp-block-navigation__container {
        column-gap: 0.36rem !important;
    }
}

@media (max-width: 760px) {
    body header.wp-block-template-part > .wp-block-group:nth-child(2),
    body header.wp-block-template-part > .wp-block-group:nth-child(2) > .wp-block-group.alignwide,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced {
        height: 62px !important;
        min-height: 62px !important;
    }

    body header.wp-block-template-part .header-mobile,
    body .wp-site-blocks > header .header-mobile {
        height: 50px !important;
        min-height: 50px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced .wp-block-site-logo img.custom-logo,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced img.custom-logo,
    body header.wp-block-template-part .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .wp-block-site-logo img.custom-logo {
        height: 46px !important;
        max-height: 46px !important;
        width: auto !important;
    }
}
/* ECOMWERK Header Logo Exact Override 2026-07-09: desktop 50px, mobile 46px. */
@media (min-width: 761px) {
    body:not(.single-product) header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom .wp-block-site-logo img.custom-logo,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-desktop.are-vertically-aligned-bottom .wp-block-site-logo img.custom-logo {
        height: 50px !important;
        max-height: 50px !important;
        width: auto !important;
    }
}

@media (max-width: 760px) {
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-mobile .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .wp-block-columns.header-mobile .wp-block-site-logo img.custom-logo {
        height: 46px !important;
        max-height: 46px !important;
        width: auto !important;
    }
}
/* ECOMWERK Header Cart Standard Icon 2026-07-09: native WooCommerce mini-cart icon. */
body header.wp-block-template-part .kukka-cro-mobile-cart-trigger,
body .wp-site-blocks > header .kukka-cro-mobile-cart-trigger {
    display: none !important;
}

@media (min-width: 761px) {
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart),
    body .wp-site-blocks > header .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) {
        display: inline-flex !important;
    }

    body header.wp-block-template-part .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) .wc-block-mini-cart__button,
    body .wp-site-blocks > header .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) .wc-block-mini-cart__button,
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) button,
    body .wp-site-blocks > header .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) button {
        align-items: center !important;
        background: transparent !important;
        border: 0 !important;
        color: var(--kukka-text, #635f56) !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        width: 44px !important;
    }

    body header.wp-block-template-part .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) .wc-block-mini-cart__button svg,
    body .wp-site-blocks > header .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) .wc-block-mini-cart__button svg,
    body header.wp-block-template-part .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) button svg,
    body .wp-site-blocks > header .wp-block-woocommerce-mini-cart:not(.kukka-cro-mobile-mini-cart) button svg {
        height: 24px !important;
        width: 24px !important;
    }
}

@media (max-width: 760px) {
    body header.wp-block-template-part .header-mobile .kukka-cro-mobile-mini-cart,
    body .wp-site-blocks > header .header-mobile .kukka-cro-mobile-mini-cart {
        display: inline-flex !important;
        margin: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 5 !important;
    }

    body header.wp-block-template-part .header-mobile .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button,
    body .wp-site-blocks > header .header-mobile .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button,
    body header.wp-block-template-part .header-mobile .kukka-cro-mobile-mini-cart button,
    body .wp-site-blocks > header .header-mobile .kukka-cro-mobile-mini-cart button {
        align-items: center !important;
        background: transparent !important;
        border: 0 !important;
        color: var(--kukka-text, #635f56) !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        width: 44px !important;
    }

    body header.wp-block-template-part .header-mobile .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button svg,
    body .wp-site-blocks > header .header-mobile .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button svg,
    body header.wp-block-template-part .header-mobile .kukka-cro-mobile-mini-cart button svg,
    body .wp-site-blocks > header .header-mobile .kukka-cro-mobile-mini-cart button svg {
        height: 24px !important;
        width: 24px !important;
    }
}
/* ECOMWERK Mobile Header Alignment 2026-07-09: einheitliche Header-Geometrie für Homepage, Archive und PDP. */
@media (max-width: 760px) {
    body header.wp-block-template-part,
    body .wp-site-blocks > header.wp-block-template-part {
        align-self: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    body header.wp-block-template-part > .wp-block-group:nth-child(2),
    body header.wp-block-template-part > .wp-block-group:nth-child(2) > .wp-block-group.alignwide,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced {
        box-sizing: border-box !important;
        height: 62px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-height: 62px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    body header.wp-block-template-part .header-mobile,
    body .wp-site-blocks > header .header-mobile {
        align-items: center !important;
        box-sizing: border-box !important;
        column-gap: 0 !important;
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) 64px !important;
        height: 62px !important;
        margin: 0 !important;
        max-width: none !important;
        min-height: 62px !important;
        padding: 0 16px !important;
        width: 100% !important;
    }

    body header.wp-block-template-part .header-mobile > .wp-block-column,
    body .wp-site-blocks > header .header-mobile > .wp-block-column {
        align-items: center !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-basis: auto !important;
        height: 62px !important;
        margin: 0 !important;
        min-height: 62px !important;
        padding: 0 !important;
        width: auto !important;
    }

    body header.wp-block-template-part .header-mobile > .wp-block-column:first-child,
    body .wp-site-blocks > header .header-mobile > .wp-block-column:first-child {
        grid-column: 1 !important;
        justify-content: flex-start !important;
    }

    body header.wp-block-template-part .header-mobile > .wp-block-column:nth-child(2),
    body .wp-site-blocks > header .header-mobile > .wp-block-column:nth-child(2) {
        grid-column: 2 !important;
        justify-content: center !important;
    }

    body header.wp-block-template-part .header-mobile > .wp-block-column:nth-child(3),
    body .wp-site-blocks > header .header-mobile > .wp-block-column:nth-child(3) {
        grid-column: 3 !important;
        justify-content: flex-end !important;
    }

    body header.wp-block-template-part .header-mobile .wp-block-site-logo,
    body .wp-site-blocks > header .header-mobile .wp-block-site-logo,
    body header.wp-block-template-part .header-mobile .custom-logo-link,
    body .wp-site-blocks > header .header-mobile .custom-logo-link {
        align-items: center !important;
        display: flex !important;
        height: 46px !important;
        justify-content: center !important;
        line-height: 0 !important;
        margin: 0 auto !important;
    }

    body header.wp-block-template-part .header-mobile .wp-block-site-logo img.custom-logo,
    body .wp-site-blocks > header .header-mobile .wp-block-site-logo img.custom-logo,
    body header.wp-block-template-part .header-mobile img.custom-logo,
    body .wp-site-blocks > header .header-mobile img.custom-logo {
        display: block !important;
        height: 46px !important;
        margin: 0 !important;
        max-height: 46px !important;
        width: auto !important;
    }

    body header.wp-block-template-part .header-mobile .wp-block-navigation__responsive-container-open,
    body .wp-site-blocks > header .header-mobile .wp-block-navigation__responsive-container-open,
    body header.wp-block-template-part .header-mobile button[aria-label*="ffnen"],
    body .wp-site-blocks > header .header-mobile button[aria-label*="ffnen"],
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart .wc-block-mini-cart__button,
    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart button,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart button {
        align-items: center !important;
        background: transparent !important;
        border: 0 !important;
        box-sizing: border-box !important;
        color: var(--kukka-text, #635f56) !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        transform: none !important;
        width: 44px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart {
        align-items: center !important;
        display: inline-flex !important;
        height: 44px !important;
        justify-content: center !important;
        margin: 0 !important;
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        z-index: 5 !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart svg,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart svg,
    body header.wp-block-template-part .header-mobile .wp-block-navigation__responsive-container-open svg,
    body .wp-site-blocks > header .header-mobile .wp-block-navigation__responsive-container-open svg {
        display: block !important;
        height: 24px !important;
        margin: 0 !important;
        transform: none !important;
        width: 24px !important;
    }

    body header.wp-block-template-part .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart .wc-block-mini-cart__quantity-badge,
    body .wp-site-blocks > header .kukka-cro-mobile-header-enhanced > .kukka-cro-mobile-mini-cart .wc-block-mini-cart__quantity-badge {
        align-items: center !important;
        display: inline-flex !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
}
/* ECOMWERK Mobile PDP Header Parity 2026-07-09: PDP nutzt dieselbe Logozeile wie alle anderen Seiten. */
@media (max-width: 760px) {
    body.single-product header.wp-block-template-part > .wp-block-group:nth-child(2),
    body.single-product header.wp-block-template-part > .wp-block-group:nth-child(2) > .wp-block-group.alignwide,
    body.single-product header.wp-block-template-part .kukka-cro-mobile-header-enhanced,
    body.single-product .wp-site-blocks > header .kukka-cro-mobile-header-enhanced {
        align-items: center !important;
        box-sizing: border-box !important;
        height: 62px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        max-height: none !important;
        min-height: 62px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
    }

    body.single-product header.wp-block-template-part .header-mobile,
    body.single-product .wp-site-blocks > header .header-mobile {
        height: 62px !important;
        min-height: 62px !important;
    }
}