/* =========================================================
   HUUN – PREMIUM VARIATIONS v12.0.0
   ========================================================= */

body.huun-premium-variations-active .variations_form {
    --huun-navy: #083251;
    --huun-text: #12283a;
    --huun-copy: #4d5963;
    --huun-muted: #73808a;
    --huun-line: #dde5eb;
    --huun-line-soft: #edf2f5;
    --huun-soft: #f5f7f9;
    --huun-soft-2: #eef3f6;
    --huun-white: #ffffff;
    --huun-shadow: 0 14px 34px rgba(8, 50, 81, .055);
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .variations_form .huun-config-card {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    border: 1px solid var(--huun-line) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: var(--huun-shadow) !important;
    overflow: hidden !important;
}

body.huun-premium-variations-active .variations_form .huun-config-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .variations_form .huun-config-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    border-radius: 17px !important;
    background: var(--huun-navy) !important;
    color: #fff !important;
}

body.huun-premium-variations-active .variations_form .huun-config-icon svg {
    width: 24px !important;
    height: 24px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .variations_form .huun-config-title {
    all: unset !important;
    display: block !important;
    color: var(--huun-text) !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .variations_form .huun-config-summary {
    all: unset !important;
    display: block !important;
    margin-top: 5px !important;
    color: var(--huun-muted) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .variations_form .huun-config-body {
    border-top: 1px solid var(--huun-line-soft) !important;
}

body.huun-premium-variations-active .variations_form .huun-config-group {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 20px !important;
    border-bottom: 1px solid var(--huun-line-soft) !important;
    background: #fff !important;
}

body.huun-premium-variations-active .variations_form .huun-config-group:last-child {
    border-bottom: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-config-label {
    all: unset !important;
    display: block !important;
    margin-bottom: 14px !important;
    color: var(--huun-copy) !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .variations_form .huun-config-label strong {
    color: #101820 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form .huun-config-options {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

body.huun-premium-variations-active .variations_form table.variations.huun-original-variations {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    clip-path: inset(50%) !important;
}

body.huun-premium-variations-active .variations_form button.huun-option {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    cursor: pointer !important;
    user-select: none !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease, opacity .16s ease !important;
}

body.huun-premium-variations-active .variations_form button.huun-option:focus-visible {
    outline: 3px solid rgba(8,50,81,.16) !important;
    outline-offset: 3px !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 82px !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    border: 1px solid var(--huun-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #3f4952 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--text:hover {
    border-color: #c9d3db !important;
    background: #f8fafb !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected {
    border-color: var(--huun-navy) !important;
    background: var(--huun-navy) !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(8,50,81,.15) !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-groups {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-row {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(130px, 165px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid var(--huun-line-soft) !important;
    border-radius: 18px !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-label {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid var(--huun-line) !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 9px !important;
    background: rgba(8,50,81,.07) !important;
    color: var(--huun-navy) !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-icon svg {
    width: 15px !important;
    height: 15px !important;
    display: block !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-copy {
    min-width: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-value {
    display: block !important;
    color: var(--huun-navy) !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-lamella-caption {
    display: block !important;
    margin-top: 3px !important;
    color: var(--huun-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-options {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-options button.huun-option--text {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--color {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 82px !important;
    min-width: 82px !important;
    text-align: center !important;
}

body.huun-premium-variations-active .variations_form .huun-color-ring {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    padding: 5px !important;
    border: 1px solid var(--huun-line) !important;
    border-radius: 50% !important;
    background: #fff !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-color-fill {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.065) !important;
}

body.huun-premium-variations-active .variations_form .huun-color-name {
    display: block !important;
    width: 100% !important;
    color: #66737e !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--color:hover .huun-color-ring {
    transform: translateY(-1px) !important;
    border-color: #c9d3db !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--color.is-selected .huun-color-ring {
    border-color: var(--huun-navy) !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--huun-navy) !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--color.is-selected .huun-color-name {
    color: var(--huun-navy) !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    width: 130px !important;
    min-width: 130px !important;
}

body.huun-premium-variations-active .variations_form .huun-image-card {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 130px !important;
    height: 110px !important;
    padding: 8px !important;
    border: 1px solid var(--huun-line) !important;
    border-radius: 20px !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-image-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    object-fit: contain !important;
    background: #fff !important;
}

body.huun-premium-variations-active .variations_form .huun-option-check {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: var(--huun-navy) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(8,50,81,.18) !important;
}

body.huun-premium-variations-active .variations_form .huun-option-check svg {
    width: 13px !important;
    height: 13px !important;
}

body.huun-premium-variations-active .variations_form .huun-image-name {
    display: block !important;
    width: 100% !important;
    color: #56636e !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image:hover .huun-image-card {
    transform: translateY(-1px) !important;
    border-color: #c9d3db !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image.is-selected .huun-image-card {
    border-color: var(--huun-navy) !important;
    box-shadow: 0 0 0 1px var(--huun-navy), 0 10px 24px rgba(8,50,81,.10) !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image.is-selected .huun-option-check {
    display: inline-flex !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image.is-selected .huun-image-name {
    color: var(--huun-navy) !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form .huun-image-fallback {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 14px !important;
    background: #f4f7f9 !important;
    color: #66737e !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .variations_form button.huun-option.is-disabled {
    cursor: not-allowed !important;
    opacity: .34 !important;
    filter: grayscale(.2) !important;
    transform: none !important;
    box-shadow: none !important;
}

body.huun-premium-variations-active .variations_form .huun-original-variations .reset_variations {
    display: none !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-config-card {
        border-radius: 20px !important;
        margin-bottom: 18px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-head {
        padding: 15px !important;
        gap: 13px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        flex-basis: 48px !important;
        border-radius: 15px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-title {
        font-size: 13px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-summary {
        font-size: 12.5px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-group {
        padding: 17px 15px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-label {
        margin-bottom: 12px !important;
        font-size: 15px !important;
    }

    body.huun-premium-variations-active .variations_form button.huun-option--text {
        min-width: 68px !important;
        min-height: 45px !important;
        padding: 0 15px !important;
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-size-groups {
        gap: 9px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-size-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 9px !important;
        border-radius: 16px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-lamella-label {
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-lamella-icon {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        border-radius: 8px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-lamella-value {
        font-size: 13px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-lamella-caption {
        font-size: 10px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-size-options {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-size-options button.huun-option--text {
        min-height: 43px !important;
        padding: 0 5px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }

    body.huun-premium-variations-active .variations_form button.huun-option--color {
        width: 72px !important;
        min-width: 72px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-color-ring {
        width: 52px !important;
        height: 52px !important;
    }

    body.huun-premium-variations-active .variations_form button.huun-option--image {
        width: 105px !important;
        min-width: 105px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-image-card {
        width: 105px !important;
        height: 92px !important;
        padding: 6px !important;
        border-radius: 17px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-image-name {
        font-size: 11px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .variations_form .huun-cq-size-options {
        gap: 6px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-cq-size-options button.huun-option--text {
        min-height: 41px !important;
        font-size: 12px !important;
        padding: 0 3px !important;
    }
}


/* =========================================================
   HUUN – MOBILE LIVE PRODUCT PREVIEW v1.8.0
   Mobilde ALTTA DEĞİL; sticky header'ın hemen altında sabitlenir.
   ========================================================= */

.huun-mobile-live-preview {
    display: none;
}

@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-mobile-live-preview {
        box-sizing: border-box !important;
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        top: var(--huun-live-preview-top, 126px) !important;
        z-index: 80 !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(221, 229, 235, .96) !important;
        border-radius: 18px !important;
        background: rgba(255,255,255,.94) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
        backdrop-filter: blur(16px) saturate(1.15) !important;
        box-shadow:
            0 14px 38px rgba(8, 50, 81, .13),
            0 2px 8px rgba(8, 50, 81, .05) !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-10px) scale(.985) !important;
        transform-origin: top center !important;
        transition:
            opacity .2s ease,
            transform .2s ease,
            visibility .2s ease !important;
        font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main {
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 62px minmax(0, 1fr) auto 30px !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 78px !important;
        padding: 8px 9px !important;
        background: transparent !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: block !important;
        position: relative !important;
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        cursor: pointer !important;
        border: 1px solid #e4e9ed !important;
        border-radius: 13px !important;
        background: #f7f9fa !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        object-fit: contain !important;
        background: #fff !important;
    }

    body.huun-premium-variations-active .huun-live-preview-meta {
        min-width: 0 !important;
        align-self: center !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        display: block !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #10273a !important;
        font-size: 13.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: -.01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin: 5px 0 0 !important;
        padding: 0 !important;
        color: #73808a !important;
        font-size: 11.5px !important;
        line-height: 1.28 !important;
        font-weight: 500 !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 70px !important;
        max-width: 105px !important;
        color: #083251 !important;
        font-size: 14px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price .price,
    body.huun-premium-variations-active .huun-live-preview-price .woocommerce-Price-amount,
    body.huun-premium-variations-active .huun-live-preview-price ins {
        color: #083251 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price del {
        display: block !important;
        margin-bottom: 2px !important;
        color: #9aa4ac !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        background: #eef3f6 !important;
        color: #083251 !important;
        cursor: pointer !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle svg {
        display: block !important;
        width: 15px !important;
        height: 15px !important;
        transition: transform .2s ease !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded .huun-live-preview-toggle svg {
        transform: rotate(180deg) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded {
        display: none !important;
        box-sizing: border-box !important;
        padding: 0 10px 10px !important;
        border-top: 1px solid #edf2f5 !important;
        background: rgba(255,255,255,.97) !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded .huun-live-preview-expanded {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-large {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: min(245px, 34vh) !important;
        margin-top: 10px !important;
        padding: 8px !important;
        border: 1px solid #e7ecef !important;
        border-radius: 15px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-large img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-footer {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 9px !important;
        padding: 0 3px 1px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-selection {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        color: #66737e !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded {
        max-height: calc(100vh - var(--huun-live-preview-top, 126px) - 12px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-columns: 56px minmax(0, 1fr) auto 28px !important;
        gap: 8px !important;
        min-height: 72px !important;
        padding: 7px 8px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        font-size: 12.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        font-size: 10.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 60px !important;
        max-width: 86px !important;
        font-size: 12.5px !important;
    }
}




/* =========================================================
   HUUN – AR / 3D CTA — PIANO + EQUA v13.29.0
   Mobile uses native AR; desktop opens the interactive 3D preview.
   ========================================================= */

.huun-live-preview-ar-row,
.huun-ar-modal {
    display: none;
}

@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-live-preview-ar-row {
        box-sizing: border-box !important;
        display: none !important;
        padding: 0 9px 9px !important;
        background: rgba(255,255,255,.96) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-row.is-available {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-button {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        border-radius: 13px !important;
        background: linear-gradient(180deg, #0b3c61 0%, #083251 100%) !important;
        color: #fff !important;
        cursor: pointer !important;
        box-shadow: 0 9px 20px rgba(8,50,81,.16) !important;
        font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        letter-spacing: -.01em !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-button svg {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        flex: 0 0 18px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 27px !important;
        height: 20px !important;
        padding: 0 7px !important;
        margin-left: auto !important;
        border: 1px solid rgba(255,255,255,.26) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .08em !important;
    }

    body.huun-ar-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    body.huun-premium-variations-active .huun-ar-modal {
        box-sizing: border-box !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100dvh !important;
        background: #f4f6f7 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .2s ease, visibility .2s ease !important;
        font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    }

    body.huun-premium-variations-active .huun-ar-modal.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-head {
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 72px !important;
        padding: max(10px, env(safe-area-inset-top)) 12px 10px !important;
        border-bottom: 1px solid #e2e7eb !important;
        background: rgba(255,255,255,.96) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        backdrop-filter: blur(14px) !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
        background: #083251 !important;
        color: #fff !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-logo svg {
        width: 21px !important;
        height: 21px !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-copy {
        min-width: 0 !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-title {
        display: block !important;
        color: #10273a !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
        letter-spacing: -.02em !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-subtitle {
        display: block !important;
        margin-top: 4px !important;
        color: #72808b !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active .huun-ar-close {
        all: unset !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #eaf0f3 !important;
        color: #083251 !important;
        cursor: pointer !important;
    }

    body.huun-premium-variations-active .huun-ar-close svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.huun-premium-variations-active .huun-ar-viewer-wrap {
        position: relative !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding: 10px !important;
        background:
            radial-gradient(circle at 50% 36%, #fff 0%, #f5f7f8 48%, #e9eef1 100%) !important;
    }

    body.huun-premium-variations-active .huun-ar-model-viewer {
        touch-action: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 360px !important;
        border: 1px solid #dfe6eb !important;
        border-radius: 20px !important;
        background: transparent !important;
        overflow: hidden !important;
        --poster-color: transparent;
        --progress-bar-color: #083251;
    }

    body.huun-premium-variations-active .huun-ar-error {
        position: absolute !important;
        left: 50% !important;
        top: 18px !important;
        transform: translateX(-50%) !important;
        display: none !important;
        max-width: calc(100% - 36px) !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.96) !important;
        color: #60717e !important;
        box-shadow: 0 5px 16px rgba(8,50,81,.08) !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-align: center !important;
        pointer-events: none !important;
        z-index: 3 !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-foot {
        box-sizing: border-box !important;
        padding: 10px 12px max(12px, env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #e2e7eb !important;
        background: #fff !important;
    }

    body.huun-premium-variations-active .huun-ar-note {
        display: block !important;
        margin: 0 0 8px !important;
        color: #73808a !important;
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;
        text-align: center !important;
    }

    body.huun-premium-variations-active .huun-ar-native-button {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        width: calc(100% - 24px) !important;
        min-height: 52px !important;
        position: fixed !important;
        left: 12px !important;
        bottom: max(12px, env(safe-area-inset-bottom)) !important;
        z-index: 2 !important;
        border-radius: 16px !important;
        background: #083251 !important;
        color: #fff !important;
        box-shadow: 0 12px 28px rgba(8,50,81,.20) !important;
        font-family: inherit !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        cursor: pointer !important;
    }

    body.huun-premium-variations-active .huun-ar-native-button svg {
        width: 19px !important;
        height: 19px !important;
    }

    body.huun-premium-variations-active .huun-ar-modal-foot-spacer {
        height: 58px !important;
    }
}


/* =========================================================
   HUUN – SCREEN ROLLO CONFIGURATOR v13.6.2
   Equa / CQ + Piano / CP
   ========================================================= */

body.huun-premium-variations-active .huun-screen-configurator[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-screen-configurator {
    box-sizing: border-box !important;
    width: 100% !important;
    /* v13.29.4: visually follows the pergola selector directly. */
    margin: 12px 0 18px !important;
    border: 1px solid var(--huun-line, #dde5eb) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(8, 50, 81, .05) !important;
    overflow: hidden !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-screen-head {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 17px 18px !important;
    border-bottom: 1px solid #edf2f5 !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-screen-head-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-screen-head-icon svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
}

body.huun-premium-variations-active .huun-screen-head-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-screen-title {
    display: block !important;
    margin: 0 !important;
    color: #12283a !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-screen-subtitle {
    display: block !important;
    margin-top: 4px !important;
    color: #75818b !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-screen-auto {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef3f6 !important;
    color: #526b7e !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-screen-auto::before {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #2f8b57 !important;
    box-shadow: 0 0 0 3px rgba(47,139,87,.09) !important;
}

body.huun-premium-variations-active .huun-screen-body {
    padding: 14px !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active .huun-screen-groups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.huun-premium-variations-active .huun-screen-group {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 11px !important;
    border: 1px solid #e6ecef !important;
    border-radius: 17px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-screen-group.is-split {
    grid-column: 1 / -1 !important;
}

body.huun-premium-variations-active .huun-screen-group-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 9px !important;
}

body.huun-premium-variations-active .huun-screen-side-name {
    min-width: 0 !important;
    color: #283c4d !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-screen-length-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f0f4f7 !important;
    color: #607483 !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-screen-slots {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
}

body.huun-premium-variations-active .huun-screen-group.is-split .huun-screen-slots {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.huun-premium-variations-active button.huun-screen-slot {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 9px !important;
    border: 1px solid #e1e8ed !important;
    border-radius: 13px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.huun-premium-variations-active button.huun-screen-slot:hover {
    border-color: #cad5dd !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active button.huun-screen-slot.is-selected {
    border-color: #083251 !important;
    background: #f7fafc !important;
    box-shadow: 0 0 0 1px #083251, 0 8px 18px rgba(8,50,81,.07) !important;
}

body.huun-premium-variations-active button.huun-screen-slot.is-disabled {
    cursor: not-allowed !important;
    opacity: .45 !important;
    transform: none !important;
    box-shadow: none !important;
}

body.huun-premium-variations-active .huun-screen-check {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #d9e2e8 !important;
    border-radius: 10px !important;
    background: #f5f8fa !important;
    color: transparent !important;
}

body.huun-premium-variations-active button.huun-screen-slot.is-selected .huun-screen-check {
    border-color: #083251 !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-screen-check svg {
    width: 15px !important;
    height: 15px !important;
    display: block !important;
}

body.huun-premium-variations-active .huun-screen-slot-copy {
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-screen-slot-title {
    display: block !important;
    color: #2d404f !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-screen-slot-meta {
    display: block !important;
    margin-top: 3px !important;
    color: #859099 !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.huun-premium-variations-active .huun-screen-slot-price {
    color: #083251 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-screen-slot-unavailable {
    color: #9a6a54 !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    text-align: right !important;
}

body.huun-premium-variations-active .huun-screen-summary {
    display: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-screen-summary.is-visible {
    display: flex !important;
}

body.huun-premium-variations-active .huun-screen-summary-copy {
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-screen-summary-count {
    display: block !important;
    color: #fff !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-screen-summary-total {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active button.huun-screen-reset {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 9.5px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-screen-note {
    margin: 10px 2px 0 !important;
    color: #87939c !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-screen-configurator {
        margin: 10px 0 15px !important;
        border-radius: 19px !important;
    }

    body.huun-premium-variations-active .huun-screen-head {
        align-items: flex-start !important;
        gap: 11px !important;
        padding: 14px !important;
    }

    body.huun-premium-variations-active .huun-screen-head-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .huun-screen-title {
        font-size: 13px !important;
    }

    body.huun-premium-variations-active .huun-screen-subtitle {
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-screen-auto {
        display: none !important;
    }

    body.huun-premium-variations-active .huun-screen-body {
        padding: 10px !important;
    }

    body.huun-premium-variations-active .huun-screen-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active .huun-screen-group {
        padding: 8px !important;
        border-radius: 15px !important;
    }

    body.huun-premium-variations-active .huun-screen-group-head {
        margin-bottom: 7px !important;
    }

    body.huun-premium-variations-active .huun-screen-side-name {
        font-size: 11.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-length-badge {
        min-height: 23px !important;
        padding: 0 7px !important;
        font-size: 9.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-split .huun-screen-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.huun-premium-variations-active button.huun-screen-slot {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 7px !important;
        min-height: 57px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .huun-screen-check {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-price,
    body.huun-premium-variations-active .huun-screen-slot-unavailable {
        grid-column: 2 !important;
        justify-self: start !important;
        margin-top: -2px !important;
        font-size: 9.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-title {
        font-size: 10.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-meta {
        font-size: 8.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-summary {
        padding: 10px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .huun-screen-summary-count {
        font-size: 10.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-summary-total {
        font-size: 9px !important;
    }

    body.huun-premium-variations-active button.huun-screen-reset {
        font-size: 8.5px !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-screen-groups {
        grid-template-columns: 1fr !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-split .huun-screen-slots {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   HUUN – SCREEN TYPE SELECTOR v2.3.0
   Ohne / Solar / Manuell
   ========================================================= */

body.huun-premium-variations-active .huun-screen-slot-card {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 9px !important;
    border: 1px solid #e5ebef !important;
    border-radius: 13px !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active .huun-screen-slot-card + .huun-screen-slot-card {
    margin-top: 7px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
}

body.huun-premium-variations-active .huun-screen-slot-position {
    min-width: 0 !important;
    color: #344958 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-screen-slot-size {
    flex: 0 0 auto !important;
    color: #7b8993 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .huun-screen-type-choices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
}

body.huun-premium-variations-active button.huun-screen-choice {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 47px !important;
    padding: 6px 5px !important;
    border: 1px solid #cdd8df !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #263d4e !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.huun-premium-variations-active button.huun-screen-choice:hover {
    border-color: #9fb2bf !important;
    background: #f8fafb !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active button.huun-screen-choice.is-selected {
    border-color: #083251 !important;
    background: #083251 !important;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(8,50,81,.12) !important;
}

body.huun-premium-variations-active button.huun-screen-choice.is-disabled {
    cursor: not-allowed !important;
    opacity: .62 !important;
    transform: none !important;
    box-shadow: none !important;
}

body.huun-premium-variations-active button.huun-screen-choice--none.is-selected {
    background: #e8eef2 !important;
    border-color: #c2d0d9 !important;
    color: #385064 !important;
    box-shadow: none !important;
}

body.huun-premium-variations-active .huun-screen-choice-title {
    display: block !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.huun-premium-variations-active .huun-screen-choice-price {
    display: block !important;
    max-width: 100% !important;
    color: #083251 !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.huun-premium-variations-active button.huun-screen-choice.is-selected .huun-screen-choice-price {
    color: rgba(255,255,255,.78) !important;
}

body.huun-premium-variations-active button.huun-screen-choice--none.is-selected .huun-screen-choice-price {
    color: #73838e !important;
}

body.huun-premium-variations-active .huun-screen-choice-price--off {
    color: #9b7563 !important;
    font-size: 7.5px !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-screen-slot-card {
        padding: 7px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .huun-screen-type-choices {
        gap: 5px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice {
        min-height: 44px !important;
        padding: 5px 3px !important;
        border-radius: 9px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-title {
        font-size: 9.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-price {
        font-size: 7.8px !important;
    }
}


/* v2.1.1 – choices should look active, not washed out */
body.huun-premium-variations-active button.huun-screen-choice:not(.is-selected):not(.is-disabled) {
    box-shadow: 0 2px 7px rgba(8, 50, 81, .035) !important;
}

body.huun-premium-variations-active button.huun-screen-choice:not(.is-disabled) .huun-screen-choice-title {
    opacity: 1 !important;
}

body.huun-premium-variations-active button.huun-screen-choice:not(.is-disabled) .huun-screen-choice-price {
    opacity: 1 !important;
}


/* =========================================================
   HUUN – MOBILE LIVE PREVIEW + SCREEN TOTAL v13.6.2
   ========================================================= */

@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-live-preview-accessories {
        display: none !important;
        max-width: 100% !important;
        margin-top: 3px !important;
        color: #2f6f50 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories.is-visible {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        max-width: 120px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price-label {
        display: block !important;
        margin-bottom: 3px !important;
        color: #7a8790 !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: .05em !important;
    }

    body.huun-premium-variations-active .huun-live-preview-total-amount {
        display: block !important;
        color: #083251 !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens {
        display: none !important;
        box-sizing: border-box !important;
        margin: 9px 10px 0 !important;
        padding: 9px 10px !important;
        border: 1px solid #e7ecef !important;
        border-radius: 12px !important;
        background: #f8fafb !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens.is-visible {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens-title {
        display: block !important;
        margin-bottom: 4px !important;
        color: #083251 !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens-list {
        display: -webkit-box !important;
        color: #697984 !important;
        font-size: 9.5px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-live-preview-accessories {
        font-size: 9px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-total-amount {
        font-size: 12.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        max-width: 100px !important;
    }
}


/* =========================================================
   HUUN – MOBILE SCREEN ACCORDION v12.0.0
   ========================================================= */

/* Desktop: toggle behaves as the old static group header */
body.huun-premium-variations-active button.huun-screen-group-toggle {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 9px !important;
    cursor: default !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-screen-group-toggle-main,
body.huun-premium-variations-active .huun-screen-group-toggle-side {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-screen-group-mobile-summary,
body.huun-premium-variations-active .huun-screen-group-chevron {
    display: none !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-screen-configurator {
        margin: 16px 0 15px !important;
        border-radius: 20px !important;
    }

    body.huun-premium-variations-active .huun-screen-head {
        padding: 14px !important;
        border-bottom: 1px solid #edf2f5 !important;
    }

    body.huun-premium-variations-active .huun-screen-body {
        padding: 9px !important;
    }

    body.huun-premium-variations-active .huun-screen-groups {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-screen-group,
    body.huun-premium-variations-active .huun-screen-group.is-split {
        box-sizing: border-box !important;
        width: 100% !important;
        margin: 0 0 7px !important;
        padding: 0 !important;
        border: 1px solid #e1e8ed !important;
        border-radius: 14px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-screen-group:last-child {
        margin-bottom: 0 !important;
    }

    body.huun-premium-variations-active button.huun-screen-group-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 10px 11px !important;
        cursor: pointer !important;
        background: #fff !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-open button.huun-screen-group-toggle {
        background: #f8fafb !important;
        border-bottom: 1px solid #e8eef2 !important;
    }

    body.huun-premium-variations-active .huun-screen-group-toggle-main {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.huun-premium-variations-active .huun-screen-side-name {
        display: block !important;
        color: #1d3547 !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }

    body.huun-premium-variations-active .huun-screen-group-mobile-summary {
        display: block !important;
        max-width: 100% !important;
        margin-top: 4px !important;
        color: #71808b !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-open .huun-screen-group-mobile-summary {
        color: #426176 !important;
    }

    body.huun-premium-variations-active .huun-screen-group-toggle-side {
        flex: 0 0 auto !important;
        gap: 7px !important;
    }

    body.huun-premium-variations-active .huun-screen-length-badge {
        min-height: 25px !important;
        padding: 0 8px !important;
        background: #eef3f6 !important;
        color: #5d7383 !important;
        font-size: 9.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-group-chevron {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        height: 26px !important;
        color: #6d7f8b !important;
    }

    body.huun-premium-variations-active .huun-screen-group-chevron svg {
        display: block !important;
        width: 15px !important;
        height: 15px !important;
        transition: transform .18s ease !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-open .huun-screen-group-chevron svg {
        transform: rotate(180deg) !important;
    }

    body.huun-premium-variations-active .huun-screen-slots {
        display: none !important;
        padding: 9px !important;
        background: #fff !important;
    }

    body.huun-premium-variations-active .huun-screen-group.is-open .huun-screen-slots {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card + .huun-screen-slot-card {
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px solid #edf2f5 !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card-head {
        margin: 0 1px 7px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-position {
        color: #526776 !important;
        font-size: 10.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-size {
        padding: 3px 6px !important;
        border-radius: 999px !important;
        background: #f2f5f7 !important;
        color: #7a8790 !important;
        font-size: 8.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-type-choices {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        min-height: 46px !important;
        padding: 0 11px !important;
        border: 1px solid #dfe7ec !important;
        border-radius: 11px !important;
        background: #fff !important;
        text-align: left !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice--none {
        min-height: 42px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice.is-selected {
        border-color: #083251 !important;
        background: #083251 !important;
        color: #fff !important;
        box-shadow: 0 7px 16px rgba(8,50,81,.10) !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice--none.is-selected {
        border-color: #c8d5dd !important;
        background: #eef3f6 !important;
        color: #445d6d !important;
        box-shadow: none !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-title {
        font-size: 11.5px !important;
        line-height: 1.1 !important;
        text-align: left !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-price {
        font-size: 10px !important;
        line-height: 1 !important;
        text-align: right !important;
    }

    body.huun-premium-variations-active .huun-screen-summary {
        margin-top: 9px !important;
        padding: 10px 11px !important;
    }

    body.huun-premium-variations-active .huun-screen-note {
        margin: 8px 3px 1px !important;
        font-size: 9px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active button.huun-screen-group-toggle {
        min-height: 59px !important;
        padding: 9px 10px !important;
    }

    body.huun-premium-variations-active .huun-screen-side-name {
        font-size: 12px !important;
    }

    body.huun-premium-variations-active .huun-screen-group-mobile-summary {
        font-size: 9.8px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice {
        min-height: 44px !important;
        padding: 0 9px !important;
    }
}


 /* =========================================================
   HUUN – DESKTOP LIVE PRODUCT PREVIEW v13.6.2
   Mobil: üstteki mevcut yapı aynen korunur.
   Masaüstü: aynı live-preview ekranın ALTINDA sabit durur.
   ========================================================= */

@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-mobile-live-preview {
        box-sizing: border-box !important;
        position: fixed !important;
        left: auto !important;
        /*
         * Align to the right edge of the HUUN desktop content area instead of
         * floating in the visual center of the page.
         *
         * On ~1400 px viewports this is ~24 px from the right edge.
         * On wider monitors it follows the centered ~1410 px site container.
         */
        right: max(
            24px,
            calc((100vw - 1410px) / 2 + 14px)
        ) !important;
        top: auto !important;
        bottom: 20px !important;
        z-index: 80 !important;

        display: block !important;
        width: min(620px, calc(100vw - 48px)) !important;
        max-width: 620px !important;
        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid rgba(218, 227, 233, .96) !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, .95) !important;

        -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
        backdrop-filter: blur(18px) saturate(1.15) !important;

        box-shadow:
            0 20px 58px rgba(8, 50, 81, .15),
            0 3px 12px rgba(8, 50, 81, .06) !important;

        overflow: hidden !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateY(12px) scale(.99) !important;
        transform-origin: bottom right !important;

        transition:
            opacity .2s ease,
            transform .2s ease,
            visibility .2s ease !important;

        font-family:
            "Outfit",
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main {
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 68px minmax(0, 1fr) auto 34px !important;
        align-items: center !important;
        gap: 14px !important;
        min-height: 86px !important;
        padding: 9px 11px !important;
        background: transparent !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: block !important;
        position: relative !important;
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        cursor: pointer !important;
        border: 1px solid #e3e9ed !important;
        border-radius: 14px !important;
        background: #f7f9fa !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        object-fit: contain !important;
        background: #fff !important;
    }

    body.huun-premium-variations-active .huun-live-preview-meta {
        min-width: 0 !important;
        align-self: center !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        display: block !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #10273a !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: -.01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        display: block !important;
        max-width: 100% !important;
        margin: 5px 0 0 !important;
        padding: 0 !important;
        color: #73808a !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories {
        display: none !important;
        max-width: 100% !important;
        margin-top: 4px !important;
        color: #2f6f50 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories.is-visible {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 110px !important;
        max-width: 155px !important;
        color: #083251 !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price .price,
    body.huun-premium-variations-active .huun-live-preview-price .woocommerce-Price-amount,
    body.huun-premium-variations-active .huun-live-preview-price ins {
        color: #083251 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price del {
        display: block !important;
        margin-bottom: 3px !important;
        color: #9aa4ac !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price-label {
        display: block !important;
        margin-bottom: 3px !important;
        color: #7a8790 !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: .05em !important;
    }

    body.huun-premium-variations-active .huun-live-preview-total-amount {
        display: block !important;
        color: #083251 !important;
        font-size: 15px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: #eef3f6 !important;
        color: #083251 !important;
        cursor: pointer !important;
        transition: background .18s ease !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle:hover {
        background: #e3ebf0 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle svg {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        transition: transform .2s ease !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded
    .huun-live-preview-toggle svg {
        transform: rotate(180deg) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded {
        display: none !important;
        box-sizing: border-box !important;
        padding: 0 12px 12px !important;
        border-top: 1px solid #edf2f5 !important;
        background: rgba(255,255,255,.98) !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded
    .huun-live-preview-expanded {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-mobile-live-preview.is-expanded {
        max-height: calc(100vh - 40px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    body.huun-premium-variations-active .huun-live-preview-large {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: min(320px, 42vh) !important;
        margin-top: 12px !important;
        padding: 10px !important;
        border: 1px solid #e7ecef !important;
        border-radius: 16px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-large img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens {
        display: none !important;
        box-sizing: border-box !important;
        margin: 10px 0 0 !important;
        padding: 10px 12px !important;
        border: 1px solid #e7ecef !important;
        border-radius: 12px !important;
        background: #f8fafb !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens.is-visible {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens-title {
        display: block !important;
        margin-bottom: 4px !important;
        color: #083251 !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-screens-list {
        display: block !important;
        color: #697984 !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-footer {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        margin-top: 10px !important;
        padding: 0 3px 1px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-expanded-selection {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        color: #66737e !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
    }

}



@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-live-preview-ar-row {
        display: none !important;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    body.huun-premium-variations-active .huun-mobile-live-preview {
        right: 18px !important;
        width: min(600px, calc(100vw - 36px)) !important;
        max-width: 600px !important;
        bottom: 16px !important;
    }
}


/* =========================================================
   HUUN – PIANO DESKTOP AR QR HANDOFF v13.6.2
   ========================================================= */

.huun-desktop-ar-qr-card {
    display: none;
}

@media (min-width: 901px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-qr-card {
        box-sizing: border-box !important;
        display: none !important;
        grid-template-columns: minmax(0, 1fr) 142px !important;
        align-items: center !important;
        gap: 16px !important;
        margin: 12px 0 0 !important;
        padding: 18px 18px 18px 20px !important;
        border: 1px solid #dfe7ec !important;
        border-radius: 16px !important;
        background:
            linear-gradient(135deg, rgba(247,250,252,.98), rgba(240,245,248,.98)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-card.is-available {
        display: grid !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-copy {
        min-width: 0 !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 22px !important;
        margin: 0 0 9px !important;
        padding: 0 9px !important;
        border: 1px solid rgba(8,50,81,.12) !important;
        border-radius: 999px !important;
        background: rgba(8,50,81,.06) !important;
        color: #083251 !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .10em !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-title {
        margin: 0 !important;
        color: #0c2c45 !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: -.02em !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-text {
        max-width: 480px !important;
        margin: 7px 0 0 !important;
        color: #657681 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-selection {
        display: inline-flex !important;
        align-items: center !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        padding: 7px 10px !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        color: #083251 !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        box-shadow: 0 1px 0 rgba(8,50,81,.04) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-hint {
        margin-top: 7px !important;
        color: #85919a !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-code {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 142px !important;
        height: 142px !important;
        padding: 8px !important;
        border: 1px solid #dbe3e8 !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(8,50,81,.08) !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-code .huun-qr-svg {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-error {
        padding: 8px !important;
        color: #8a4b42 !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        text-align: center !important;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-qr-card {
        grid-template-columns: minmax(0, 1fr) 136px !important;
        gap: 16px !important;
        padding: 16px !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-code {
        width: 136px !important;
        height: 136px !important;
    }
}

@media (max-width: 900px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-qr-card {
        display: none !important;
    }
}


/* =========================================================
   HUUN – PIANO DESKTOP AR DISCOVERY TEASER v13.6.2
   Visible BEFORE the desktop preview is opened.
   ========================================================= */

.huun-desktop-ar-teaser {
    display: none;
}

@media (min-width: 901px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-teaser {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;

        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;

        width: calc(100% - 20px) !important;
        min-height: 62px !important;
        margin: 0 10px 10px !important;
        padding: 9px 11px !important;

        border: 1px solid rgba(20, 104, 153, .16) !important;
        border-radius: 14px !important;

        background:
            linear-gradient(
                105deg,
                rgba(8, 50, 81, .98) 0%,
                rgba(10, 67, 105, .97) 52%,
                rgba(15, 91, 137, .95) 100%
            ) !important;

        color: #fff !important;
        box-shadow:
            0 8px 22px rgba(8, 50, 81, .15),
            inset 0 1px 0 rgba(255,255,255,.08) !important;

        cursor: default !important;
        overflow: hidden !important;
        position: relative !important;
        font-family:
            "Outfit",
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser::after {
        content: "" !important;
        position: absolute !important;
        top: -44px !important;
        right: 105px !important;
        width: 130px !important;
        height: 130px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.05) !important;
        pointer-events: none !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser.is-ready {
        cursor: pointer !important;
        border-color: rgba(110, 205, 255, .30) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser.is-ready:hover {
        transform: translateY(-1px) !important;
        box-shadow:
            0 12px 28px rgba(8, 50, 81, .22),
            inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-icon {
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-icon svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-copy {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-kicker {
        display: block !important;
        margin: 0 0 3px !important;
        color: #9ed9ff !important;
        font-size: 8.5px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .13em !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-title {
        display: block !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
        letter-spacing: -.01em !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-text {
        display: block !important;
        margin-top: 3px !important;
        color: rgba(255,255,255,.72) !important;
        font-size: 9.5px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-action {
        position: relative !important;
        z-index: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        min-height: 36px !important;
        padding: 0 9px 0 11px !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.08) !important;
        color: rgba(255,255,255,.60) !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser.is-ready
    .huun-desktop-ar-teaser-action {
        background: #fff !important;
        border-color: #fff !important;
        color: #083251 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,.10) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-action-label {
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-qr {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 20px !important;
        min-width: 25px !important;
        padding: 0 5px !important;
        border-radius: 6px !important;
        background: rgba(255,255,255,.12) !important;
        color: inherit !important;
        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: .05em !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser.is-ready
    .huun-desktop-ar-teaser-qr {
        background: #eaf4fa !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-arrow {
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        transition: transform .18s ease !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser.is-ready:hover
    .huun-desktop-ar-teaser-arrow {
        transform: translateX(2px) !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-qr-card.huun-qr-attention {
        animation: huunDesktopQrAttention .9s ease both !important;
    }

    @keyframes huunDesktopQrAttention {
        0% {
            box-shadow: 0 0 0 0 rgba(33, 132, 190, .00) !important;
        }
        35% {
            box-shadow: 0 0 0 5px rgba(33, 132, 190, .14) !important;
        }
        100% {
            box-shadow: 0 0 0 0 rgba(33, 132, 190, .00) !important;
        }
    }

    body.huun-premium-variations-active
    .huun-mobile-live-preview.is-expanded
    .huun-desktop-ar-teaser {
        margin-bottom: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-text {
        max-width: 310px !important;
    }

    body.huun-premium-variations-active
    .huun-desktop-ar-teaser-action-label {
        display: none !important;
    }
}

@media (max-width: 900px) {
    body.huun-premium-variations-active
    .huun-desktop-ar-teaser {
        display: none !important;
    }
}


/* =========================================================
   HUUN – EQUA WM MONTAGERICHTUNG v13.6.2
   ========================================================= */

body.huun-premium-variations-active .huun-screen-wall-direction {
    box-sizing: border-box !important;
    margin: 0 0 12px !important;
    padding: 15px !important;
    border: 1px solid #dbe6ec !important;
    border-radius: 17px !important;
    background:
        linear-gradient(135deg, #f8fbfc 0%, #f2f7f9 100%) !important;
}

body.huun-premium-variations-active .huun-screen-wall-direction-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 12px !important;
}

body.huun-premium-variations-active .huun-screen-wall-direction-title {
    display: block !important;
    color: #12314e !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}

body.huun-premium-variations-active .huun-screen-wall-direction-text {
    display: block !important;
    max-width: 680px !important;
    margin-top: 4px !important;
    color: #72808a !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-screen-wall-direction-required {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 23px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(8,50,81,.07) !important;
    color: #416078 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
}

body.huun-premium-variations-active .huun-screen-wall-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.huun-premium-variations-active .huun-screen-wall-option {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 11px !important;

    min-width: 0 !important;
    min-height: 78px !important;
    padding: 10px 11px !important;

    border: 1px solid #e0e8ed !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #153149 !important;

    cursor: pointer !important;
    transition:
        border-color .17s ease,
        box-shadow .17s ease,
        transform .17s ease,
        background .17s ease !important;
}

body.huun-premium-variations-active .huun-screen-wall-option:hover {
    border-color: #b8cad6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 18px rgba(8,50,81,.07) !important;
}

body.huun-premium-variations-active .huun-screen-wall-option.is-selected {
    border-color: #083251 !important;
    background: #f5f9fb !important;
    box-shadow:
        0 0 0 1px #083251,
        0 8px 20px rgba(8,50,81,.08) !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 12px !important;
    background: #eef4f7 !important;
    color: #466a83 !important;
}

body.huun-premium-variations-active
.huun-screen-wall-option.is-selected
.huun-screen-wall-option-icon {
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-icon svg {
    display: block !important;
    width: 38px !important;
    height: 25px !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-copy {
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-title {
    display: block !important;
    color: #153149 !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-desc {
    display: block !important;
    margin-top: 4px !important;
    color: #7a8790 !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-screen-wall-option-size {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 43px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #edf3f6 !important;
    color: #526a7b !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active
.huun-screen-wall-option.is-selected
.huun-screen-wall-option-size {
    background: #dfeaf0 !important;
    color: #083251 !important;
}

body.huun-premium-variations-active .huun-screen-wall-waiting {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px dashed #cbd9e2 !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.7) !important;
    color: #70808b !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

body.huun-premium-variations-active .huun-screen-groups.is-waiting {
    display: none !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-screen-wall-direction {
        padding: 12px !important;
        margin-bottom: 10px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-direction-head {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-direction-required {
        display: none !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-options {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-option {
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        min-height: 68px !important;
        padding: 8px 9px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-option-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 11px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-option-icon svg {
        width: 32px !important;
        height: 22px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-option-title {
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-screen-wall-option-desc {
        font-size: 9px !important;
    }
}


/* =========================================================
   HUUN – SCREEN GROUP LAYOUT CONSOLIDATED v13.6.2
   ========================================================= */

body.huun-premium-variations-active .huun-screen-group {
    grid-column: 1 / -1 !important;
}

body.huun-premium-variations-active .huun-screen-slots,
body.huun-premium-variations-active .huun-screen-group.is-split .huun-screen-slots {
    align-items: stretch !important;
}

body.huun-premium-variations-active .huun-screen-group.is-split .huun-screen-slots {
    gap: 14px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

body.huun-premium-variations-active .huun-screen-type-choices {
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active
.huun-screen-group.is-split
.huun-screen-slot-card + .huun-screen-slot-card {
    margin-top: 0 !important;
}

body.huun-premium-variations-active
.huun-screen-group.is-split
.huun-screen-slot-card {
    align-self: stretch !important;
}

@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-screen-group {
        grid-column: auto !important;
    }
}




/* =========================================================
   HUUN – PRIMARY VARIATION FORM / FOUC SAFETY v13.6.2
   ========================================================= */

body.huun-premium-variations-active
.variations_form.huun-primary-variations-form.huun-config-ready
table.variations.huun-original-variations {
    visibility: hidden !important;
    opacity: 0 !important;
}

body.huun-premium-variations-active
.variations_form.huun-config-fallback
table.variations {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    clip-path: none !important;
}


/* =========================================================
   HUUN – CONFIGURATOR GHOST → REAL CARD REVEAL v13.6.2
   ========================================================= */

body.huun-premium-variations-active
.variations_form
.huun-config-card {
    transform-origin: top center;
}

body.huun-premium-variations-active
.variations_form.huun-config-ready
.huun-config-card {
    animation: huunConfigCardReveal .18s ease-out both;
}

@keyframes huunConfigCardReveal {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active
    .variations_form.huun-config-ready
    .huun-config-card {
        animation: none !important;
    }
}


/* =========================================================
   HUUN – STICKY ADD TO CART v13.20.0
   Uses the existing WooCommerce/Glozin cart button as the sole cart pipeline.
   ========================================================= */

body.huun-premium-variations-active .huun-live-preview-cart-row {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    padding: 0 9px 9px !important;
    background: rgba(255,255,255,.96) !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid #083251 !important;
    border-radius: 13px !important;
    background: #083251 !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 9px 20px rgba(8,50,81,.15) !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease, background .16s ease !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button:hover:not(.is-disabled):not(.is-loading) {
    background: #0b3c61 !important;
    box-shadow: 0 11px 24px rgba(8,50,81,.20) !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button:active:not(.is-disabled):not(.is-loading) {
    transform: translateY(0) !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button.is-disabled {
    border-color: #c8d2d9 !important;
    background: #dce4e9 !important;
    color: #71818d !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button.is-loading {
    opacity: .76 !important;
    cursor: progress !important;
}

body.huun-premium-variations-active .huun-live-preview-cart-button.is-loading svg {
    animation: huunStickyCartPulse .8s ease-in-out infinite alternate !important;
}

@keyframes huunStickyCartPulse {
    from { opacity: .45; transform: scale(.94); }
    to   { opacity: 1; transform: scale(1.04); }
}

@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-live-preview-cart-row {
        padding: 0 11px 11px !important;
        background: rgba(255,255,255,.97) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button {
        min-height: 46px !important;
        border-radius: 14px !important;
        font-size: 13.5px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-live-preview-cart-row {
        padding: 0 8px 8px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button {
        min-height: 42px !important;
        font-size: 12.5px !important;
    }
}


/* =========================================================
   HUUN – STICKY ADD TO CART VISIBILITY HOTFIX v13.21.0
   Keep CTA inside the main sticky grid so theme sibling clipping cannot hide it.
   ========================================================= */
body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-cart-row {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-cart-row .huun-live-preview-cart-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 44px !important;
}

@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-rows: auto auto !important;
        padding-bottom: 9px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-cart-row {
        margin-top: 1px !important;
    }
}

@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-rows: auto auto !important;
        padding-bottom: 11px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-cart-row {
        margin-top: 1px !important;
    }
}

/* =========================================================
   HUUN – RESPONSIVE STICKY ACTIONS v13.23.0
   Desktop: restore the v13.21 full-width cart CTA.
   Mobile: AR + cart are forced into one two-column row.
   ========================================================= */
body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions {
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-cart-row,
body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-ar-row {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Desktop: cart + 3D preview share one row when a model is available. */
@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-rows: auto auto !important;
        padding-bottom: 11px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions.has-available-ar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-cart-row {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-ar-row {
        display: none !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions.has-available-ar > .huun-live-preview-ar-row.is-available {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button,
    body.huun-premium-variations-active .huun-live-preview-ar-button {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        gap: 7px !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-button {
        all: unset !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        gap: 7px !important;
        background: linear-gradient(180deg, #0b3c61 0%, #083251 100%) !important;
        color: #fff !important;
        box-shadow: 0 7px 16px rgba(8,50,81,.14) !important;
        cursor: pointer !important;
        font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-button:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 10px 20px rgba(8,50,81,.19) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-button svg {
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 17px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 25px !important;
        height: 19px !important;
        padding: 0 6px !important;
        margin-left: auto !important;
        border: 1px solid rgba(255,255,255,.25) !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .07em !important;
    }
}

/* Mobile: one shared action row; theme flex/block rules cannot stack it. */
@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-rows: auto auto !important;
        padding-bottom: 8px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: column !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions.has-available-ar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-cart-row {
        display: block !important;
        grid-column: auto !important;
        grid-row: 1 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions > .huun-live-preview-ar-row {
        display: none !important;
        grid-column: auto !important;
        grid-row: 1 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-actions.has-available-ar > .huun-live-preview-ar-row.is-available {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button,
    body.huun-premium-variations-active .huun-live-preview-ar-button {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 9px !important;
        border-radius: 11px !important;
        gap: 5px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button svg,
    body.huun-premium-variations-active .huun-live-preview-ar-button svg {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-label,
    body.huun-premium-variations-active .huun-live-preview-ar-label {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-badge {
        min-width: 22px !important;
        height: 18px !important;
        padding: 0 4px !important;
        margin-left: 1px !important;
        flex: 0 0 auto !important;
        font-size: 8px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions.has-available-ar {
        gap: 5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button,
    body.huun-premium-variations-active .huun-live-preview-ar-button {
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 6px !important;
        gap: 3px !important;
        border-radius: 10px !important;
        font-size: 10px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button svg,
    body.huun-premium-variations-active .huun-live-preview-ar-button svg {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-ar-badge {
        min-width: 20px !important;
        height: 16px !important;
        padding: 0 3px !important;
        font-size: 7px !important;
    }
}


/* =========================================================
   HUUN – UI POLISH v13.24.0
   Conservative refinement only: no AR/cart/screen logic changes.
   ========================================================= */

/* Configuration card: quieter surface + clearer selected-value feedback. */
body.huun-premium-variations-active .variations_form .huun-config-card {
    border-color: #dfe7ec !important;
    box-shadow: 0 12px 30px rgba(8,50,81,.045) !important;
}

body.huun-premium-variations-active .variations_form .huun-config-head {
    padding: 16px 18px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-icon {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-basis: 50px !important;
    border-radius: 15px !important;
    box-shadow: 0 7px 16px rgba(8,50,81,.12) !important;
}

body.huun-premium-variations-active .variations_form .huun-config-label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-config-label strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 68% !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #eef4f7 !important;
    color: #083251 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.huun-premium-variations-active .variations_form .huun-config-group.is-complete .huun-config-label strong::before {
    content: "✓" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected {
    box-shadow: 0 7px 16px rgba(8,50,81,.12) !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--image.is-selected .huun-image-card {
    box-shadow: 0 0 0 1px #083251, 0 8px 20px rgba(8,50,81,.08) !important;
}

/* Screen configurator: selected choices read faster, without changing layout. */
body.huun-premium-variations-active button.huun-screen-choice.is-selected {
    box-shadow: 0 7px 16px rgba(8,50,81,.09) !important;
}

body.huun-premium-variations-active .huun-screen-summary.is-visible {
    box-shadow: 0 8px 20px rgba(8,50,81,.10) !important;
}

/* Desktop sticky: refine hierarchy while preserving v13.23 action placement. */
@media (min-width: 901px) {
    body.huun-premium-variations-active .huun-mobile-live-preview {
        border-radius: 18px !important;
        box-shadow: 0 16px 44px rgba(8,50,81,.13), 0 2px 8px rgba(8,50,81,.05) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-columns: 62px minmax(0, 1fr) auto 32px !important;
        gap: 12px !important;
        min-height: 80px !important;
        padding: 8px 10px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        font-size: 13.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        margin-top: 4px !important;
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories {
        margin-top: 3px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 102px !important;
        font-size: 14.5px !important;
    }
}

/* Mobile: reduce vertical footprint without changing the two-action row. */
@media (max-width: 900px) {
    body.huun-premium-variations-active .huun-mobile-live-preview {
        left: 8px !important;
        right: 8px !important;
        border-radius: 16px !important;
        box-shadow: 0 11px 30px rgba(8,50,81,.115), 0 2px 7px rgba(8,50,81,.04) !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-columns: 52px minmax(0, 1fr) auto 28px !important;
        gap: 8px !important;
        min-height: 66px !important;
        padding: 7px 8px 6px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        border-radius: 11px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        font-size: 12.5px !important;
        line-height: 1.15 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        display: block !important;
        margin-top: 3px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories {
        margin-top: 2px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 62px !important;
        max-width: 94px !important;
        font-size: 12.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price-label {
        margin-bottom: 2px !important;
        font-size: 7.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-total-amount {
        font-size: 12.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-toggle {
        width: 28px !important;
        height: 28px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-main > .huun-live-preview-actions {
        padding-top: 1px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button,
    body.huun-premium-variations-active .huun-live-preview-ar-button {
        min-height: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-config-card {
        border-radius: 18px !important;
        margin-bottom: 16px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-head {
        padding: 13px 14px !important;
        gap: 11px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        flex-basis: 42px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-group {
        padding: 14px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-label {
        margin-bottom: 10px !important;
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-label strong {
        max-width: 64% !important;
        padding: 3px 7px !important;
        font-size: 10.5px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-group.is-complete .huun-config-label strong::before {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        font-size: 8px !important;
    }

    body.huun-premium-variations-active .variations_form button.huun-option--text {
        min-height: 42px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
    }

    body.huun-premium-variations-active .huun-screen-configurator {
        margin-top: 14px !important;
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active .huun-screen-head {
        padding: 12px 13px !important;
    }

    body.huun-premium-variations-active button.huun-screen-group-toggle {
        min-height: 57px !important;
        padding: 9px 10px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice {
        min-height: 44px !important;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-live-preview-main {
        grid-template-columns: 46px minmax(0, 1fr) auto 26px !important;
        gap: 6px !important;
        min-height: 60px !important;
        padding: 6px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-thumb {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-title {
        font-size: 11.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-selection {
        font-size: 9px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-accessories {
        font-size: 8.2px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-price {
        min-width: 56px !important;
        max-width: 78px !important;
        font-size: 11.5px !important;
    }

    body.huun-premium-variations-active .huun-live-preview-cart-button,
    body.huun-premium-variations-active .huun-live-preview-ar-button {
        min-height: 36px !important;
        height: 36px !important;
        font-size: 9.5px !important;
    }
}


/* =========================================================
   HUUN – INDIVIDUELLE INNENHÖHE v13.30.7
   Integrated Equa height configurator.
   Order: Pergola → Individuelle Höhe → Screen Rollos.
   ========================================================= */
body.huun-premium-variations-active .huun-height-configurator[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-height-configurator {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel) {
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #dde5eb !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(8,50,81,.05) !important;
}

body.huun-premium-variations-active button.huun-height-head {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-height: 80px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #fff !important;
    color: #12283a !important;
    cursor: pointer !important;
    font-family: inherit !important;
    text-align: left !important;
}

body.huun-premium-variations-active button.huun-height-head:focus-visible {
    outline: 2px solid rgba(8,50,81,.26) !important;
    outline-offset: -3px !important;
}

body.huun-premium-variations-active .huun-height-head-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-height-head-icon svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
}

body.huun-premium-variations-active .huun-height-head-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-height-title {
    display: block !important;
    margin: 0 !important;
    color: #12283a !important;
    font-size: 15.5px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-height-subtitle {
    display: block !important;
    margin-top: 4px !important;
    color: #75818b !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-height-head-summary {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 116px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 3px !important;
}

body.huun-premium-variations-active .huun-height-head-summary strong {
    color: #083251 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-height-head-summary small {
    color: #7b8791 !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-height-chevron {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e1e7ec !important;
    border-radius: 10px !important;
    background: #f7f9fa !important;
    color: #083251 !important;
    transition: transform .18s ease !important;
}

body.huun-premium-variations-active .huun-height-chevron svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
}

body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel).is-open .huun-height-chevron {
    transform: rotate(180deg) !important;
}

body.huun-premium-variations-active .huun-height-body {
    box-sizing: border-box !important;
    display: none !important;
    padding: 16px !important;
    border-top: 1px solid #edf2f5 !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel).is-open .huun-height-body {
    display: block !important;
}

body.huun-premium-variations-active .huun-height-intro {
    margin: 0 0 13px !important;
}

body.huun-premium-variations-active .huun-height-kicker {
    display: block !important;
    margin: 0 0 4px !important;
    color: #678093 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    text-transform: none !important;
}

body.huun-premium-variations-active .huun-height-intro > strong {
    display: block !important;
    margin: 0 !important;
    color: #172b3a !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
}

body.huun-premium-variations-active .huun-height-intro > p {
    max-width: 690px !important;
    margin: 5px 0 0 !important;
    color: #6d7a85 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-height-measure-warning {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 0 0 13px !important;
    padding: 12px 13px !important;
    border: 1px solid #efb4b4 !important;
    border-left: 4px solid #c51f2f !important;
    border-radius: 13px !important;
    background: #fff5f5 !important;
    color: #9f1826 !important;
}

body.huun-premium-variations-active .huun-height-measure-warning-icon {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 1px !important;
    color: #c51f2f !important;
}

body.huun-premium-variations-active .huun-height-measure-warning-icon svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
}

body.huun-premium-variations-active .huun-height-measure-warning > span:last-child {
    display: block !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-height-measure-warning strong,
body.huun-premium-variations-active .huun-height-measure-warning small {
    display: block !important;
}

body.huun-premium-variations-active .huun-height-measure-warning strong {
    margin: 0 0 3px !important;
    color: #a71927 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
}

body.huun-premium-variations-active .huun-height-measure-warning small {
    color: #8f3a42 !important;
    font-size: 11.5px !important;
    line-height: 1.42 !important;
    font-weight: 560 !important;
}

body.huun-premium-variations-active .huun-height-card {
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid #e3e9ee !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-height-current-row {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #edf1f4 !important;
}

body.huun-premium-variations-active .huun-height-current-label {
    display: block !important;
    color: #7a8791 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
}

body.huun-premium-variations-active .huun-height-current {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    margin-top: 3px !important;
    color: #083251 !important;
}

body.huun-premium-variations-active .huun-height-current strong {
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.03em !important;
}

body.huun-premium-variations-active .huun-height-current small {
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-height-badge {
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-height-badge.is-standard {
    background: #eef8f3 !important;
    color: #176a46 !important;
}

body.huun-premium-variations-active .huun-height-badge.is-custom {
    background: #fff6df !important;
    color: #855c08 !important;
}

body.huun-premium-variations-active .huun-height-controls {
    box-sizing: border-box !important;
    padding: 14px 16px 15px !important;
}

body.huun-premium-variations-active .huun-height-control-label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
    color: #273a48 !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-height-control-label small {
    color: #88939c !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .huun-height-input-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    gap: 8px !important;
    width: 100% !important;
}

body.huun-premium-variations-active button.huun-height-step,
body.huun-premium-variations-active button.huun-height-reset,
body.huun-premium-variations-active button.huun-height-dialog-ok,
body.huun-premium-variations-active button.huun-height-dialog-close {
    font-family: inherit !important;
    text-transform: none !important;
}

body.huun-premium-variations-active button.huun-height-step {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce4ea !important;
    border-radius: 12px !important;
    background: #f6f8fa !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active button.huun-height-step:hover {
    border-color: #b9c9d4 !important;
    background: #edf3f6 !important;
}

body.huun-premium-variations-active .huun-height-number-wrap {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 44px !important;
    overflow: hidden !important;
    border: 1px solid #dce4ea !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.huun-premium-variations-active input.huun-height-number {
    all: unset !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 8px 0 14px !important;
    color: #172b3a !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 42px !important;
    font-weight: 750 !important;
    text-align: center !important;
}

body.huun-premium-variations-active .huun-height-number-wrap > span {
    box-sizing: border-box !important;
    padding: 0 12px 0 2px !important;
    color: #7b8791 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-height-custom-notice[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-height-custom-notice {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 11px !important;
    padding: 11px 12px !important;
    border: 1px solid #f0dfad !important;
    border-radius: 12px !important;
    background: #fff9e9 !important;
    color: #73561a !important;
}

body.huun-premium-variations-active .huun-height-notice-dot {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    margin-top: 4px !important;
    border-radius: 50% !important;
    background: #d39a1c !important;
    box-shadow: 0 0 0 3px rgba(211,154,28,.12) !important;
}

body.huun-premium-variations-active .huun-height-custom-notice strong,
body.huun-premium-variations-active .huun-height-custom-notice small {
    display: block !important;
}

body.huun-premium-variations-active .huun-height-custom-notice strong {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}

body.huun-premium-variations-active .huun-height-custom-notice small {
    margin-top: 2px !important;
    color: #8b733c !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-height-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 11px !important;
}

body.huun-premium-variations-active button.huun-height-reset {
    all: unset !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

body.huun-premium-variations-active button.huun-height-reset:disabled {
    color: #a5afb7 !important;
    cursor: default !important;
    text-decoration: none !important;
}

body.huun-premium-variations-active .huun-height-factory {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #70808d !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-height-factory i {
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #083251 !important;
}

/* Height must be directly before the Screen configurator with one rhythm. */
body.huun-premium-variations-active .huun-height-configurator + .huun-screen-configurator {
    margin-top: 12px !important;
}

/* Incompatible-product removal dialog. */
body.huun-premium-variations-active.huun-height-dialog-open {
    overflow: hidden !important;
}

body.huun-premium-variations-active .huun-height-dialog[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-height-dialog {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
}

body.huun-premium-variations-active .huun-height-dialog-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(9,24,36,.54) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
}

body.huun-premium-variations-active .huun-height-dialog-card {
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    width: min(440px, 100%) !important;
    padding: 26px 24px 22px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.22) !important;
    color: #172b3a !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
}

body.huun-premium-variations-active .huun-height-dialog-icon {
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #edf3f6 !important;
    color: #083251 !important;
}

body.huun-premium-variations-active .huun-height-dialog-icon svg {
    width: 23px !important;
    height: 23px !important;
}

body.huun-premium-variations-active .huun-height-dialog-card h3 {
    margin: 14px 0 7px !important;
    color: #12283a !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-height-dialog-card p {
    margin: 0 !important;
    color: #697984 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active button.huun-height-dialog-close {
    all: unset !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: #f3f6f8 !important;
    color: #526270 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body.huun-premium-variations-active button.huun-height-dialog-ok {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-width: 132px !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 18px !important;
    padding: 0 18px !important;
    border-radius: 11px !important;
    background: #083251 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-height-configurator {
        margin-top: 10px !important;
    }

    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel) {
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active button.huun-height-head {
        min-height: 68px !important;
        gap: 10px !important;
        padding: 11px 12px !important;
    }

    body.huun-premium-variations-active .huun-height-head-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .huun-height-title {
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .huun-height-subtitle {
        display: none !important;
    }

    body.huun-premium-variations-active .huun-height-head-summary {
        min-width: 82px !important;
    }

    body.huun-premium-variations-active .huun-height-head-summary strong {
        font-size: 12px !important;
    }

    body.huun-premium-variations-active .huun-height-head-summary small {
        max-width: 92px !important;
        overflow: hidden !important;
        font-size: 9px !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-height-chevron {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    body.huun-premium-variations-active .huun-height-body {
        padding: 12px !important;
    }

    body.huun-premium-variations-active .huun-height-intro > strong {
        font-size: 15px !important;
    }

    body.huun-premium-variations-active .huun-height-intro > p {
        font-size: 11.5px !important;
    }

    body.huun-premium-variations-active .huun-height-measure-warning {
        gap: 9px !important;
        padding: 11px !important;
        border-left-width: 3px !important;
    }

    body.huun-premium-variations-active .huun-height-measure-warning strong {
        font-size: 11.5px !important;
    }

    body.huun-premium-variations-active .huun-height-measure-warning small {
        font-size: 10.8px !important;
    }

    body.huun-premium-variations-active .huun-height-current-row,
    body.huun-premium-variations-active .huun-height-controls {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    body.huun-premium-variations-active .huun-height-current strong {
        font-size: 25px !important;
    }

    body.huun-premium-variations-active .huun-height-badge {
        max-width: 54% !important;
        overflow: hidden !important;
        font-size: 9.5px !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-height-actions {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.huun-premium-variations-active .huun-height-configurator + .huun-screen-configurator {
        margin-top: 10px !important;
    }

    body.huun-premium-variations-active .huun-height-dialog-card {
        padding: 24px 18px 19px !important;
        border-radius: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active .huun-height-chevron {
        transition: none !important;
    }
}

/* =========================================================
   HUUN – CQ RAHMEN- & LAMELLENFARBE v14.1.0
   Standard: RAL 7016 / RAL 9010. Metallic: DB 703 / RAL 9007.
   Order: Pergola → Farbe → Individuelle Innenhöhe → Screen Rollos.
   ========================================================= */
body.huun-premium-variations-active .huun-config-group.is-huun-native-color-hidden {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-color-configurator[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-color-configurator {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-metallic-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #dde5eb !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(8,50,81,.05) !important;
}

body.huun-premium-variations-active button.huun-metallic-head {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-height: 80px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #fff !important;
    color: #12283a !important;
    cursor: pointer !important;
    font-family: inherit !important;
    text-align: left !important;
}

body.huun-premium-variations-active button.huun-metallic-head:focus-visible {
    outline: 2px solid rgba(8,50,81,.26) !important;
    outline-offset: -3px !important;
}

body.huun-premium-variations-active .huun-metallic-head-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-metallic-head-icon svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
}

body.huun-premium-variations-active .huun-metallic-head-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-metallic-title {
    display: block !important;
    color: #12283a !important;
    font-size: 15.5px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-metallic-subtitle {
    display: block !important;
    margin-top: 4px !important;
    color: #75818b !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-metallic-head-summary {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 126px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 3px !important;
}

body.huun-premium-variations-active .huun-metallic-head-summary strong {
    color: #083251 !important;
    font-size: 13.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-metallic-head-summary small {
    color: #7b8791 !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-metallic-chevron {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e1e7ec !important;
    border-radius: 10px !important;
    background: #f7f9fa !important;
    color: #083251 !important;
    transition: transform .18s ease !important;
}

body.huun-premium-variations-active .huun-metallic-chevron svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
}

body.huun-premium-variations-active .huun-metallic-panel.is-open .huun-metallic-chevron {
    transform: rotate(180deg) !important;
}

body.huun-premium-variations-active .huun-metallic-body {
    box-sizing: border-box !important;
    display: none !important;
    padding: 16px !important;
    border-top: 1px solid #edf2f5 !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active .huun-metallic-panel.is-open .huun-metallic-body {
    display: block !important;
}

body.huun-premium-variations-active .huun-metallic-group + .huun-metallic-group {
    margin-top: 17px !important;
    padding-top: 16px !important;
    border-top: 1px solid #e9eef2 !important;
}

body.huun-premium-variations-active .huun-metallic-group-head {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 9px !important;
}

body.huun-premium-variations-active .huun-metallic-group-head strong {
    color: #172b3a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
}

body.huun-premium-variations-active .huun-metallic-group-head span {
    color: #7d8992 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .huun-metallic-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.huun-premium-variations-active button.huun-metallic-option {
    all: unset !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-height: 69px !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 10px 12px !important;
    border: 1px solid #dce4ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #172b3a !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.huun-premium-variations-active button.huun-metallic-option:hover {
    border-color: #b8c7d1 !important;
    box-shadow: 0 7px 18px rgba(8,50,81,.06) !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active button.huun-metallic-option.is-selected {
    border-color: #083251 !important;
    box-shadow: 0 0 0 1px #083251, 0 7px 18px rgba(8,50,81,.08) !important;
}

body.huun-premium-variations-active button.huun-metallic-option:focus-visible {
    outline: 2px solid rgba(8,50,81,.25) !important;
    outline-offset: 2px !important;
}

body.huun-premium-variations-active button.huun-metallic-option[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-swatch {
    position: relative !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    overflow: hidden !important;
    border: 1px solid rgba(22,38,49,.16) !important;
    border-radius: 50% !important;
    background: var(--huun-metallic-swatch, #cbd2d7) !important;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.35) !important;
}

body.huun-premium-variations-active .huun-metallic-swatch.is-metallic::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(115deg, transparent 15%, rgba(255,255,255,.42) 42%, transparent 63%) !important;
    transform: translateX(-70%) !important;
    opacity: .72 !important;
}

body.huun-premium-variations-active button.huun-metallic-option:hover .huun-metallic-swatch.is-metallic::after,
body.huun-premium-variations-active button.huun-metallic-option.is-selected .huun-metallic-swatch.is-metallic::after {
    animation: huun-metallic-sheen 1.7s ease-in-out infinite !important;
}

@keyframes huun-metallic-sheen {
    0%, 25% { transform: translateX(-75%); }
    70%, 100% { transform: translateX(75%); }
}

body.huun-premium-variations-active .huun-metallic-option-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-metallic-option-copy strong {
    display: block !important;
    color: #172b3a !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
}

body.huun-premium-variations-active .huun-metallic-option-copy small {
    display: block !important;
    margin-top: 3px !important;
    color: #7a8790 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active button.huun-metallic-option .huun-option-check {
    display: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active button.huun-metallic-option.is-selected .huun-option-check {
    display: inline-flex !important;
}

body.huun-premium-variations-active button.huun-metallic-option .huun-option-check svg {
    width: 14px !important;
    height: 14px !important;
}

body.huun-premium-variations-active .huun-metallic-notice {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 15px 0 0 !important;
    padding: 12px 13px !important;
    border: 1px solid #d8e3ea !important;
    border-left: 4px solid #083251 !important;
    border-radius: 13px !important;
    background: #f3f7fa !important;
    color: #17354b !important;
}

body.huun-premium-variations-active .huun-metallic-notice[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-notice-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-metallic-notice > span:last-child {
    display: block !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-metallic-notice strong {
    display: block !important;
    color: #14354d !important;
    font-size: 11.8px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-metallic-notice small {
    display: block !important;
    margin-top: 3px !important;
    color: #5f7483 !important;
    font-size: 10.8px !important;
    line-height: 1.4 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-metallic-coating {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 0 2px !important;
    color: #72808a !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-metallic-coating-dot {
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    margin-top: 4px !important;
    border-radius: 50% !important;
    background: #083251 !important;
}

body.huun-premium-variations-active .huun-metallic-color-configurator + .huun-height-configurator,
body.huun-premium-variations-active .huun-metallic-color-configurator + .huun-screen-configurator {
    margin-top: 10px !important;
}


body.huun-premium-variations-active .huun-metallic-compare-wrap {
    margin-top: 14px !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-trigger {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 15px !important;
    border: 1px solid #dce4ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #142c3f !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(8,50,81,.04) !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-trigger:hover {
    border-color: #b8c7d1 !important;
    box-shadow: 0 10px 24px rgba(8,50,81,.08) !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-trigger:focus-visible {
    outline: 2px solid rgba(8,50,81,.25) !important;
    outline-offset: 2px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-trigger-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-metallic-compare-trigger-copy strong {
    display: block !important;
    color: #12283a !important;
    font-size: 12.8px !important;
    line-height: 1.2 !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-trigger-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #71808c !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-trigger-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border: 1px solid #dbe3e8 !important;
    border-radius: 10px !important;
    background: #f7f9fb !important;
    color: #083251 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(10, 20, 30, .56) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-dialog {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(1120px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 32px) !important;
    margin: 16px auto !important;
    overflow: auto !important;
    border-radius: 24px !important;
    border: 1px solid #d7e0e7 !important;
    background: #fff !important;
    box-shadow: 0 30px 70px rgba(8,50,81,.22) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal-head {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 18px 18px 16px !important;
    border-bottom: 1px solid #edf2f5 !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(8px) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal-copy {
    display: block !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal-copy strong {
    display: block !important;
    color: #12283a !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-metallic-compare-modal-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #6e7d89 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-close {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce5ea !important;
    border-radius: 12px !important;
    background: #f8fafb !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 16px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid #dde5eb !important;
    border-radius: 18px !important;
    background: #fbfcfd !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card.is-selected {
    border-color: #083251 !important;
    box-shadow: 0 0 0 1px #083251, 0 12px 26px rgba(8,50,81,.08) !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-swatch {
    position: relative !important;
    display: inline-block !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    border: 1px solid rgba(22,38,49,.16) !important;
    background: var(--huun-metallic-swatch, #cbd2d7) !important;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.34) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-swatch.is-metallic::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(115deg, transparent 15%, rgba(255,255,255,.42) 42%, transparent 63%) !important;
    transform: translateX(-70%) !important;
    animation: huun-metallic-sheen 1.7s ease-in-out infinite !important;
}

body.huun-premium-variations-active .huun-metallic-compare-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-metallic-compare-copy strong {
    display: block !important;
    color: #172b3a !important;
    font-size: 13.2px !important;
    line-height: 1.28 !important;
    font-weight: 760 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #74818c !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-metallic-compare-status[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-compare-summary {
    margin: 0 !important;
    color: #415666 !important;
    font-size: 11.4px !important;
    line-height: 1.55 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-finish {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4f8 !important;
    color: #17354b !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-video {
    overflow: hidden !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 16px !important;
    background: #edf2f6 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-video video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    background: #edf2f6 !important;
    pointer-events: none !important;
}

/* v14.3.4: finish clips are visual samples, not interactive media players. */
body.huun-premium-variations-active .huun-metallic-compare-video video::-webkit-media-controls,
body.huun-premium-variations-active .huun-metallic-compare-video video::-webkit-media-controls-enclosure,
body.huun-premium-variations-active .huun-metallic-compare-video video::-webkit-media-controls-panel,
body.huun-premium-variations-active .huun-metallic-compare-video video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none !important;
}

body.huun-premium-variations-active .huun-metallic-compare-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: auto !important;
}

body.huun-premium-variations-active .huun-metallic-compare-link,
body.huun-premium-variations-active button.huun-metallic-compare-select {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    cursor: pointer !important;
    text-align: center !important;
}

body.huun-premium-variations-active .huun-metallic-compare-link {
    border: 1px solid #dce4ea !important;
    background: #fff !important;
    color: #17354b !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-select {
    border: 1px solid #083251 !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active button.huun-metallic-compare-select.is-selected {
    background: #eaf1f6 !important;
    border-color: #c7d6e2 !important;
    color: #083251 !important;
}

body.huun-premium-variations-active.huun-metallic-compare-open {
    overflow: hidden !important;
}

/*
 * v14.3.2 — the HUUN live/sticky product action bar must never float above
 * the CQ color comparison experience. Its normal product-page behavior is
 * preserved; it is suppressed only while the comparison modal is open.
 */
body.huun-premium-variations-active.huun-metallic-compare-open .huun-mobile-live-preview,
body.huun-premium-variations-active.huun-metallic-compare-open .huun-mobile-live-preview.is-visible,
body.huun-premium-variations-active.huun-metallic-compare-open .huun-mobile-live-preview.is-expanded {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(.99) !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-metallic-color-configurator {
        margin-top: 10px !important;
    }

    body.huun-premium-variations-active .huun-metallic-panel {
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active button.huun-metallic-head {
        min-height: 72px !important;
        gap: 10px !important;
        padding: 13px !important;
    }

    body.huun-premium-variations-active .huun-metallic-head-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .huun-metallic-title {
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .huun-metallic-subtitle {
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-metallic-head-summary {
        min-width: 0 !important;
        max-width: 92px !important;
    }

    body.huun-premium-variations-active .huun-metallic-head-summary strong {
        max-width: 92px !important;
        overflow: hidden !important;
        font-size: 11px !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-metallic-head-summary small {
        max-width: 92px !important;
        overflow: hidden !important;
        font-size: 9px !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-metallic-chevron {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    body.huun-premium-variations-active .huun-metallic-body {
        padding: 13px !important;
    }

    body.huun-premium-variations-active .huun-metallic-options {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active button.huun-metallic-option {
        min-height: 62px !important;
        padding: 9px 10px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .huun-metallic-swatch {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }


    body.huun-premium-variations-active .huun-metallic-compare-dialog {
        width: calc(100vw - 18px) !important;
        max-height: calc(100vh - 18px) !important;
        margin: 9px auto !important;
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-modal-head {
        padding: 14px 14px 12px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-modal-copy strong {
        font-size: 15px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-modal-copy small {
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 12px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-card {
        border-radius: 16px !important;
        padding: 12px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-swatch {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-actions {
        flex-direction: column !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-link,
    body.huun-premium-variations-active button.huun-metallic-compare-select {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active .huun-metallic-chevron,
    body.huun-premium-variations-active button.huun-metallic-option {
        transition: none !important;
    }

    body.huun-premium-variations-active .huun-metallic-swatch.is-metallic::after {
        animation: none !important;
    }
}

/* =========================================================
   HUUN – CQ COLOR COMPARE v14.3.0
   Four finishes side-by-side + embedded technical table.
   ========================================================= */
body.huun-premium-variations-active .huun-metallic-compare-dialog {
    width: min(1500px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 118px) !important;
    margin: 88px auto 30px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-content {
    padding: 16px !important;
}

body.huun-premium-variations-active .huun-metallic-card-scroll {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 4px !important;
    scrollbar-width: thin !important;
}

body.huun-premium-variations-active .huun-metallic-compare-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-width: 1040px !important;
    padding: 0 !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card {
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card-head {
    min-height: 52px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card .huun-metallic-compare-summary {
    min-height: 70px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card button.huun-metallic-compare-select {
    width: 100% !important;
    margin-top: auto !important;
}

body.huun-premium-variations-active .huun-metallic-technical-section {
    margin-top: 18px !important;
    border-top: 1px solid #e7edf1 !important;
    padding-top: 16px !important;
}

body.huun-premium-variations-active .huun-metallic-technical-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 10px !important;
}

body.huun-premium-variations-active .huun-metallic-technical-head strong {
    color: #12283a !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-metallic-technical-head small {
    color: #72808b !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
    font-weight: 550 !important;
    text-align: right !important;
}

body.huun-premium-variations-active .huun-metallic-table-scroll {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid #dce5eb !important;
    border-radius: 16px !important;
    background: #fff !important;
    scrollbar-width: thin !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table {
    width: 100% !important;
    min-width: 1260px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    font-family: inherit !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table th,
body.huun-premium-variations-active table.huun-metallic-compare-table td {
    box-sizing: border-box !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-right: 1px solid #e6ecef !important;
    border-bottom: 1px solid #e6ecef !important;
    vertical-align: top !important;
    text-align: left !important;
    color: #334b5d !important;
    font-size: 10.8px !important;
    line-height: 1.45 !important;
    font-weight: 560 !important;
    background: #fff !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table thead th {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    height: 64px !important;
    vertical-align: middle !important;
    background: #f5f8fa !important;
    color: #12283a !important;
    font-size: 11.5px !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table th:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 2 !important;
    width: 205px !important;
    background: #f8fafb !important;
    color: #17354b !important;
    font-weight: 760 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table thead th:first-child {
    z-index: 3 !important;
    background: #eef4f7 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table th:not(:first-child),
body.huun-premium-variations-active table.huun-metallic-compare-table td:not(:first-child) {
    width: calc((100% - 205px) / 4) !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table tr:last-child th,
body.huun-premium-variations-active table.huun-metallic-compare-table tr:last-child td {
    border-bottom: 0 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table th:last-child,
body.huun-premium-variations-active table.huun-metallic-compare-table td:last-child {
    border-right: 0 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table tr.is-huun-price-row th,
body.huun-premium-variations-active table.huun-metallic-compare-table tr.is-huun-price-row td {
    background: #f2f7fa !important;
    color: #083251 !important;
    font-weight: 760 !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table tr.is-huun-price-row th:first-child {
    background: #e8f1f6 !important;
}

body.huun-premium-variations-active .huun-metallic-table-head-swatch {
    position: relative !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    border: 1px solid rgba(22,38,49,.16) !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    background: var(--huun-metallic-swatch, #cbd2d7) !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.34) !important;
}

body.huun-premium-variations-active .huun-metallic-table-head-swatch.is-metallic::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(115deg, transparent 15%, rgba(255,255,255,.42) 42%, transparent 63%) !important;
}

body.huun-premium-variations-active table.huun-metallic-compare-table thead strong {
    display: inline !important;
    vertical-align: middle !important;
}

body.huun-premium-variations-active .huun-metallic-technical-note {
    margin: 10px 2px 0 !important;
    color: #75828c !important;
    font-size: 9.8px !important;
    line-height: 1.5 !important;
    font-weight: 520 !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-metallic-compare-dialog {
        width: calc(100vw - 18px) !important;
        max-height: calc(100vh - 94px) !important;
        margin: 74px auto 20px !important;
        border-radius: 16px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-content {
        padding: 10px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-grid {
        grid-template-columns: repeat(4, 260px) !important;
        min-width: max-content !important;
        gap: 9px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-card {
        width: 260px !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-card .huun-metallic-compare-summary {
        min-height: 84px !important;
    }

    body.huun-premium-variations-active .huun-metallic-technical-head {
        display: block !important;
    }

    body.huun-premium-variations-active .huun-metallic-technical-head small {
        display: block !important;
        margin-top: 4px !important;
        text-align: left !important;
    }

    body.huun-premium-variations-active table.huun-metallic-compare-table {
        min-width: 1180px !important;
    }

    body.huun-premium-variations-active table.huun-metallic-compare-table th,
    body.huun-premium-variations-active table.huun-metallic-compare-table td {
        padding: 9px 10px !important;
        font-size: 10.2px !important;
    }

    body.huun-premium-variations-active table.huun-metallic-compare-table th:first-child {
        width: 170px !important;
    }
}

/* =========================================================
   HUUN – CQ SILENT GEDÄMMTE LAMELLEN v14.4.0
   Order: Farbe → Silent → Innenhöhe → Screen Rollos.
   ========================================================= */
body.huun-premium-variations-active .huun-silent-louver-configurator[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-silent-louver-configurator {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-silent-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #dde5eb !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(8,50,81,.05) !important;
}

body.huun-premium-variations-active button.huun-silent-head {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-height: 80px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #fff !important;
    color: #12283a !important;
    cursor: pointer !important;
    font-family: inherit !important;
    text-align: left !important;
}

body.huun-premium-variations-active button.huun-silent-head:focus-visible {
    outline: 2px solid rgba(8,50,81,.26) !important;
    outline-offset: -3px !important;
}

body.huun-premium-variations-active .huun-silent-head-icon {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active .huun-silent-head-icon svg {
    width: 24px !important;
    height: 24px !important;
}

body.huun-premium-variations-active .huun-silent-head-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-silent-title {
    display: block !important;
    color: #12283a !important;
    font-size: 15.5px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-silent-subtitle {
    display: block !important;
    margin-top: 4px !important;
    color: #75818b !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-silent-head-summary {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 130px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 3px !important;
}

body.huun-premium-variations-active .huun-silent-head-summary strong {
    color: #083251 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-silent-head-summary small {
    color: #7b8791 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-silent-chevron {
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e1e7ec !important;
    border-radius: 10px !important;
    background: #f7f9fa !important;
    color: #083251 !important;
    transition: transform .18s ease !important;
}

body.huun-premium-variations-active .huun-silent-chevron svg {
    width: 17px !important;
    height: 17px !important;
}

body.huun-premium-variations-active .huun-silent-panel.is-open .huun-silent-chevron {
    transform: rotate(180deg) !important;
}

body.huun-premium-variations-active .huun-silent-body {
    box-sizing: border-box !important;
    display: none !important;
    padding: 16px !important;
    border-top: 1px solid #edf2f5 !important;
    background: #fbfcfd !important;
}

body.huun-premium-variations-active .huun-silent-panel.is-open .huun-silent-body {
    display: block !important;
}

body.huun-premium-variations-active .huun-silent-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.huun-premium-variations-active button.huun-silent-option {
    all: unset !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-height: 72px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 13px !important;
    border: 1px solid #dce4ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #172b3a !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.huun-premium-variations-active button.huun-silent-option:hover {
    border-color: #b8c7d1 !important;
    box-shadow: 0 7px 18px rgba(8,50,81,.06) !important;
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active button.huun-silent-option.is-selected {
    border-color: #083251 !important;
    box-shadow: 0 0 0 1px #083251, 0 7px 18px rgba(8,50,81,.08) !important;
}

body.huun-premium-variations-active .huun-silent-option-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-silent-option-copy strong {
    display: block !important;
    color: #172b3a !important;
    font-size: 12.8px !important;
    line-height: 1.25 !important;
    font-weight: 760 !important;
}

body.huun-premium-variations-active .huun-silent-option-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #788691 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

body.huun-premium-variations-active .huun-silent-premium-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #eef4f8 !important;
    color: #083251 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
}

body.huun-premium-variations-active .huun-silent-check {
    display: none !important;
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #083251 !important;
    color: #fff !important;
}

body.huun-premium-variations-active button.huun-silent-option.is-selected .huun-silent-check {
    display: inline-flex !important;
}

body.huun-premium-variations-active .huun-silent-check svg {
    width: 14px !important;
    height: 14px !important;
}

body.huun-premium-variations-active .huun-silent-detail {
    display: grid !important;
    grid-template-columns: minmax(220px, .85fr) minmax(0, 1.45fr) !important;
    gap: 16px !important;
    margin-top: 14px !important;
    padding: 14px !important;
    border: 1px solid #dce5eb !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-media {
    overflow: hidden !important;
    min-height: 210px !important;
    border-radius: 13px !important;
    background: #f1f3f5 !important;
}

body.huun-premium-variations-active .huun-silent-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 210px !important;
    object-fit: contain !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-detail-copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.huun-premium-variations-active .huun-silent-detail-heading strong {
    display: block !important;
    color: #12283a !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-silent-detail-heading p {
    margin: 6px 0 0 !important;
    color: #60717e !important;
    font-size: 11.2px !important;
    line-height: 1.5 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-silent-benefits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 13px !important;
}

body.huun-premium-variations-active .huun-silent-benefit {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid #e3e9ee !important;
    border-radius: 12px !important;
    background: #f8fafb !important;
}

body.huun-premium-variations-active .huun-silent-benefit-icon {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-silent-benefit > span:last-child {
    display: block !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-silent-benefit strong {
    display: block !important;
    color: #17354b !important;
    font-size: 10.8px !important;
    line-height: 1.3 !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active .huun-silent-benefit small {
    display: block !important;
    margin-top: 3px !important;
    color: #687985 !important;
    font-size: 9.7px !important;
    line-height: 1.42 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-silent-warning {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin-top: 10px !important;
    padding: 10px 11px !important;
    border: 1px solid #e2e8ed !important;
    border-left: 4px solid #083251 !important;
    border-radius: 11px !important;
    background: #f4f7f9 !important;
}

body.huun-premium-variations-active .huun-silent-warning-mark {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-silent-warning strong,
body.huun-premium-variations-active .huun-silent-warning small {
    display: block !important;
}

body.huun-premium-variations-active .huun-silent-warning strong {
    color: #17354b !important;
    font-size: 10.8px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-silent-warning small {
    margin-top: 2px !important;
    color: #667987 !important;
    font-size: 9.8px !important;
    line-height: 1.4 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-silent-louver-configurator + .huun-height-configurator,
body.huun-premium-variations-active .huun-silent-louver-configurator + .huun-screen-configurator {
    margin-top: 10px !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-silent-panel {
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active button.huun-silent-head {
        min-height: 72px !important;
        gap: 10px !important;
        padding: 13px !important;
    }

    body.huun-premium-variations-active .huun-silent-head-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body.huun-premium-variations-active .huun-silent-title {
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .huun-silent-subtitle {
        font-size: 11px !important;
    }

    body.huun-premium-variations-active .huun-silent-head-summary {
        min-width: 0 !important;
        max-width: 90px !important;
    }

    body.huun-premium-variations-active .huun-silent-head-summary strong,
    body.huun-premium-variations-active .huun-silent-head-summary small {
        max-width: 90px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.huun-premium-variations-active .huun-silent-head-summary strong {
        font-size: 10.8px !important;
    }

    body.huun-premium-variations-active .huun-silent-head-summary small {
        font-size: 8.8px !important;
    }

    body.huun-premium-variations-active .huun-silent-chevron {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    body.huun-premium-variations-active .huun-silent-body {
        padding: 13px !important;
    }

    body.huun-premium-variations-active .huun-silent-options {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active button.huun-silent-option {
        min-height: 64px !important;
        padding: 10px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .huun-silent-detail {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 11px !important;
        border-radius: 14px !important;
    }

    body.huun-premium-variations-active .huun-silent-media,
    body.huun-premium-variations-active .huun-silent-media img {
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
    }

    body.huun-premium-variations-active .huun-silent-benefits {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active .huun-silent-chevron,
    body.huun-premium-variations-active button.huun-silent-option {
        transition: none !important;
    }
}


/* =========================================================
   HUUN – Silent compact selector + popup v14.4.1
   Silent now sits directly below CQ size inside the main config card.
   Detailed explanatory content is shown only in the info popup.
   ========================================================= */
body.huun-premium-variations-active .variations_form .huun-config-body > .huun-silent-louver-configurator {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px 20px !important;
    border-bottom: 1px solid var(--huun-line-soft, #e7edf1) !important;
    background: #fff !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-silent-inline {
    width: 100% !important;
}

body.huun-premium-variations-active .huun-silent-inline-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 11px !important;
}

body.huun-premium-variations-active .huun-silent-inline-copy {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-silent-inline-copy strong {
    display: block !important;
    color: #172b3a !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active .huun-silent-inline-copy small {
    display: block !important;
    margin-top: 3px !important;
    color: #7a8791 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active button.huun-silent-info-trigger {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border: 1px solid #d7e1e8 !important;
    border-radius: 10px !important;
    background: #f7fafb !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active button.huun-silent-info-trigger > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active button.huun-silent-info-trigger:hover {
    border-color: #afc1ce !important;
    background: #fff !important;
}

body.huun-premium-variations-active .variations_form .huun-silent-louver-configurator .huun-silent-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.huun-premium-variations-active .variations_form .huun-silent-louver-configurator button.huun-silent-option {
    min-height: 64px !important;
    padding: 10px 12px !important;
}

body.huun-premium-variations-active .huun-silent-info-modal[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-silent-info-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482500 !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body.huun-premium-variations-active .huun-silent-info-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(8, 21, 31, .58) !important;
}

body.huun-premium-variations-active .huun-silent-info-dialog {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(940px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 118px) !important;
    margin: 88px auto 30px !important;
    overflow-y: auto !important;
    border: 1px solid #d9e2e8 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 30px 70px rgba(8,50,81,.24) !important;
}

body.huun-premium-variations-active .huun-silent-info-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 18px 18px 16px !important;
    border-bottom: 1px solid #edf2f5 !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-info-head-copy {
    min-width: 0 !important;
}

body.huun-premium-variations-active .huun-silent-info-kicker {
    display: block !important;
    margin-bottom: 5px !important;
    color: #6f7e89 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
}

body.huun-premium-variations-active .huun-silent-info-head-copy strong {
    display: block !important;
    color: #12283a !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-silent-info-head-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #083251 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active button.huun-silent-info-close {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce5ea !important;
    border-radius: 12px !important;
    background: #f7f9fa !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

body.huun-premium-variations-active .huun-silent-info-content {
    display: grid !important;
    grid-template-columns: minmax(280px, .95fr) minmax(0, 1.25fr) !important;
    gap: 18px !important;
    padding: 18px !important;
}

body.huun-premium-variations-active .huun-silent-info-media {
    overflow: hidden !important;
    min-height: 320px !important;
    border: 1px solid #e2e8ec !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-info-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 320px !important;
    object-fit: contain !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-info-copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.huun-premium-variations-active .huun-silent-info-intro strong {
    display: block !important;
    color: #12283a !important;
    font-size: 14.5px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-silent-info-intro p {
    margin: 6px 0 0 !important;
    color: #60717e !important;
    font-size: 11.3px !important;
    line-height: 1.55 !important;
    font-weight: 550 !important;
}

body.huun-premium-variations-active .huun-silent-info-price {
    display: flex !important;
    align-items: center !important;
    margin-top: 11px !important;
    padding: 10px 11px !important;
    border: 1px solid #dbe5eb !important;
    border-radius: 11px !important;
    background: #f3f7fa !important;
}

body.huun-premium-variations-active .huun-silent-info-price strong,
body.huun-premium-variations-active .huun-silent-info-price small {
    display: block !important;
}

body.huun-premium-variations-active .huun-silent-info-price strong {
    color: #17354b !important;
    font-size: 10.8px !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active .huun-silent-info-price small {
    margin-top: 2px !important;
    color: #083251 !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
}

body.huun-premium-variations-active.huun-silent-info-open {
    overflow: hidden !important;
}

body.huun-premium-variations-active.huun-silent-info-open .huun-mobile-live-preview,
body.huun-premium-variations-active.huun-silent-info-open .huun-mobile-live-preview.is-visible,
body.huun-premium-variations-active.huun-silent-info-open .huun-live-preview {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-config-body > .huun-silent-louver-configurator {
        padding: 15px 13px 16px !important;
    }

    body.huun-premium-variations-active .huun-silent-inline-head {
        align-items: flex-start !important;
    }

    body.huun-premium-variations-active button.huun-silent-info-trigger {
        min-height: 32px !important;
        padding: 0 9px !important;
    }

    body.huun-premium-variations-active button.huun-silent-info-trigger > span:last-child {
        display: inline !important;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .variations_form .huun-silent-louver-configurator .huun-silent-options {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-dialog {
        width: calc(100vw - 18px) !important;
        max-height: calc(100vh - 94px) !important;
        margin: 74px auto 20px !important;
        border-radius: 18px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-head {
        padding: 14px 14px 12px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-head-copy strong {
        font-size: 15.5px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-content {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 12px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-media,
    body.huun-premium-variations-active .huun-silent-info-media img {
        min-height: 220px !important;
    }

    body.huun-premium-variations-active .huun-silent-benefits {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   HUUN – PREMIUM VARIATIONS v14.5.0
   Compact Premium UI + HUUN iOS-style switches
   IMPORTANT: Pergola / mounting image cards are intentionally untouched.
   ========================================================= */

body.huun-premium-variations-active .variations_form {
    --huun-switch-off: #dfe5e9;
    --huun-switch-ring: rgba(8,50,81,.14);
}

/* Compact the non-image configuration chrome without changing image-option visuals. */
body.huun-premium-variations-active .variations_form .huun-config-card {
    border-radius: 18px !important;
    margin-bottom: 14px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-head {
    padding: 14px 16px !important;
    gap: 12px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-basis: 42px !important;
    border-radius: 12px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-icon svg {
    width: 19px !important;
    height: 19px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-group[data-type="text"],
body.huun-premium-variations-active .variations_form .huun-config-group[data-type="color"],
body.huun-premium-variations-active .variations_form .huun-config-group--cq-size {
    padding: 15px 16px !important;
}

body.huun-premium-variations-active .variations_form .huun-config-label {
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

body.huun-premium-variations-active .variations_form button.huun-option--text {
    min-height: 44px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-row {
    padding: 8px !important;
    gap: 10px !important;
    border-radius: 14px !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-options button.huun-option--text {
    min-height: 42px !important;
    border-radius: 11px !important;
}

/* Shared HUUN switch. Not a native checkbox. */
body.huun-premium-variations-active .huun-ios-switch {
    all: unset !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 26px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    background: var(--huun-switch-off, #dfe5e9) !important;
    box-shadow: inset 0 0 0 1px rgba(18,40,58,.05) !important;
    cursor: pointer !important;
    transition: background-color .2s ease, box-shadow .2s ease, transform .16s ease !important;
}

body.huun-premium-variations-active .huun-ios-switch:hover {
    transform: translateY(-1px) !important;
}

body.huun-premium-variations-active .huun-ios-switch:focus-visible {
    outline: 3px solid var(--huun-switch-ring, rgba(8,50,81,.14)) !important;
    outline-offset: 3px !important;
}

body.huun-premium-variations-active .huun-ios-switch.is-on,
body.huun-premium-variations-active .huun-ios-switch[aria-pressed="true"] {
    background: #083251 !important;
    box-shadow: 0 0 0 4px rgba(8,50,81,.07), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.huun-premium-variations-active .huun-ios-switch-knob {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(7,26,39,.22) !important;
    transform: translateX(0) !important;
    transition: transform .2s cubic-bezier(.2,.75,.3,1), box-shadow .2s ease !important;
    pointer-events: none !important;
}

body.huun-premium-variations-active .huun-ios-switch.is-on .huun-ios-switch-knob,
body.huun-premium-variations-active .huun-ios-switch[aria-pressed="true"] .huun-ios-switch-knob {
    transform: translateX(18px) !important;
    box-shadow: 0 2px 7px rgba(5,25,40,.24) !important;
}

body.huun-premium-variations-active .huun-compact-addon-row {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 68px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--huun-line, #dde5eb) !important;
    border-radius: 14px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-compact-addon-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.huun-premium-variations-active .huun-compact-addon-copy strong {
    display: block !important;
    color: #101820 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-compact-addon-copy small {
    display: block !important;
    margin-top: 4px !important;
    color: #73808a !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-compact-addon-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
}

body.huun-premium-variations-active .huun-compact-detail-link {
    all: unset !important;
    cursor: pointer !important;
    color: #083251 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.huun-premium-variations-active .huun-compact-detail-link:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Silent now sits directly below size as one compact switch row. */
body.huun-premium-variations-active .huun-silent-louver-configurator {
    padding: 0 16px 15px !important;
    background: #fff !important;
}

body.huun-premium-variations-active .huun-silent-inline {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.huun-premium-variations-active .huun-silent-inline-head,
body.huun-premium-variations-active .huun-silent-options {
    display: none !important;
}

/* Selection belongs to each add-on row, independent of its parent container. */
body.huun-premium-variations-active .huun-compact-addon-row.is-addon-selected {
    border-color: rgba(8,50,81,.34) !important;
    box-shadow: 0 0 0 3px rgba(8,50,81,.045) !important;
}

/* Height: switch off = one line; switch on = compact editor. */
body.huun-premium-variations-active .huun-height-configurator {
    margin: 12px 0 !important;
}

body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel) {
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 1px solid var(--huun-line, #dde5eb) !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head) {
    min-height: 70px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
}

body.huun-premium-variations-active .huun-height-head-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
}

body.huun-premium-variations-active .huun-height-body {
    display: none !important;
    padding: 0 14px 14px !important;
    border-top: 1px solid var(--huun-line-soft, #edf2f5) !important;
    background: #fff !important;
}

body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel).is-open .huun-height-body {
    display: block !important;
}

body.huun-premium-variations-active .huun-height-measure-warning {
    margin: 12px 0 !important;
}

body.huun-premium-variations-active .huun-height-card--compact {
    padding: 12px !important;
    border-radius: 12px !important;
}

body.huun-premium-variations-active .huun-height-card--compact .huun-height-controls {
    margin-top: 0 !important;
}



/* v14.8.2 compact actions – more visible, same v14.5 language */
body.huun-premium-variations-active .huun-compact-detail-link {
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-height:32px !important;
    padding:0 10px !important;
    border:1px solid rgba(8,50,81,.18) !important;
    border-radius:10px !important;
    background:#f6f9fb !important;
    color:#083251 !important;
    text-decoration:none !important;
}
body.huun-premium-variations-active .huun-compact-detail-link:hover {
    background:#eef4f7 !important;
    border-color:rgba(8,50,81,.30) !important;
    text-decoration:none !important;
}
body.huun-premium-variations-active .huun-compact-detail-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:16px !important;
    height:16px !important;
    border-radius:50% !important;
    background:#083251 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
}
body.huun-premium-variations-active button.huun-metallic-compare-trigger {
    min-height:48px !important;
    margin:0 0 14px !important;
    padding:0 14px !important;
    border:1px solid rgba(8,50,81,.18) !important;
    border-radius:12px !important;
    background:#f6f9fb !important;
    box-shadow:none !important;
}
body.huun-premium-variations-active button.huun-metallic-compare-trigger:hover {
    background:#eef4f7 !important;
    border-color:rgba(8,50,81,.30) !important;
}
body.huun-premium-variations-active .huun-metallic-compare-trigger-copy strong,
body.huun-premium-variations-active .huun-metallic-compare-trigger-arrow {color:#083251 !important;}
body.huun-premium-variations-active .huun-metallic-compare-trigger-copy small {color:#6e7e89 !important;}

/* Screen: styling only. The v14.7.2 resilient render/choice engine is untouched. */
body.huun-premium-variations-active .huun-screen-configurator {border-radius:18px !important;border-color:#dde5eb !important;box-shadow:none !important;}
body.huun-premium-variations-active .huun-screen-group {border-radius:14px !important;}
body.huun-premium-variations-active .huun-screen-slot-card {border-radius:13px !important;}
body.huun-premium-variations-active button.huun-screen-choice {min-height:42px !important;border-radius:11px !important;font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;}
@media(max-width:767px){
 body.huun-premium-variations-active .huun-compact-addon-actions{gap:8px !important;}
 body.huun-premium-variations-active .huun-compact-detail-link{min-height:30px !important;padding:0 9px !important;}
}


/* v14.8.3 – unified dark action buttons + reliable height reveal */
body.huun-premium-variations-active .huun-height-configurator.is-open .huun-height-body,
body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel).is-open .huun-height-body {
    display:block !important;
}
body.huun-premium-variations-active .huun-height-configurator:not(.is-open) .huun-height-body {
    display:none !important;
}

/* Same dark HUUN action language for Silent details and color comparison. */
body.huun-premium-variations-active .huun-compact-detail-link,
body.huun-premium-variations-active button.huun-metallic-compare-trigger {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:36px !important;
    padding:0 12px !important;
    border:1px solid #083251 !important;
    border-radius:10px !important;
    background:#083251 !important;
    color:#fff !important;
    box-shadow:0 5px 12px rgba(8,50,81,.14) !important;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
body.huun-premium-variations-active .huun-compact-detail-link:hover,
body.huun-premium-variations-active button.huun-metallic-compare-trigger:hover {
    background:#06263d !important;
    border-color:#06263d !important;
    color:#fff !important;
    box-shadow:0 7px 16px rgba(8,50,81,.18) !important;
    transform:translateY(-1px) !important;
}
body.huun-premium-variations-active .huun-compact-detail-icon {
    width:17px !important;
    height:17px !important;
    background:rgba(255,255,255,.15) !important;
    color:#fff !important;
}
body.huun-premium-variations-active button.huun-metallic-compare-trigger {
    width:auto !important;
    min-height:36px !important;
    margin:0 0 12px !important;
}
body.huun-premium-variations-active .huun-metallic-compare-trigger-copy {
    display:inline-flex !important;
    align-items:center !important;
}
body.huun-premium-variations-active .huun-metallic-compare-trigger-copy strong,
body.huun-premium-variations-active .huun-metallic-compare-trigger-arrow {
    color:#fff !important;
}
body.huun-premium-variations-active .huun-metallic-compare-trigger-copy small {
    display:none !important;
}
body.huun-premium-variations-active .huun-metallic-compare-trigger-arrow {
    font-size:14px !important;
    line-height:1 !important;
}
@media(max-width:767px){
    body.huun-premium-variations-active .huun-compact-detail-link,
    body.huun-premium-variations-active button.huun-metallic-compare-trigger {
        min-height:34px !important;
        padding:0 11px !important;
        border-radius:9px !important;
        font-size:12px !important;
    }
}


/* v14.8.4 – Farbe vergleichen in exactly the same action position/style as Silent details */
body.huun-premium-variations-active .huun-metallic-inline-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:0 !important;
    background:#fff !important;
}
body.huun-premium-variations-active .huun-metallic-inline-head > button.huun-metallic-head {
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
}
body.huun-premium-variations-active .huun-metallic-inline-actions {
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    padding-right:18px !important;
}
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger,
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link {
    width:auto !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #083251 !important;
    border-radius:10px !important;
    background:#083251 !important;
    color:#fff !important;
    box-shadow:0 5px 12px rgba(8,50,81,.14) !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger:hover,
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link:hover {
    background:#06263d !important;
    border-color:#06263d !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
}
body.huun-premium-variations-active .huun-metallic-inline-actions .huun-compact-detail-icon,
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    height:17px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.15) !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
}
/* The old full-width compare callout no longer exists. */
body.huun-premium-variations-active .huun-metallic-body > .huun-metallic-compare-wrap {
    display:none !important;
}
@media(max-width:767px){
    body.huun-premium-variations-active .huun-metallic-inline-head {
        align-items:center !important;
        gap:6px !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-actions {
        padding-right:12px !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger,
    body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link {
        min-height:34px !important;
        padding:0 10px !important;
        border-radius:9px !important;
        font-size:10.5px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.5
   Unified Configurator Design System
   Visual-only layer: preserves CQ Screen / variation / pricing logic.
   ========================================================= */
body.huun-premium-variations-active {
    --huun-ui-title: 14px;
    --huun-ui-subtitle: 11.5px;
    --huun-ui-title-weight: 700;
    --huun-ui-subtitle-weight: 500;
    --huun-ui-line: #dfe6eb;
    --huun-ui-line-soft: #edf1f4;
    --huun-ui-copy: #132b3d;
    --huun-ui-muted: #71808b;
    --huun-ui-radius: 14px;
    --huun-ui-panel-radius: 16px;
    --huun-ui-header-h: 68px;
    --huun-ui-icon: 38px;
    --huun-ui-action-h: 36px;
}

body.huun-premium-variations-active .variations_form,
body.huun-premium-variations-active .huun-screen-configurator,
body.huun-premium-variations-active .huun-metallic-color-configurator,
body.huun-premium-variations-active .huun-silent-louver-configurator,
body.huun-premium-variations-active .huun-height-configurator {
    font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

/* Top configurator header */
body.huun-premium-variations-active .variations_form .huun-config-head {
    min-height:68px !important;
    padding:12px 14px !important;
    gap:12px !important;
    align-items:center !important;
}
body.huun-premium-variations-active .variations_form .huun-config-icon {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
    border-radius:11px !important;
    box-shadow:none !important;
}
body.huun-premium-variations-active .variations_form .huun-config-icon svg {
    width:18px !important;
    height:18px !important;
}
body.huun-premium-variations-active .variations_form .huun-config-title {
    font-size:var(--huun-ui-title) !important;
    line-height:1.25 !important;
    font-weight:var(--huun-ui-title-weight) !important;
    letter-spacing:0 !important;
    color:var(--huun-ui-copy) !important;
}
body.huun-premium-variations-active .variations_form .huun-config-summary {
    margin-top:3px !important;
    font-size:var(--huun-ui-subtitle) !important;
    line-height:1.35 !important;
    font-weight:var(--huun-ui-subtitle-weight) !important;
    color:var(--huun-ui-muted) !important;
}

/* Base variation section headings (Größe / Aufbau / etc.) */
body.huun-premium-variations-active .variations_form .huun-config-group[data-type="text"],
body.huun-premium-variations-active .variations_form .huun-config-group[data-type="color"],
body.huun-premium-variations-active .variations_form .huun-config-group--cq-size {
    padding:14px !important;
}
body.huun-premium-variations-active .variations_form .huun-config-label {
    all:unset !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    min-height:22px !important;
    margin:0 0 10px !important;
    font-family:inherit !important;
}
body.huun-premium-variations-active .variations_form .huun-section-label-name {
    min-width:0 !important;
    color:var(--huun-ui-copy) !important;
    font-size:var(--huun-ui-title) !important;
    line-height:1.25 !important;
    font-weight:var(--huun-ui-title-weight) !important;
    letter-spacing:0 !important;
}
body.huun-premium-variations-active .variations_form .huun-section-label-value {
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:58% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#667782 !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:right !important;
}
body.huun-premium-variations-active .variations_form .huun-config-group.is-complete .huun-section-label-value::before {
    content:"✓" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:15px !important;
    height:15px !important;
    margin-right:5px !important;
    border-radius:50% !important;
    background:#083251 !important;
    color:#fff !important;
    font-size:8px !important;
    vertical-align:1px !important;
}
/* Neutralize older strong/pill rule in case stale markup is briefly visible. */
body.huun-premium-variations-active .variations_form .huun-config-label strong {
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#667782 !important;
    font-size:11px !important;
    font-weight:600 !important;
}
body.huun-premium-variations-active .variations_form .huun-config-group.is-complete .huun-config-label strong::before {
    display:none !important;
}

/* Shared main panel geometry */
body.huun-premium-variations-active .huun-screen-configurator,
body.huun-premium-variations-active .huun-metallic-panel,
body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel) {
    border:1px solid var(--huun-ui-line) !important;
    border-radius:var(--huun-ui-panel-radius) !important;
    box-shadow:none !important;
    background:#fff !important;
}
body.huun-premium-variations-active .huun-screen-configurator,
body.huun-premium-variations-active .huun-height-configurator,
body.huun-premium-variations-active .huun-metallic-color-configurator {
    margin:12px 0 !important;
}

/* Same icon box everywhere */
body.huun-premium-variations-active .huun-screen-head-icon,
body.huun-premium-variations-active .huun-metallic-head-icon,
body.huun-premium-variations-active .huun-height-head-icon,
body.huun-premium-variations-active .huun-unified-section-icon {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 var(--huun-ui-icon) !important;
    width:var(--huun-ui-icon) !important;
    height:var(--huun-ui-icon) !important;
    min-width:var(--huun-ui-icon) !important;
    border-radius:11px !important;
    background:#083251 !important;
    color:#fff !important;
    box-shadow:none !important;
}
body.huun-premium-variations-active .huun-screen-head-icon svg,
body.huun-premium-variations-active .huun-metallic-head-icon svg,
body.huun-premium-variations-active .huun-height-head-icon svg,
body.huun-premium-variations-active .huun-unified-section-icon svg {
    width:18px !important;
    height:18px !important;
}

/* Same main header row height and alignment */
body.huun-premium-variations-active .huun-screen-head,
body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head),
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    box-sizing:border-box !important;
    min-height:var(--huun-ui-header-h) !important;
    padding:12px 14px !important;
    gap:12px !important;
    align-items:center !important;
}
body.huun-premium-variations-active .huun-screen-head {
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
}
body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head) {
    border:0 !important;
}
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    border:1px solid var(--huun-ui-line) !important;
    border-radius:var(--huun-ui-panel-radius) !important;
    background:#fff !important;
}
body.huun-premium-variations-active .huun-silent-louver-configurator {
    padding:0 16px 0 !important;
}

/* Metallic has an outer inline row because the compare CTA sits at right. */
body.huun-premium-variations-active .huun-metallic-inline-head {
    min-height:var(--huun-ui-header-h) !important;
    padding:0 !important;
    gap:10px !important;
    align-items:center !important;
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
}
body.huun-premium-variations-active .huun-metallic-inline-head > button.huun-metallic-head {
    min-height:var(--huun-ui-header-h) !important;
    padding:12px 0 12px 14px !important;
    gap:12px !important;
    align-items:center !important;
}
body.huun-premium-variations-active .huun-metallic-inline-actions {
    padding:0 14px 0 0 !important;
}

/* One typography system for every primary section heading */
body.huun-premium-variations-active .huun-screen-title,
body.huun-premium-variations-active .huun-metallic-title,
body.huun-premium-variations-active .huun-height-title,
body.huun-premium-variations-active .huun-compact-addon-copy > strong {
    display:block !important;
    margin:0 !important;
    color:var(--huun-ui-copy) !important;
    font-family:inherit !important;
    font-size:var(--huun-ui-title) !important;
    line-height:1.25 !important;
    font-weight:var(--huun-ui-title-weight) !important;
    letter-spacing:0 !important;
}
body.huun-premium-variations-active .huun-screen-subtitle,
body.huun-premium-variations-active .huun-metallic-subtitle,
body.huun-premium-variations-active .huun-height-head-copy > small,
body.huun-premium-variations-active .huun-compact-addon-copy > small {
    display:block !important;
    margin-top:3px !important;
    color:var(--huun-ui-muted) !important;
    font-family:inherit !important;
    font-size:var(--huun-ui-subtitle) !important;
    line-height:1.35 !important;
    font-weight:var(--huun-ui-subtitle-weight) !important;
    letter-spacing:0 !important;
}
body.huun-premium-variations-active .huun-screen-head-copy,
body.huun-premium-variations-active .huun-metallic-head-copy,
body.huun-premium-variations-active .huun-height-head-copy,
body.huun-premium-variations-active .huun-compact-addon-copy {
    min-width:0 !important;
    flex:1 1 auto !important;
}

/* Summaries on right should look like metadata, never competing headings. */
body.huun-premium-variations-active .huun-screen-auto,
body.huun-premium-variations-active .huun-metallic-head-summary,
body.huun-premium-variations-active .huun-height-head-summary {
    font-family:inherit !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}
body.huun-premium-variations-active .huun-metallic-head-summary strong,
body.huun-premium-variations-active .huun-height-head-summary strong {
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}
body.huun-premium-variations-active .huun-metallic-head-summary small,
body.huun-premium-variations-active .huun-height-head-summary small {
    margin-top:2px !important;
    font-size:10px !important;
    line-height:1.25 !important;
    font-weight:500 !important;
}

/* Same action control geometry: Details ansehen / Farben vergleichen */
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link,
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger {
    box-sizing:border-box !important;
    min-height:var(--huun-ui-action-h) !important;
    height:var(--huun-ui-action-h) !important;
    padding:0 12px !important;
    gap:7px !important;
    border:1px solid #083251 !important;
    border-radius:10px !important;
    background:#083251 !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    box-shadow:0 5px 12px rgba(8,50,81,.14) !important;
}
body.huun-premium-variations-active .huun-compact-detail-icon {
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    border-radius:50% !important;
    font-size:10px !important;
}

/* Internal subsection headings */
body.huun-premium-variations-active .huun-metallic-group-head,
body.huun-premium-variations-active .huun-screen-group-head,
body.huun-premium-variations-active .huun-height-control-label {
    min-height:24px !important;
    align-items:center !important;
}
body.huun-premium-variations-active .huun-metallic-group-head strong,
body.huun-premium-variations-active .huun-screen-side-name,
body.huun-premium-variations-active .huun-height-control-label > span {
    color:#263d4e !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}
body.huun-premium-variations-active .huun-metallic-group-head span,
body.huun-premium-variations-active .huun-screen-length-badge,
body.huun-premium-variations-active .huun-height-control-label > small {
    color:#7b8993 !important;
    font-family:inherit !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}

/* Consistent non-image control shape */
body.huun-premium-variations-active .variations_form button.huun-option--text,
body.huun-premium-variations-active button.huun-metallic-option,
body.huun-premium-variations-active button.huun-screen-choice,
body.huun-premium-variations-active .huun-height-step,
body.huun-premium-variations-active .huun-height-number-wrap {
    border-radius:11px !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--text {
    min-height:44px !important;
    padding:0 14px !important;
    font-family:inherit !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
}
body.huun-premium-variations-active button.huun-metallic-option {
    min-height:58px !important;
}
body.huun-premium-variations-active .huun-metallic-option-copy strong,
body.huun-premium-variations-active .huun-screen-choice-title {
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}
body.huun-premium-variations-active .huun-metallic-option-copy small,
body.huun-premium-variations-active .huun-screen-choice-price {
    font-size:10.5px !important;
    line-height:1.3 !important;
    font-weight:500 !important;
}

/* Keep product/mounting image cards untouched. */

@media (max-width:767px) {
    body.huun-premium-variations-active {
        --huun-ui-title:13.5px;
        --huun-ui-subtitle:11px;
        --huun-ui-header-h:64px;
        --huun-ui-icon:36px;
        --huun-ui-action-h:34px;
    }
    body.huun-premium-variations-active .variations_form .huun-config-head,
    body.huun-premium-variations-active .huun-screen-head,
    body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head),
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
        padding:11px 12px !important;
        gap:10px !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-head > button.huun-metallic-head {
        padding:11px 0 11px 12px !important;
        gap:10px !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-actions {
        padding-right:12px !important;
    }
    body.huun-premium-variations-active .huun-compact-addon-actions {
        gap:7px !important;
    }
    body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link,
    body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger {
        padding:0 10px !important;
        font-size:10.5px !important;
        border-radius:9px !important;
    }
    body.huun-premium-variations-active .huun-screen-head-summary,
    body.huun-premium-variations-active .huun-metallic-head-summary,
    body.huun-premium-variations-active .huun-height-head-summary {
        min-width:0 !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.6
   CP + PT family parity
   Same UI language as CQ; product-specific business logic unchanged.
   ========================================================= */
body.huun-pv-family-piano .variations_form .huun-config-card,
body.huun-pv-family-pt .variations_form .huun-config-card {
    border:1px solid var(--huun-ui-line) !important;
    border-radius:var(--huun-ui-panel-radius) !important;
    box-shadow:none !important;
    background:#fff !important;
    overflow:hidden !important;
}
body.huun-pv-family-piano .variations_form .huun-config-head,
body.huun-pv-family-pt .variations_form .huun-config-head {
    min-height:var(--huun-ui-header-h) !important;
    padding:12px 14px !important;
    gap:12px !important;
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
    background:#fff !important;
}
body.huun-pv-family-piano .variations_form .huun-config-body,
body.huun-pv-family-pt .variations_form .huun-config-body {
    padding:0 !important;
}
body.huun-pv-family-piano .variations_form .huun-config-group,
body.huun-pv-family-pt .variations_form .huun-config-group {
    box-sizing:border-box !important;
    padding:14px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
    background:#fff !important;
}
body.huun-pv-family-piano .variations_form .huun-config-group:last-child,
body.huun-pv-family-pt .variations_form .huun-config-group:last-child {
    border-bottom:0 !important;
}
body.huun-pv-family-piano .variations_form .huun-config-label,
body.huun-pv-family-pt .variations_form .huun-config-label {
    margin-bottom:10px !important;
}
body.huun-pv-family-piano .variations_form .huun-section-label-name,
body.huun-pv-family-pt .variations_form .huun-section-label-name {
    font-size:var(--huun-ui-title) !important;
    line-height:1.25 !important;
    font-weight:var(--huun-ui-title-weight) !important;
    color:var(--huun-ui-copy) !important;
}
body.huun-pv-family-piano .variations_form .huun-section-label-value,
body.huun-pv-family-pt .variations_form .huun-section-label-value {
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:#667782 !important;
}
/* CP and PT size selectors get the same compact rhythm as the CQ UI,
   without using CQ's lamella-width grouping logic. */
body.huun-pv-family-piano .variations_form .huun-config-group--size .huun-config-options,
body.huun-pv-family-pt .variations_form .huun-config-group--size .huun-config-options {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
}
body.huun-pv-family-piano .variations_form .huun-config-group--size button.huun-option--text,
body.huun-pv-family-pt .variations_form .huun-config-group--size button.huun-option--text {
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:0 10px !important;
    border-radius:11px !important;
    font-size:13px !important;
    font-weight:650 !important;
}
/* Text choices outside size use the same geometry across CQ / CP / PT. */
body.huun-pv-family-piano .variations_form .huun-config-group:not(.huun-config-group--size) button.huun-option--text,
body.huun-pv-family-pt .variations_form .huun-config-group:not(.huun-config-group--size) button.huun-option--text {
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:11px !important;
    font-size:13px !important;
    font-weight:650 !important;
}
/* Keep all existing image sources and image-card dimensions intact; only
   normalize caption typography and selected-state language. */
body.huun-pv-family-piano .variations_form .huun-image-name,
body.huun-pv-family-pt .variations_form .huun-image-name {
    font-size:11.5px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    color:#657580 !important;
}
body.huun-pv-family-piano .variations_form button.huun-option--image.is-selected .huun-image-name,
body.huun-pv-family-pt .variations_form button.huun-option--image.is-selected .huun-image-name {
    color:#083251 !important;
    font-weight:700 !important;
}
body.huun-pv-family-piano .variations_form .huun-color-name,
body.huun-pv-family-pt .variations_form .huun-color-name {
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}
@media(max-width:767px){
    body.huun-pv-family-piano .variations_form .huun-config-head,
    body.huun-pv-family-pt .variations_form .huun-config-head {
        padding:11px 12px !important;
        gap:10px !important;
    }
    body.huun-pv-family-piano .variations_form .huun-config-group,
    body.huun-pv-family-pt .variations_form .huun-config-group {
        padding:12px !important;
    }
    body.huun-pv-family-piano .variations_form .huun-config-group--size .huun-config-options,
    body.huun-pv-family-pt .variations_form .huun-config-group--size .huun-config-options {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:7px !important;
    }
    body.huun-pv-family-piano .variations_form .huun-config-group--size button.huun-option--text,
    body.huun-pv-family-pt .variations_form .huun-config-group--size button.huun-option--text {
        min-height:42px !important;
        font-size:12.5px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.7
   Global variable-product UI parity
   Generic HUUN variable products receive the same visual system as CQ/CP/PT.
   Product-specific business logic remains unchanged.
   ========================================================= */
body.huun-pv-family-generic .variations_form .huun-config-card {
    border:1px solid var(--huun-ui-line) !important;
    border-radius:var(--huun-ui-panel-radius) !important;
    box-shadow:none !important;
    background:#fff !important;
    overflow:hidden !important;
}
body.huun-pv-family-generic .variations_form .huun-config-head {
    min-height:var(--huun-ui-header-h) !important;
    padding:12px 14px !important;
    gap:12px !important;
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
    background:#fff !important;
}
body.huun-pv-family-generic .variations_form .huun-config-body {
    padding:0 !important;
}
body.huun-pv-family-generic .variations_form .huun-config-group {
    box-sizing:border-box !important;
    padding:14px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid var(--huun-ui-line-soft) !important;
    background:#fff !important;
}
body.huun-pv-family-generic .variations_form .huun-config-group:last-child {
    border-bottom:0 !important;
}
body.huun-pv-family-generic .variations_form .huun-config-label {
    margin-bottom:10px !important;
    align-items:center !important;
}
body.huun-pv-family-generic .variations_form .huun-section-label-name {
    font-family:inherit !important;
    font-size:var(--huun-ui-title) !important;
    line-height:1.25 !important;
    font-weight:var(--huun-ui-title-weight) !important;
    color:var(--huun-ui-copy) !important;
}
body.huun-pv-family-generic .variations_form .huun-section-label-value {
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
    color:#667782 !important;
}
body.huun-pv-family-generic .variations_form .huun-config-group--size .huun-config-options {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
}
body.huun-pv-family-generic .variations_form .huun-config-group--size button.huun-option--text {
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:0 10px !important;
    border-radius:11px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
}
body.huun-pv-family-generic .variations_form .huun-config-group:not(.huun-config-group--size) button.huun-option--text {
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:11px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
}
body.huun-pv-family-generic .variations_form button.huun-option--text.is-selected {
    border-color:#083251 !important;
    background:#083251 !important;
    color:#fff !important;
}
body.huun-pv-family-generic .variations_form .huun-image-name {
    font-family:inherit !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    color:#657580 !important;
}
body.huun-pv-family-generic .variations_form button.huun-option--image.is-selected .huun-image-name {
    color:#083251 !important;
    font-weight:700 !important;
}
body.huun-pv-family-generic .variations_form .huun-color-name {
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}
body.huun-pv-family-generic .variations_form button.huun-option--color.is-selected .huun-color-name {
    color:#083251 !important;
    font-weight:700 !important;
}
@media(max-width:767px){
    body.huun-pv-family-generic .variations_form .huun-config-head {
        padding:11px 12px !important;
        gap:10px !important;
    }
    body.huun-pv-family-generic .variations_form .huun-config-group {
        padding:12px !important;
    }
    body.huun-pv-family-generic .variations_form .huun-config-group--size .huun-config-options {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:7px !important;
    }
    body.huun-pv-family-generic .variations_form .huun-config-group--size button.huun-option--text {
        min-height:42px !important;
        font-size:12.5px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.8
   Liquid Glass UI – visual-only layer
   Business logic / product-family rules unchanged.
   ========================================================= */
body.huun-premium-variations-active {
    --huun-glass-bg: rgba(255,255,255,.72);
    --huun-glass-bg-strong: rgba(255,255,255,.84);
    --huun-glass-bg-soft: rgba(248,251,253,.64);
    --huun-glass-line: rgba(255,255,255,.78);
    --huun-glass-line-navy: rgba(8,50,81,.12);
    --huun-glass-shadow: 0 16px 42px rgba(8,50,81,.085), inset 0 1px 0 rgba(255,255,255,.88);
    --huun-glass-shadow-soft: 0 8px 22px rgba(8,50,81,.055), inset 0 1px 0 rgba(255,255,255,.82);
    --huun-glass-blur: 20px;
}

/* Main glass surfaces */
body.huun-premium-variations-active .variations_form .huun-config-card,
body.huun-premium-variations-active .huun-screen-configurator,
body.huun-premium-variations-active .huun-metallic-panel,
body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    background: var(--huun-glass-bg) !important;
    border: 1px solid var(--huun-glass-line-navy) !important;
    box-shadow: var(--huun-glass-shadow) !important;
    -webkit-backdrop-filter: blur(var(--huun-glass-blur)) saturate(138%) !important;
    backdrop-filter: blur(var(--huun-glass-blur)) saturate(138%) !important;
}

/* Header rows stay translucent instead of reverting to opaque white. */
body.huun-premium-variations-active .variations_form .huun-config-head,
body.huun-premium-variations-active .huun-screen-head,
body.huun-premium-variations-active button.huun-metallic-head,
body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head),
body.huun-premium-variations-active .huun-metallic-inline-head,
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    background: rgba(255,255,255,.38) !important;
}

/* Inner bodies create a second, quieter glass plane. */
body.huun-premium-variations-active .variations_form .huun-config-body,
body.huun-premium-variations-active .huun-screen-body,
body.huun-premium-variations-active .huun-metallic-body,
body.huun-premium-variations-active .huun-height-body {
    background: rgba(248,251,253,.42) !important;
}
body.huun-premium-variations-active .variations_form .huun-config-group {
    background: rgba(255,255,255,.26) !important;
    border-bottom-color: rgba(8,50,81,.075) !important;
}

/* Generic/CP/PT overrides previously forced white. */
body.huun-pv-family-piano .variations_form .huun-config-card,
body.huun-pv-family-pt .variations_form .huun-config-card,
body.huun-pv-family-generic .variations_form .huun-config-card {
    background: var(--huun-glass-bg) !important;
    border-color: var(--huun-glass-line-navy) !important;
    box-shadow: var(--huun-glass-shadow) !important;
}
body.huun-pv-family-piano .variations_form .huun-config-head,
body.huun-pv-family-pt .variations_form .huun-config-head,
body.huun-pv-family-generic .variations_form .huun-config-head,
body.huun-pv-family-piano .variations_form .huun-config-group,
body.huun-pv-family-pt .variations_form .huun-config-group,
body.huun-pv-family-generic .variations_form .huun-config-group {
    background: rgba(255,255,255,.28) !important;
}

/* Glass option controls: translucent while idle, solid HUUN when chosen. */
body.huun-premium-variations-active .variations_form button.huun-option--text,
body.huun-premium-variations-active button.huun-metallic-option,
body.huun-premium-variations-active button.huun-screen-choice,
body.huun-premium-variations-active .huun-height-step,
body.huun-premium-variations-active .huun-height-number-wrap,
body.huun-premium-variations-active .huun-cq-lamella-label,
body.huun-premium-variations-active .huun-screen-slot-card,
body.huun-premium-variations-active .huun-screen-group,
body.huun-premium-variations-active .huun-height-card {
    background: rgba(255,255,255,.58) !important;
    border-color: rgba(8,50,81,.11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 5px 15px rgba(8,50,81,.035) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--text:hover,
body.huun-premium-variations-active button.huun-metallic-option:hover,
body.huun-premium-variations-active button.huun-screen-choice:hover {
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(8,50,81,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(8,50,81,.065) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected,
body.huun-premium-variations-active button.huun-screen-choice.is-selected {
    background: #083251 !important;
    border-color: #083251 !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(8,50,81,.18), inset 0 1px 0 rgba(255,255,255,.17) !important;
}
body.huun-premium-variations-active button.huun-metallic-option.is-selected {
    background: rgba(255,255,255,.78) !important;
    border-color: #083251 !important;
    box-shadow: 0 0 0 1px #083251, inset 0 1px 0 rgba(255,255,255,.95), 0 8px 20px rgba(8,50,81,.08) !important;
}

/* Size rows become glass trays without changing dimensions. */
body.huun-premium-variations-active .variations_form .huun-cq-size-row {
    background: rgba(248,251,253,.48) !important;
    border-color: rgba(8,50,81,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* Color swatches: polished ring only, original colors untouched. */
body.huun-premium-variations-active .variations_form .huun-color-ring {
    background: rgba(255,255,255,.68) !important;
    border-color: rgba(8,50,81,.11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 6px 15px rgba(8,50,81,.055) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--color.is-selected .huun-color-ring {
    border-color:#083251 !important;
    box-shadow: 0 0 0 2px rgba(8,50,81,.09), inset 0 1px 0 rgba(255,255,255,.95), 0 7px 18px rgba(8,50,81,.08) !important;
}

/* Image card assets and aspect ratios remain intact; only the frame gets glass depth. */
body.huun-premium-variations-active .variations_form .huun-image-card {
    background: rgba(255,255,255,.58) !important;
    border-color: rgba(8,50,81,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 7px 18px rgba(8,50,81,.045) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--image:hover .huun-image-card {
    border-color: rgba(8,50,81,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(8,50,81,.07) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--image.is-selected .huun-image-card {
    border-color:#083251 !important;
    box-shadow: 0 0 0 1px #083251, inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(8,50,81,.09) !important;
}

/* Consistent HUUN action buttons with subtle glass highlight. */
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link,
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger {
    border-color:#083251 !important;
    background:#083251 !important;
    color:#fff !important;
    box-shadow: 0 7px 16px rgba(8,50,81,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link:hover,
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger:hover {
    background:#062a43 !important;
    border-color:#062a43 !important;
    box-shadow: 0 8px 18px rgba(8,50,81,.21), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* iOS/HUUN switches: translucent OFF, corporate solid ON. */
body.huun-premium-variations-active .huun-compact-switch,
body.huun-premium-variations-active .huun-ios-toggle-track {
    background: rgba(108,126,138,.22) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow: inset 0 1px 2px rgba(8,50,81,.08), 0 3px 9px rgba(8,50,81,.06) !important;
}
body.huun-premium-variations-active .huun-compact-switch.is-on,
body.huun-premium-variations-active .huun-ios-toggle.is-on .huun-ios-toggle-track {
    background:#083251 !important;
    border-color:#083251 !important;
}
body.huun-premium-variations-active .huun-compact-switch-knob,
body.huun-premium-variations-active .huun-ios-toggle-knob {
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 2px 7px rgba(0,0,0,.18), inset 0 1px 0 #fff !important;
}

/* Chevron / metadata chips become small glass controls. */
body.huun-premium-variations-active .huun-screen-auto,
body.huun-premium-variations-active .huun-metallic-chevron,
body.huun-premium-variations-active .huun-height-chevron,
body.huun-premium-variations-active .huun-screen-length-badge,
body.huun-premium-variations-active .huun-height-badge {
    background: rgba(255,255,255,.55) !important;
    border-color: rgba(8,50,81,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Notes/notices remain readable but visually belong to the glass system. */
body.huun-premium-variations-active .huun-metallic-notice,
body.huun-premium-variations-active .huun-metallic-coating,
body.huun-premium-variations-active .huun-screen-note,
body.huun-premium-variations-active .huun-height-custom-notice,
body.huun-premium-variations-active .huun-height-measure-warning {
    background: rgba(247,250,252,.68) !important;
    border-color: rgba(8,50,81,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Liquid glass modals: maximum effect is reserved for overlays. */
body.huun-premium-variations-active .huun-metallic-compare-dialog,
body.huun-premium-variations-active .huun-silent-info-dialog,
body.huun-premium-variations-active .huun-height-dialog-card {
    background: rgba(250,252,253,.84) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    box-shadow:0 28px 80px rgba(5,35,56,.20), inset 0 1px 0 rgba(255,255,255,.95) !important;
    -webkit-backdrop-filter:blur(26px) saturate(145%) !important;
    backdrop-filter:blur(26px) saturate(145%) !important;
}
body.huun-premium-variations-active .huun-metallic-compare-modal-head,
body.huun-premium-variations-active .huun-silent-info-head {
    background:rgba(255,255,255,.42) !important;
    border-bottom-color:rgba(8,50,81,.08) !important;
}
body.huun-premium-variations-active .huun-metallic-compare-content,
body.huun-premium-variations-active .huun-silent-info-content {
    background:rgba(248,251,253,.30) !important;
}

/* Fallback: translucency still works when backdrop-filter is unavailable. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
        background:rgba(255,255,255,.95) !important;
    }
}

@media (max-width:767px) {
    body.huun-premium-variations-active {
        --huun-glass-blur: 13px;
    }
    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
        box-shadow:0 10px 26px rgba(8,50,81,.065), inset 0 1px 0 rgba(255,255,255,.82) !important;
    }
}

@media (prefers-reduced-transparency: reduce) {
    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color),
    body.huun-premium-variations-active .huun-metallic-compare-dialog,
    body.huun-premium-variations-active .huun-silent-info-dialog,
    body.huun-premium-variations-active .huun-height-dialog-card {
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
        background:rgba(255,255,255,.96) !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.9
   Liquid Glass Plus + mobile action-row repair
   Visual-only layer. No business logic changes.
   ========================================================= */
body.huun-premium-variations-active {
    --huun-glass-bg: rgba(250,253,255,.60);
    --huun-glass-bg-strong: rgba(255,255,255,.76);
    --huun-glass-bg-soft: rgba(246,250,253,.48);
    --huun-glass-line: rgba(255,255,255,.88);
    --huun-glass-line-navy: rgba(8,50,81,.11);
    --huun-glass-shadow: 0 18px 46px rgba(8,50,81,.095), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(8,50,81,.035);
    --huun-glass-shadow-soft: 0 10px 26px rgba(8,50,81,.065), inset 0 1px 0 rgba(255,255,255,.90);
    --huun-glass-blur: 25px;
}

/* Stronger, cleaner glass depth on the main configurator surfaces. */
body.huun-premium-variations-active .variations_form .huun-config-card,
body.huun-premium-variations-active .huun-screen-configurator,
body.huun-premium-variations-active .huun-metallic-panel,
body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    background:var(--huun-glass-bg) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    outline:1px solid rgba(8,50,81,.07) !important;
    outline-offset:-1px !important;
    box-shadow:var(--huun-glass-shadow) !important;
    -webkit-backdrop-filter:blur(var(--huun-glass-blur)) saturate(158%) brightness(1.025) !important;
    backdrop-filter:blur(var(--huun-glass-blur)) saturate(158%) brightness(1.025) !important;
}

/* Glass headers — brighter top surface, transparent lower plane. */
body.huun-premium-variations-active .variations_form .huun-config-head,
body.huun-premium-variations-active .huun-screen-head,
body.huun-premium-variations-active :is(.huun-height-compact-head,.huun-addon-head),
body.huun-premium-variations-active .huun-metallic-inline-head,
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
    background:rgba(255,255,255,.42) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
    backdrop-filter:blur(18px) saturate(150%) !important;
}

/* Inner planes have more transparency so the multi-layer glass is visible. */
body.huun-premium-variations-active .variations_form .huun-config-body,
body.huun-premium-variations-active .huun-screen-body,
body.huun-premium-variations-active .huun-metallic-body,
body.huun-premium-variations-active .huun-height-body {
    background:rgba(245,250,253,.34) !important;
}
body.huun-premium-variations-active .variations_form .huun-config-group {
    background:rgba(255,255,255,.18) !important;
    border-bottom-color:rgba(8,50,81,.065) !important;
}

/* More glass character on inactive option tiles. */
body.huun-premium-variations-active .variations_form button.huun-option--text,
body.huun-premium-variations-active button.huun-metallic-option,
body.huun-premium-variations-active button.huun-screen-choice,
body.huun-premium-variations-active .huun-height-step,
body.huun-premium-variations-active .huun-height-number-wrap,
body.huun-premium-variations-active .huun-cq-lamella-label,
body.huun-premium-variations-active .huun-screen-slot-card,
body.huun-premium-variations-active .huun-screen-group,
body.huun-premium-variations-active .huun-height-card {
    background:rgba(255,255,255,.48) !important;
    border-color:rgba(255,255,255,.74) !important;
    outline:1px solid rgba(8,50,81,.075) !important;
    outline-offset:-1px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 7px 20px rgba(8,50,81,.045) !important;
    -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
}
body.huun-premium-variations-active .variations_form button.huun-option--text:hover,
body.huun-premium-variations-active button.huun-metallic-option:hover,
body.huun-premium-variations-active button.huun-screen-choice:hover {
    background:rgba(255,255,255,.70) !important;
    border-color:rgba(255,255,255,.92) !important;
    outline-color:rgba(8,50,81,.16) !important;
    box-shadow:inset 0 1px 0 #fff, 0 10px 24px rgba(8,50,81,.075) !important;
}

/* Image frames remain untouched dimensionally; only stronger liquid-glass depth. */
body.huun-premium-variations-active .variations_form .huun-image-card {
    background:rgba(255,255,255,.48) !important;
    border-color:rgba(255,255,255,.74) !important;
    outline:1px solid rgba(8,50,81,.065) !important;
    outline-offset:-1px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 9px 22px rgba(8,50,81,.055) !important;
    -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
}

/* Dark HUUN CTAs gain a restrained glass highlight rather than a flat fill. */
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link,
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger {
    background:rgba(8,50,81,.94) !important;
    border-color:rgba(255,255,255,.12) !important;
    outline:1px solid rgba(8,50,81,.28) !important;
    outline-offset:-1px !important;
    box-shadow:0 8px 19px rgba(8,50,81,.20), inset 0 1px 0 rgba(255,255,255,.22) !important;
    -webkit-backdrop-filter:blur(12px) saturate(150%) !important;
    backdrop-filter:blur(12px) saturate(150%) !important;
}
body.huun-premium-variations-active .huun-compact-addon-actions .huun-compact-detail-link:hover,
body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger:hover {
    background:rgba(6,38,61,.97) !important;
    box-shadow:0 10px 22px rgba(8,50,81,.24), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Switch OFF itself also gets a glass track. */
body.huun-premium-variations-active .huun-ios-switch,
body.huun-premium-variations-active .huun-compact-switch,
body.huun-premium-variations-active .huun-ios-toggle-track {
    background:rgba(115,133,146,.18) !important;
    border:1px solid rgba(255,255,255,.86) !important;
    outline:1px solid rgba(8,50,81,.07) !important;
    outline-offset:-1px !important;
    box-shadow:inset 0 1px 2px rgba(8,50,81,.07), 0 4px 11px rgba(8,50,81,.07) !important;
    -webkit-backdrop-filter:blur(10px) saturate(145%) !important;
    backdrop-filter:blur(10px) saturate(145%) !important;
}
body.huun-premium-variations-active .huun-ios-switch.is-on,
body.huun-premium-variations-active .huun-ios-switch[aria-pressed="true"],
body.huun-premium-variations-active .huun-compact-switch.is-on,
body.huun-premium-variations-active .huun-ios-toggle.is-on .huun-ios-toggle-track {
    background:#083251 !important;
    border-color:rgba(255,255,255,.18) !important;
    outline-color:rgba(8,50,81,.22) !important;
}

/* Metadata and notes are now a little more glass-like too. */
body.huun-premium-variations-active .huun-screen-auto,
body.huun-premium-variations-active .huun-metallic-chevron,
body.huun-premium-variations-active .huun-height-chevron,
body.huun-premium-variations-active .huun-screen-length-badge,
body.huun-premium-variations-active .huun-height-badge,
body.huun-premium-variations-active .huun-metallic-notice,
body.huun-premium-variations-active .huun-metallic-coating,
body.huun-premium-variations-active .huun-screen-note,
body.huun-premium-variations-active .huun-height-custom-notice,
body.huun-premium-variations-active .huun-height-measure-warning {
    background:rgba(255,255,255,.42) !important;
    border-color:rgba(255,255,255,.76) !important;
    outline:1px solid rgba(8,50,81,.055) !important;
    outline-offset:-1px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
    -webkit-backdrop-filter:blur(10px) saturate(140%) !important;
    backdrop-filter:blur(10px) saturate(140%) !important;
}

/* Modal is the strongest Liquid Glass layer. */
body.huun-premium-variations-active .huun-metallic-compare-dialog,
body.huun-premium-variations-active .huun-silent-info-dialog,
body.huun-premium-variations-active .huun-height-dialog-card {
    background:rgba(248,252,254,.74) !important;
    border:1px solid rgba(255,255,255,.92) !important;
    outline:1px solid rgba(8,50,81,.08) !important;
    outline-offset:-1px !important;
    box-shadow:0 34px 90px rgba(5,35,56,.23), inset 0 1px 0 #fff !important;
    -webkit-backdrop-filter:blur(32px) saturate(165%) !important;
    backdrop-filter:blur(32px) saturate(165%) !important;
}

/* ---------------- MOBILE REPAIR ---------------- */
@media (max-width:767px) {
    body.huun-premium-variations-active {
        --huun-glass-blur:16px;
    }

    /* Silent: clean two-row grid. Top = icon + text, bottom = details + switch. */
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
        display:grid !important;
        grid-template-columns:36px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:10px !important;
        row-gap:10px !important;
        align-items:center !important;
        min-height:0 !important;
        padding:12px !important;
    }
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) .huun-unified-section-icon {
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
    }
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) .huun-compact-addon-copy {
        grid-column:2 !important;
        grid-row:1 !important;
        min-width:0 !important;
    }
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) .huun-compact-addon-actions {
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        display:flex !important;
        width:100% !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;
        padding-top:10px !important;
        border-top:1px solid rgba(8,50,81,.07) !important;
    }
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) .huun-compact-detail-link {
        flex:1 1 auto !important;
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        justify-content:center !important;
        white-space:nowrap !important;
    }
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) .huun-ios-switch {
        flex:0 0 auto !important;
    }

    /* Farbe: header first, compare action underneath. Avoid squeezing title and button. */
    body.huun-premium-variations-active .huun-metallic-inline-head {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        gap:0 !important;
        align-items:stretch !important;
        padding:0 !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-head > button.huun-metallic-head {
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        min-width:0 !important;
        padding:11px 12px !important;
    }
    body.huun-premium-variations-active .huun-metallic-head-summary {
        display:none !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-actions {
        grid-column:1 !important;
        grid-row:2 !important;
        width:100% !important;
        padding:0 12px 12px !important;
    }
    body.huun-premium-variations-active .huun-metallic-inline-actions button.huun-metallic-compare-trigger {
        width:100% !important;
        min-width:0 !important;
        min-height:38px !important;
        justify-content:center !important;
        margin:0 !important;
        white-space:nowrap !important;
    }

    /* Prevent any action-row text from causing horizontal overflow. */
    body.huun-premium-variations-active .huun-screen-title,
    body.huun-premium-variations-active .huun-metallic-title,
    body.huun-premium-variations-active .huun-height-title,
    body.huun-premium-variations-active .huun-compact-addon-copy > strong,
    body.huun-premium-variations-active .huun-screen-subtitle,
    body.huun-premium-variations-active .huun-metallic-subtitle,
    body.huun-premium-variations-active .huun-compact-addon-copy > small {
        overflow-wrap:anywhere !important;
    }

    /* Less shadow on mobile, but still visibly glass. */
    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) {
        box-shadow:0 12px 30px rgba(8,50,81,.075), inset 0 1px 0 rgba(255,255,255,.94) !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.10
   Mobile Screen Rollo refinement
   Visual-only: Screen business logic remains unchanged.
   ========================================================= */
@media (max-width:767px) {
    /* Screen section header: title gets room, auto-fit status becomes a second-row chip. */
    body.huun-premium-variations-active .huun-screen-head {
        display:grid !important;
        grid-template-columns:36px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:10px !important;
        row-gap:8px !important;
        align-items:center !important;
        min-height:0 !important;
        padding:12px !important;
    }
    body.huun-premium-variations-active .huun-screen-head-icon {
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
    }
    body.huun-premium-variations-active .huun-screen-head-copy {
        grid-column:2 !important;
        grid-row:1 !important;
        min-width:0 !important;
        padding:0 !important;
    }
    body.huun-premium-variations-active .huun-screen-title {
        display:block !important;
        font-size:13.5px !important;
        line-height:1.2 !important;
        font-weight:700 !important;
        letter-spacing:-.01em !important;
    }
    body.huun-premium-variations-active .huun-screen-subtitle {
        display:block !important;
        margin-top:3px !important;
        font-size:10.5px !important;
        line-height:1.35 !important;
        color:#71808b !important;
    }
    body.huun-premium-variations-active .huun-screen-auto {
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        justify-self:start !important;
        display:inline-flex !important;
        align-items:center !important;
        width:auto !important;
        min-height:27px !important;
        padding:0 9px !important;
        margin:0 !important;
        border-radius:999px !important;
        font-size:9.5px !important;
        line-height:1 !important;
        font-weight:650 !important;
        white-space:nowrap !important;
        background:rgba(255,255,255,.46) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        outline:1px solid rgba(8,50,81,.055) !important;
        outline-offset:-1px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
    }

    body.huun-premium-variations-active .huun-screen-body {
        padding:8px !important;
    }
    body.huun-premium-variations-active .huun-screen-groups {
        display:block !important;
        gap:0 !important;
    }
    body.huun-premium-variations-active .huun-screen-group,
    body.huun-premium-variations-active .huun-screen-group.is-split {
        margin:0 0 8px !important;
        padding:0 !important;
        overflow:hidden !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.38) !important;
        border:1px solid rgba(255,255,255,.74) !important;
        outline:1px solid rgba(8,50,81,.07) !important;
        outline-offset:-1px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 7px 18px rgba(8,50,81,.045) !important;
        -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
        backdrop-filter:blur(12px) saturate(145%) !important;
    }
    body.huun-premium-variations-active .huun-screen-group:last-child {
        margin-bottom:0 !important;
    }

    /* Accordion header: compact and aligned. */
    body.huun-premium-variations-active button.huun-screen-group-toggle {
        min-height:54px !important;
        padding:9px 10px 9px 12px !important;
        gap:8px !important;
        background:rgba(255,255,255,.30) !important;
        border:0 !important;
    }
    body.huun-premium-variations-active .huun-screen-group.is-open button.huun-screen-group-toggle {
        background:rgba(255,255,255,.52) !important;
        border-bottom:1px solid rgba(8,50,81,.065) !important;
    }
    body.huun-premium-variations-active .huun-screen-group-toggle-main {
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        gap:3px !important;
        min-width:0 !important;
    }
    body.huun-premium-variations-active .huun-screen-side-name {
        font-size:12.5px !important;
        line-height:1.15 !important;
        font-weight:700 !important;
        color:#173247 !important;
    }
    body.huun-premium-variations-active .huun-screen-group-mobile-summary {
        margin:0 !important;
        font-size:9.7px !important;
        line-height:1.15 !important;
        font-weight:550 !important;
        color:#73838e !important;
        max-width:185px !important;
    }
    body.huun-premium-variations-active .huun-screen-group-toggle-side {
        display:flex !important;
        align-items:center !important;
        gap:5px !important;
        flex:0 0 auto !important;
    }
    body.huun-premium-variations-active .huun-screen-length-badge {
        min-height:23px !important;
        padding:0 7px !important;
        border-radius:999px !important;
        font-size:9px !important;
        background:rgba(255,255,255,.54) !important;
    }
    body.huun-premium-variations-active .huun-screen-group-chevron {
        width:24px !important;
        height:24px !important;
        border-radius:8px !important;
        background:rgba(255,255,255,.44) !important;
        border:1px solid rgba(8,50,81,.055) !important;
    }
    body.huun-premium-variations-active .huun-screen-group-chevron svg {
        width:13px !important;
        height:13px !important;
    }

    body.huun-premium-variations-active .huun-screen-slots {
        padding:8px !important;
        background:rgba(245,250,253,.16) !important;
    }
    body.huun-premium-variations-active .huun-screen-slot-card {
        padding:9px !important;
        border-radius:12px !important;
        background:rgba(255,255,255,.34) !important;
        border:1px solid rgba(255,255,255,.68) !important;
        outline:1px solid rgba(8,50,81,.05) !important;
        outline-offset:-1px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
    }
    body.huun-premium-variations-active .huun-screen-slot-card + .huun-screen-slot-card {
        margin-top:8px !important;
        padding-top:9px !important;
        border-top:1px solid rgba(255,255,255,.68) !important;
    }
    body.huun-premium-variations-active .huun-screen-slot-card-head {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        min-height:20px !important;
        margin:0 1px 7px !important;
    }
    body.huun-premium-variations-active .huun-screen-slot-position {
        min-width:0 !important;
        font-size:10px !important;
        line-height:1.15 !important;
        font-weight:650 !important;
        color:#566b7a !important;
    }
    body.huun-premium-variations-active .huun-screen-slot-size {
        flex:0 0 auto !important;
        padding:3px 6px !important;
        border-radius:999px !important;
        font-size:8.5px !important;
    }

    /* The three choices become one compact segmented row. */
    body.huun-premium-variations-active .huun-screen-type-choices {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
        width:100% !important;
    }
    body.huun-premium-variations-active button.huun-screen-choice,
    body.huun-premium-variations-active button.huun-screen-choice--none {
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:3px !important;
        min-width:0 !important;
        min-height:54px !important;
        padding:7px 4px !important;
        border-radius:10px !important;
        text-align:center !important;
        overflow:hidden !important;
        background:rgba(255,255,255,.50) !important;
        border:1px solid rgba(255,255,255,.78) !important;
        outline:1px solid rgba(8,50,81,.065) !important;
        outline-offset:-1px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
    }
    body.huun-premium-variations-active button.huun-screen-choice.is-selected {
        background:#083251 !important;
        border-color:rgba(255,255,255,.12) !important;
        outline-color:rgba(8,50,81,.20) !important;
        color:#fff !important;
        box-shadow:0 7px 16px rgba(8,50,81,.14), inset 0 1px 0 rgba(255,255,255,.18) !important;
    }
    body.huun-premium-variations-active button.huun-screen-choice--none.is-selected {
        background:rgba(228,236,241,.72) !important;
        border-color:rgba(255,255,255,.80) !important;
        outline-color:rgba(8,50,81,.08) !important;
        color:#40596b !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
    }
    body.huun-premium-variations-active .huun-screen-choice-title {
        width:100% !important;
        font-size:10.5px !important;
        line-height:1.05 !important;
        font-weight:700 !important;
        text-align:center !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    body.huun-premium-variations-active .huun-screen-choice-price {
        width:100% !important;
        max-width:100% !important;
        font-size:8.8px !important;
        line-height:1.05 !important;
        font-weight:600 !important;
        text-align:center !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    body.huun-premium-variations-active button.huun-screen-choice.is-disabled {
        opacity:.48 !important;
    }

    /* Summary/footer stays compact instead of becoming another large card. */
    body.huun-premium-variations-active .huun-screen-summary {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        margin-top:8px !important;
        padding:9px 10px !important;
        border-radius:11px !important;
        background:rgba(255,255,255,.36) !important;
        border:1px solid rgba(255,255,255,.70) !important;
        outline:1px solid rgba(8,50,81,.05) !important;
        outline-offset:-1px !important;
    }
    body.huun-premium-variations-active .huun-screen-summary-copy {
        min-width:0 !important;
        font-size:10px !important;
        line-height:1.25 !important;
    }
    body.huun-premium-variations-active .huun-screen-reset {
        flex:0 0 auto !important;
        min-height:30px !important;
        padding:0 9px !important;
        border-radius:9px !important;
        font-size:9.5px !important;
    }
    body.huun-premium-variations-active .huun-screen-note {
        margin:7px 3px 1px !important;
        font-size:8.8px !important;
        line-height:1.35 !important;
        color:#76858f !important;
    }
}

@media (max-width:370px) {
    body.huun-premium-variations-active .huun-screen-type-choices {
        gap:4px !important;
    }
    body.huun-premium-variations-active button.huun-screen-choice,
    body.huun-premium-variations-active button.huun-screen-choice--none {
        min-height:52px !important;
        padding:6px 3px !important;
    }
    body.huun-premium-variations-active .huun-screen-choice-title {
        font-size:10px !important;
    }
    body.huun-premium-variations-active .huun-screen-choice-price {
        font-size:8.2px !important;
    }
    body.huun-premium-variations-active .huun-screen-group-mobile-summary {
        max-width:145px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.11
   Screen hover visibility + Metallic compare portal safety
   ========================================================= */
/* Liquid Glass hover must never override a selected Screen choice. */
body.huun-premium-variations-active button.huun-screen-choice:not(.is-selected):not(.is-disabled):hover {
    background:rgba(255,255,255,.70) !important;
    border-color:rgba(255,255,255,.92) !important;
    color:#203646 !important;
    outline-color:rgba(8,50,81,.16) !important;
    box-shadow:inset 0 1px 0 #fff, 0 10px 24px rgba(8,50,81,.075) !important;
}
body.huun-premium-variations-active button.huun-screen-choice.is-selected:hover,
body.huun-premium-variations-active button.huun-screen-choice.is-selected:focus-visible {
    background:#083251 !important;
    border-color:#083251 !important;
    color:#fff !important;
    outline-color:rgba(8,50,81,.24) !important;
    box-shadow:0 8px 20px rgba(8,50,81,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.huun-premium-variations-active button.huun-screen-choice.is-selected:hover .huun-screen-choice-title,
body.huun-premium-variations-active button.huun-screen-choice.is-selected:hover .huun-screen-choice-price,
body.huun-premium-variations-active button.huun-screen-choice.is-selected:focus-visible .huun-screen-choice-title,
body.huun-premium-variations-active button.huun-screen-choice.is-selected:focus-visible .huun-screen-choice-price {
    color:#fff !important;
}
/* A body-portaled compare modal must sit above every glass containing block. */
body.huun-metallic-compare-open > .huun-metallic-compare-modal {
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    display:block !important;
    isolation:isolate !important;
}
body.huun-metallic-compare-open {
    overflow:hidden !important;
}


/* =========================================================
   v14.8.12 – MOBILE SELECTED SIZE VISIBILITY HOTFIX
   Liquid Glass hover/touch must never override a selected
   text/size option. Selected state is always HUUN navy.
   ========================================================= */
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected,
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:hover,
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:focus,
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:focus-visible,
body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:active {
    background:#083251 !important;
    border-color:#083251 !important;
    outline-color:#083251 !important;
    color:#fff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 9px 20px rgba(8,50,81,.20), inset 0 1px 0 rgba(255,255,255,.18) !important;
    transform:none !important;
}

body.huun-premium-variations-active .variations_form .huun-cq-size-options button.huun-option--text.is-selected,
body.huun-premium-variations-active .variations_form .huun-config-group--size button.huun-option--text.is-selected,
body.huun-premium-variations-active .variations_form .huun-config-group--cq-size button.huun-option--text.is-selected {
    background:#083251 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

@media (hover:none), (pointer:coarse), (max-width:900px) {
    body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected,
    body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:hover,
    body.huun-premium-variations-active .variations_form button.huun-option--text.is-selected:active {
        background:#083251 !important;
        border-color:#083251 !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;
        opacity:1 !important;
    }

    body.huun-premium-variations-active .variations_form button.huun-option--text {
        -webkit-tap-highlight-color:rgba(8,50,81,.08) !important;
    }
}


/* =========================================================
   v14.8.13 – Metallic compare video frame fix
   Wrapper owns geometry; video only fills the frame.
   Prevents Safari/mobile radius and aspect-ratio mismatch.
   ========================================================= */
body.huun-premium-variations-active .huun-metallic-compare-video {
    position:relative !important;
    isolation:isolate !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(8,50,81,.10) !important;
    border-radius:16px !important;
    background:rgba(237,242,246,.82) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(8,50,81,.045) !important;
    -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
    transform:translateZ(0) !important;
}
body.huun-premium-variations-active .huun-metallic-compare-video::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    border-radius:inherit !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.30) !important;
}
body.huun-premium-variations-active .huun-metallic-compare-video video {
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#edf2f6 !important;
    box-shadow:none !important;
    transform:none !important;
    pointer-events:none !important;
}
@media (max-width:700px) {
    body.huun-premium-variations-active .huun-metallic-compare-video {
        border-radius:14px !important;
    }
}


/* =========================================================
   v14.8.14 – Metallic compare card border geometry fix
   Keep one uniform border on every edge. Selected state uses
   an exterior halo, never a second border/outline.
   ========================================================= */
body.huun-premium-variations-active .huun-metallic-compare-card {
    box-sizing:border-box !important;
    border:2px solid rgba(8,50,81,.12) !important;
    outline:0 !important;
    border-radius:22px !important;
    box-shadow:0 12px 28px rgba(8,50,81,.045) !important;
    background:rgba(255,255,255,.78) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card.is-selected {
    border:2px solid #083251 !important;
    outline:0 !important;
    box-shadow:0 0 0 4px rgba(8,50,81,.065), 0 14px 30px rgba(8,50,81,.08) !important;
    background:rgba(255,255,255,.88) !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card:hover {
    border-width:2px !important;
}

body.huun-premium-variations-active .huun-metallic-compare-card.is-selected:hover,
body.huun-premium-variations-active .huun-metallic-compare-card.is-selected:focus-within {
    border:2px solid #083251 !important;
    outline:0 !important;
    box-shadow:0 0 0 4px rgba(8,50,81,.075), 0 16px 32px rgba(8,50,81,.09) !important;
}

@media (max-width:700px) {
    body.huun-premium-variations-active .huun-metallic-compare-card {
        border-width:2px !important;
        border-radius:20px !important;
    }
}


/* =========================================================
   v14.8.15 — Mobile Screen selected summary visibility
   ========================================================= */
@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-screen-summary {
        display: none !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 10px !important;
        padding: 11px 12px !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.58) !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        outline: 1px solid rgba(8,50,81,.07) !important;
        outline-offset: -1px !important;
        box-shadow: 0 8px 20px rgba(8,50,81,.05), inset 0 1px 0 rgba(255,255,255,.92) !important;
        -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
        backdrop-filter: blur(14px) saturate(150%) !important;
        color: #083251 !important;
    }
    body.huun-premium-variations-active .huun-screen-summary.is-visible {
        display: flex !important;
    }
    body.huun-premium-variations-active .huun-screen-summary-copy {
        min-width: 0 !important;
        display: block !important;
    }
    body.huun-premium-variations-active .huun-screen-summary-count {
        display: block !important;
        color: #083251 !important;
        font-size: 11.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
    }
    body.huun-premium-variations-active .huun-screen-summary-total {
        display: block !important;
        margin-top: 3px !important;
        color: #687984 !important;
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
    }
    body.huun-premium-variations-active .huun-screen-summary.is-visible::before {
        content: '✓' !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
        margin-right: 1px !important;
        border-radius: 999px !important;
        background: #083251 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        box-shadow: 0 5px 12px rgba(8,50,81,.14) !important;
    }
    body.huun-premium-variations-active .huun-screen-summary-copy {
        flex: 1 1 auto !important;
    }
    body.huun-premium-variations-active button.huun-screen-reset,
    body.huun-premium-variations-active .huun-screen-reset {
        flex: 0 0 auto !important;
        min-height: 30px !important;
        padding: 0 9px !important;
        border-radius: 9px !important;
        font-size: 9.5px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.8.20
   Screen Rollo main reveal — full-row iOS switch behavior.
   Clicking the header row behaves exactly like the other HUUN
   switch sections; Screen selections remain untouched.
   ========================================================= */
body.huun-premium-variations-active .huun-screen-head.huun-screen-head-switch-row {
    cursor:pointer !important;
    border-bottom:0 !important;
}

body.huun-premium-variations-active .huun-screen-configurator.is-open > .huun-screen-head.huun-screen-head-switch-row {
    border-bottom:1px solid var(--huun-ui-line-soft, #edf2f5) !important;
}

body.huun-premium-variations-active .huun-screen-configurator:not(.is-open) > .huun-screen-body {
    display:none !important;
}

body.huun-premium-variations-active .huun-screen-main-switch {
    flex:0 0 44px !important;
    margin-left:auto !important;
}

@media (max-width:767px) {
    body.huun-premium-variations-active .huun-screen-head.huun-screen-head-switch-row {
        display:grid !important;
        grid-template-columns:36px minmax(0,1fr) 44px !important;
        grid-template-rows:auto !important;
        column-gap:10px !important;
        row-gap:0 !important;
        align-items:center !important;
        min-height:0 !important;
        padding:12px !important;
    }

    body.huun-premium-variations-active .huun-screen-head.huun-screen-head-switch-row .huun-screen-head-icon {
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
    }

    body.huun-premium-variations-active .huun-screen-head.huun-screen-head-switch-row .huun-screen-head-copy {
        grid-column:2 !important;
        grid-row:1 !important;
        min-width:0 !important;
    }

    body.huun-premium-variations-active .huun-screen-head.huun-screen-head-switch-row .huun-screen-main-switch {
        grid-column:3 !important;
        grid-row:1 !important;
        justify-self:end !important;
        align-self:center !important;
        margin-left:0 !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.9.0
   Visual Screen Rollo side configurator
   Pergolux-inspired side cards using HUUN-supplied renders.
   Core Screen SKU/cart/price rules remain unchanged.
   ========================================================= */
body.huun-premium-variations-active .huun-screen-body {
    padding:16px !important;
    background:linear-gradient(180deg,#fbfcfd 0%,#f7f9fb 100%) !important;
}

body.huun-premium-variations-active .huun-screen-visual-grid {
    display:grid !important;
    gap:12px !important;
    width:100% !important;
    margin:0 !important;
}

body.huun-premium-variations-active .huun-screen-visual-grid--4 {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body.huun-premium-variations-active .huun-screen-visual-grid--3 {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card {
    all:unset !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid rgba(8,50,81,.09) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.86) !important;
    color:#102f45 !important;
    box-shadow:0 8px 24px rgba(8,50,81,.045), inset 0 1px 0 rgba(255,255,255,.96) !important;
    cursor:pointer !important;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card:hover {
    transform:translateY(-2px) !important;
    border-color:rgba(8,50,81,.22) !important;
    box-shadow:0 14px 30px rgba(8,50,81,.075), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card.is-active {
    border-color:#083251 !important;
    box-shadow:0 0 0 3px rgba(8,50,81,.065), 0 14px 30px rgba(8,50,81,.08) !important;
    background:#fff !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card.is-configured {
    background:rgba(255,255,255,.96) !important;
}

body.huun-premium-variations-active .huun-screen-visual-media {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:168px !important;
    overflow:hidden !important;
    background:#f1f3f4 !important;
    border-bottom:1px solid rgba(8,50,81,.06) !important;
}

body.huun-premium-variations-active .huun-screen-visual-media::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)) !important;
}

body.huun-premium-variations-active .huun-screen-visual-media img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:scale(1.13) !important;
    transform-origin:center !important;
    mix-blend-mode:multiply !important;
    pointer-events:none !important;
    user-select:none !important;
}

body.huun-premium-variations-active .huun-screen-visual-copy {
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:74px !important;
    padding:11px 10px 12px !important;
    text-align:center !important;
}

body.huun-premium-variations-active .huun-screen-visual-title {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    max-width:100% !important;
    color:#102f45 !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
}

body.huun-premium-variations-active .huun-screen-visual-icon {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    flex:0 0 22px !important;
    border:1.5px solid currentColor !important;
    border-radius:999px !important;
    color:#102f45 !important;
    background:#fff !important;
}

body.huun-premium-variations-active .huun-screen-visual-icon svg {
    display:block !important;
    width:14px !important;
    height:14px !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card.is-configured .huun-screen-visual-icon {
    background:#083251 !important;
    border-color:#083251 !important;
    color:#fff !important;
    box-shadow:0 5px 12px rgba(8,50,81,.15) !important;
}

body.huun-premium-variations-active .huun-screen-visual-meta {
    display:block !important;
    margin-top:6px !important;
    max-width:100% !important;
    color:#8a939a !important;
    font-size:11.5px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

body.huun-premium-variations-active button.huun-screen-visual-card.is-configured .huun-screen-visual-meta {
    color:#526a7a !important;
    font-weight:600 !important;
}

body.huun-premium-variations-active .huun-screen-editor {
    box-sizing:border-box !important;
    width:100% !important;
    margin-top:14px !important;
    padding:14px !important;
    border:1px solid rgba(8,50,81,.10) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 10px 26px rgba(8,50,81,.045), inset 0 1px 0 rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
}

body.huun-premium-variations-active .huun-screen-editor-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:11px !important;
}

body.huun-premium-variations-active .huun-screen-editor-copy {
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
}

body.huun-premium-variations-active .huun-screen-editor-eyebrow {
    color:#7b8992 !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:none !important;
}

body.huun-premium-variations-active .huun-screen-editor-title {
    margin-top:4px !important;
    color:#102f45 !important;
    font-size:14px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
    letter-spacing:-.015em !important;
}

body.huun-premium-variations-active .huun-screen-editor-status {
    margin-top:3px !important;
    color:#7a8790 !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    font-weight:500 !important;
}

body.huun-premium-variations-active .huun-screen-editor .huun-screen-length-badge {
    flex:0 0 auto !important;
    min-height:30px !important;
    padding:0 10px !important;
    border:1px solid rgba(8,50,81,.10) !important;
    background:#fff !important;
    color:#607481 !important;
    box-shadow:0 3px 10px rgba(8,50,81,.035) !important;
}

body.huun-premium-variations-active .huun-screen-editor-slots {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:9px !important;
}

body.huun-premium-variations-active .huun-screen-editor-slots.is-split {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card.huun-screen-slot-card--visual {
    margin:0 !important;
    padding:10px !important;
    border:1px solid rgba(8,50,81,.08) !important;
    border-radius:14px !important;
    background:#f8fafb !important;
    box-shadow:none !important;
}

body.huun-premium-variations-active .huun-screen-slot-card.huun-screen-slot-card--visual + .huun-screen-slot-card.huun-screen-slot-card--visual {
    margin-top:0 !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-slot-card-head {
    min-height:18px !important;
    margin-bottom:8px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-slot-position {
    color:#435967 !important;
    font-size:10px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-type-choices {
    gap:7px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual button.huun-screen-choice {
    min-height:56px !important;
    padding:8px 6px !important;
    border-radius:11px !important;
    border-color:rgba(8,50,81,.12) !important;
    background:#fff !important;
    box-shadow:0 3px 10px rgba(8,50,81,.035) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual button.huun-screen-choice:hover {
    border-color:rgba(8,50,81,.30) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual button.huun-screen-choice.is-selected {
    background:#083251 !important;
    border-color:#083251 !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(8,50,81,.14) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual button.huun-screen-choice--none.is-selected {
    background:#083251 !important;
    border-color:#083251 !important;
    color:#fff !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-choice-title {
    font-size:11px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-choice-price {
    font-size:9.5px !important;
}

body.huun-premium-variations-active .huun-screen-summary {
    margin-top:12px !important;
}

body.huun-premium-variations-active .huun-screen-note {
    margin-top:10px !important;
}

@media (max-width:1024px) {
    body.huun-premium-variations-active .huun-screen-visual-grid--4,
    body.huun-premium-variations-active .huun-screen-visual-grid--3 {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media {
        height:150px !important;
    }
}

@media (max-width:767px) {
    body.huun-premium-variations-active .huun-screen-body {
        padding:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-grid,
    body.huun-premium-variations-active .huun-screen-visual-grid--4,
    body.huun-premium-variations-active .huun-screen-visual-grid--3 {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    body.huun-premium-variations-active button.huun-screen-visual-card {
        border-radius:16px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media {
        height:116px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media img {
        transform:scale(1.18) !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-copy {
        min-height:62px !important;
        padding:9px 6px 10px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-title {
        gap:5px !important;
        font-size:11px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-icon {
        width:19px !important;
        height:19px !important;
        flex-basis:19px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-icon svg {
        width:12px !important;
        height:12px !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-meta {
        margin-top:4px !important;
        font-size:9.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-editor {
        margin-top:10px !important;
        padding:10px !important;
        border-radius:15px !important;
    }

    body.huun-premium-variations-active .huun-screen-editor-head {
        margin-bottom:9px !important;
    }

    body.huun-premium-variations-active .huun-screen-editor-title {
        font-size:12.5px !important;
    }

    body.huun-premium-variations-active .huun-screen-editor-status {
        font-size:9px !important;
    }

    body.huun-premium-variations-active .huun-screen-editor-slots.is-split {
        grid-template-columns:minmax(0,1fr) !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card.huun-screen-slot-card--visual {
        padding:8px !important;
        border-radius:12px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card--visual button.huun-screen-choice {
        min-height:49px !important;
        padding:6px 3px !important;
        border-radius:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-choice-title {
        font-size:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card--visual .huun-screen-choice-price {
        font-size:8.2px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v14.9.1
   Screen Rollo side selection popup
   Visual cards remain in the page; type selection is always
   shown in a viewport-fixed modal so it cannot fall below the
   fold on mobile. Existing Screen SKU/payload logic is reused.
   ========================================================= */
body.huun-premium-variations-active .huun-screen-editor {
    display:none !important;
}

body.huun-premium-variations-active.huun-screen-choice-open {
    overflow:hidden !important;
    overscroll-behavior:none !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal {
    position:fixed !important;
    inset:0 !important;
    z-index:2147483200 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    padding:24px !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .18s ease !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal.is-open {
    opacity:1 !important;
    pointer-events:auto !important;
}

body.huun-premium-variations-active button.huun-screen-choice-modal-backdrop {
    all:unset !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    cursor:pointer !important;
    background:rgba(15,29,39,.36) !important;
    -webkit-backdrop-filter:blur(10px) saturate(125%) !important;
    backdrop-filter:blur(10px) saturate(125%) !important;
}

body.huun-premium-variations-active .huun-screen-choice-dialog {
    position:relative !important;
    z-index:2 !important;
    box-sizing:border-box !important;
    width:min(620px,100%) !important;
    max-height:min(760px,calc(100dvh - 48px)) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:18px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-radius:24px !important;
    background:rgba(250,252,253,.95) !important;
    color:#102f45 !important;
    box-shadow:0 28px 80px rgba(8,50,81,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:blur(30px) saturate(155%) !important;
    backdrop-filter:blur(30px) saturate(155%) !important;
    transform:translateY(10px) scale(.985) !important;
    transition:transform .2s cubic-bezier(.2,.8,.2,1) !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal.is-open .huun-screen-choice-dialog {
    transform:translateY(0) scale(1) !important;
}

body.huun-premium-variations-active button.huun-screen-choice-modal-close {
    all:unset !important;
    position:absolute !important;
    top:12px !important;
    right:12px !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    border:1px solid rgba(8,50,81,.08) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    color:#083251 !important;
    box-shadow:0 6px 16px rgba(8,50,81,.08) !important;
    cursor:pointer !important;
}

body.huun-premium-variations-active button.huun-screen-choice-modal-close svg {
    width:17px !important;
    height:17px !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-hero {
    display:grid !important;
    grid-template-columns:150px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
    padding:0 44px 15px 0 !important;
    border-bottom:1px solid rgba(8,50,81,.07) !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-media {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:150px !important;
    height:104px !important;
    overflow:hidden !important;
    border-radius:16px !important;
    background:#f1f3f4 !important;
    border:1px solid rgba(8,50,81,.07) !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-media img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:scale(1.10) !important;
    mix-blend-mode:multiply !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-copy {
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-eyebrow {
    color:#7c8a94 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:none !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-title {
    display:block !important;
    margin-top:6px !important;
    color:#083251 !important;
    font-size:20px !important;
    line-height:1.1 !important;
    font-weight:750 !important;
    letter-spacing:-.025em !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-status {
    display:block !important;
    margin-top:5px !important;
    color:#6e7e88 !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
    font-weight:500 !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-length {
    display:inline-flex !important;
    align-items:center !important;
    align-self:flex-start !important;
    min-height:28px !important;
    margin-top:9px !important;
    padding:0 9px !important;
    border:1px solid rgba(8,50,81,.09) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#607481 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:650 !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-slots {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    margin-top:14px !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-slots.is-split {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--modal {
    padding:11px !important;
    border-radius:16px !important;
    background:rgba(246,249,251,.95) !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--modal .huun-screen-type-choices {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}

body.huun-premium-variations-active .huun-screen-slot-card--modal button.huun-screen-choice {
    min-height:64px !important;
}

body.huun-premium-variations-active .huun-screen-choice-modal-foot {
    display:flex !important;
    justify-content:flex-end !important;
    margin-top:14px !important;
    padding-top:14px !important;
    border-top:1px solid rgba(8,50,81,.07) !important;
}

body.huun-premium-variations-active button.huun-screen-choice-modal-done {
    all:unset !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:120px !important;
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:13px !important;
    background:#083251 !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:700 !important;
    box-shadow:0 10px 22px rgba(8,50,81,.18) !important;
    cursor:pointer !important;
}

@media (max-width:767px) {
    body.huun-premium-variations-active .huun-screen-choice-modal {
        align-items:flex-end !important;
        padding:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-dialog {
        width:100% !important;
        max-height:calc(100dvh - 20px) !important;
        padding:14px !important;
        padding-bottom:max(14px,env(safe-area-inset-bottom)) !important;
        border-radius:22px 22px 18px 18px !important;
        transform:translateY(24px) !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal.is-open .huun-screen-choice-dialog {
        transform:translateY(0) !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice-modal-close {
        top:10px !important;
        right:10px !important;
        width:32px !important;
        height:32px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-hero {
        grid-template-columns:96px minmax(0,1fr) !important;
        gap:10px !important;
        padding:0 38px 12px 0 !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-media {
        width:96px !important;
        height:74px !important;
        border-radius:13px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-title {
        margin-top:4px !important;
        font-size:16px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-status {
        margin-top:3px !important;
        font-size:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-length {
        min-height:24px !important;
        margin-top:6px !important;
        padding:0 8px !important;
        font-size:9px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-slots,
    body.huun-premium-variations-active .huun-screen-choice-modal-slots.is-split {
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
        margin-top:10px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card--modal {
        padding:9px !important;
        border-radius:14px !important;
    }

    body.huun-premium-variations-active .huun-screen-slot-card--modal button.huun-screen-choice {
        min-height:56px !important;
        padding:7px 4px !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-foot {
        margin-top:10px !important;
        padding-top:10px !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice-modal-done {
        width:100% !important;
        min-height:46px !important;
        border-radius:12px !important;
    }
}

/* =========================================================
   HUUN Premium Variations v14.9.2
   Mobile Screen visual anti-flicker / Safari compositing fix.
   - Screen PNGs are resized at build time to 720px max width.
   - Visible side-card images are eager decoded in JS.
   - Mobile removes nested backdrop/mix-blend/transform layers
     that can flash during momentum scrolling on WebKit.
   ========================================================= */
@media (hover:none) and (pointer:coarse), (max-width:767px) {
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-screen-head,
    body.huun-premium-variations-active .huun-screen-body {
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }

    body.huun-premium-variations-active .huun-screen-configurator {
        background:rgba(250,253,255,.96) !important;
    }

    body.huun-premium-variations-active .huun-screen-head {
        background:rgba(255,255,255,.94) !important;
    }

    body.huun-premium-variations-active .huun-screen-body {
        background:#f8fafb !important;
    }

    body.huun-premium-variations-active button.huun-screen-visual-card,
    body.huun-premium-variations-active button.huun-screen-visual-card:hover,
    body.huun-premium-variations-active button.huun-screen-visual-card:active {
        transform:none !important;
        transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
        -webkit-tap-highlight-color:transparent !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media {
        background:#fff !important;
        isolation:isolate !important;
        contain:paint !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media::after {
        display:none !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-media img {
        width:100% !important;
        height:100% !important;
        transform:none !important;
        mix-blend-mode:normal !important;
        -webkit-backface-visibility:visible !important;
        backface-visibility:visible !important;
    }

    body.huun-premium-variations-active button.huun-screen-choice-modal-backdrop,
    body.huun-premium-variations-active .huun-screen-choice-dialog {
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-dialog {
        background:rgba(250,252,253,.985) !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-media {
        background:#fff !important;
        contain:paint !important;
    }

    body.huun-premium-variations-active .huun-screen-choice-modal-media img {
        transform:none !important;
        mix-blend-mode:normal !important;
    }
}


/* =========================================================
   HUUN Premium Variations v15.0.4
   Silent info modal — mobile viewport / safe-area fix
   Keeps the entire popup inside the visible mobile viewport and
   scrolls only the modal content when vertical space is limited.
   ========================================================= */
@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-silent-info-modal:not([hidden]) {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        padding: max(10px, env(safe-area-inset-top)) 9px max(8px, env(safe-area-inset-bottom)) !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-silent-info-dialog {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 18px) !important;
        max-height: calc(100dvh - max(18px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))) !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 20px 20px 16px 16px !important;
        overscroll-behavior: contain !important;
    }

    body.huun-premium-variations-active .huun-silent-info-head {
        position: relative !important;
        z-index: 2 !important;
        flex: 0 0 auto !important;
    }

    body.huun-premium-variations-active .huun-silent-info-content {
        display: block !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
    }

    body.huun-premium-variations-active .huun-silent-info-media {
        min-height: 0 !important;
        height: auto !important;
        width: calc(100% + 24px) !important;
        max-width: none !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 -12px 14px !important;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-silent-info-media img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        display: block !important;
    }
}

@media (max-width: 767px) and (max-height: 700px) {
    body.huun-premium-variations-active .huun-silent-info-modal:not([hidden]) {
        padding-top: max(6px, env(safe-area-inset-top)) !important;
    }

    body.huun-premium-variations-active .huun-silent-info-head {
        padding: 11px 12px 10px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-kicker {
        margin-bottom: 3px !important;
    }

    body.huun-premium-variations-active .huun-silent-info-content {
        padding: 10px 11px max(12px, env(safe-area-inset-bottom)) !important;
    }

    body.huun-premium-variations-active .huun-silent-info-media {
        width: calc(100% + 22px) !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        margin: -10px -11px 10px !important;
        padding: 0 !important;
    }

    body.huun-premium-variations-active .huun-silent-info-media img {
        max-height: none !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.4
   Equa technology system — DryPost / AxisLock / ClickSeal / ThermoCore
   Namespaced, no expensive mobile blur/transform layers.
   ========================================================= */
body.huun-premium-variations-active .huun-equa-tech,
body.huun-premium-variations-active .huun-equa-tech * {
    box-sizing: border-box;
}

body.huun-premium-variations-active .huun-equa-tech {
    --huun-tech-brand: #083251;
    --huun-tech-text: #183246;
    --huun-tech-muted: #6e7f8a;
    --huun-tech-line: #dfe7ec;
    --huun-tech-soft: #f7f9fa;
    width: 100%;
    margin: 28px 0 10px;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: var(--huun-tech-text);
}

body.huun-premium-variations-active .huun-equa-tech__head {
    margin-bottom: 18px;
}

body.huun-premium-variations-active .huun-equa-tech__eyebrow,
body.huun-premium-variations-active .huun-equa-tech__card-kicker,
body.huun-premium-variations-active .huun-equa-tech-modal__kicker {
    display: block;
    margin: 0 0 6px;
    color: var(--huun-tech-brand, #083251);
    font-size: 11px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .075em;
    text-transform: none;
}

body.huun-premium-variations-active .huun-equa-tech__head h2 {
    margin: 0;
    color: var(--huun-tech-brand);
    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.08;
    font-weight: 650;
    letter-spacing: -.025em;
    text-transform: none;
}

body.huun-premium-variations-active .huun-equa-tech__head > p {
    max-width: 760px;
    margin: 10px 0 0;
    color: var(--huun-tech-muted);
    font-size: 14px;
    line-height: 1.6;
}

body.huun-premium-variations-active .huun-equa-tech__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.huun-premium-variations-active .huun-equa-tech__card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--huun-tech-line);
    border-radius: 18px;
    background: #fff;
}

body.huun-premium-variations-active .huun-equa-tech__media {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #111315;
    border-bottom: 1px solid var(--huun-tech-line);
}

body.huun-premium-variations-active .huun-equa-tech__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.huun-premium-variations-active .huun-equa-tech__card-body {
    padding: 17px;
}

body.huun-premium-variations-active .huun-equa-tech__card-body h3 {
    margin: 0;
    color: var(--huun-tech-brand);
    font-size: 20px;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.015em;
    text-transform: none;
}

body.huun-premium-variations-active .huun-equa-tech__card-body p {
    min-height: 44px;
    margin: 8px 0 14px;
    color: var(--huun-tech-muted);
    font-size: 13px;
    line-height: 1.52;
}

body.huun-premium-variations-active .huun-equa-tech__details {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--huun-tech-brand);
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

body.huun-premium-variations-active .huun-equa-tech__details:focus-visible,
body.huun-premium-variations-active .huun-equa-tech-modal__close:focus-visible,
body.huun-premium-variations-active .huun-equa-tech__faq summary:focus-visible {
    outline: 2px solid rgba(8, 50, 81, .45);
    outline-offset: 3px;
}

body.huun-premium-variations-active .huun-equa-tech__faq {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid var(--huun-tech-line);
    border-radius: 18px;
    background: var(--huun-tech-soft);
}

body.huun-premium-variations-active .huun-equa-tech__faq-head h3 {
    margin: 0 0 12px;
    color: var(--huun-tech-brand);
    font-size: 19px;
    line-height: 1.25;
    font-weight: 650;
    text-transform: none;
}

body.huun-premium-variations-active .huun-equa-tech__faq-list {
    border-top: 1px solid var(--huun-tech-line);
}

body.huun-premium-variations-active .huun-equa-tech__faq details {
    border-bottom: 1px solid var(--huun-tech-line);
}

body.huun-premium-variations-active .huun-equa-tech__faq details:last-child {
    border-bottom: 0;
}

body.huun-premium-variations-active .huun-equa-tech__faq summary {
    position: relative;
    list-style: none;
    padding: 14px 34px 14px 0;
    color: var(--huun-tech-text);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    cursor: pointer;
}

body.huun-premium-variations-active .huun-equa-tech__faq summary::-webkit-details-marker {
    display: none;
}

body.huun-premium-variations-active .huun-equa-tech__faq summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 2px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    margin-top: -13px;
    border: 1px solid var(--huun-tech-line);
    border-radius: 50%;
    color: var(--huun-tech-brand);
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    background: #fff;
}

body.huun-premium-variations-active .huun-equa-tech__faq details[open] summary::after {
    content: "−";
}

body.huun-premium-variations-active .huun-equa-tech__faq details p {
    margin: -2px 0 14px;
    padding-right: 34px;
    color: var(--huun-tech-muted);
    font-size: 13px;
    line-height: 1.58;
}

body.huun-equa-tech-modal-open {
    overflow: hidden !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal[hidden] {
    display: none !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

body.huun-premium-variations-active .huun-equa-tech-modal__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(7, 25, 37, .55);
    cursor: default;
}

body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(860px, 100%);
    max-height: min(85dvh, 820px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #dfe7ec;
    border-radius: 22px;
    background: #fff;
    color: var(--huun-tech-text, #183246);
    box-shadow: 0 18px 55px rgba(7, 25, 37, .18);
}

body.huun-premium-variations-active .huun-equa-tech-modal__head {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 18px 16px;
    border-bottom: 1px solid #e4eaee;
}

body.huun-premium-variations-active .huun-equa-tech-modal__head h3 {
    margin: 0;
    color: #083251;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.015em;
    text-transform: none;
}

body.huun-premium-variations-active .huun-equa-tech-modal__close {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #dfe7ec;
    border-radius: 50%;
    background: #fff;
    color: #083251;
    font: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

body.huun-premium-variations-active .huun-equa-tech-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 0;
}

body.huun-premium-variations-active .huun-equa-tech-modal__media {
    margin: 0;
    min-height: 100%;
    background: #111315;
    border-right: 1px solid #e4eaee;
}

body.huun-premium-variations-active .huun-equa-tech-modal__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: contain;
}

body.huun-premium-variations-active .huun-equa-tech-modal__content {
    padding: 20px;
}

body.huun-premium-variations-active .huun-equa-tech-modal__lead {
    margin: 0 0 16px;
    color: #516976;
    font-size: 14px;
    line-height: 1.6;
}

body.huun-premium-variations-active .huun-equa-tech-modal__facts {
    border-top: 1px solid #e4eaee;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #e4eaee;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact > span {
    color: #7a8b95;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 600;
    text-transform: none;
    letter-spacing: .055em;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact > strong {
    color: #183246;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 500;
}

body.huun-premium-variations-active .huun-equa-tech-modal__note {
    margin: 16px 0 0;
    padding: 13px 14px;
    border: 1px solid #dfe7ec;
    border-radius: 12px;
    background: #f7f9fa;
    color: #516976;
    font-size: 12px;
    line-height: 1.55;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-equa-tech {
        margin-top: 22px;
    }

    body.huun-premium-variations-active .huun-equa-tech__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.huun-premium-variations-active .huun-equa-tech__card,
    body.huun-premium-variations-active .huun-equa-tech__faq {
        width: 100%;
        border-radius: 16px;
    }

    body.huun-premium-variations-active .huun-equa-tech__media {
        aspect-ratio: 16 / 10;
    }

    body.huun-premium-variations-active .huun-equa-tech__card-body {
        padding: 15px;
    }

    body.huun-premium-variations-active .huun-equa-tech__card-body p {
        min-height: 0;
    }

    body.huun-premium-variations-active .huun-equa-tech__faq {
        padding: 15px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal {
        align-items: flex-end;
        padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
        width: 100%;
        max-width: none;
        max-height: 85dvh;
        border-radius: 20px 20px 16px 16px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__head {
        padding: 15px 14px 13px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__head h3 {
        font-size: 20px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__body {
        display: block;
        overflow-y: auto;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__media {
        width: 100%;
        min-height: 0;
        aspect-ratio: 1 / 1;
        border-right: 0;
        border-bottom: 1px solid #e4eaee;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__media img {
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: 1 / 1;
        object-fit: contain;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__content {
        padding: 15px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__fact {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 11px 0;
    }
}

@media (max-width: 370px) {
    body.huun-premium-variations-active .huun-equa-tech__head h2 {
        font-size: 24px;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
        max-height: 84dvh;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.4
   Equa technology compact rail
   Replaces the large card/FAQ block with a low-profile control.
   ========================================================= */
body.huun-premium-variations-active .huun-equa-tech {
    margin: 14px 0 8px !important;
}

body.huun-premium-variations-active .huun-equa-tech__compact {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #dfe7ec;
    border-radius: 14px;
    background: #fff;
}

body.huun-premium-variations-active .huun-equa-tech__compact-label {
    flex: 0 0 118px;
    min-width: 0;
    padding: 2px 4px;
}

body.huun-premium-variations-active .huun-equa-tech__compact-label .huun-equa-tech__eyebrow {
    margin: 0 0 3px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: .07em !important;
}

body.huun-premium-variations-active .huun-equa-tech__compact-label > strong {
    display: block;
    color: #183246;
    font-size: 13px;
    line-height: 1.15;
    font-weight: 600;
}

body.huun-premium-variations-active .huun-equa-tech__chips {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

body.huun-premium-variations-active .huun-equa-tech__chip {
    appearance: none;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 7px;
    padding: 6px 8px;
    border: 1px solid #e2e8ec;
    border-radius: 10px;
    background: #f8fafb;
    color: #183246;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease;
}

body.huun-premium-variations-active .huun-equa-tech__chip:hover {
    border-color: rgba(8, 50, 81, .26);
    background: #fff;
}

body.huun-premium-variations-active .huun-equa-tech__chip:focus-visible {
    outline: 2px solid rgba(8, 50, 81, .38);
    outline-offset: 2px;
}

body.huun-premium-variations-active .huun-equa-tech__chip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #083251;
}

body.huun-premium-variations-active .huun-equa-tech__chip-copy {
    min-width: 0;
    display: block;
}

body.huun-premium-variations-active .huun-equa-tech__chip-copy > strong,
body.huun-premium-variations-active .huun-equa-tech__chip-copy > small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.huun-premium-variations-active .huun-equa-tech__chip-copy > strong {
    color: #083251;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 600;
}

body.huun-premium-variations-active .huun-equa-tech__chip-copy > small {
    margin-top: 2px;
    color: #74848e;
    font-size: 9.5px;
    line-height: 1.15;
    font-weight: 400;
}

body.huun-premium-variations-active .huun-equa-tech__chip-arrow {
    color: #80909a;
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
    text-align: right;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .huun-equa-tech {
        margin: 10px 0 6px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech__compact {
        display: block;
        padding: 9px;
        border-radius: 13px;
    }

    body.huun-premium-variations-active .huun-equa-tech__compact-label {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 10px;
        padding: 0 2px 7px;
    }

    body.huun-premium-variations-active .huun-equa-tech__compact-label .huun-equa-tech__eyebrow {
        margin: 0 !important;
        font-size: 9px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech__compact-label > strong {
        color: #74848e;
        font-size: 10px;
        font-weight: 500;
    }

    body.huun-premium-variations-active .huun-equa-tech__chips {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip {
        min-height: 40px;
        grid-template-columns: 6px minmax(0, 1fr) 10px;
        gap: 6px;
        padding: 6px 7px;
        border-radius: 9px;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip-copy > strong {
        font-size: 11.5px;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip-copy > small {
        font-size: 9px;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip-arrow {
        font-size: 15px;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.4
   Equa technology rail placement + Liquid Glass + modal parity
   ========================================================= */
body.huun-premium-variations-active .variations_form .huun-config-body > .huun-equa-tech--in-config {
    order: -20;
    width: 100%;
    margin: 0 !important;
    padding: 14px 14px 10px !important;
    border-bottom: 1px solid rgba(8,50,81,.065) !important;
    box-sizing: border-box !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__compact {
    position: relative;
    overflow: hidden;
    padding: 10px 11px !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    outline: 1px solid rgba(8,50,81,.075) !important;
    outline-offset: -1px !important;
    border-radius: 15px !important;
    background: rgba(250,253,255,.58) !important;
    box-shadow: 0 10px 28px rgba(8,50,81,.07), inset 0 1px 0 rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__compact::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: rgba(8,50,81,.88);
    pointer-events: none;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__compact-label {
    flex-basis: 126px !important;
    padding-left: 7px !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__compact-label > strong {
    color: #12283a !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__chip {
    min-height: 44px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    outline: 1px solid rgba(8,50,81,.07) !important;
    outline-offset: -1px !important;
    background: rgba(255,255,255,.46) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 5px 15px rgba(8,50,81,.045) !important;
    -webkit-backdrop-filter: blur(9px) saturate(140%) !important;
    backdrop-filter: blur(9px) saturate(140%) !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__chip:hover {
    background: rgba(255,255,255,.72) !important;
    outline-color: rgba(8,50,81,.16) !important;
}

/* Technology dialogs now follow the same information architecture as ThermoCore. */
body.huun-premium-variations-active .huun-equa-tech-modal {
    padding: 28px !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__backdrop {
    background: rgba(8,21,31,.58) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
    width: min(1040px, calc(100vw - 56px)) !important;
    max-height: min(88dvh, 900px) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    outline: 1px solid rgba(8,50,81,.08) !important;
    outline-offset: -1px !important;
    border-radius: 22px !important;
    background: rgba(248,252,254,.78) !important;
    box-shadow: 0 34px 90px rgba(5,35,56,.23), inset 0 1px 0 #fff !important;
    -webkit-backdrop-filter: blur(32px) saturate(165%) !important;
    backdrop-filter: blur(32px) saturate(165%) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__head {
    padding: 18px 18px 16px !important;
    background: rgba(255,255,255,.42) !important;
    border-bottom: 1px solid rgba(8,50,81,.08) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__head-copy {
    min-width: 0;
}

body.huun-premium-variations-active .huun-equa-tech-modal__kicker {
    display: block !important;
    margin-bottom: 5px !important;
    color: #6f7e89 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: none !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__head h3 {
    color: #12283a !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__head-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #083251 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__close {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(8,50,81,.11) !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__body {
    grid-template-columns: minmax(380px, .98fr) minmax(0, 1.12fr) !important;
    gap: 18px !important;
    padding: 18px !important;
    background: rgba(248,251,253,.30) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__media {
    min-height: 430px !important;
    overflow: hidden !important;
    border: 1px solid rgba(8,50,81,.09) !important;
    border-radius: 16px !important;
    background: #0f1113 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: contain !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__content {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__intro > strong {
    display: block !important;
    color: #12283a !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__intro > p {
    margin: 7px 0 0 !important;
    color: #60717e !important;
    font-size: 11.5px !important;
    line-height: 1.58 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__facts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 15px !important;
    border: 0 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(8,50,81,.085) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.44) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact-index {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: #083251 !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact-copy > strong,
body.huun-premium-variations-active .huun-equa-tech-modal__fact-copy > small {
    display: block !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact-copy > strong {
    color: #17354b !important;
    font-size: 11.2px !important;
    line-height: 1.25 !important;
    font-weight: 780 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__fact-copy > small {
    margin-top: 3px !important;
    color: #60717e !important;
    font-size: 10.7px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__note {
    display: grid !important;
    grid-template-columns: 28px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 11px 0 0 !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(8,50,81,.10) !important;
    border-radius: 11px !important;
    background: rgba(243,247,250,.72) !important;
    color: #516976 !important;
    font-size: 10.7px !important;
    line-height: 1.5 !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__note-mark {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: rgba(8,50,81,.09) !important;
    color: #083251 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-config-body > .huun-equa-tech--in-config {
        padding: 11px 10px 9px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__compact {
        padding: 9px !important;
        background: rgba(250,253,255,.92) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--in-config .huun-equa-tech__chip {
        background: rgba(255,255,255,.80) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal {
        align-items: flex-end !important;
        padding: max(10px, env(safe-area-inset-top)) 9px max(8px, env(safe-area-inset-bottom)) !important;
        height: 100dvh !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - max(18px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))) !important;
        border-radius: 20px 20px 16px 16px !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(250,253,255,.98) !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__head {
        flex: 0 0 auto !important;
        padding: 14px 14px 12px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__head h3 {
        font-size: 16px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__body {
        display: block !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        padding: 12px !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__media {
        width: calc(100% + 24px) !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 -12px 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__media img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__content {
        padding: 0 !important;
    }

    body.huun-premium-variations-active .huun-equa-tech-modal__facts {
        gap: 7px !important;
        margin-top: 12px !important;
    }
}


/* =========================================================
   HUUN Premium Variations v15.0.4
   Standalone HUUN Technologien card + German casing cleanup
   ========================================================= */
body.huun-premium-variations-active .variations_form > .huun-equa-tech--standalone,
body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 13px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    outline: 1px solid rgba(8,50,81,.075) !important;
    outline-offset: -1px !important;
    border-radius: 16px !important;
    background: rgba(249,252,254,.64) !important;
    box-shadow: 0 12px 30px rgba(8,50,81,.075), inset 0 1px 0 rgba(255,255,255,.97) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: rgba(8,50,81,.88);
    pointer-events: none;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
    flex: 0 0 132px !important;
    padding: 0 0 0 7px !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__eyebrow,
body.huun-premium-variations-active .huun-equa-tech-modal__kicker,
body.huun-premium-variations-active .huun-silent-info-kicker,
body.huun-premium-variations-active .huun-screen-editor-eyebrow,
body.huun-premium-variations-active .huun-screen-choice-modal-eyebrow,
body.huun-premium-variations-active .huun-height-kicker,
body.huun-premium-variations-active .huun-live-preview-price-label {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label > strong {
    color: #12283a !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
    min-height: 44px !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    outline: 1px solid rgba(8,50,81,.07) !important;
    outline-offset: -1px !important;
    background: rgba(255,255,255,.48) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 5px 15px rgba(8,50,81,.04) !important;
    -webkit-backdrop-filter: blur(9px) saturate(140%) !important;
    backdrop-filter: blur(9px) saturate(140%) !important;
}

body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:hover {
    background: rgba(255,255,255,.74) !important;
    outline-color: rgba(8,50,81,.16) !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone {
        margin-bottom: 10px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        display: block !important;
        padding: 10px !important;
        border-radius: 15px !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(249,252,254,.96) !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 0 2px 8px 6px !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.4
   Unified viewport popup behavior + ThermoCore consolidation
   Screen Rollo popup is the interaction reference:
   - modal is viewport-fixed / body-level
   - desktop centered, mobile bottom sheet
   - blurred background overlay
   - independently scrollable dialog content
   ========================================================= */

/* Three remaining HUUN technologies: balanced, compact layout. */
body.huun-premium-variations-active .huun-equa-tech__chips {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Shared modal background treatment. */
body.huun-premium-variations-active button.huun-silent-info-backdrop,
body.huun-premium-variations-active .huun-equa-tech-modal__backdrop {
    all: unset !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    background: rgba(15,29,39,.38) !important;
    -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
    backdrop-filter: blur(10px) saturate(125%) !important;
}

/* Silent / ThermoCore: true viewport-centered desktop modal. */
body.huun-premium-variations-active .huun-silent-info-modal:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483200 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 24px !important;
    overflow: hidden !important;
}

body.huun-premium-variations-active .huun-silent-info-dialog {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: min(1040px, 100%) !important;
    max-width: 1040px !important;
    max-height: min(88dvh, 900px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    outline: 1px solid rgba(8,50,81,.08) !important;
    outline-offset: -1px !important;
    border-radius: 24px !important;
    background: rgba(250,252,253,.95) !important;
    color: #102f45 !important;
    box-shadow: 0 28px 80px rgba(8,50,81,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter: blur(30px) saturate(155%) !important;
    backdrop-filter: blur(30px) saturate(155%) !important;
}

body.huun-premium-variations-active .huun-silent-info-head {
    flex: 0 0 auto !important;
    background: rgba(255,255,255,.52) !important;
}

body.huun-premium-variations-active .huun-silent-info-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    background: rgba(248,251,253,.30) !important;
}

/* HUUN technology dialogs: same viewport model as Screen Rollo. */
body.huun-premium-variations-active .huun-equa-tech-modal:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483200 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 24px !important;
    overflow: hidden !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(1040px, 100%) !important;
    max-width: 1040px !important;
    max-height: min(88dvh, 900px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    outline: 1px solid rgba(8,50,81,.08) !important;
    outline-offset: -1px !important;
    border-radius: 24px !important;
    background: rgba(250,252,253,.95) !important;
    color: #102f45 !important;
    box-shadow: 0 28px 80px rgba(8,50,81,.24), inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter: blur(30px) saturate(155%) !important;
    backdrop-filter: blur(30px) saturate(155%) !important;
}

body.huun-premium-variations-active .huun-equa-tech-modal__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}

/* Popup-open state should behave like Screen Rollo: no background controls. */
body.huun-premium-variations-active.huun-equa-tech-modal-open,
body.huun-premium-variations-active.huun-silent-info-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

body.huun-premium-variations-active.huun-equa-tech-modal-open .huun-mobile-live-preview,
body.huun-premium-variations-active.huun-equa-tech-modal-open .huun-mobile-live-preview.is-visible,
body.huun-premium-variations-active.huun-equa-tech-modal-open .huun-live-preview,
body.huun-premium-variations-active.huun-silent-info-open .huun-mobile-live-preview,
body.huun-premium-variations-active.huun-silent-info-open .huun-mobile-live-preview.is-visible,
body.huun-premium-variations-active.huun-silent-info-open .huun-live-preview {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 767px) {
    /* Keep the top technology rail compact now that ThermoCore is only in Silent. */
    body.huun-premium-variations-active .huun-equa-tech__chips {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip {
        min-height: 44px !important;
        grid-template-columns: 5px minmax(0,1fr) 9px !important;
        gap: 5px !important;
        padding: 6px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip-copy > strong {
        font-size: 10.8px !important;
    }

    body.huun-premium-variations-active .huun-equa-tech__chip-copy > small {
        display: none !important;
    }

    /* Same bottom-sheet geometry as the Screen Rollo selector. */
    body.huun-premium-variations-active .huun-silent-info-modal:not([hidden]),
    body.huun-premium-variations-active .huun-equa-tech-modal:not([hidden]) {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 10px !important;
        padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
    }

    body.huun-premium-variations-active .huun-silent-info-dialog,
    body.huun-premium-variations-active .huun-equa-tech-modal__dialog {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - 20px - env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        border-radius: 22px 22px 18px 18px !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(250,253,255,.985) !important;
    }

    body.huun-premium-variations-active button.huun-silent-info-backdrop,
    body.huun-premium-variations-active .huun-equa-tech-modal__backdrop {
        -webkit-backdrop-filter: blur(8px) saturate(118%) !important;
        backdrop-filter: blur(8px) saturate(118%) !important;
    }

    body.huun-premium-variations-active .huun-silent-info-content,
    body.huun-premium-variations-active .huun-equa-tech-modal__body {
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.6
   HUUN Technologien — compact desktop control cluster
   UI-only refinement: prevents technology buttons stretching
   across the entire configurator width.
   ========================================================= */
@media (min-width: 768px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        display: grid !important;
        grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 22px !important;
        padding: 14px 18px !important;
        min-height: 94px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
        flex: none !important;
        width: auto !important;
        padding: 0 0 0 10px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label .huun-equa-tech__eyebrow {
        margin: 0 0 5px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        color: #083251 !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label > strong {
        font-size: 16px !important;
        line-height: 1.18 !important;
        font-weight: 650 !important;
        letter-spacing: -.01em !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        display: flex !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
        justify-content: flex-end !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
        flex: 0 1 198px !important;
        width: clamp(172px, 13vw, 198px) !important;
        min-width: 0 !important;
        min-height: 58px !important;
        grid-template-columns: 7px minmax(0, 1fr) 14px !important;
        gap: 9px !important;
        padding: 10px 12px !important;
        border-radius: 13px !important;
        background: rgba(255,255,255,.56) !important;
        transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:hover {
        background: rgba(255,255,255,.82) !important;
        outline-color: rgba(8,50,81,.14) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 7px 18px rgba(8,50,81,.055) !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong {
        font-size: 13.5px !important;
        line-height: 1.15 !important;
        font-weight: 650 !important;
        letter-spacing: -.01em !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > small {
        margin-top: 3px !important;
        font-size: 10.5px !important;
        line-height: 1.1 !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-arrow {
        font-size: 17px !important;
        opacity: .78 !important;
    }
}

@media (min-width: 768px) and (max-width: 1080px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        grid-template-columns: 170px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        padding: 11px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
        min-height: 54px !important;
        grid-template-columns: 6px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px 7px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-arrow {
        display: none !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong {
        font-size: 11.5px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > small {
        font-size: 9px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.0.6
   Mobile finish-video reliability + universal popup priority
   ========================================================= */

/* Every HUUN overlay must sit above third-party floating widgets/badges. */
body.huun-premium-variations-active .huun-metallic-compare-modal,
body.huun-premium-variations-active .huun-silent-info-modal,
body.huun-premium-variations-active .huun-height-dialog,
body.huun-premium-variations-active .huun-screen-choice-modal,
body.huun-premium-variations-active .huun-equa-tech-modal,
body.huun-premium-variations-active .huun-ar-modal {
    z-index: 2147483647 !important;
}

/* Unified blurred page background for every Premium Variations popup. */
body.huun-premium-variations-active .huun-metallic-compare-backdrop,
body.huun-premium-variations-active button.huun-silent-info-backdrop,
body.huun-premium-variations-active .huun-height-dialog-backdrop,
body.huun-premium-variations-active button.huun-screen-choice-modal-backdrop,
body.huun-premium-variations-active .huun-equa-tech-modal__backdrop {
    background: rgba(10,24,34,.42) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
}

/* Trusted Shops can use an extreme fixed z-index. Hide only while a HUUN
   modal is active so it can never cover popup content or close controls. */
body.huun-pv-modal-open iframe[src*="trustedshops" i],
body.huun-pv-modal-open iframe[src*="trusted-shops" i],
body.huun-pv-modal-open [id^="trustbadge" i],
body.huun-pv-modal-open [id*="trustedshops" i],
body.huun-pv-modal-open [class*="trustbadge" i],
body.huun-pv-modal-open [class*="trustedshops" i],
body.huun-pv-modal-open [class*="trusted-shops" i] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Mobile Safari: keep finish samples on a stable compositor layer without
   transform/mask tricks that can suppress or flicker video playback. */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
    body.huun-premium-variations-active .huun-metallic-compare-video {
        transform: none !important;
        -webkit-mask-image: none !important;
        isolation: auto !important;
        background: #edf2f6 !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-video video {
        transform: none !important;
        will-change: auto !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }

    body.huun-premium-variations-active .huun-metallic-compare-dialog {
        margin: 9px auto !important;
        max-height: calc(100dvh - 18px) !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.1.3
   Mobile rendering performance layer
   Keep the Liquid Glass visual language while avoiding persistent
   GPU backdrop-filter layers during normal page scrolling. Modal
   backdrops intentionally keep blur because they exist only on intent.
   ========================================================= */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color),
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active .huun-screen-configurator,
    body.huun-premium-variations-active .huun-screen-visual-card,
    body.huun-premium-variations-active .huun-metallic-option {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        will-change: auto !important;
    }

    body.huun-premium-variations-active .variations_form .huun-config-card,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact,
    body.huun-premium-variations-active .huun-metallic-panel,
    body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color),
    body.huun-premium-variations-active :is(.huun-height-panel,.huun-addon-panel),
    body.huun-premium-variations-active .huun-screen-configurator {
        background: rgba(250,252,253,.965) !important;
    }

    body.huun-premium-variations-active .huun-screen-visual-card,
    body.huun-premium-variations-active .huun-metallic-option {
        transform: none !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active *,
    body.huun-premium-variations-active *::before,
    body.huun-premium-variations-active *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}


/* =========================================================
   HUUN Premium Variations v15.1.3
   iOS-safe colour video playback — no custom play overlay
   ========================================================= */
body.huun-premium-variations-active .huun-metallic-compare-video video {
    pointer-events: auto !important;
}

/* Native controls are absent during normal muted autoplay. They are enabled
   by JavaScript only if Safari rejects autoplay, providing a guaranteed
   system-level playback fallback without a custom play overlay. */
body.huun-premium-variations-active .huun-metallic-compare-video:not(.has-video-error) video::-webkit-media-controls {
    display: none !important;
}

body.huun-premium-variations-active .huun-metallic-compare-video.has-video-error video {
    pointer-events: auto !important;
}

@media (max-width: 767px), (hover: none) and (pointer: coarse) {
    body.huun-premium-variations-active .huun-metallic-compare-video video {
        transform: none !important;
        will-change: auto !important;
        -webkit-transform: none !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.1.7
   HUUN Technologien responsive visibility fix
   Prevents technology controls from being clipped on narrow
   product columns / smaller laptop screens.
   ========================================================= */
body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone {
    container-type: inline-size;
    container-name: huun-tech-rail;
}

@media (min-width: 768px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        display: grid !important;
        grid-template-columns: minmax(165px, 210px) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 16px !important;
        overflow: hidden !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 8px !important;
        justify-content: stretch !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
    }
}

/* Smaller desktop/tablet product columns: move heading above controls. */
@container huun-tech-rail (max-width: 760px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        display: block !important;
        padding: 12px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 0 3px 10px 8px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        gap: 8px !important;
    }
}

/* Narrow product columns: two columns, last technology spans the row. */
@container huun-tech-rail (max-width: 560px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:nth-child(3):last-child {
        grid-column: 1 / -1 !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > small {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* Very small phones: one clear full-width control per technology. */
@container huun-tech-rail (max-width: 360px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        grid-template-columns: 1fr !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:nth-child(3):last-child {
        grid-column: auto !important;
    }
}

/* Fallback for browsers without container queries. */
@media (min-width: 768px) and (max-width: 1180px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        display: block !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 3px 10px 8px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:nth-child(3):last-child {
        grid-column: 1 / -1 !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > small {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

@media (max-width: 360px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        grid-template-columns: 1fr !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:nth-child(3):last-child {
        grid-column: auto !important;
    }
}

/* =========================================================
   HUUN Premium Variations v15.1.11
   Mobile HUUN Technologien — compact three-control rail
   Keeps all three technologies visible in one row on phones.
   ========================================================= */
@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact {
        padding: 9px 8px 10px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label {
        display: flex !important;
        align-items: baseline !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 0 2px 8px 6px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label .huun-equa-tech__eyebrow {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__compact-label > strong {
        margin: 0 !important;
        color: #74848e !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip:nth-child(3):last-child {
        grid-column: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 8px 6px !important;
        border-radius: 10px !important;
        text-align: center !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-dot {
        flex: 0 0 6px !important;
        width: 6px !important;
        height: 6px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        display: block !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong {
        display: block !important;
        margin: 0 !important;
        color: #083251 !important;
        font-size: 11.5px !important;
        line-height: 1.15 !important;
        font-weight: 650 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > small,
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-arrow {
        display: none !important;
    }
}

@media (max-width: 359px) {
    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chips {
        gap: 5px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip {
        gap: 4px !important;
        padding: 8px 4px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-equa-tech--standalone .huun-equa-tech__chip-copy > strong {
        font-size: 10.5px !important;
    }
}


/* =========================================================
   HUUN – GLOZIN NATIVE CART UI v15.1.30
   Premium CTA refinement. WooCommerce/Glozin remains owner
   of the real add-to-cart button and AJAX lifecycle.
   ========================================================= */

body.huun-premium-variations-active .variations_form .huun-native-cart-panel {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 17px 0 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(8,50,81,.12) !important;
    border-radius: 18px !important;
    background: rgba(247,250,252,.92) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    box-shadow:
        0 10px 28px rgba(8,50,81,.055),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-panel.is-ready {
    border-color: rgba(8,50,81,.19) !important;
    box-shadow:
        0 12px 31px rgba(8,50,81,.075),
        inset 0 1px 0 rgba(255,255,255,.98) !important;
}

/* Glozin nests both controls in a group with a theme margin-bottom of 15px.
 * Keep that group inside the existing frame without asymmetric extra space. */
body.huun-premium-variations-active .variations_form .huun-native-cart-panel > .glozin-product-atc-group {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: inherit !important;
    gap: inherit !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-panel > input[type="hidden"],
body.huun-premium-variations-active .variations_form .huun-native-cart-panel > .variation_id {
    display: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    min-height: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid rgba(8,50,81,.12) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow:
        inset 0 1px 1px rgba(8,50,81,.025),
        0 1px 0 rgba(255,255,255,.8) !important;
    overflow: hidden !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity:focus-within {
    border-color: rgba(8,50,81,.30) !important;
    box-shadow: 0 0 0 3px rgba(8,50,81,.075) !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input.qty,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input[type="number"] {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    width: 40px !important;
    min-width: 32px !important;
    max-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #102a3c !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 48px !important;
    font-weight: 750 !important;
    text-align: center !important;
    -moz-appearance: textfield !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input.qty::-webkit-outer-spin-button,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input.qty::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity button,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .plus,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .minus {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: #eef3f6 !important;
    box-shadow: none !important;
    color: #083251 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity button:hover,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .plus:hover,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .minus:hover {
    border-color: rgba(8,50,81,.08) !important;
    background: #e5edf2 !important;
    transform: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-quantity button:active,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .plus:active,
body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .minus:active {
    transform: translateY(0) scale(.96) !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button {
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    gap: 10px !important;
    border: 1px solid #083251 !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 78% -35%, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(135deg, #083251 0%, #0a3a5c 58%, #0d456c 100%) !important;
    box-shadow:
        0 13px 28px rgba(8,50,81,.19),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.08) !important;
    color: #fff !important;
    overflow: hidden !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.012em !important;
    text-align: center !important;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease,
        opacity .16s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-label {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
    transition: opacity .15s ease !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-icon {
    box-sizing: border-box !important;
    position: static !important;
    order: -1 !important;
    flex: 0 0 20px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button:hover:not(:disabled):not(.disabled):not(.loading) {
    border-color: #0a3b5f !important;
    background:
        radial-gradient(circle at 78% -35%, rgba(255,255,255,.20), transparent 42%),
        linear-gradient(135deg, #0a3758 0%, #0b4166 58%, #0e4a73 100%) !important;
    box-shadow:
        0 16px 34px rgba(8,50,81,.235),
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(0,0,0,.07) !important;
    transform: none !important;
}


body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button:active:not(:disabled):not(.disabled) {
    box-shadow:
        0 8px 18px rgba(8,50,81,.18),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    transform: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button:focus-visible {
    outline: 3px solid rgba(8,50,81,.17) !important;
    outline-offset: 3px !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button:disabled,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.disabled,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.wc-variation-selection-needed,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.wc-variation-is-unavailable {
    border-color: #d9e2e8 !important;
    background: #edf2f5 !important;
    box-shadow: none !important;
    color: #8b98a1 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    transform: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button:disabled .huun-native-cart-icon,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.disabled .huun-native-cart-icon,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.wc-variation-selection-needed .huun-native-cart-icon,
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.wc-variation-is-unavailable .huun-native-cart-icon {
    border-color: rgba(139,152,161,.12) !important;
    background: transparent !important;
    color: #8b98a1 !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.loading {
    cursor: wait !important;
    opacity: .92 !important;
    transform: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.loading .huun-native-cart-label {
    opacity: .82 !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.loading .huun-native-cart-icon {
    display: none !important;
}

body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.loading::after {
    box-sizing: border-box !important;
    position: static !important;
    z-index: 3 !important;
    top: auto !important;
    right: auto !important;
    display: block !important;
    order: -1 !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 2px solid rgba(255,255,255,.35) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    background: none !important;
    content: "" !important;
    animation: huunNativeCartSpin .7s linear infinite !important;
}

@keyframes huunNativeCartSpin {
    to { transform: rotate(360deg); }
}

/* Keep theme-added auxiliary controls visually subordinate without hiding them. */
body.huun-premium-variations-active .variations_form .huun-native-cart-panel > :not(.huun-native-cart-quantity):not(.huun-native-cart-primary):not(input[type="hidden"]) {
    align-self: center !important;
}

@media (max-width: 767px) {
    body.huun-premium-variations-active .variations_form .huun-native-cart-panel {
        gap: 8px !important;
        margin-top: 14px !important;
        padding: 7px !important;
        border-radius: 16px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity {
        flex-basis: 108px !important;
        width: 108px !important;
        min-width: 108px !important;
        min-height: 54px !important;
        height: 54px !important;
        padding: 4px !important;
        border-radius: 13px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input.qty,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity input[type="number"] {
        width: 34px !important;
        min-width: 28px !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity button,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .plus,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .minus {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button {
        min-height: 54px !important;
        height: 54px !important;
        padding: 0 12px !important;
        gap: 8px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-icon {
        width: 20px !important;
        height: 20px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button.loading::after {
        right: auto !important;
    }
}

@media (max-width: 350px) {
    body.huun-premium-variations-active .variations_form .huun-native-cart-panel {
        flex-wrap: wrap !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.huun-premium-variations-active .variations_form .huun-native-cart-panel,
    body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button,
    body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-label,
    body.huun-premium-variations-active .variations_form .huun-native-cart-primary .huun-native-cart-icon,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity button,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .plus,
    body.huun-premium-variations-active .variations_form .huun-native-cart-quantity .minus {
        transition: none !important;
    }
}


/* Payment acceptance marks sit below, outside the native cart frame. */
body.huun-premium-variations-active .variations_form .huun-cart-payment-methods {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    container: huun-payments / inline-size;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: #083251;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 5px 8px;
    border: 1px solid rgba(8,50,81,.09);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,249,252,.78));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    color: #083251;
    cursor: pointer;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-hint {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
    color: #536d7c;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method:focus-visible {
    outline: 2px solid #347da8;
    outline-offset: 2px;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method:active,
body.huun-premium-variations-active .variations_form .huun-cart-payment-method[aria-expanded="true"] {
    border-color: rgba(8,50,81,.35);
    background: rgba(225,239,248,.9);
}

@media (hover: hover) and (pointer: fine) {
    body.huun-premium-variations-active .variations_form .huun-cart-payment-method:hover {
        border-color: rgba(8,50,81,.28);
        background: rgba(235,245,251,.94);
        box-shadow: inset 0 1px 0 #fff, 0 3px 10px rgba(8,50,81,.06);
    }
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method > svg {
    display: block;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin: 0;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method > img {
    display: block;
    flex: 0 1 auto;
    max-width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
    box-shadow: none;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method--paypal > img {
    width: 80px;
    height: 22px;
}

body.huun-premium-variations-active .variations_form .huun-cart-payment-method--klarna > img {
    width: 72px;
    height: 32px;
}

@container huun-payments (max-width: 499px) {
    body.huun-premium-variations-active .variations_form .huun-cart-payment-method {
        grid-column: span 2;
    }
}

@media (max-width: 480px) {
    body.huun-premium-variations-active .variations_form .huun-cart-payment-method {
        grid-column: span 2;
    }
}

/* Equa middle posts */
.huun-middle-post-configurator{margin:14px 0;color:#083251;width:100%;box-sizing:border-box;}
.huun-middle-post-configurator[hidden]{display:none!important;}
.huun-middle-post-configurator .huun-compact-addon-row{padding:14px;gap:12px;}
.huun-middle-post-description,.huun-middle-post-data{font-family:inherit;font-size:13px;line-height:1.6;margin:0;padding:0 14px 12px;}
.huun-middle-post-data{font-weight:600;}
.huun-middle-post-configurator a{color:inherit;text-decoration:underline;}
.huun-middle-post-configurator .huun-compact-addon-copy{min-width:0;}
.huun-middle-post-configurator .huun-compact-addon-copy strong,.huun-middle-post-configurator .huun-compact-addon-copy small{white-space:normal;}
/* 15.3.0 — middle-post details and Germany postcode orientation. */
.huun-middle-post-configurator [hidden]{display:none!important;}
.huun-middle-details{margin-top:8px;padding:16px;border:1px solid #dce6ed;border-radius:16px;background:linear-gradient(145deg,#fff,#f0f7fb);color:#083251;font:400 13px/1.6 "Outfit",system-ui,sans-serif;}
.huun-middle-details .huun-middle-post-description,.huun-middle-details .huun-middle-post-data{padding:0;margin:0 0 12px;}
.huun-snow-check{border-top:1px solid #dce6ed;padding-top:14px;}
.huun-snow-check strong{font-size:14px;}
.huun-snow-check p{margin:6px 0 12px;font-size:13px;line-height:1.6;}
.huun-snow-check label{display:block;font-size:12px;font-weight:600;}
.huun-snow-check input{display:block;box-sizing:border-box;width:100%;max-width:260px;min-height:44px;margin:6px 0 10px;padding:10px 12px;border:1px solid #afc3d1;border-radius:10px;font:400 16px/1.4 "Outfit",system-ui,sans-serif;background:#fff;color:#083251;}
.huun-snow-check input[aria-invalid=true]{border-color:#ad3535;}
.huun-snow-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.huun-snow-controls button{min-height:44px;padding:10px 14px;border:1px solid #083251;border-radius:10px;background:linear-gradient(135deg,#205578,#083251);color:white;font:600 12px/1.4 "Outfit",system-ui,sans-serif;cursor:pointer;}
.huun-snow-controls button:disabled{opacity:.6;cursor:wait;}
.huun-snow-controls a{font-size:12px;color:#083251;}
.huun-snow-check small{display:block;font-size:11.5px;line-height:1.6;color:#536b7a;}
.huun-snow-result{margin:10px 0;padding:12px;background:#eaf3f9;border:1px solid #cadde9;border-radius:12px;}
.huun-middle-post-configurator :is(button,input,a):focus-visible{outline:2px solid #2179a8;outline-offset:3px;}
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle) .huun-ios-switch{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}

/* Middle posts share the ThermoCore container, row styles and modal shell. */
body.huun-premium-variations-active .huun-silent-inline>.huun-middle-post-configurator{margin:10px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;width:100%;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-middle-details{display:block!important;margin:0!important;padding:22px!important;border:0!important;border-radius:0!important;font-family:"Outfit",system-ui,sans-serif!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy{min-width:0!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy strong{overflow-wrap:anywhere;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-close{flex-shrink:0!important;min-width:44px!important;min-height:44px!important;}
body.huun-middle-info-open{overflow:hidden!important;}
.huun-middle-info-modal :is(button,input,a):focus-visible{outline:2px solid #2179a8;outline-offset:3px;}
@media(max-width:767px){body.huun-premium-variations-active .huun-middle-info-modal .huun-middle-details{padding:16px!important;}}

/* Color disclosure uses the same option row and visual switch, without changing selected colors. */
body.huun-premium-variations-active .huun-metallic-inline-head.huun-compact-addon-row--color{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.42)!important;border:0!important;outline:0!important;}
body.huun-premium-variations-active .huun-metallic-inline-head.huun-compact-addon-row--color>button.huun-color-disclosure-copy{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;}
body.huun-premium-variations-active .huun-color-selection{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px;color:#667782;font-size:11px;line-height:1.4;}
body.huun-premium-variations-active .huun-color-selection strong,body.huun-premium-variations-active .huun-color-selection small{font-size:inherit!important;font-weight:500!important;}
body.huun-premium-variations-active [data-huun-color-disclosure]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
body.huun-premium-variations-active .huun-metallic-body[hidden]{display:none!important;}
@media(max-width:767px){body.huun-premium-variations-active .huun-metallic-inline-head.huun-compact-addon-row--color{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;}body.huun-premium-variations-active .huun-metallic-inline-head.huun-compact-addon-row--color>button.huun-color-disclosure-copy{grid-column:2!important;grid-row:1!important;width:100%!important;}}

/* Premium icon family: consistent strokes, restrained glass highlights. */
body.huun-premium-variations-active :is(.huun-config-icon,.huun-unified-section-icon,.huun-height-head-icon,.huun-screen-head-icon,.huun-metallic-head-icon){background:linear-gradient(145deg,#285a7a,#083251)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px rgba(8,50,81,.12)!important;color:#fff!important;}
body.huun-premium-variations-active .huun-pv-icon{display:block;flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
body.huun-premium-variations-active .huun-compact-detail-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;border:0!important;}
body.huun-premium-variations-active .huun-compact-detail-icon .huun-pv-icon{width:17px!important;height:17px!important;}
body.huun-premium-variations-active :is(.huun-silent-info-close,.huun-metallic-compare-close,.huun-height-dialog-close){display:flex!important;align-items:center!important;justify-content:center!important;}
body.huun-premium-variations-active .huun-metallic-coating{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;padding:12px 0 0!important;}
body.huun-premium-variations-active .huun-metallic-coating::before,body.huun-premium-variations-active .huun-metallic-coating::after{content:none!important;}

body.huun-premium-variations-active .huun-silent-louver-configurator{background:transparent!important;}

/* Match ThermoCore: the entire middle-post row toggles the option. */
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle){cursor:pointer;}

/* 15.3.3: uncluttered Screen Rollo explanation. */
body.huun-premium-variations-active .huun-screen-note{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;}
body.huun-premium-variations-active .huun-screen-note::before,body.huun-premium-variations-active .huun-screen-note::after{content:none!important;}

/* Inner-height editor: measurement first, precise controls, visible price. */
body.huun-premium-variations-active .huun-height-body--refined[hidden]{display:none!important;}
body.huun-premium-variations-active .huun-height-body--refined{padding:16px!important;}
body.huun-premium-variations-active .huun-height-body--refined .huun-height-measure-warning{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;padding:12px!important;border:1px solid rgba(157,59,43,.12)!important;outline:0!important;box-shadow:none!important;border-radius:12px!important;background:rgba(255,245,242,.68)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#8b3b30!important;}
body.huun-premium-variations-active .huun-height-guide-drawing{display:flex;flex:0 0 48px;color:#a1493b;}
body.huun-premium-variations-active .huun-height-guide-drawing svg{width:48px;height:44px;}
body.huun-premium-variations-active .huun-height-body--refined .huun-height-measure-warning strong{font-size:12px!important;line-height:1.4!important;color:#8b3b30!important;}
body.huun-premium-variations-active .huun-height-body--refined .huun-height-measure-warning small{font-size:11.5px!important;line-height:1.5!important;color:#79544d!important;margin-top:3px!important;}
body.huun-premium-variations-active .huun-height-controls--refined{padding:0!important;margin:0!important;}
body.huun-premium-variations-active .huun-height-controls--refined .huun-height-control-label{margin-bottom:10px!important;line-height:1.4!important;}
body.huun-premium-variations-active .huun-height-control-label label{font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;color:#083251;}
body.huun-premium-variations-active .huun-height-controls--refined .huun-height-input-row{max-width:400px;margin:0 auto;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:10px!important;}
body.huun-premium-variations-active .huun-height-controls--refined .huun-height-step{width:48px!important;height:48px!important;}
body.huun-premium-variations-active .huun-height-controls--refined .huun-height-step:disabled{opacity:.35!important;cursor:default!important;}
body.huun-premium-variations-active .huun-height-controls--refined .huun-height-number-wrap{height:48px!important;background:rgba(255,255,255,.65)!important;}
body.huun-premium-variations-active .huun-height-controls--refined input.huun-height-number{height:46px!important;line-height:46px!important;font-size:20px!important;font-weight:650!important;font-variant-numeric:tabular-nums!important;}
body.huun-premium-variations-active .huun-height-equivalent{margin:8px 0 6px!important;text-align:center!important;color:#506778!important;font-size:11.5px!important;line-height:1.5!important;}
body.huun-premium-variations-active input.huun-height-range{display:block!important;appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;outline-offset:2px!important;box-shadow:none!important;background:transparent!important;cursor:pointer!important;accent-color:#083251;touch-action:pan-y;}
body.huun-premium-variations-active input.huun-height-range::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,#083251 0 var(--huun-height-progress,44%),#dbe5eb var(--huun-height-progress,44%) 100%);}
body.huun-premium-variations-active input.huun-height-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-9.5px;border:1px solid #94aebf;border-radius:50%;background:linear-gradient(145deg,#fff,#edf4f8);box-shadow:0 2px 6px rgba(8,50,81,.2);}
body.huun-premium-variations-active input.huun-height-range::-moz-range-track{height:5px;border-radius:8px;background:#dbe5eb;}
body.huun-premium-variations-active input.huun-height-range::-moz-range-progress{height:5px;background:#083251;}
body.huun-premium-variations-active input.huun-height-range::-moz-range-thumb{width:24px;height:24px;border:1px solid #94aebf;border-radius:50%;background:#f8fbfd;box-shadow:0 2px 6px rgba(8,50,81,.2);}
body.huun-premium-variations-active .huun-height-range-labels{display:flex;justify-content:space-between;gap:6px;margin:0 0 16px;font-size:10.5px;line-height:1.5;color:#536b7c;}
body.huun-premium-variations-active .huun-height-price-summary{padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:linear-gradient(130deg,rgba(230,241,248,.78),rgba(255,255,255,.6));box-shadow:inset 0 1px 0 #fff;color:#083251;}
body.huun-premium-variations-active .huun-height-price-summary>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.5;}
body.huun-premium-variations-active .huun-height-price-summary small{display:block;font-size:11px;line-height:1.5;color:#526a7b;margin-top:4px;}
body.huun-premium-variations-active .huun-height-price-summary [hidden]{display:none!important;}
body.huun-premium-variations-active .huun-height-body--refined .huun-height-actions{margin:6px 0 0!important;justify-content:center!important;}
body.huun-premium-variations-active .huun-height-body--refined .huun-height-reset{min-height:44px!important;padding:8px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:underline!important;text-underline-offset:3px;font-size:11.5px!important;}
body.huun-premium-variations-active .huun-height-body--refined :is(button,input):focus-visible{outline:2px solid #347da8!important;outline-offset:3px!important;}
body.huun-premium-variations-active .huun-height-number-wrap:focus-within{outline:2px solid #347da8!important;outline-offset:2px!important;}
@media(max-width:767px){body.huun-premium-variations-active .huun-height-body--refined{padding:14px 12px!important;}}

/* ThermoCore: one readable content area and a persistent selection footer. */
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-dialog{width:min(860px,100%)!important;max-width:860px!important;max-height:calc(100dvh - 48px)!important;font-family:"Outfit",system-ui,sans-serif!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-head{display:flex!important;align-items:center!important;gap:12px!important;padding:18px 22px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-head-copy{flex:1!important;min-width:0!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-head-copy strong{font-size:16px!important;line-height:1.35!important;font-weight:650!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-kicker{font-size:10.5px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-close{flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-content{display:block!important;padding:22px!important;}
body.huun-premium-variations-active .huun-thermocore-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;}
body.huun-premium-variations-active .huun-thermocore-intro.has-image{grid-template-columns:180px minmax(0,1fr);}
body.huun-premium-variations-active .huun-thermocore-figure{margin:0;padding:12px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:inset 0 1px 0 #fff;}
body.huun-premium-variations-active .huun-thermocore-figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;}
body.huun-premium-variations-active .huun-thermocore-figure figcaption{font-size:10px;line-height:1.4;text-align:center;color:#566d7d;margin-top:8px;}
body.huun-premium-variations-active .huun-thermocore-eyebrow{display:block;font-size:11px;line-height:1.5;color:#526a7b;margin-bottom:8px;}
body.huun-premium-variations-active .huun-thermocore-intro h3{font:650 21px/1.3 "Outfit",system-ui,sans-serif!important;color:#083251!important;letter-spacing:-.3px!important;margin:0 0 10px!important;}
body.huun-premium-variations-active .huun-thermocore-intro p{font-size:12px!important;line-height:1.65!important;color:#445d6e!important;margin:0!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:20px 0 14px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit{gap:10px!important;padding:14px!important;border:1px solid rgba(8,50,81,.065)!important;border-radius:14px!important;background:rgba(255,255,255,.52)!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit-icon{flex:0 0 30px!important;width:30px!important;height:30px!important;background:linear-gradient(145deg,#e7f0f6,#f7fbfd)!important;box-shadow:inset 0 1px 0 #fff!important;color:#083251!important;border:1px solid #dfebf2!important;border-radius:9px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit-icon svg{width:18px;height:18px;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit strong{font-size:12px!important;line-height:1.4!important;font-weight:650!important;color:#083251!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit small{font-size:11.5px!important;line-height:1.6!important;font-weight:400!important;color:#506878!important;margin-top:5px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-warning{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:12px 14px!important;border:1px solid rgba(146,83,24,.12)!important;border-radius:12px!important;background:rgba(255,248,233,.72)!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-warning-mark{flex:0 0 22px!important;background:transparent!important;color:#8b591c!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-warning strong{font-size:12px!important;line-height:1.4!important;color:#765224!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-warning small{font-size:11.5px!important;line-height:1.5!important;color:#796043!important;font-weight:400!important;}
body.huun-premium-variations-active .huun-silent-decision{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:1px solid rgba(8,50,81,.08);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,245,251,.86));box-shadow:0 -5px 16px rgba(8,50,81,.035);}
body.huun-premium-variations-active .huun-silent-decision-price{min-width:0;}
body.huun-premium-variations-active .huun-silent-decision-price small{display:block;font-size:11px;line-height:1.5;color:#536d7c;}
body.huun-premium-variations-active .huun-silent-decision-price strong{display:block;font-size:14px;line-height:1.5;color:#083251;font-weight:650;}
body.huun-premium-variations-active button.huun-silent-confirm{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:46px;padding:12px 18px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:linear-gradient(145deg,#275673,#083251);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 14px rgba(8,50,81,.15);font:600 12px/1.4 "Outfit",system-ui,sans-serif;color:white;cursor:pointer;}
body.huun-premium-variations-active .huun-thermocore-modal button:focus-visible{outline:2px solid #347da8!important;outline-offset:3px!important;}
@media(max-width:600px){
body.huun-premium-variations-active .huun-thermocore-modal:not([hidden]){padding:10px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-dialog{max-height:calc(100dvh - 20px)!important;border-radius:20px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-head{padding:14px!important;gap:10px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-head-copy strong{font-size:14px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-content{padding:16px!important;}
body.huun-premium-variations-active .huun-thermocore-intro.has-image{grid-template-columns:1fr;gap:14px;}
body.huun-premium-variations-active .huun-thermocore-figure{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:8px 12px;}
body.huun-premium-variations-active .huun-thermocore-figure figcaption{text-align:left;margin:0;font-size:11px;}
body.huun-premium-variations-active .huun-thermocore-intro h3{font-size:19px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefits{grid-template-columns:1fr!important;margin-top:16px!important;}
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-benefit{padding:12px!important;}
body.huun-premium-variations-active .huun-silent-decision{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 16px;}
body.huun-premium-variations-active .huun-silent-decision-price{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;}
body.huun-premium-variations-active button.huun-silent-confirm{width:100%;}
}
@media(prefers-reduced-motion:reduce){body.huun-premium-variations-active .huun-thermocore-modal *{animation:none!important;transition:none!important;}}

body.huun-premium-variations-active .huun-silent-decision-price .huun-silent-purchase-note{flex-basis:100%;font-size:10.5px;line-height:1.5;color:#795422;margin-top:3px;}

/* 15.3.4: a readable ThermoCore product illustration on every viewport. */
body.huun-premium-variations-active .huun-thermocore-intro.has-image{grid-template-columns:minmax(260px,320px) minmax(0,1fr);}
body.huun-premium-variations-active .huun-thermocore-figure{padding:14px;}
@media(max-width:600px){
body.huun-premium-variations-active .huun-thermocore-intro.has-image{grid-template-columns:minmax(0,1fr);gap:18px;}
body.huun-premium-variations-active .huun-thermocore-figure{display:block;width:100%;max-width:340px;margin:0 auto;padding:14px;box-sizing:border-box;}
body.huun-premium-variations-active .huun-thermocore-figure img{width:100%;height:auto;max-height:none;object-fit:contain;}
body.huun-premium-variations-active .huun-thermocore-figure figcaption{text-align:center;margin-top:8px;}
}

/* 15.3.6: give the ThermoCore illustration more room on desktop. */
@media(min-width:1024px){
body.huun-premium-variations-active .huun-thermocore-modal .huun-silent-info-dialog{width:min(1040px,100%)!important;max-width:1040px!important;}
body.huun-premium-variations-active .huun-thermocore-intro.has-image{grid-template-columns:minmax(0,500px) minmax(280px,1fr);}
}

/* Middle posts: selected-size comparison, postcode orientation, clear selection. */
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-dialog{width:min(860px,100%)!important;max-width:860px!important;max-height:calc(100dvh - 48px)!important;font-family:"Outfit",system-ui,sans-serif!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head{display:flex!important;align-items:center!important;gap:12px!important;padding:18px 22px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy{flex:1!important;min-width:0!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy strong{font-size:16px!important;line-height:1.35!important;font-weight:650!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy small{font-size:11.5px!important;line-height:1.5!important;font-weight:400!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-kicker{font-size:10.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-close{flex:0 0 44px!important;width:44px!important;height:44px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-middle-details{background:rgba(248,251,253,.3)!important;padding:22px!important;}
body.huun-premium-variations-active .huun-middle-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;color:#083251;}
body.huun-premium-variations-active .huun-middle-section-head>strong,body.huun-premium-variations-active .huun-snow-heading strong{font-size:14px!important;font-weight:650;line-height:1.5;}
body.huun-premium-variations-active .huun-middle-state{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border:1px solid rgba(8,50,81,.1);border-radius:20px;background:rgba(255,255,255,.65);font-size:10.5px;font-weight:500;color:#4b677a;}
body.huun-premium-variations-active .huun-middle-state.is-selected{color:#176348;background:#edf8f2;border-color:#c7e4d7;}
body.huun-premium-variations-active .huun-middle-overview .huun-middle-post-description{font-size:12px!important;line-height:1.65!important;color:#4b6476;margin:8px 0 16px!important;padding:0!important;}
body.huun-premium-variations-active .huun-middle-load-comparison{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;align-items:stretch;}
body.huun-premium-variations-active .huun-middle-load-comparison>div{min-width:0;padding:16px;border:1px solid rgba(8,50,81,.08);border-radius:14px;background:rgba(255,255,255,.65);box-shadow:inset 0 1px 0 #fff;}
body.huun-premium-variations-active .huun-middle-load-comparison>div>span{display:block;font-size:11.5px;line-height:1.5;}
body.huun-premium-variations-active .huun-middle-load-comparison strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:28px;line-height:1.3;letter-spacing:-.5px;font-weight:650;margin-top:6px;font-variant-numeric:tabular-nums;}
body.huun-premium-variations-active .huun-middle-load-comparison strong small{font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;}
body.huun-premium-variations-active .huun-middle-load-comparison .huun-middle-load-upgraded{color:white;background:linear-gradient(130deg,#275776,#083251);border-color:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 14px rgba(8,50,81,.12);}
body.huun-premium-variations-active .huun-middle-load-arrow{display:flex;align-items:center;justify-content:center;color:#6c8799;}
body.huun-premium-variations-active .huun-middle-facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:14px;font-size:11.5px;line-height:1.5;color:#4c6577;}
body.huun-premium-variations-active .huun-middle-facts>span{display:flex;align-items:center;gap:7px;}
body.huun-premium-variations-active .huun-middle-facts svg{width:16px;height:16px;color:#083251;flex-shrink:0;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-snow-check{margin-top:20px;padding-top:18px;border-top:1px solid rgba(8,50,81,.1);}
body.huun-premium-variations-active .huun-snow-heading{justify-content:flex-start;flex-wrap:nowrap;gap:10px;}
body.huun-premium-variations-active .huun-middle-locator{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#e8f2f8,#fff);box-shadow:inset 0 1px 0 #fff;color:#083251;}
body.huun-premium-variations-active .huun-snow-heading p{margin:3px 0 0!important;font-size:11.5px!important;line-height:1.5!important;color:#50697b;}
body.huun-premium-variations-active .huun-snow-entry{display:flex;align-items:flex-end;gap:10px;margin-top:16px;}
body.huun-premium-variations-active .huun-snow-entry>label{flex:1;min-width:0;font-size:11.5px;font-weight:500;line-height:1.5;}
body.huun-premium-variations-active .huun-snow-entry input{max-width:none;margin:5px 0 0!important;height:46px;min-height:46px;border:1px solid #a9c0cf;box-shadow:inset 0 1px 2px rgba(8,50,81,.03);background:rgba(255,255,255,.85);}
body.huun-premium-variations-active .huun-snow-entry .huun-snow-controls{flex:0 0 auto;}
body.huun-premium-variations-active .huun-snow-entry button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);}
body.huun-premium-variations-active .huun-snow-entry button svg{width:17px;height:17px;}
body.huun-premium-variations-active .huun-middle-info-modal [data-snow-status]{font-size:11.5px!important;line-height:1.5!important;margin:10px 0!important;}
body.huun-premium-variations-active .huun-middle-info-modal [data-snow-status]:empty{display:none;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-snow-result{margin:12px 0;padding:14px;border:1px solid rgba(8,50,81,.1);border-radius:12px;background:rgba(232,242,248,.6);}
body.huun-premium-variations-active .huun-middle-info-modal .huun-snow-result strong{font-size:12px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-snow-result p{font-size:12px!important;line-height:1.6!important;margin:7px 0!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-snow-result small,body.huun-premium-variations-active #huun-snow-limits{font-size:10.5px!important;line-height:1.6!important;color:#536a7b;}
body.huun-premium-variations-active .huun-snow-source-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:12px 0 8px;font-size:10.5px;line-height:1.5;color:#526c7e;}
body.huun-premium-variations-active .huun-snow-source-row a{color:#083251;text-underline-offset:3px;}
body.huun-premium-variations-active .huun-middle-decision .huun-silent-decision-price>small:last-child{font-size:10.5px;margin-top:3px;flex-basis:100%;}
body.huun-premium-variations-active [data-middle-confirm]:disabled{opacity:.55;cursor:default;}
@media(max-width:600px){
body.huun-premium-variations-active .huun-middle-info-modal:not([hidden]){padding:10px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-dialog{max-height:calc(100dvh - 20px)!important;border-radius:20px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head{padding:14px!important;gap:10px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy strong{font-size:14px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-silent-info-head-copy small{font-size:11px!important;}
body.huun-premium-variations-active .huun-middle-info-modal .huun-middle-details{padding:16px!important;}
body.huun-premium-variations-active .huun-middle-load-comparison{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:7px;}
body.huun-premium-variations-active .huun-middle-load-comparison>div{padding:12px 10px;}
body.huun-premium-variations-active .huun-middle-load-comparison strong{font-size:24px;}
body.huun-premium-variations-active .huun-middle-load-comparison strong small{font-size:10.5px;}
body.huun-premium-variations-active .huun-middle-facts{gap:8px 16px;font-size:11px;}
body.huun-premium-variations-active .huun-snow-entry{flex-wrap:wrap;}
body.huun-premium-variations-active .huun-snow-entry>label{flex-basis:150px;}
body.huun-premium-variations-active .huun-snow-entry .huun-snow-controls{flex:1;}
body.huun-premium-variations-active .huun-snow-entry button{width:100%;}
}

/* v15.3.5: preserve the complete supplied six-metre front/rear drawings. */
body.huun-premium-variations-active .huun-screen-visual-media img[src*="-6m-complete.png"],
body.huun-premium-variations-active .huun-screen-choice-modal-media img[src*="-6m-complete.png"] {
    object-fit:contain !important;
    transform:none !important;
}

/* 15.3.7: colour is a disclosure; purchased add-ons share their selection style. */
body.huun-premium-variations-active .huun-compact-addon-row--color{cursor:pointer;}
body.huun-premium-variations-active button.huun-color-disclosure-toggle{
    all:unset!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid rgba(8,50,81,.12)!important;border-radius:12px!important;
    background:rgba(255,255,255,.5)!important;color:#083251!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;cursor:pointer!important;
}
body.huun-premium-variations-active .huun-color-disclosure-toggle svg{width:18px;height:18px;transition:transform .18s ease;}
body.huun-premium-variations-active .huun-color-disclosure-toggle[aria-expanded="true"] svg{transform:rotate(180deg);}
body.huun-premium-variations-active .huun-color-disclosure-toggle:focus-visible,
body.huun-premium-variations-active .huun-color-disclosure-copy:focus-visible{outline:2px solid #347da8!important;outline-offset:3px!important;}
@media(hover:hover) and (pointer:fine){
body.huun-premium-variations-active button.huun-color-disclosure-toggle:hover{background:rgba(232,241,247,.8)!important;border-color:rgba(8,50,81,.3)!important;}
}
@media(hover:none),(pointer:coarse){
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle) .huun-ios-switch{transform:none!important;}
}
@media(max-width:767px){
body.huun-premium-variations-active .huun-metallic-inline-head.huun-compact-addon-row--color{grid-template-columns:36px minmax(0,1fr) 44px!important;}
body.huun-premium-variations-active .huun-compact-addon-row--color .huun-compact-addon-actions{display:contents!important;}
body.huun-premium-variations-active .huun-compact-addon-row--color .huun-color-disclosure-toggle{grid-column:3!important;grid-row:1!important;align-self:center!important;}
body.huun-premium-variations-active .huun-compact-addon-row--color .huun-metallic-compare-trigger{grid-column:1 / -1!important;grid-row:2!important;justify-self:stretch!important;}
}

/* Touch feedback and native purchase-row alignment. */
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color),
body.huun-premium-variations-active :is(.huun-compact-addon-row--silent,.huun-compact-addon-row--middle,.huun-compact-addon-row--color) button{
    -webkit-tap-highlight-color:transparent!important;
}
body.huun-premium-variations-active .variations_form .huun-native-cart-panel::before,
body.huun-premium-variations-active .variations_form .huun-native-cart-panel::after{content:none!important;display:none!important;}
@media(hover:none),(pointer:coarse){
body.huun-premium-variations-active .variations_form .huun-native-cart-primary.single_add_to_cart_button{transform:none!important;}
}

/* Short payment explanations share the configurator's glass modal shell. */
body.huun-premium-variations-active.huun-payment-info-open { overflow: hidden !important; }
body.huun-premium-variations-active.huun-payment-info-open .huun-mobile-live-preview,
body.huun-premium-variations-active.huun-payment-info-open .huun-live-preview { visibility: hidden !important; pointer-events: none !important; }
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-dialog {
    width: min(520px,100%) !important;
    max-width: 520px !important;
    max-height: calc(100dvh - 48px) !important;
}
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-head {
    display: flex !important; align-items: center !important; gap: 12px !important; padding: 18px 22px !important;
}
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-head-copy { flex: 1 !important; min-width: 0 !important; }
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-head-copy strong {
    font-size: 16px !important; font-weight: 650 !important; line-height: 1.35 !important; overflow-wrap: anywhere;
}
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-kicker {
    font-size: 10.5px !important; line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important;
}
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-close {
    flex: 0 0 44px !important; width: 44px !important; height: 44px !important; min-height: 44px !important;
}
body.huun-premium-variations-active .huun-payment-info-brand {
    display: flex; align-items: center; justify-content: center; flex: 0 0 64px; width: 64px; height: 44px; color: #083251;
    border: 1px solid rgba(8,50,81,.09); border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: inset 0 1px 0 #fff;
}
body.huun-premium-variations-active .huun-payment-info-brand:empty { display: none; }
body.huun-premium-variations-active .huun-payment-info-brand svg { display: block; width: 24px; height: 24px; }
body.huun-premium-variations-active .huun-payment-info-brand img { display: block; width: 56px; height: 28px; max-width: 100%; object-fit: contain; margin: 0; }
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-content { display: block !important; padding: 22px !important; }
body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-content p {
    margin: 0 !important; font-size: 14px !important; line-height: 1.75 !important; font-weight: 400 !important; color: #304e62 !important;
}
body.huun-premium-variations-active .huun-payment-info-footer p { margin: 0; font-size: 11.5px; line-height: 1.5; color: #536d7c; }
body.huun-premium-variations-active .huun-payment-info-modal button:focus-visible { outline: 2px solid #347da8 !important; outline-offset: 2px !important; }
@media(max-width:600px) {
    body.huun-premium-variations-active .huun-payment-info-modal:not([hidden]) { padding: 10px !important; padding-bottom: max(10px,env(safe-area-inset-bottom)) !important; }
    body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-dialog { max-height: calc(100dvh - 20px - env(safe-area-inset-bottom)) !important; }
    body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-head { padding: 14px !important; gap: 10px !important; }
    body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-head-copy strong { font-size: 14px !important; }
    body.huun-premium-variations-active .huun-payment-info-brand { flex-basis: 44px; width: 44px; }
    body.huun-premium-variations-active .huun-payment-info-brand img { width: 38px; height: 24px; }
    body.huun-premium-variations-active .huun-payment-info-modal .huun-silent-info-content { padding: 18px 16px !important; }
    body.huun-premium-variations-active .huun-payment-info-footer { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 12px 16px; }
    body.huun-premium-variations-active .huun-payment-info-footer .huun-silent-confirm { width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
    body.huun-premium-variations-active .variations_form .huun-cart-payment-method { transition: none; }
}

/* Mounting direction dialog — shared source for Screen geometry. */
#huun-mount-wall-dialog{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:30px;border:1px solid rgba(38,63,97,.16);border-radius:24px;background:rgba(247,249,252,.98);color:#263f61;box-shadow:0 24px 90px #13284140;font-family:inherit}
#huun-mount-wall-dialog::backdrop{background:rgba(15,30,49,.48);backdrop-filter:blur(6px)}
#huun-mount-wall-dialog h3{font-size:22px;line-height:1.35;color:#263f61;margin:4px 32px 22px 0}
#huun-mount-wall-dialog [data-huun-wall-close]{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#263f61;font-size:28px;cursor:pointer}
[data-huun-wall-summary]{display:block;margin-top:12px;padding:10px 14px;border:1px solid #263f6130;border-radius:12px;background:#f4f7fa;color:#263f61;font:inherit;font-size:13px;cursor:pointer}
#huun-mount-wall-dialog .huun-screen-wall-options{display:grid;grid-template-columns:1fr;gap:12px}
#huun-mount-wall-dialog .huun-screen-wall-option{width:100%}

/* Selected wall direction: compact architectural glass card. */
body.huun-premium-variations-active .huun-config-group .huun-wall-summary{
 display:flex;align-items:center;gap:15px;width:100%;min-width:0;margin:14px 0 0;padding:14px 16px;
 border:1px solid rgba(38,63,97,.10);border-radius:16px;
 background:linear-gradient(120deg,rgba(255,255,255,.93),rgba(237,243,249,.70));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 16px rgba(38,63,97,.035);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 color:#263f61;font-family:inherit;text-align:left;text-transform:none;letter-spacing:normal;line-height:1.4;
 cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;
}
body.huun-premium-variations-active .huun-config-group .huun-wall-summary:hover{
 background:linear-gradient(120deg,#fff,rgba(231,239,248,.9));border-color:rgba(38,63,97,.22);
 box-shadow:inset 0 1px 0 #fff,0 6px 20px rgba(38,63,97,.07);
}
body.huun-premium-variations-active .huun-config-group .huun-wall-summary:focus-visible{outline:2px solid #263f61;outline-offset:3px}
.huun-wall-summary__drawing{display:flex;align-items:center;justify-content:center;flex:0 0 66px;width:66px;height:56px;border-radius:12px;background:rgba(38,63,97,.045);color:#263f61}
.huun-wall-summary__drawing svg{display:block;width:66px;height:52px}
.huun-wall-summary__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.huun-wall-summary__eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#788697;line-height:1.4}
.huun-wall-summary__title{font-size:14px;font-weight:500;color:#263f61;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.huun-wall-summary__meta{font-size:12px;font-weight:400;color:#738194;line-height:1.4}
.huun-wall-summary__edit{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(38,63,97,.08);border-radius:50%;background:rgba(255,255,255,.7);color:#526781}
.huun-wall-summary__edit svg{width:15px;height:15px}
@media(max-width:480px){body.huun-premium-variations-active .huun-config-group .huun-wall-summary{gap:11px;padding:12px;border-radius:14px}.huun-wall-summary__drawing{flex-basis:54px;width:54px;height:50px}.huun-wall-summary__drawing svg{width:54px;height:46px}.huun-wall-summary__title{font-size:13px}.huun-wall-summary__meta{font-size:11px}.huun-wall-summary__edit{flex-basis:28px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){body.huun-premium-variations-active .huun-config-group .huun-wall-summary{transition:none}}

/* Personal consultation, directly below payment methods. */
body.huun-premium-variations-active a.huun-personal-support{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;margin:16px 0 0;padding:15px 17px;border:1px solid rgba(8,50,81,.08);border-radius:18px;background:linear-gradient(115deg,rgba(255,255,255,.94),rgba(236,242,248,.72));box-shadow:inset 0 1px 0 #fff,0 5px 20px rgba(8,50,81,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#083251;text-decoration:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}
body.huun-premium-variations-active a.huun-personal-support:hover{color:#083251;text-decoration:none;border-color:rgba(8,50,81,.20);box-shadow:inset 0 1px 0 #fff,0 7px 24px rgba(8,50,81,.07)}
.huun-personal-support__portrait{display:block;flex:0 0 64px;width:64px;height:64px;padding:3px;border:1px solid rgba(8,50,81,.12);border-radius:50%;background:rgba(255,255,255,.9)}
body.huun-premium-variations-active .huun-personal-support__portrait img{display:block;width:56px;height:56px;max-width:none;margin:0;border:0;border-radius:50%;object-fit:cover;object-position:48% 22%}
.huun-personal-support__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.huun-personal-support__title{font-size:14px;font-weight:600;line-height:1.4;color:#083251}
.huun-personal-support__text{font-size:11px;font-weight:400;line-height:1.5;color:#70808e}
.huun-personal-support__phone{margin-top:2px;font-size:14px;font-weight:500;line-height:1.4;color:#263f61;font-variant-numeric:tabular-nums}
.huun-personal-support__action{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:linear-gradient(145deg,#285a7a,#083251);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 10px rgba(8,50,81,.1)}
.huun-personal-support__action svg{display:block;width:17px;height:17px}
body.huun-premium-variations-active a.huun-personal-support:focus-visible{outline:2px solid #083251;outline-offset:3px}
@media(max-width:480px){body.huun-premium-variations-active a.huun-personal-support{gap:11px;padding:13px 12px;border-radius:15px}.huun-personal-support__portrait{flex-basis:54px;width:54px;height:54px}body.huun-premium-variations-active .huun-personal-support__portrait img{width:46px;height:46px}.huun-personal-support__title{font-size:13px}.huun-personal-support__phone{font-size:13px}.huun-personal-support__action{width:30px;height:30px;flex-basis:30px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){body.huun-premium-variations-active a.huun-personal-support{transition:none}}

/* Availability follows Europe/Berlin, including daylight saving time. */
.huun-personal-support__status{display:flex;align-items:center;gap:6px;margin-top:3px;color:#7a8591;font-size:10px;font-weight:400;line-height:1.5}
.huun-personal-support__dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#9aa4af;box-shadow:0 0 0 3px rgba(154,164,175,.09)}
.huun-personal-support__status.is-online{color:#337451}
.huun-personal-support__status.is-online .huun-personal-support__dot{background:#36a66a;box-shadow:0 0 0 3px rgba(54,166,106,.10),0 0 7px rgba(54,166,106,.24)}

/* Availability badge sits on the portrait, with no visible status text. */
.huun-personal-support__portrait{position:relative;overflow:visible}
.huun-personal-support__portrait .huun-personal-support__status{position:absolute;right:0;bottom:0;display:block;width:15px;height:15px;margin:0;padding:0;border:3px solid #f7f9fc;border-radius:50%;background:#9aa4af;box-shadow:0 1px 3px rgba(8,50,81,.12)}
.huun-personal-support__portrait .huun-personal-support__dot{display:block;width:100%;height:100%;border-radius:50%;background:#9aa4af;box-shadow:none}
.huun-personal-support__portrait .huun-personal-support__status.is-online{background:#36a66a}
.huun-personal-support__portrait .huun-personal-support__status.is-online .huun-personal-support__dot{background:#36a66a;box-shadow:none}

/* v15.3.22 — standalone add-on cards above interior height. */
body.huun-premium-variations-active .variations_form #huun-silent-louver-configurator,
body.huun-premium-variations-active .variations_form [data-huun-middle-post-root] {
 margin:12px 0!important;padding:0!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.huun-premium-variations-active .variations_form .huun-addon-panel > .huun-addon-head {
 min-height:70px!important;padding:12px 14px!important;border:0!important;border-radius:0!important;outline:0!important;gap:12px!important;
}
body.huun-premium-variations-active .variations_form .huun-addon-head .huun-unified-section-icon {
 width:34px!important;height:34px!important;flex:0 0 34px!important;
}